:root{color-scheme:dark;--ink: #f5f3ee;--muted: #a9b1c2;--panel: rgb(8 13 27 / 86%);--panel-strong: rgb(8 13 27 / 94%);--line: rgb(174 192 224 / 16%);--gold: #f2b94d;--gold-soft: #ffe2a0;--violet: #9d7cff;--violet-soft: #c7b8ff;--cyan: #7ee7f2;--danger: #ff8c7c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;background:#060914}*{box-sizing:border-box}html,body,.experience{width:100%;height:100%;margin:0}body{overflow:hidden;color:var(--ink);background:radial-gradient(circle at 65% 35%,#14213b 0,#080d1c,#05070f 72%)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;border-radius:8px;color:#071019;background:var(--cyan);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.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}.scene-root,.scene-root canvas{position:fixed;inset:0;width:100%;height:100%}.scene-root canvas{display:block;touch-action:none}.topbar{position:fixed;z-index:12;top:0;left:0;right:0;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center;min-height:68px;padding:10px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#04070feb,#04070fa1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.back-link{display:inline-flex;align-items:center;gap:9px;width:fit-content;color:#d3d9e5;font-size:.78rem;font-weight:750;text-decoration:none}.back-link:hover{color:#fff}.back-link span:first-child{color:var(--cyan);font-size:1.05rem}.topbar-title{display:grid;justify-items:center;line-height:1.05}.topbar-title strong{font-family:Georgia,Times New Roman,serif;font-size:1.12rem;font-weight:500;letter-spacing:.01em}.topbar-kicker{margin-bottom:5px;color:#8894a9;font-size:.58rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.vr-slot{display:flex;justify-content:flex-end}.vr-slot #VRButton,.vr-fallback{position:static!important;inset:auto!important;width:auto!important;min-width:104px!important;height:36px!important;padding:0 15px!important;border:1px solid rgb(126 231 242 / 45%)!important;border-radius:99px!important;color:var(--cyan)!important;background:#142d399e!important;opacity:1!important;font:800 .67rem/1 Inter,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase;cursor:pointer!important;z-index:auto!important}.tutorial-panel{position:fixed;z-index:10;top:92px;left:24px;width:min(390px,calc(100vw - 48px));max-height:calc(100vh - 278px);padding:24px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0e1629f0,#050a17e0);box-shadow:0 28px 80px #00000057;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.eyebrow{margin:0 0 10px;color:var(--gold);font-size:.63rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.tutorial-panel h1{max-width:340px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,2.5vw,2.35rem);font-weight:400;letter-spacing:-.035em;line-height:1.02}.lede{margin:16px 0 20px;color:#b8c0ce;font-size:.84rem;line-height:1.58}.mode-control{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.mode-button{display:grid;gap:4px;min-height:67px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;color:#bec6d3;background:#ffffff08;cursor:pointer;text-align:left}.mode-button span{font-size:.75rem;font-weight:820}.mode-button small{color:#7e899c;font-size:.61rem;line-height:1.3}.mode-button:hover{border-color:#7ee7f259}.mode-button.is-active{border-color:#7ee7f29e;color:#f7feff;background:linear-gradient(145deg,#255b676b,#212c497a);box-shadow:inset 0 0 0 1px #7ee7f21a}.mode-button.is-active small{color:#a7ccd3}.truth-table{display:grid;gap:10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.truth-table>div{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start}.truth-table p{margin:0;color:#9ea8b9;font-size:.7rem;line-height:1.48}.truth-table strong{color:#e7eaf0}.truth-marker{width:8px;height:8px;margin-top:3px;border-radius:50%}.truth-marker.accurate{background:var(--cyan);box-shadow:0 0 12px #7ee7f2b8}.truth-marker.exaggerated{background:var(--violet);box-shadow:0 0 12px #9d7cff9e}.equation-note{padding-top:13px;color:#a8b2c2;font-size:.69rem}.equation-note summary{color:#dce1e9;cursor:pointer;font-weight:780}.equations{display:grid;gap:5px;margin:12px 0 9px}.equations code{padding:7px 9px;border:1px solid rgb(242 185 77 / 18%);border-radius:7px;color:var(--gold-soft);background:#f2b94d0f;font-size:.67rem;white-space:nowrap}.equation-note p{margin:8px 0 0;line-height:1.5}.legend-panel{position:fixed;z-index:9;top:88px;right:22px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px 14px;max-width:370px;padding:10px 13px;border:1px solid var(--line);border-radius:99px;color:#abb5c5;background:#060a16ad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:.63rem;font-weight:700}.legend-panel span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.legend-swatch{width:8px;height:8px;border-radius:50%}.legend-swatch.penumbra{background:var(--gold);box-shadow:0 0 9px #f2b94dcc}.legend-swatch.umbra{background:var(--violet);box-shadow:0 0 9px #9d7cffcc}.legend-swatch.footprint{border:2px solid var(--cyan);background:transparent;box-shadow:0 0 9px #7ee7f2a6}.timeline-panel{position:fixed;z-index:11;right:22px;bottom:20px;left:22px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel-strong);box-shadow:0 24px 70px #0000006b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.timeline-primary{display:grid;grid-template-columns:auto 148px minmax(180px,1fr) 210px;gap:18px;align-items:center;padding:15px 18px 13px}.play-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgb(242 185 77 / 44%);border-radius:50%;color:#12101a;background:var(--gold);box-shadow:0 0 24px #f2b94d3d;cursor:pointer}.play-button:hover{background:var(--gold-soft)}.play-button span{margin-left:2px;font-size:.87rem}.play-button.is-playing span{margin-left:0}.time-readout{display:grid;gap:3px}.time-readout span{color:#8995a8;font-size:.65rem}.time-readout strong{font-size:.83rem;font-variant-numeric:tabular-nums;letter-spacing:.01em}.timeline-slider-label{display:flex;align-items:center}input[type=range]{width:100%;height:18px;margin:0;accent-color:var(--gold);cursor:pointer}.shadow-status{display:grid;grid-template-columns:10px 1fr;gap:9px;align-items:center}.status-dot{width:9px;height:9px;border-radius:50%;background:#6d7583}.status-dot.is-central{background:var(--violet);box-shadow:0 0 15px #9d7cffd9}.shadow-status div{display:grid;gap:3px}.shadow-status span{color:#9ba6b6;font-size:.64rem}.shadow-status strong{color:var(--violet-soft);font-size:.75rem;font-variant-numeric:tabular-nums}.timeline-secondary{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,.8fr) 130px 130px minmax(210px,1fr);gap:20px;align-items:center;padding:10px 18px 12px;border-top:1px solid var(--line);background:#ffffff04}.timeline-secondary>label{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:9px;align-items:center;color:#8995a7;font-size:.62rem;font-weight:720}.timeline-secondary output{min-width:34px;color:#d8dde7;font-size:.64rem;text-align:right}.timeline-secondary input[type=range]{height:14px}.cone-scale-note{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:baseline;color:#8995a7}.cone-scale-note span{color:var(--violet-soft);font-size:.62rem;font-weight:760}.cone-scale-note strong{justify-self:end;color:#d8dde7;font-size:.64rem}.cone-scale-note small{grid-column:1 / -1;color:#737f92;font-size:.56rem}.metric{display:grid;gap:2px;padding-left:13px;border-left:1px solid var(--line)}.metric span{color:#798598;font-size:.56rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.metric strong{color:#dbe0e8;font-size:.69rem;font-variant-numeric:tabular-nums}.interaction-hint{margin:0;color:#737f92;font-size:.62rem;text-align:right}.loading-state,.error-state{position:fixed;z-index:20;top:50%;left:57%;display:grid;justify-items:center;width:min(340px,calc(100vw - 40px));padding:24px;border:1px solid var(--line);border-radius:18px;background:#060a16db;box-shadow:0 24px 70px #0000006b;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.loading-state[hidden],.error-state[hidden]{display:none}.loading-state p,.error-state p{margin:12px 0 0;color:#aeb7c5;font-size:.75rem}.loading-orbit{width:42px;height:42px;border:1px solid rgb(126 231 242 / 42%);border-radius:50%;box-shadow:inset 10px 0 0 -8px var(--cyan),0 0 22px #7ee7f238;animation:orbit 1.2s linear infinite}.error-state{border-color:#ff8c7c59;text-align:center}.error-state strong{color:var(--danger)}@keyframes orbit{to{transform:rotate(1turn)}}@media(max-width:1050px){.timeline-primary{grid-template-columns:auto 135px minmax(160px,1fr) 170px}.timeline-secondary{grid-template-columns:1fr 1fr 115px 115px}.interaction-hint{display:none}}@media(max-width:760px){.topbar{grid-template-columns:1fr auto;min-height:58px;padding:8px 12px}.topbar-title{display:none}.tutorial-panel{top:70px;right:12px;left:12px;width:auto;max-height:35vh;padding:17px;border-radius:15px}.tutorial-panel h1{font-size:1.55rem}.lede{margin:10px 0 13px;font-size:.75rem}.truth-table,.equation-note{display:none}.mode-control{margin:0}.mode-button{min-height:52px}.legend-panel{inset:auto 12px 175px;justify-content:center;max-width:none;border-radius:10px}.timeline-panel{right:8px;bottom:8px;left:8px;border-radius:14px}.timeline-primary{grid-template-columns:auto 118px 1fr;gap:10px;padding:11px 12px 9px}.timeline-primary .shadow-status{display:none}.timeline-secondary{grid-template-columns:1fr 1fr;gap:8px 15px;padding:8px 12px 10px}.timeline-secondary .metric{display:none}.timeline-secondary>label{grid-template-columns:1fr auto}.timeline-secondary>label input{grid-column:1 / -1;grid-row:2}.cone-scale-note{align-self:stretch;align-content:center}.loading-state,.error-state{left:50%}}@media(prefers-reduced-motion:reduce){.loading-orbit{animation:none}}:root{--made-by-kaj-offset: calc(2.4rem + env(safe-area-inset-bottom)) }body{padding-bottom:var(--made-by-kaj-offset)}.made-by-kaj{position:fixed;z-index:4000;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;min-height:var(--made-by-kaj-offset);padding:.45rem max(.75rem,env(safe-area-inset-right)) calc(.45rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));color:#aab3c7;background:#000000f0;font-family:var( --ui, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif );font-size:.85rem;letter-spacing:.01em;line-height:1.5;text-align:center}.made-by-kaj a{color:#6495ed;text-decoration:none}.made-by-kaj a:hover{text-decoration:underline;text-underline-offset:.2em}.made-by-kaj__heart{font-size:1em}:root{--space-blue: #57a9ff;--space-blue-soft: #a8d2ff}body{background:radial-gradient(circle at 78% 28%,rgb(29 76 117 / 48%),transparent 24%),radial-gradient(circle at 42% 56%,#111d33 0,#070b16 43%,#03050b 82%)}.timeline-panel{bottom:calc(20px + var(--made-by-kaj-offset))}.spacefarer-panel{width:min(400px,calc(100vw - 48px))}.view-control{grid-template-columns:1fr 1fr}.truth-marker.celestial{background:var(--gold);box-shadow:0 0 12px #f2b94db8}.truth-marker.free-flight{background:var(--space-blue);box-shadow:0 0 12px #57a9ffb8}.legend-swatch.sunlight{background:#fff0bd;box-shadow:0 0 11px #ffe087e5}.spacefarer-timeline .timeline-secondary{grid-template-columns:minmax(210px,1fr) minmax(120px,.65fr) minmax(120px,.65fr) minmax(120px,.65fr) minmax(250px,1.15fr)}.scale-badge{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:baseline}.scale-badge span{color:var(--cyan);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.scale-badge strong{justify-self:end;color:#e5f8fb;font-size:.66rem}.scale-badge small{grid-column:1 / -1;color:#758397;font-size:.56rem}.surface-credit{margin:14px 0 0;color:#708096;font-size:.6rem;letter-spacing:.035em}.surface-credit a{color:#91bad1;text-decoration-color:#91bad16b;text-underline-offset:.2em}.surface-credit a:hover{color:#c2e4f2}@media(max-width:1050px){.spacefarer-timeline .timeline-secondary{grid-template-columns:1fr 1fr 1fr 1fr}.spacefarer-timeline .interaction-hint{display:none}}@media(max-width:760px){.legend-panel{bottom:calc(175px + var(--made-by-kaj-offset))}.timeline-panel{bottom:calc(8px + var(--made-by-kaj-offset))}.spacefarer-panel{width:auto}.spacefarer-timeline .timeline-secondary{grid-template-columns:1fr 1fr}.spacefarer-timeline .metric:nth-of-type(3),.spacefarer-timeline .metric:nth-of-type(4){display:none}}