:root{--space-deep:#05060f;--space-navy:#0b1638;--nebula-violet:#7c4dff59;--nebula-blue:#247bff4d;--ink:#e8eeff;--ink-muted:#9aa8d1;--flare-orange:#ff6b3d;--signal-cyan:#4de3ff;--history-violet:#a58bff}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at bottom, var(--space-navy) 0%, var(--space-deep) 70%);margin:0;font-family:Space Grotesk,system-ui,sans-serif;overflow-x:hidden}#starfield{width:100%;height:100%;position:fixed;inset:0}.nebula{pointer-events:none;background:radial-gradient(40% 35% at 20% 25%, var(--nebula-violet), transparent 70%), radial-gradient(45% 40% at 85% 75%, var(--nebula-blue), transparent 70%);filter:blur(40px);position:fixed;inset:0}.launch{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.viewers{flex-wrap:wrap;justify-content:center;gap:1rem 2.5rem;display:flex}.viewer{flex-direction:column;align-items:center;display:flex}.globe{aspect-ratio:1;cursor:grab;opacity:0;width:min(29vw,52vh,28rem);margin-bottom:1.5rem;transition:opacity 1.2s ease-out,transform 1.2s ease-out;transform:scale(.94)}.globe:active{cursor:grabbing}.body-switcher{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.body-switcher__name{letter-spacing:.3em;text-transform:uppercase;min-width:13rem;color:var(--signal-cyan);margin:0;font-family:Space Mono,monospace;font-size:.9rem}.body-switcher__arrow{width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:#05060f66;border:1px solid #4de3ff59;border-radius:50%;place-items:center;padding:0;transition:border-color .2s,background-color .2s;display:grid}.body-switcher__arrow:hover,.body-switcher__arrow:focus-visible{border-color:var(--signal-cyan);background:#4de3ff1f;outline:none}.body-switcher__arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.globe--ready{opacity:1;transform:scale(1)}.page-link{color:var(--signal-cyan);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:#05060f66;border:1px solid #4de3ff59;border-radius:999px;padding:.6rem 1.1rem;font-family:Space Mono,monospace;font-size:.8rem;text-decoration:none;position:fixed;top:1rem;right:1rem}.page-link--start{left:1rem;right:auto}.page-link:hover,.page-link:focus-visible,.time-controls__toggle:hover,.time-controls__toggle:focus-visible,.time-controls__rewind:hover,.time-controls__rewind:focus-visible{border-color:var(--signal-cyan);background:#4de3ff1f;outline:none}.page-link--second{top:4rem}.page-link--third{top:7rem}.page-link[aria-pressed=true]{border-color:var(--signal-cyan);background:#4de3ff2e}.events{background:#05060fd9;border:1px solid #4de3ff59;border-radius:1rem;width:min(22rem,100vw - 2rem);max-height:calc(100vh - 16rem);position:fixed;top:10rem;left:1rem;overflow-y:auto}.events[hidden]{display:none}.events ol{margin:0;padding:.4rem;list-style:none}.events__item{border:none;border-left:3px solid var(--signal-cyan);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:.5rem;gap:.15rem;padding:.6rem .8rem .6rem 1rem;display:grid}.events__item--eclipse{border-left-color:var(--flare-orange)}.events__item--space-history{border-left-color:var(--history-violet)}.events__item:hover,.events__item:focus-visible{background:#4de3ff1f;outline:none}.events__item time{color:var(--signal-cyan);font-family:Space Mono,monospace;font-size:.75rem}.events__item span{color:var(--ink-muted);font-size:.8rem}.info{background:#05060fd9;border:1px solid #4de3ff59;border-radius:1rem;width:min(20rem,100vw - 2rem);max-height:calc(100vh - 16rem);padding:.6rem 1rem 1rem;position:fixed;top:7rem;right:1rem;overflow-y:auto}.info[hidden]{display:none}.info h2{letter-spacing:.2em;text-transform:uppercase;color:var(--signal-cyan);margin:.3rem 0 .6rem;font-family:Space Mono,monospace;font-size:1rem}.info h3{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:.9rem 0 .2rem;font-size:.8rem}.info p{margin:.15rem 0;font-size:.85rem}.info svg{width:100%;margin-top:.4rem;display:block}.info__drawing-label{fill:var(--ink-muted);font-family:Space Mono,monospace;font-size:10px}.info__drawing-line{stroke:#9aa8d180;stroke-width:1px}.info-guide-label{color:var(--ink);background:#05060fb3;border-radius:.4rem;padding:.15rem .4rem;font-family:Space Mono,monospace;font-size:.7rem}.solar-system-page{position:fixed;inset:0}.solar-system{cursor:grab;opacity:0;width:100%;height:100%;transition:opacity 1.2s ease-out}.solar-system:active{cursor:grabbing}.solar-system--ready{opacity:1}.solar-system__labels{pointer-events:none;position:absolute;inset:0}.planet-label-group{align-items:center;gap:.2rem;margin-top:-1.6rem;display:flex}.planet-label{pointer-events:auto;cursor:pointer;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 6px var(--space-deep);background:0 0;border:1px solid #0000;border-radius:999px;padding:.2rem .4rem;font-family:Space Mono,monospace;font-size:.7rem}.planet-label:hover,.planet-label:focus-visible{border-color:var(--signal-cyan);color:var(--signal-cyan);outline:none}.planet-label--moon{color:var(--ink-muted);font-size:.6rem}.planet-info-button{pointer-events:auto;cursor:pointer;width:1.3rem;height:1.3rem;color:var(--signal-cyan);background:#05060fb3;border:1px solid #4de3ff80;border-radius:50%;padding:0;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700}.planet-info-button:hover,.planet-info-button:focus-visible{border-color:var(--signal-cyan);outline:none}.planet-info-button[aria-expanded=true]{background:var(--signal-cyan);color:var(--space-deep)}.time-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem 1.25rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)}.time-controls__date{color:var(--signal-cyan);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#05060f66;border:1px solid #4de3ff59;border-radius:999px;padding:.6rem .9rem;font-family:Space Mono,monospace;font-size:.9rem}.time-controls__date:focus-visible{border-color:var(--signal-cyan);outline:none}.time-controls__toggle,.time-controls__rewind{min-width:10rem;color:var(--ink);font:inherit;cursor:pointer;background:#05060f66;border:1px solid #4de3ff59;border-radius:999px;padding:.7rem 1.2rem}.time-controls__rewind{min-width:0}.time-controls__rewind[aria-pressed=true]{border-color:var(--flare-orange);background:#ff6b3d2e}.speed-picker{flex-wrap:wrap;flex-basis:100%;justify-content:center;gap:.4rem;display:flex}.speed-picker__option{color:var(--ink-muted);cursor:pointer;background:#05060f66;border:1px solid #4de3ff33;border-radius:999px;padding:.4rem .8rem;font-family:Space Mono,monospace;font-size:.75rem}.speed-picker__option:hover,.speed-picker__option:focus-visible{border-color:var(--signal-cyan);outline:none}.speed-picker__option[aria-pressed=true]{border-color:var(--signal-cyan);color:var(--ink);background:#4de3ff2e}.credits{color:var(--ink-muted);opacity:.6;margin:0;font-size:.7rem;position:fixed;bottom:.75rem;right:1rem}.credits a{color:inherit}@media (width<=720px){.globe{width:min(80vw,34vh)}}@media (prefers-reduced-motion:reduce){.globe{transition:none}}
