:root{--bg: #000;--text: #f2f4fb;--muted: #7d859f;--dim: #4d5570;--accent: #ffb703;--hairline: rgba(255, 255, 255, .09);--panel: rgba(8, 9, 14, .72);--focus: #ffb703;color-scheme:dark}:root[data-theme=light]{--bg: #fcfcfe;--text: #14161f;--muted: #5b6178;--dim: #9096a9;--accent: #c07600;--hairline: rgba(20, 22, 31, .14);--panel: rgba(255, 255, 255, .84);--focus: #8a5200;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .22s ease,color .22s ease}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{display:flex;flex-direction:column;height:100%}.titlebar{display:flex;align-items:center;gap:2rem;padding:1rem 1.75rem;position:relative;z-index:10;flex:none}.brand{display:inline-flex;align-items:center;gap:.65rem}.brand-text{font-weight:600;font-size:.95rem;letter-spacing:.01em;text-decoration:none;color:var(--text)}.brand-mark{width:13px;height:13px;padding:0;border:0;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 34% 34%,#fff6d8,#ffb703 62%,#e07b00);box-shadow:0 0 12px #ffb703b3,0 0 26px #ff7a1847;transition:transform .16s ease,box-shadow .16s ease}.brand-mark:hover{transform:scale(1.2);box-shadow:0 0 16px #ffb703f2,0 0 34px #ff7a1873}.nav{display:flex;gap:1.4rem;list-style:none;margin:0;padding:0}.nav a{color:var(--muted);text-decoration:none;font-size:.86rem;letter-spacing:.02em;transition:color .14s ease}.nav a:hover,.nav a:focus-visible{color:var(--text)}.external{font-size:.7em;margin-left:.3rem;opacity:.55}.actions{margin-left:auto}.button{display:inline-block;padding:.4rem 1rem;border-radius:999px;border:1px solid var(--hairline);color:var(--text);text-decoration:none;font-size:.84rem;letter-spacing:.02em;transition:border-color .14s ease,background .14s ease}.button:hover{border-color:var(--accent)}@media(max-width:860px){.titlebar{gap:1rem;padding:.85rem 1rem}.nav{gap:.9rem}}@media(prefers-reduced-motion:reduce){body,.brand-mark{transition:none!important}}:root{--moon: #b9c4e6;--moon-retrograde: #ffa8bb;--sun-trail: #ffb703;--glow: rgba(255, 255, 255, .32);--select-glow: rgba(255, 183, 3, .42)}:root[data-theme=light]{--moon: #6d7590;--moon-retrograde: #b34a63;--sun-trail: #d98324;--glow: rgba(20, 22, 31, .28);--select-glow: rgba(176, 108, 0, .4)}body{overflow:hidden}.stage{position:relative;flex:1;min-height:0;display:grid;place-items:center}.orrery{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.orrery:active{cursor:grabbing}.sun-corona{animation:breathe 9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.sun-glow{animation:breathe 5.5s ease-in-out infinite reverse;transform-box:fill-box;transform-origin:center}.sun-core{animation:flicker 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.sun-crown-a{animation:spin 140s linear infinite}.sun-crown-b{animation:spin 90s linear infinite reverse}@keyframes breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.07);opacity:1}}@keyframes flicker{0%,to{opacity:.78;transform:scale(1)}40%{opacity:1;transform:scale(1.08)}70%{opacity:.86;transform:scale(.97)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.planet-group{cursor:pointer;outline:none}.planet-body{transition:filter .16s ease}.planet-group:hover .planet-body{filter:brightness(1.14) drop-shadow(0 0 9px var(--glow))}.planet-group.selected .planet-body{filter:brightness(1.08) drop-shadow(0 0 10px var(--select-glow))}.trail,.moon-trail,.sun-trail{pointer-events:none}.sun-trail path{stroke:var(--sun-trail)}.moon-trail path{stroke:var(--moon)}.moon-trail.retrograde path{stroke:var(--moon-retrograde)}.moon{fill:var(--moon)}.moon.retrograde{fill:var(--moon-retrograde)}.scale-label{fill:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.scale-hint{fill:var(--dim);font-size:10px;letter-spacing:.06em;pointer-events:none}.hud{position:absolute;padding:1.1rem 1.3rem;pointer-events:none;animation:rise .42s cubic-bezier(.2,.7,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.hud-clock{left:1.9rem;bottom:1.6rem}.hud-time{font-size:clamp(2.6rem,5.6vw,4.1rem);font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:.95;color:var(--text)}.hud-line{margin-top:.55rem;font-size:.95rem;display:flex;align-items:center;gap:.6rem}.hud-meta,.hud-derived{margin-top:.3rem;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.hud-derived{color:var(--dim);text-transform:none;letter-spacing:.02em;font-size:.8rem}.dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;vertical-align:middle;margin:0 .55rem;opacity:.6}.badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--accent);color:var(--accent)}.hud-planet{right:1.9rem;bottom:5.4rem;width:17.5rem;pointer-events:auto;border:1px solid var(--hairline);border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-planet h2{margin:0 0 .8rem;font-size:1.15rem;font-weight:500;letter-spacing:.02em}.hud-close{position:absolute;top:.6rem;right:.7rem;border:0;background:none;color:var(--dim);font-size:1.15rem;line-height:1;cursor:pointer;padding:.2rem .35rem}.hud-close:hover{color:var(--text)}.hud-planet dl{margin:0;display:grid;gap:.42rem}.hud-planet dl>div{display:flex;justify-content:space-between;gap:1rem}.hud-planet dt{color:var(--dim);font-size:.8rem}.hud-planet dd{margin:0;font-size:.85rem;font-variant-numeric:tabular-nums}.hud-moons{margin:.85rem 0 0;padding-top:.75rem;border-top:1px solid var(--hairline);color:var(--muted);font-size:.78rem;line-height:1.45}.hud-moonphase{display:flex;justify-content:space-between;gap:1rem;margin:.5rem 0 0;font-size:.78rem;color:var(--text)}.hud-credit{margin:.7rem 0 0;color:var(--dim);font-size:.68rem;letter-spacing:.04em}.hud-lit{color:var(--dim);font-variant-numeric:tabular-nums}.scrubber{position:absolute;right:1.9rem;bottom:1.6rem;display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;border:1px solid var(--hairline);border-radius:10px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.76rem}.scrubber-rates{display:flex;gap:.2rem}.scrubber button{font:inherit;font-size:.74rem;letter-spacing:.02em;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px;padding:.24rem .5rem;cursor:pointer;transition:color .12s ease,background .12s ease}.scrubber button:hover:not(:disabled){color:var(--text)}.scrubber button:disabled{opacity:.4;cursor:default}.scrubber button.active{color:var(--bg);background:var(--accent)}.scrubber input[type=range]{width:12rem;accent-color:var(--accent);background:transparent;cursor:ew-resize}.scrubber-readout{min-width:4.2rem;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.scrubber-now{border-color:var(--hairline)!important}@media(max-width:860px){.hud-clock{left:1.1rem;bottom:1.1rem}.hud-time{font-size:2.4rem}.hud-planet{left:1.1rem;right:1.1rem;bottom:auto;top:4.2rem;width:auto}.scrubber{left:1.1rem;right:1.1rem;bottom:1.1rem;flex-wrap:wrap}.scrubber input[type=range]{flex:1;width:auto}}@media(prefers-reduced-motion:reduce){.sun-corona,.sun-glow,.sun-core,.sun-crown-a,.sun-crown-b,.hud{animation:none!important}.planet-body{transition:none!important}}