:root{--text-scale: 1;--ink: #f2f5ff;--ink-dim: #b9c2dd;--bg: #05070f;--panel: rgba(10, 14, 28, .86);--accent: #ffd166;--focus: #7cc4ff;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:calc(1rem * var(--text-scale));line-height:1.5;overscroll-behavior:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}button{font:inherit;color:var(--ink);background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:.6em 1.1em;min-height:44px;min-width:44px;cursor:pointer}button:hover{background:#ffffff29}.scene-error{display:grid;place-content:center;gap:1rem;height:100%;text-align:center;padding:2rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stage{position:relative;height:100%;touch-action:none}.dom-twin{width:56px;height:56px;padding:0;border-radius:50%;background:transparent;border:2px solid transparent}.dom-twin:hover{background:#7cc4ff26;border-color:#7cc4ff80}.dom-twin:focus-visible{background:#7cc4ff33}.loader{display:grid;place-content:center;gap:1.5rem;height:100%;padding:2rem;text-align:center}.loader-stages{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;color:var(--ink-dim)}.loader-stages li[data-state=done]{color:var(--ink)}.loader-stages li[data-state=active]{color:var(--accent)}.loader-stages--animated li[data-state=active]{animation:loader-pulse 1.4s ease-in-out infinite}@keyframes loader-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.loader-stages--animated li[data-state=active]{animation:none}}.onboarding{position:absolute;inset-block-end:12%;inset-inline:0;margin:0 auto;width:max-content;max-width:90vw;padding:.75rem 1.25rem;background:var(--panel);border-radius:999px;pointer-events:none}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scale-note{margin:0;color:var(--ink-dim);font-size:.9em}.lesson-panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(380px,92vw);overflow-y:auto;padding:1.5rem;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:.9rem;align-content:start}.lesson-panel ul{margin:0;padding-inline-start:1.1rem;display:grid;gap:.4rem}.body-stats{margin:0;display:grid;gap:.5rem}.body-stats div{display:flex;justify-content:space-between;gap:1rem;border-block-end:1px solid rgba(255,255,255,.12);padding-block-end:.3rem}.body-stats dt{color:var(--ink-dim)}.body-stats dd{margin:0;font-weight:600}.sources{margin:0;font-size:.85em;color:var(--ink-dim)}.sources a{color:var(--focus)}.readout{font-size:1.15em;padding:.6rem .9rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;margin:0}.hint{color:var(--accent);margin:0}.lesson-actions{display:grid;gap:.6rem;margin-block-start:.5rem}.lesson-2d{display:grid;gap:1rem;max-width:46rem;margin:0 auto;padding:2rem 1.25rem}.lesson-2d svg{width:100%;height:auto;background:#ffffff0a;border-radius:12px}.overlay-2d{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:#05070ff7;display:grid;gap:1rem;justify-items:center;align-content:start;padding-block-end:2rem}.phase-disc{margin:0;display:grid;gap:.4rem;justify-items:center}.phase-disc svg{width:130px;height:130px}.phase-name{margin:0}.scrub{display:grid;gap:.5rem}.scrub input[type=range]{width:100%;min-height:44px}.phase-ring{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.settings{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;display:grid;gap:.5rem;justify-items:start;z-index:5}.settings-body{display:grid;gap:.75rem;padding:1rem;background:var(--panel);border-radius:12px;max-width:18rem}.settings fieldset{border:1px solid rgba(255,255,255,.2);border-radius:8px;display:grid;gap:.35rem}.settings label{display:flex;align-items:center;gap:.5rem}.solar-hud{position:absolute;inset-block-end:1.5rem;inset-inline-start:1.5rem;max-width:min(30rem,90vw);display:grid;gap:.4rem;pointer-events:none}.solar-hud h1{margin:0;font-size:1.6em;letter-spacing:.02em}.solar-hud p{margin:0}.sun-direction{position:absolute;inset-block-start:50%;inset-inline-start:1.5rem;margin:0;color:var(--accent);pointer-events:none}.body-label{white-space:nowrap;font-size:.85rem;color:var(--ink);background:#05070fb3;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.15em .6em}.body-label--visited{color:var(--accent);border-color:#ffd16680}.picker{display:flex;flex-wrap:wrap;gap:.4rem;pointer-events:auto}.picker-item{min-height:44px;padding:.35em .8em;font-size:.9em}.picker-item--visited{color:var(--accent);border-color:#ffd16680}.orbit-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;pointer-events:auto}.speed{display:flex;gap:.6rem;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.2rem .6rem;margin:0}.speed legend{padding:0 .3rem;color:var(--ink-dim)}.speed label{display:flex;align-items:center;gap:.3rem}.grs-caption{position:absolute;inset-block-end:1.5rem;inset-inline-start:1.5rem;max-width:min(30rem,60vw);margin:0;padding:.8rem 1rem;background:var(--panel);border-radius:12px}.true-scale{position:absolute;inset-block-end:2rem;inset-inline:0;margin:0 auto;width:max-content;max-width:90vw;display:grid;gap:1rem;justify-items:center;text-align:center}.true-scale-caption{margin:0;font-size:1.3em;padding:.8rem 1.4rem;background:var(--panel);border-radius:12px}.true-scale-captions{margin:0;padding:1rem 1.4rem;list-style:none;display:grid;gap:.5rem;background:var(--panel);border-radius:12px}.scale-notes{pointer-events:auto;max-width:34rem}.scale-notes summary{cursor:pointer;color:var(--ink-dim);font-size:.9em;min-height:32px}.scale-notes>.scale-note{margin-block-start:.4rem}.credits ul{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.credits h3{margin-block:.6rem .4rem;font-size:1em}.credits-licence{color:var(--ink-dim);font-size:.85em}