:root{--bg: #05070d;--panel-bg: rgba(8, 11, 20, .86);--hairline: rgba(143, 214, 255, .16);--hairline-strong: rgba(143, 214, 255, .32);--gold: #e8b04b;--gold-dim: rgba(232, 176, 75, .55);--cyan: #8fd6ff;--text: #eef2f8;--text-dim: #9aa5b8;--font-display: "Space Grotesk", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body,#root{height:100vh;height:100dvh}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow:hidden}.app{position:relative;width:100vw;height:100vh;height:100dvh}canvas{display:block;touch-action:none}.body-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text);background:#05070d99;padding:1px 6px;border:1px solid var(--hairline);white-space:nowrap;pointer-events:none;transform:translate(-50%)}.body-label--moon{color:var(--cyan);font-size:10px;opacity:.85}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;z-index:10;pointer-events:none}.hud-top>*{pointer-events:auto}.brand{display:flex;align-items:baseline;gap:10px}.brand__mark{color:var(--gold);font-size:20px}.brand__text{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase}.brand__text em{color:var(--text-dim);font-style:normal;font-weight:400;margin-left:6px;letter-spacing:.03em}.hud-side{position:absolute;top:72px;right:18px;bottom:18px;width:292px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;z-index:10;padding-right:2px}.hud-side{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:10px}.hud-side::-webkit-scrollbar{width:4px}.hud-side::-webkit-scrollbar-thumb{background:var(--hairline-strong)}.panel{background:var(--panel-bg);border:1px solid var(--hairline);padding:16px 16px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel__eyebrow{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:10px}.panel__eyebrow--spaced{margin-top:16px}.panel__hint{font-size:11px;line-height:1.5;color:var(--text-dim);margin:10px 0 0}.switch{display:flex;border:1px solid var(--hairline)}.switch__option{flex:1;background:transparent;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:8px 4px;cursor:pointer}.switch__option+.switch__option{border-left:1px solid var(--hairline)}.switch__option--active{color:var(--bg);background:var(--gold)}.date-readout{font-family:var(--font-mono);font-size:13px;color:var(--cyan);margin-bottom:10px}.control-row{display:flex;gap:8px;margin-bottom:10px}.btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:transparent;border:1px solid var(--hairline-strong);color:var(--text);padding:8px 12px;cursor:pointer;flex:1}.btn:hover{border-color:var(--gold-dim);color:var(--gold)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--ghost{border-color:var(--hairline);color:var(--text-dim)}.btn--gold{width:100%;margin-top:10px;border-color:var(--gold-dim);color:var(--gold)}.btn--gold:hover:not(:disabled){background:var(--gold);color:var(--bg)}.btn--panel-toggle{flex:none}.speed-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chip{font-family:var(--font-mono);font-size:10px;background:transparent;border:1px solid var(--hairline);color:var(--text-dim);padding:5px 9px;cursor:pointer}.chip--active{border-color:var(--cyan);color:var(--cyan)}.toggle-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);cursor:pointer}.select{width:100%;background-color:#0d1322;border:1px solid var(--hairline-strong);color:#eef2f8;font-family:var(--font-body);font-size:13px;padding:9px 30px 9px 10px;border-radius:4px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238fd6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.select:focus,.btn:focus-visible,.chip:focus-visible,.switch__option:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.select option{background-color:#0d1322!important;color:#eef2f8!important;padding:10px}.select option:hover,.select option:focus,.select option:checked{background-color:#1a2640!important;color:#e8b04b!important}.location-readout{margin-top:10px;font-size:12px;color:var(--text-dim)}.location-readout span{color:var(--cyan);font-family:var(--font-mono);margin-left:4px}.eclipse-meta{margin-bottom:12px}.eclipse-meta>div{display:flex;justify-content:space-between;font-size:11px;padding:4px 0;border-bottom:1px solid var(--hairline);font-family:var(--font-mono)}.eclipse-meta span{color:var(--text-dim);font-family:var(--font-body)}.eclipse-result{margin-top:10px;padding:10px;border-left:2px solid var(--gold-dim);background:#e8b04b0f}.eclipse-result--partial{border-left-color:var(--cyan);background:#8fd6ff0f}.eclipse-result__type{font-family:var(--font-display);font-size:13px;margin-bottom:4px}.eclipse-result__obscuration{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.eclipse-result__note{font-size:11px;color:var(--text-dim);margin-top:6px;line-height:1.4}.selection-card{position:absolute;left:18px;bottom:18px;z-index:10;background:var(--panel-bg);border:1px solid var(--hairline-strong);padding:10px 34px 10px 14px;min-width:180px}.selection-card__label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.selection-card__name{font-family:var(--font-display);font-size:15px;margin-top:2px}.selection-card__close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;line-height:1}.selection-card__close:hover{color:var(--gold)}@media (max-width: 720px){.hud-side{top:auto;bottom:0;left:0;right:0;width:auto;max-height:58vh;max-height:58dvh;border-top:1px solid var(--hairline);padding:12px}.selection-card{bottom:calc(46vh + 14px)}.brand__text em{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.nav-hint{position:absolute;left:18px;top:72px;z-index:10;display:flex;flex-direction:column;gap:4px;pointer-events:none}.nav-hint__item{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);opacity:.7}.nav-hint__key{background:#8fd6ff14;border:1px solid var(--hairline);padding:2px 6px;border-radius:3px;color:var(--cyan);font-size:9px;white-space:nowrap}.panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel__header .panel__eyebrow{margin-bottom:0}.btn-reset-view{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;background:transparent;border:1px solid var(--hairline);color:var(--cyan);padding:4px 8px;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s;border-radius:2px}.btn-reset-view:hover{border-color:var(--cyan);background:#8fd6ff1a;color:#fff}.panel__collapse{display:flex;align-items:center;gap:7px;background:none;border:none;padding:0;cursor:pointer;text-align:left;flex:1;min-width:0}.panel__collapse .panel__eyebrow{margin-bottom:0}.panel__collapse:hover .panel__eyebrow{color:#fff}.panel__chevron{color:var(--gold);font-size:10px;line-height:1;transition:transform .15s ease;flex:none}.panel__chevron--closed{transform:rotate(-90deg)}.panel__collapse:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.date-readout--sm{font-size:12px}.time-slider{width:100%;margin:4px 0 2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.time-slider::-webkit-slider-runnable-track{height:3px;background:var(--hairline-strong);border-radius:2px}.time-slider::-moz-range-track{height:3px;background:var(--hairline-strong);border-radius:2px}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:var(--gold);border:1px solid #05070d}.time-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--gold);border:1px solid #05070d}.time-slider:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.slider-scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--text-dim);margin-bottom:4px}@media (max-height: 560px){.hud-side{top:52px;bottom:8px}.hud-top{padding:8px 14px}.brand__text{font-size:13px}.brand__text em,.nav-hint{display:none}.panel{padding:12px 12px 14px}}@media (max-height: 560px) and (orientation: landscape){.hud-side{width:340px}}.hud-top__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn--icon{flex:none;min-width:38px;padding:8px 10px;font-size:13px;line-height:1}.panel-credit{font-size:11px;line-height:1.5;color:var(--text-dim);padding:10px 14px 4px;text-align:center}.panel-credit a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}.panel-credit a:hover{color:#fff}@media (max-width: 720px){.btn--icon{min-width:44px;padding:10px 12px}.panel__collapse{padding:4px 0}.time-slider{height:28px}}@supports (padding: env(safe-area-inset-bottom)){.hud-side{padding-bottom:calc(10px + env(safe-area-inset-bottom))}@media (max-width: 720px){.hud-side{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}}