:root{font-family:Segoe UI,Inter,sans-serif;color:#e9edf4;background:#03060c;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #eac18a;--muted: #92a0b5;--line: #ffffff12}*{box-sizing:border-box}body{margin:0;overflow:hidden;width:100vw;height:100dvh}button,select,input{font:inherit}button,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#sidebar{position:absolute;inset:22px auto 22px 22px;width:282px;display:flex;flex-direction:column;padding:24px 18px 16px;background:linear-gradient(155deg,#101925f5,#080d16fa 65%);border:1px solid #b8cee525;border-radius:20px;box-shadow:0 20px 70px #0008,inset 0 1px #ffffff08;z-index:100}.brand-kicker{color:var(--accent);font-size:9px;font-weight:600;letter-spacing:3px;margin:0 0 8px 4px}#sidebar h1{font-size:25px;font-weight:400;letter-spacing:-1px;margin:0 4px 5px}.brand-subtitle{font-size:11px;color:var(--muted);margin:0 4px 20px}#planet-list{flex:1;min-height:80px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding-right:4px}*{scrollbar-width:thin;scrollbar-color:#445064 transparent}.planet-btn{flex-shrink:0;min-height:38px;display:flex;align-items:center;gap:13px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d4dce8;padding:8px 11px;text-align:left;cursor:pointer;font-size:12px;transition:background .18s,border-color .18s,color .18s}.planet-btn:before{content:"";width:18px;height:18px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ddd1be,#7a756e 45%,#242833 85%);box-shadow:inset -4px -2px 5px #0007,0 0 0 1px #ffffff12}.planet-btn:nth-of-type(1):before{background:radial-gradient(circle at 35% 30%,#fff3b6,#edaa49 60%,#b84f24);box-shadow:0 0 15px #ecac4944}.planet-btn:nth-of-type(3):before{background:linear-gradient(25deg,#705432,#dbc392,#a07c49)}.planet-btn:nth-of-type(4):before{background:radial-gradient(ellipse at 30% 25%,#93d9df,#598c6c 30%,#2f77ac 50%,#152c59)}.planet-btn:nth-of-type(5):before{background:radial-gradient(circle at 30% 25%,#e6aa75,#aa5438 55%,#472722)}.planet-btn:nth-of-type(6):before{background:repeating-linear-gradient(12deg,#bda085 0 3px,#e4cdb0 4px 6px,#97745f 7px 8px)}.planet-btn:nth-of-type(7):before{background:linear-gradient(30deg,#887b5d,#e4cf9e);outline:2px solid #d7c59988;outline-offset:2px;transform:rotate(-25deg) scaleY(.78)}.planet-btn:nth-of-type(8):before{background:radial-gradient(circle at 30% 25%,#c0ecec,#70afb8 55%,#355366)}.planet-btn:nth-of-type(9):before{background:radial-gradient(circle at 30% 25%,#759bef,#345bba 55%,#172b57)}.planet-btn:after{content:"↗";margin-left:auto;color:#78889e;opacity:0}.planet-btn:hover,.planet-btn.active{background:#ffffff08;border-color:#eac18a35;color:#fff2dc}.planet-btn:hover:after,.planet-btn.active:after{opacity:1}.planet-btn.dwarf{color:#a7b3c6;font-size:11px;min-height:34px}.planet-btn.dwarf:before{width:12px;height:12px;margin:0 3px}.sidebar-section-header{color:#8391a7;font-size:9px;letter-spacing:2px;padding:15px 10px 8px}#planet-details{flex:1;min-height:0;overflow-y:auto;padding:0 4px}#planet-details.hidden,#earth-popout.hidden{display:none}#back-btn{color:var(--muted);background:none;border:0;padding:4px 0;margin-bottom:18px;cursor:pointer;font-size:12px}#back-btn:hover{color:var(--accent)}#detail-title{color:#f6e2c7;font-size:30px;font-weight:400;letter-spacing:-1px;margin:0 0 12px}#detail-desc{font-size:12px;line-height:1.85;color:#a7b3c6;margin:0 0 20px}#detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-card{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:10px;padding:12px 9px;background:#ffffff03}.stat-icon{display:none}.stat-label{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:12px;font-weight:500}#controls{flex-shrink:0;margin-top:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#controls summary{cursor:pointer;padding:15px 4px;color:#d5deeb;font-size:11px;letter-spacing:.5px}#controls summary::marker{color:var(--accent)}.control-fields{display:flex;flex-direction:column;gap:12px;max-height:32vh;overflow-y:auto;overflow-x:hidden;padding:2px 8px 16px 4px}label{font-size:10px;color:#a8b5c8;-webkit-user-select:none;user-select:none}label span{float:right;color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;width:100%;min-height:12px;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:#3e4654}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;margin-top:-4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #eac18a12}input[type=range]::-moz-range-track{height:3px;background:#3e4654}input[type=range]::-moz-range-thumb{border:0;background:var(--accent)}select{width:100%;padding:8px;color:#e1e7ee;background:#141e2c;border:1px solid #ffffff15;border-radius:6px;font-size:11px}.control-divider{height:1px;background:var(--line)}#shortcut-hint{color:#8492a8;font-size:9px;line-height:1.9;text-align:center;margin-top:13px}kbd{font:inherit;color:#c8d2e0;border:1px solid #ffffff24;border-radius:3px;padding:1px 4px}.scene-caption{position:absolute;top:35px;left:340px;pointer-events:none;z-index:90}.scene-caption p{color:#aebccd;font-size:9px;letter-spacing:3px;margin:0 0 8px}.scene-caption h2{font-size:22px;font-weight:300;letter-spacing:-.5px;margin:0;color:#e7edf3}.scene-guide{position:absolute;right:30px;bottom:25px;color:#a6b4c5;font-size:10px;letter-spacing:.7px;pointer-events:none;z-index:90}#info{position:fixed;top:10px;left:10px;opacity:0;pointer-events:none;z-index:200;background:#0e1729;border:1px solid #eac18a44;padding:6px 10px;border-radius:6px;font-size:11px}.planet-label,.moon-label{color:#ccd7e6;font:10px Segoe UI,sans-serif;letter-spacing:.5px;background:#07101b80;border:1px solid #ffffff10;padding:4px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;transition:opacity .18s}.moon-label{font-size:8px;padding:2px 5px;color:#98a8bb;border:0}.moons-header{color:var(--muted);font-size:11px;font-weight:500;margin:20px 0 10px}#moons-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.moon-grid-btn{padding:9px 5px;border:1px solid var(--line);border-radius:6px;color:#bac7d9;background:#ffffff04;font-size:10px;cursor:pointer}.moon-grid-btn:hover{color:var(--accent);border-color:#eac18a55}#earth-resolution-container{padding:10px;background:#ffffff04;border-radius:8px;margin:10px 0;display:flex;flex-direction:column;gap:12px}#earth-popout{height:200px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;background:radial-gradient(ellipse,#162e47,#080d16 75%)}#loading-screen{position:fixed;inset:0;background:#03060c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;z-index:1000;transition:opacity .6s}#loading-screen.done{opacity:0;pointer-events:none}.loading-sun{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffedbc,#e6a252 65%,#a54523);box-shadow:0 0 60px #e6a25255;animation:loading-pulse 2s ease-in-out infinite}.loading-text{color:#a7b3c6;font-size:10px;letter-spacing:3px;text-transform:uppercase}@keyframes loading-pulse{50%{transform:scale(1.1)}}@media(max-width:700px){#sidebar{inset:12px auto 12px 12px;width:225px;padding:18px 12px 12px}#sidebar h1{font-size:22px}.scene-caption{left:260px;top:24px}.scene-caption h2{font-size:16px}.scene-caption p{font-size:8px;letter-spacing:1px}.scene-guide{right:16px;bottom:16px;max-width:120px;line-height:1.8;text-align:right}}@media(max-width:480px){#sidebar{top:auto;bottom:10px;left:10px;width:calc(100% - 20px);height:42dvh;padding:12px;border-radius:14px}.brand-kicker,.brand-subtitle,#shortcut-hint{display:none}#sidebar h1{font-size:18px;margin-bottom:10px}#controls{margin-top:6px}#controls summary{padding:9px 4px}.control-fields{max-height:15dvh}.scene-caption{left:22px;top:22px}.scene-guide{display:none}#sidebar:has(#controls[open]) #planet-list{min-height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#exploration-tools{flex-shrink:0;margin:0 3px 10px}#exploration-tools [hidden],#planet-list>[hidden]{display:none!important}.catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:6px}#catalog-search{min-width:0;width:100%;padding:8px;font-size:11px;color:#e1e7ee;background:#141e2c;border:1px solid #ffffff15;border-radius:6px}#catalog-search::placeholder{color:#92a0b5}#catalog-category{min-width:0;padding:7px 4px;font-size:10px}.tour-picker{margin-top:8px}.tour-picker summary{font-size:10px;color:var(--accent);cursor:pointer;padding:4px 0}.tour-options{display:grid;gap:5px;padding-top:5px}#exploration-tools button{color:#cbd5e3;background:#ffffff05;border:1px solid #ffffff15;border-radius:6px;padding:7px;font-size:10px;cursor:pointer}#exploration-tools button:hover{border-color:#eac18a66;color:var(--accent)}#exploration-tools button:disabled{opacity:.35;cursor:default}.tour-active{padding:10px;border-radius:9px;border:1px solid #eac18a33;background:#eac18a06}.tour-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.tour-title{font-size:11px;font-weight:500;color:var(--accent)}.tour-caption{color:#b0bed0;font-size:11px;line-height:1.65;margin:8px 0}.tour-navigation{display:flex;justify-content:space-between;align-items:center;gap:5px}.tour-count{font-size:10px;color:var(--muted);white-space:nowrap}.catalog-empty{color:var(--muted);font-size:12px;line-height:1.7;padding:6px 10px}#sidebar:has(#planet-details:not(.hidden)) .catalog-tools,#sidebar:has(#planet-details:not(.hidden)) .tour-picker{display:none}@media(max-width:480px){#exploration-tools{margin-bottom:6px}.tour-caption{max-height:48px;overflow-y:auto;margin:4px 0;font-size:10px}.tour-active{padding:6px 8px}.tour-picker{margin-top:4px}.tour-options{grid-template-columns:repeat(3,minmax(0,1fr))}}.time-controls{display:grid;gap:9px}.scale-modes{display:grid;gap:7px}.science-panel{border-top:1px solid #ffffff20;padding-top:10px}.science-panel summary{cursor:pointer;color:#d9e3f1;font-size:12px}.science-panel h3{font-size:13px;margin:10px 0}.science-epoch{color:#91a0b5;font-size:10px}.science-metrics{display:grid;gap:4px;margin:10px 0 16px}.science-metrics dt{color:#91a0b5;font-size:10px}.science-metrics dd{margin:0 0 6px;font-size:11px;color:#d9e3f1;overflow-wrap:anywhere}.measurement-pickers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.measurement-pickers select{min-width:0}.measurement-result{display:block;color:#eac18a;font-size:11px;line-height:1.6}.control-fields button{background:#1b293b;color:#d9e3f1;border:1px solid #ffffff20;border-radius:6px;padding:8px;font-size:11px;cursor:pointer}.time-controls input{min-width:0;width:100%;background:#141e2c;border:1px solid #ffffff20;border-radius:6px;color:#d9e3f1;padding:8px;font:inherit;font-size:11px}.simulation-note{font-size:10px;color:#91a0b5;line-height:1.6;margin:4px 0 10px}.scale-dialog{width:min(620px,94vw);max-height:90dvh;padding:28px;color:#e3eaf4;background:#0d1623;border:1px solid #8193b544;border-radius:18px}.scale-dialog::backdrop{background:#000b}.scale-dialog h2{font-weight:400;font-size:26px}.scale-dialog h3{font-weight:500;font-size:13px;margin-top:25px}.close-comparison{float:right;color:#eac18a;background:transparent;border:0;font-size:24px;cursor:pointer}.comparison-pickers{display:flex;gap:15px}.comparison-pickers label{flex:1}.comparison-pickers select{margin-top:8px}.scale-dialog svg{width:100%}#comparison-ratio{font-size:13px;text-align:center}.distance-row{margin:12px 0;font-size:11px;color:#c7d5e7}.distance-row div{height:5px;background:#eac18a;margin-top:7px;border-radius:3px}body:has(dialog[open]) .scene-caption{visibility:hidden}#sidebar:has(.tour-active:not([hidden])) .control-fields{max-height:20vh}#sidebar:has(.tour-active:not([hidden])) #planet-details{min-height:100px}@media(max-width:480px){#sidebar:has(.tour-active:not([hidden])):has(#controls[open]){height:60dvh}#sidebar:has(.tour-active:not([hidden])):has(#controls[open]) #planet-details{min-height:70px}#sidebar:has(.tour-active:not([hidden])) .control-fields{max-height:12dvh}}