:root{--bg: #05070d;--ink: #eef2ff;--ink-dim: #9aa6c4;--ink-faint: #5f6c8c;--glass: rgba(14, 19, 33, .66);--glass-solid: #0e1321;--stroke: rgba(150, 170, 220, .16);--stroke-strong: rgba(150, 170, 220, .32);--accent: #5a9bff;--accent-ink: #0a0f1c;--live: #35e0a1;--sim: #ffb454;--danger: #ff6b6b;--radius: 14px;--radius-sm: 9px;--shadow: 0 18px 50px -12px rgba(0, 0, 0, .6);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}#boot,#fatal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#0b1224 0,var(--bg) 70%)}#boot{transition:opacity .6s var(--ease)}#boot.is-hidden{opacity:0;pointer-events:none}#boot[hidden],#fatal[hidden]{display:none}.boot__inner,.fatal__inner{text-align:center;padding:24px;max-width:30rem}.boot__globe{width:54px;height:54px;margin:0 auto 18px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#7db4ff,#1e5fd0 45%,#0a1f52 70%,#050a1a);box-shadow:0 0 40px -6px #5a9bff99;animation:boot-spin 3.5s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}.boot__title{font-weight:650;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:var(--ink);margin:0 0 6px}.boot__msg,.fatal__inner p{color:var(--ink-dim);font-size:.9rem;margin:0;line-height:1.5}.fatal__inner h1{font-size:1.1rem;margin:0 0 10px}#fatal-retry{margin-top:18px;padding:10px 18px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-weight:600}.badge{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));padding:12px 15px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);min-width:190px}.badge__row{display:flex;align-items:center;gap:8px}.badge__title{font-weight:640;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;color:var(--ink)}.pill{font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:3px 7px;border-radius:999px;text-transform:uppercase}.pill--live{background:#35e0a129;color:var(--live)}.pill--sim{background:#ffb45429;color:var(--sim)}.badge__utc{font-family:var(--mono);font-size:1.28rem;font-variant-numeric:tabular-nums;margin-top:8px;letter-spacing:.01em}.badge__date{color:var(--ink-dim);font-size:.76rem;margin-top:2px}.badge__local{color:var(--ink-faint);font-size:.72rem;font-family:var(--mono);margin-top:4px}.iconbtn{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;display:grid;place-items:center;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s var(--ease),border-color .2s var(--ease)}.iconbtn:hover{transform:translateY(-1px);border-color:var(--stroke-strong)}.iconbtn svg{width:20px;height:20px}.controlbar{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow);max-width:calc(100vw - 32px);flex-wrap:wrap;justify-content:center}.segmented{display:flex;background:#00000047;border-radius:10px;padding:3px;gap:2px}.segmented button{padding:7px 11px;border-radius:8px;font-size:.76rem;font-weight:550;color:var(--ink-dim);white-space:nowrap;transition:background .16s var(--ease),color .16s var(--ease)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.transport{display:flex;gap:4px}.transport button{width:36px;height:34px;display:grid;place-items:center;border-radius:8px;background:#00000047;color:var(--ink)}.transport button:hover{background:#ffffff14}.transport svg{width:15px;height:15px}.btn-ghost{padding:8px 12px;border-radius:9px;font-size:.76rem;font-weight:550;color:var(--sim);border:1px solid rgba(255,180,84,.35);white-space:nowrap}.btn-ghost[hidden]{display:none}.panel{position:absolute;top:0;right:0;height:100%;width:358px;max-width:92vw;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--stroke);box-shadow:var(--shadow);transform:translate(100%);transition:transform .42s var(--ease);display:flex;flex-direction:column;overscroll-behavior:contain}.panel.is-open{transform:none}.panel__head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px;border-bottom:1px solid var(--stroke)}.panel__head h2{margin:0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.panel__body{padding:12px 18px 40px;overflow-y:auto;flex:1}.section{padding:14px 0;border-bottom:1px solid var(--stroke)}.section:last-child{border-bottom:0}.section h3{margin:0 0 10px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.field{width:100%;padding:10px 12px;border-radius:var(--radius-sm);background:#0000004d;border:1px solid var(--stroke);color:var(--ink);font:inherit}.field::placeholder{color:var(--ink-faint)}.row{display:flex;gap:8px;align-items:center}.row+.row{margin-top:8px}.results{margin-top:8px;display:flex;flex-direction:column;gap:2px}.results button{text-align:left;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:.84rem;display:flex;justify-content:space-between;gap:8px}.results button:hover{background:#ffffff0f}.results .muted{color:var(--ink-faint);font-size:.74rem}.switch{display:flex;align-items:center;gap:10px;width:100%;padding:8px 0}.switch__track{width:38px;height:22px;border-radius:999px;background:#ffffff1f;border:1px solid var(--stroke);position:relative;flex:none;transition:background .18s var(--ease)}.switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink);transition:transform .18s var(--ease)}.switch[aria-checked=true] .switch__track{background:var(--accent)}.switch[aria-checked=true] .switch__thumb{transform:translate(16px);background:var(--accent-ink)}.switch__label{font-size:.86rem}.kv{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;padding:4px 0}.kv span:first-child{color:var(--ink-faint)}.kv span:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.note{font-size:.76rem;color:var(--ink-dim);line-height:1.5;margin:8px 0 0}.speed-select{display:flex;gap:2px;background:#00000047;border-radius:10px;padding:3px;flex-wrap:wrap}.speed-select button{padding:6px 9px;border-radius:8px;font-size:.72rem;color:var(--ink-dim)}.speed-select button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.toasts{position:absolute;left:50%;top:max(18px,env(safe-area-inset-top));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;width:max-content;max-width:90vw}.toast{padding:9px 14px;border-radius:999px;background:var(--glass-solid);border:1px solid var(--stroke-strong);font-size:.8rem;box-shadow:var(--shadow);animation:toast-in .3s var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}@media (max-width: 720px){.badge{min-width:0}.badge__utc{font-size:1.08rem}.controlbar{gap:8px;padding:8px;bottom:max(12px,env(safe-area-inset-bottom))}.panel{top:auto;bottom:0;height:min(78vh,560px);width:100%;max-width:100%;border-left:0;border-top:1px solid var(--stroke);border-radius:20px 20px 0 0;transform:translateY(100%)}.panel.is-open{transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.speed-select button.is-locked,.sol-camera button[data-premium="1"]{position:relative}.speed-select button.is-locked:after,.sol-camera button[data-premium="1"]:after{content:"🔒";font-size:.6em;margin-left:4px;opacity:.7}.speed-select button.is-locked{opacity:.62}
