:root{--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--radius:16px}:root[data-theme=dark]{--bg:#070b1a;--panel-bg:#0d142ceb;--panel-border:#78a0ff40;--text:#eef2ff;--text-dim:#a8b3d6;--accent:#4cc9f0;--accent-2:#f5b942;--chip-bg:#4cc9f024;--chip-border:#4cc9f066;--btn-bg:#0f1937d9;--btn-hover:#3c5aa0bf;--shadow:0 8px 32px #0000008c;--shimmer-a:#ffffff0f;--shimmer-b:#ffffff24}:root[data-theme=light]{--bg:#dfe9fb;--panel-bg:#fffffff0;--panel-border:#28468c33;--text:#16203c;--text-dim:#52608a;--accent:#0d6fb8;--accent-2:#c77c02;--chip-bg:#0d6fb81a;--chip-border:#0d6fb859;--btn-bg:#ffffffe6;--btn-hover:#c8dcfaf2;--shadow:0 8px 28px #1e326440;--shimmer-a:#14285a0f;--shimmer-b:#14285a24}:root{--type-planet:#4c9be8;--type-dwarf-planet:#7fb6e8;--type-moon:#8f9bb3;--type-star:#f5b942;--type-star-system:#f5d442;--type-black-hole:#a06bf5;--type-quasar:#f56bd2;--type-galaxy:#f07ab0;--type-galaxy-group:#e85c8f;--type-supercluster:#d84c72;--type-nebula:#6bd8a8;--type-comet:#6bd8d8;--type-belt:#c8a06b;--type-region:#6b8fd8}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);margin:0;overflow:hidden}.app{position:fixed;inset:0}.ui-overlay{pointer-events:none;z-index:10;position:absolute;inset:0}.ui-overlay>*{pointer-events:auto}.top-bar{flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;display:flex;position:absolute;top:0;left:0;right:0}.app-title{font-family:var(--font-display);color:#eef2ff;text-shadow:0 2px 8px #0000008c;white-space:nowrap;font-size:20px;font-weight:800}.breadcrumb{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow);scrollbar-width:none;border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:4px 10px;display:flex;overflow-x:auto}.crumb-wrap{align-items:center;display:inline-flex}.crumb-sep{color:var(--text-dim);margin:0 2px}.crumb{color:var(--text-dim);font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-size:13px;font-weight:700;display:inline-flex}.crumb:hover{background:var(--btn-hover);color:var(--text)}.crumb-active{background:var(--chip-bg);color:var(--accent);outline:1px solid var(--chip-border)}.search-box{margin-left:auto;position:relative}.search-box input{border:1px solid var(--panel-border);background:var(--panel-bg);width:230px;max-width:55vw;color:var(--text);font-family:var(--font-body);box-shadow:var(--shadow);border-radius:999px;outline:none;padding:9px 14px;font-size:14px}.search-box input:focus{border-color:var(--accent)}.search-results{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);width:240px;box-shadow:var(--shadow);margin:0;padding:6px;list-style:none;position:absolute;top:110%;right:0}.search-results button{text-align:left;width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:9px 10px;font-size:14px;display:block}.search-results button:hover{background:var(--btn-hover)}.body-label{font-family:var(--font-display);color:#fff;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#080c1c9e;border:1px solid #ffffff2e;border-radius:999px;padding:3px 10px;font-weight:700;transition:background .15s;transform:translateY(-14px)}.body-label:hover{background:#28468cd9}.body-label-md{font-size:13px}.body-label-sm{opacity:.9;font-size:11px}.controls-bar{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:24px;gap:10px;padding:8px 14px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ctrl-btn{background:var(--btn-bg);min-width:56px;min-height:56px;color:var(--text);cursor:pointer;border:none;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;transition:transform .12s,background .15s;display:flex}.ctrl-btn:hover{background:var(--btn-hover);transform:translateY(-2px)}.ctrl-active{outline:2px solid var(--accent)}.ctrl-icon{font-size:20px;line-height:1}.ctrl-label{font-family:var(--font-display);color:var(--text-dim);font-size:11px;font-weight:700}.info-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);width:390px;max-width:calc(100vw - 28px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px;animation:.3s ease-out panel-in;position:absolute;top:64px;bottom:96px;right:14px;overflow:hidden auto}@keyframes panel-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.panel-close{border:1px solid var(--panel-border);background:var(--btn-bg);width:34px;height:34px;color:var(--text);cursor:pointer;z-index:2;border-radius:50%;font-size:14px;position:absolute;top:10px;right:10px}.panel-close:hover{background:var(--btn-hover)}.panel-header{margin-bottom:12px;padding-right:30px}.type-badge{font-family:var(--font-display);color:var(--chip-color,var(--accent));background:color-mix(in srgb, var(--chip-color,var(--accent)) 16%, transparent);border:1px solid color-mix(in srgb, var(--chip-color,var(--accent)) 45%, transparent);border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.panel-title{font-family:var(--font-display);color:var(--text);margin:2px 0;font-size:26px;font-weight:800}.panel-subtitle{color:var(--text-dim);margin:0;font-size:14px}.panel-extract{color:var(--text);font-size:15px;line-height:1.55}.section-title{font-family:var(--font-display);color:var(--text-dim);margin:14px 0 8px;font-size:14px;font-weight:700}.gallery{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;display:grid}.gallery-item{aspect-ratio:1;cursor:zoom-in;background:var(--shimmer-a);border:none;border-radius:10px;padding:0;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.gallery-item:hover img{transform:scale(1.08)}.gallery-shimmer{animation:1.2s infinite shimmer}.gallery-empty{color:var(--text-dim);padding:8px 0;font-size:13px}.lightbox{z-index:100;cursor:zoom-out;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}.lightbox img{border-radius:12px;max-width:92vw;max-height:82vh}.lightbox-caption{color:#fff;text-align:center;max-width:80vw;font-size:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{background:var(--chip-bg);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;padding:8px 10px;display:flex}.stat-emoji{font-size:16px}.stat-label{color:var(--text-dim);font-size:11px;font-weight:700}.stat-value{color:var(--text);font-size:14px;font-weight:700}.chain-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chain-item{align-items:center;gap:6px;display:inline-flex}.chain-arrow{color:var(--text-dim)}.chip{border:1px solid color-mix(in srgb, var(--chip-color,var(--accent)) 45%, transparent);background:color-mix(in srgb, var(--chip-color,var(--accent)) 14%, transparent);color:var(--text);font-family:var(--font-display);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;transition:transform .12s}.chip:hover{transform:translateY(-1px)}.chip-active{outline:2px solid var(--chip-color,var(--accent))}.explore{margin-top:12px}.hint-text{color:var(--text-dim);font-size:13px}.panel-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#06121f}.btn-secondary{background:var(--chip-bg);color:var(--text);border:1px solid var(--chip-border)}.shimmer-block{flex-direction:column;gap:8px;margin:8px 0;display:flex}.shimmer-line{border-radius:6px;height:13px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background:var(--shimmer-a)}50%{background:var(--shimmer-b)}to{background:var(--shimmer-a)}}.tour-overlay{width:560px;max-width:calc(100vw - 24px);position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.tour-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 18px}.tour-progress{background:var(--chip-bg);border-radius:3px;height:5px;margin-bottom:8px;overflow:hidden}.tour-progress-fill{background:var(--accent);width:0;height:100%;animation-name:tour-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes tour-fill{0%{width:0}to{width:100%}}.tour-stop-label{font-family:var(--font-display);color:var(--accent);font-size:14px;font-weight:800}.tour-narration{color:var(--text);margin:6px 0 10px;font-size:15.5px;line-height:1.5}.tour-buttons{flex-wrap:wrap;gap:8px;display:flex}.tour-btn{font-family:var(--font-display);border:1px solid var(--panel-border);background:var(--btn-bg);color:var(--text);cursor:pointer;border-radius:999px;min-height:40px;padding:9px 14px;font-size:13px;font-weight:700}.tour-btn:hover:not(:disabled){background:var(--btn-hover)}.tour-btn:disabled{opacity:.4;cursor:default}.tour-btn-main{background:var(--accent);color:#06121f;border-color:#0000}.tour-btn-exit{margin-left:auto}.tour-dots{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.tour-dot{background:var(--chip-bg);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0}.tour-dot-active{background:var(--accent);transform:scale(1.3)}.zoom-hint{background:var(--panel-bg);border:1px solid var(--chip-border);color:var(--text);font-family:var(--font-display);box-shadow:var(--shadow);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;animation:.25s ease-out hint-pop;position:absolute;top:70px;left:50%;transform:translate(-50%)}@keyframes hint-pop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.scale-note{color:var(--text-dim);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:999px;max-width:40vw;padding:5px 12px;font-size:11.5px;position:absolute;bottom:16px;left:14px}.warp{z-index:50;pointer-events:none;opacity:0;background:radial-gradient(circle,#1b2b5e 0%,#04060f 70%);justify-content:center;align-items:center;transition:opacity .45s;display:flex;position:absolute;inset:0}.warp-active{opacity:1}.warp-text{font-family:var(--font-display);color:#cfe4ff;font-size:22px;font-weight:800;animation:.9s infinite alternate warp-pulse}@keyframes warp-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}@media (width<=640px){.app-title{font-size:16px}.crumb-name{display:none}.crumb-active .crumb-name{display:inline}.info-panel{border-radius:var(--radius) var(--radius) 0 0;width:auto;max-height:52vh;inset:auto 8px 88px}.search-box input{width:150px}.controls-bar{gap:4px;padding:6px 8px}.ctrl-btn{min-width:48px;min-height:48px}.scale-note{display:none}.tour-overlay{bottom:88px}}