:root{color-scheme:dark;--bg:#080b12;--panel:#0e131e;--panel2:#111827;--line:#202a3b;--muted:#8591a5;--text:#eef3fb;--accent:#8daaff;--gold:#f3c874;--mono:ui-monospace,'Cascadia Code','Segoe UI Mono',monospace;--sans:system-ui,-apple-system,'Segoe UI',sans-serif;--display:system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 55% 2%,#151b2a 0%,#0a0e17 32%,var(--bg) 70%);color:var(--text);font-family:var(--sans);font-size:14px}.app-shell{max-width:1440px;margin:0 auto;padding:0 56px}.topbar{height:76px;border-bottom:1px solid rgba(139,157,190,.15);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#dfe7f3;font:600 12px var(--mono);letter-spacing:.16em}.brand b{font-weight:400;color:#8291ab}.brand-mark{width:23px;height:23px;border:1px solid #8ca8ed;border-radius:50%;display:grid;place-items:center;position:relative}.brand-mark:before,.brand-mark:after{content:'';position:absolute;border:1px solid #536783;border-radius:50%;width:29px;height:10px;transform:rotate(-36deg)}.brand-mark:after{transform:rotate(36deg)}.brand-mark span{width:5px;height:5px;background:#d9e4ff;border-radius:50%;box-shadow:0 0 9px #9bb8ff}.topbar-meta{display:flex;align-items:center;gap:12px;color:#7f8ba0;font:10px var(--mono);letter-spacing:.1em}.live-dot{width:6px;height:6px;border-radius:50%;background:#79d9b2;box-shadow:0 0 9px #79d9b2}.meta-divider{height:12px;width:1px;background:#2a3445}.now-button{border:1px solid #34435a;color:#d5def0;background:#111827;border-radius:5px;padding:10px 14px;font:10px var(--mono);letter-spacing:.1em;cursor:pointer}.now-button:hover{border-color:#849ed2;background:#182236}.now-icon{margin-right:7px;color:#8fe0bb}.intro{padding:41px 0 30px}.eyebrow,.panel-label,.scene-kicker,.scene-units,.timeline-range,.range-labels,.data-cell>span,footer,.canvas-foot{font-family:var(--mono);letter-spacing:.1em}.eyebrow{display:flex;align-items:center;gap:9px;color:#91a3c5;font-size:9px}.eyebrow-line{width:21px;height:1px;background:#8daaff}.intro h1{font:600 clamp(34px,4vw,49px)/1.12 var(--display);letter-spacing:-.055em;margin:15px 0 9px}.intro h1 em{font-style:normal;color:#8fa9e7}.intro p{margin:0;color:#97a2b4;font-size:14px}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:14px;align-items:stretch}.scene-wrap,.time-panel{background:linear-gradient(145deg,rgba(17,24,37,.96),rgba(11,16,26,.98));border:1px solid #202a3b;border-radius:8px;overflow:hidden}.scene-head{height:68px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d2737}.scene-kicker{font-size:8px;color:#8190a8}.scene-head h2{font:600 15px var(--display);letter-spacing:-.02em;margin:5px 0 0}.scene-units{font-size:8px;color:#758198}.canvas-frame{height:clamp(370px,42vw,480px);position:relative;background:radial-gradient(ellipse at 51% 50%,rgba(49,62,91,.2),transparent 58%),linear-gradient(180deg,#0b101a,#090d16)}canvas{display:block;width:100%;height:100%}.canvas-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;color:#f7d891;font:8px var(--mono);letter-spacing:.1em;display:grid;gap:9px;justify-items:center;text-shadow:0 0 8px #f2ae53}.axis-dot{width:8px;height:8px;border-radius:50%;background:#ffe6a0;box-shadow:0 0 9px 4px #ffb64f,0 0 25px 10px rgba(255,174,65,.28)}.canvas-foot{position:absolute;left:19px;bottom:15px;display:flex;gap:16px;color:#748096;font-size:8px;pointer-events:none}.canvas-foot span{display:flex;align-items:center;gap:6px}.legend-orbit{width:13px;height:1px;border-top:1px dashed #66728b}.legend-body{width:5px;height:5px;border-radius:50%;background:#91a9e8}.hover-card{position:absolute;padding:9px 12px;border:1px solid #34445c;background:#101827ee;border-radius:5px;font:10px var(--mono);pointer-events:none;box-shadow:0 8px 24px #0008}.planet-strip{min-height:69px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:4px;border-top:1px solid #1d2737}.planet-chip{display:flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;color:#8f9bb0;padding:7px 8px;border-radius:5px;font:10px var(--mono);cursor:pointer}.planet-chip:hover{color:#eef3fb;background:#151e2e}.planet-chip[aria-pressed="true"]{color:#eaf0ff;border-color:#344666;background:#172238}.planet-dot{width:8px;height:8px;border-radius:50%;background:var(--planet-color);box-shadow:0 0 8px color-mix(in srgb,var(--planet-color),transparent 55%)}.time-panel{display:flex;flex-direction:column}.panel-section{padding:22px 21px 18px}.panel-label{font-size:8px;color:#91a0b7;display:flex;align-items:center;justify-content:space-between}.utc-tag{font-size:8px;color:#78869c;border:1px solid #2c374a;border-radius:3px;padding:3px 5px}.date-display{font:500 23px var(--display);letter-spacing:-.04em;margin:17px 0 11px}.date-input{width:100%;height:35px;background:#0a101a;border:1px solid #273348;border-radius:4px;color:#cbd5e6;font:11px var(--mono);padding:0 9px;color-scheme:dark}.date-input:focus,.speed-select:focus{outline:1px solid #7897d6;border-color:#7897d6}.timeline-range{display:flex;justify-content:space-between;color:#728099;font-size:8px;margin:22px 0 9px}.timeline-range span:last-child{color:#85d9b1}.time-slider{width:100%;margin:0;appearance:none;background:transparent;height:15px;cursor:pointer}.time-slider::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#42516a,#7898d7);border-radius:2px}.time-slider::-moz-range-track{height:3px;background:linear-gradient(90deg,#42516a,#7898d7);border-radius:2px}.time-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;margin-top:-4.5px;background:#d9e5ff;border:2px solid #829fe0;box-shadow:0 0 11px #8daaff}.time-slider::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#d9e5ff;border:2px solid #829fe0;box-shadow:0 0 11px #8daaff}.range-labels{display:flex;justify-content:space-between;color:#69758b;font-size:7px}.transport{padding:0 20px 18px;display:grid;grid-template-columns:40px 40px 40px 1fr;gap:8px;align-items:center;border-bottom:1px solid #202a3b}.transport-button,.play-button{height:36px;border:1px solid #2b374b;background:#121a28;color:#c2cde0;border-radius:5px;font:10px var(--mono);cursor:pointer}.transport-button:hover{border-color:#819bd0;color:white}.play-button{background:#263b62;border-color:#4666a3;color:#eef3ff;font-size:12px}.play-button:hover{background:#324d7c}.speed-select{min-width:0;height:36px;padding:0 7px;background:#0c121e;color:#bac5d8;border:1px solid #2b374b;border-radius:5px;font:9px var(--mono)}.planet-data{padding:19px 21px 15px;flex:1}.selected-heading{display:flex;align-items:center;gap:10px;margin-top:12px}.selected-swatch{width:18px;height:18px;border-radius:50%;background:#6ea0c8;box-shadow:0 0 15px #6ea0c844}.selected-heading h3{font:600 22px var(--display);letter-spacing:-.045em;margin:0}.selected-symbol{margin-left:auto;color:#91a8d8;font-size:18px}.selected-description{color:#8794aa;font-size:11px;margin:5px 0 18px 28px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.data-cell{padding:11px 0;border-top:1px solid #222c3c;display:flex;flex-direction:column;gap:7px}.data-cell>span{font-size:7px;color:#738097}.data-cell strong{font:11px var(--mono);color:#e0e7f3}.data-note{color:#707d93;font-size:9px;line-height:1.5;margin:10px 0 0}.model-note{display:flex;gap:9px;align-items:flex-start;padding:13px 20px;background:#0b111b;border-top:1px solid #202a3b;color:#79869b;font-size:9px;line-height:1.5}.info-icon{flex:0 0 15px;height:15px;border:1px solid #53617a;color:#a6b7d7;border-radius:50%;text-align:center;line-height:13px;font:10px var(--mono);padding-top:1px}footer{display:flex;justify-content:space-between;padding:21px 0 30px;color:#647087;font-size:8px}footer a{color:#8d9bb2;text-decoration:none}footer a:hover{color:#d9e4f7}.footer-dot{color:#91a8da;padding:0 4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.app-shell{padding:0 28px}.explorer{grid-template-columns:minmax(0,1fr) 330px}.planet-chip{padding:7px 5px;gap:5px;font-size:9px}.canvas-frame{height:420px}}
@media(max-width:760px){.app-shell{padding:0 16px}.topbar{height:64px}.topbar-meta{font-size:8px;gap:7px}.now-button{font-size:9px;padding:8px}.intro{padding:32px 0 23px}.intro h1{font-size:38px}.intro p{max-width:440px;line-height:1.5}.explorer{grid-template-columns:1fr;gap:12px}.canvas-frame{height:min(70vw,440px);min-height:300px}.scene-head{padding:0 16px}.planet-strip{overflow-x:auto;justify-content:flex-start}.planet-chip{flex:none;padding:7px 9px}.time-panel{display:grid;grid-template-columns:1fr}.panel-section{padding-bottom:14px}.transport{grid-template-columns:40px 40px 40px minmax(112px,1fr)}.planet-data{padding-top:17px}.model-note{order:4}footer{gap:14px;line-height:1.5;flex-wrap:wrap}}
@media(max-width:420px){.topbar-meta{display:none}.intro h1{font-size:34px}.canvas-frame{min-height:285px}.scene-units{font-size:6px}.scene-head h2{font-size:14px}.canvas-foot{left:10px;gap:8px;font-size:7px}.date-display{font-size:21px}.data-cell>span{font-size:6px}}