:root{--bg: #04060b;--bg-raise: #070b13;--panel: #0a101c;--panel-2: #0d1524;--panel-3: #101a2c;--border: rgba(72, 120, 200, .16);--border-strong: rgba(90, 150, 240, .32);--text: #e9eef7;--text-dim: #9fb0c9;--text-faint: #64748f;--accent: #38bdf8;--accent-2: #22d3ee;--blue: #3b82f6;--green: #34d399;--amber: #fbbf24;--red: #f87171;--grid: rgba(56, 130, 246, .07);--glow: rgba(56, 189, 248, .35);--font-ui: ui-sans-serif, -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--radius: 10px;--radius-sm: 6px;--header-h: 56px;--nav-h: 60px}[data-theme=light]{--bg: #eef2f8;--bg-raise: #f6f9fd;--panel: #ffffff;--panel-2: #f2f6fc;--panel-3: #e8eef8;--border: rgba(40, 80, 150, .18);--border-strong: rgba(40, 90, 170, .4);--text: #0b1526;--text-dim: #3d5069;--text-faint: #71839c;--grid: rgba(30, 80, 160, .08);--glow: rgba(56, 140, 250, .25)}[data-theme=amoled]{--bg: #000000;--bg-raise: #010204;--panel: #04060a;--panel-2: #060a10;--panel-3: #090e17;--border: rgba(60, 110, 190, .2);--border-strong: rgba(90, 150, 240, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}body{min-height:100dvh;background-image:radial-gradient(1200px 700px at 70% -10%,rgba(37,99,235,.09),transparent 60%),radial-gradient(900px 600px at 10% 110%,rgba(34,211,238,.05),transparent 60%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;background-attachment:fixed}#root{min-height:100dvh;display:flex;flex-direction:column}::selection{background:#38bdf84d}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.brand{font-family:var(--font-mono);font-weight:700;letter-spacing:.28em;font-size:15px;color:var(--text)}.brand .dot{color:var(--accent)}.tagline{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--text-faint);text-transform:uppercase}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.label.accent{color:var(--accent)}.big-num{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.h1{font-size:clamp(22px,6vw,34px);font-weight:700;letter-spacing:.01em;margin:0}.h2{font-size:18px;font-weight:650;margin:0;letter-spacing:.02em}.app-shell{flex:1;display:flex;width:100%;max-width:1080px;margin:0 auto;padding:0 14px calc(var(--nav-h) + 26px)}.sidebar{display:none}.content{flex:1;min-width:0;padding-top:var(--header-h)}@media (min-width: 900px){.app-shell{padding-left:250px;padding-right:26px}.sidebar{display:block;position:fixed;top:var(--header-h);left:0;bottom:0;width:240px;padding:18px 10px 30px 16px;overflow-y:auto;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(8,12,22,.7),transparent)}.content{padding-top:calc(var(--header-h) + 10px)}}.topbar{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--header-h);display:flex;align-items:center;gap:14px;padding:0 16px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar .spacer{flex:1}.topbar .clock{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.status-dot.live{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}.status-dot.off{background:var(--amber);box-shadow:0 0 8px var(--amber)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.panel{position:relative;background:linear-gradient(180deg,var(--panel),var(--bg-raise));border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;width:28px;height:28px;border-top:2px solid var(--border-strong);border-left:2px solid var(--border-strong);border-top-left-radius:var(--radius);pointer-events:none}.panel.inset{background:var(--panel-2)}.panel.pad-0{padding:0}.section,.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}@media (max-width: 520px){.grid-2{grid-template-columns:1fr}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:69;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sidebar.drawer{display:block;position:fixed;top:0;left:0;bottom:0;z-index:70;width:min(84vw,320px);padding:calc(var(--header-h) + 8px) 12px 30px 16px;overflow-y:auto;background:var(--bg-raise);border-right:1px solid var(--border);box-shadow:12px 0 40px #00000080;animation:drawer-in .18s ease-out}@keyframes drawer-in{0%{transform:translate(-24px);opacity:0}to{transform:translate(0);opacity:1}}.datarow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px dashed var(--border)}.datarow:last-child{border-bottom:none}.datarow .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.datarow .v{font-family:var(--font-mono);font-size:13px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;word-break:break-word}.stat{display:flex;flex-direction:column;gap:4px}.stat .value{font-family:var(--font-mono);font-size:clamp(20px,5vw,30px);font-weight:650;font-variant-numeric:tabular-nums;line-height:1.1}.stat .value.small{font-size:16px}.stat .unit{font-size:12px;color:var(--text-faint);font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-dim);white-space:nowrap}.badge.accent{color:var(--accent);border-color:#38bdf866;background:#38bdf814}.badge.green{color:var(--green);border-color:#34d39966;background:#34d39914}.badge.amber{color:var(--amber);border-color:#fbbf2466;background:#fbbf2414}.badge.red{color:var(--red);border-color:#f8717166;background:#f871711a}.badge.blue{color:var(--blue);border-color:#3b82f666;background:#3b82f614}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:11px 16px;border-radius:var(--radius-sm);transition:background .15s,transform .05s,border-color .15s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(180deg,#38bdf838,#38bdf814);border-color:#38bdf88c;color:var(--accent)}.btn.big{font-size:14px;padding:15px 20px;width:100%}.btn.danger{border-color:#f8717180;color:var(--red);background:#f8717114}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-full{width:100%}.next-action-btn{font-size:15px;letter-spacing:.14em}.input,.select,.textarea{width:100%;background:var(--panel-3);border:1px solid var(--border);color:var(--text);font-family:var(--font-ui);font-size:14px;padding:10px 12px;border-radius:var(--radius-sm);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-faint) 50%),linear-gradient(135deg,var(--text-faint) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat}.toggle{position:relative;width:46px;height:26px;border-radius:999px;background:var(--panel-3);border:1px solid var(--border);transition:background .15s;flex:none}.toggle.on{background:#38bdf859;border-color:#38bdf899}.toggle .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text-dim);transition:transform .15s,background .15s}.toggle.on .knob{transform:translate(20px);background:var(--accent)}.timeline{position:relative;height:64px;margin:18px 0 6px}.timeline .track{position:absolute;top:28px;left:0;right:0;height:8px;border-radius:4px;background:var(--panel-3);border:1px solid var(--border);overflow:hidden}.timeline .track .fill{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px var(--glow)}.timeline .track .totality-band{position:absolute;top:-4px;bottom:-4px;background:repeating-linear-gradient(45deg,#34d39940,#34d39940 6px,#34d3991f 6px,#34d3991f 12px);border-left:1px solid var(--green);border-right:1px solid var(--green)}.timeline .marker{position:absolute;top:20px;transform:translate(-50%);text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-faint)}.timeline .marker .tick{display:block;width:1px;height:14px;background:var(--border-strong);margin:0 auto 3px}.timeline .now{position:absolute;top:8px;bottom:8px;width:2px;transform:translate(-50%);background:var(--text);box-shadow:0 0 10px var(--glow);z-index:3}.timeline .now:after{content:"";position:absolute;top:-4px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.score-ring{position:relative;width:132px;height:132px;flex:none}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring .ring-bg{stroke:var(--panel-3)}.score-ring .ring-fg{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.score-ring .label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.alert{border:1px solid;border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;line-height:1.45;display:flex;gap:10px;align-items:flex-start}.alert.warn{border-color:#fbbf2473;background:#fbbf2412;color:#fde68a}.alert.danger{border-color:#f8717180;background:#f8717117;color:#fecaca}.alert.info{border-color:#38bdf866;background:#38bdf80f;color:var(--accent)}.alert.ok{border-color:#34d39966;background:#34d3990f;color:#a7f3d0}[data-theme=light] .alert.warn{color:#92400e}[data-theme=light] .alert.danger{color:#b91c1c}[data-theme=light] .alert.info{color:#075985}[data-theme=light] .alert.ok{color:#065f46}.alert .big{font-size:15px;font-weight:650}.navbar{position:fixed;bottom:0;left:0;right:0;z-index:60;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:color-mix(in srgb,var(--bg-raise) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border)}.navbar button{flex:1;border:none;background:none;color:var(--text-faint);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 10px;-webkit-tap-highlight-color:transparent}.navbar button .nav-ico{font-size:17px;line-height:1}.navbar button.active{color:var(--accent)}.navbar button.active .nav-ico{filter:drop-shadow(0 0 6px var(--glow))}@media (min-width: 900px){.navbar{display:none}}.sidenav{display:flex;flex-direction:column;gap:2px}.sidenav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.sidenav a:hover{background:var(--panel-2);color:var(--text);text-decoration:none}.sidenav a.active{background:#38bdf81a;color:var(--accent)}.sidenav .grp{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;color:var(--text-faint);text-transform:uppercase;margin:14px 10px 4px}.compass{position:relative;width:min(78vw,340px);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 50% 45%,var(--panel-2),var(--bg-raise) 70%);border:1px solid var(--border-strong);box-shadow:inset 0 0 40px #00000080,0 0 30px #38bdf80f}.compass .az-label{position:absolute;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-align:center}.compass .marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;transition:left .3s ease,top .3s ease}.compass .marker .glyph{font-size:22px;filter:drop-shadow(0 0 8px var(--glow))}.compass .marker .tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--accent);background:#04060bcc;padding:1px 5px;border-radius:4px;border:1px solid var(--border);white-space:nowrap}.divider{height:1px;background:var(--border);margin:4px 0}.spacer{flex:1}.mt{margin-top:12px}.mb{margin-bottom:12px}.muted{color:var(--text-faint)}.small{font-size:12.5px}.offline-banner{position:sticky;top:var(--header-h);z-index:55;background:#fbbf241f;border-bottom:1px solid rgba(251,191,36,.35);color:#fde68a;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;padding:7px 16px;text-align:center}.source-link{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}kbd{font-family:var(--font-mono);font-size:11px;background:var(--panel-3);border:1px solid var(--border);border-radius:4px;padding:1px 6px}.check-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px dashed var(--border);font-size:13.5px}.check-item:last-child{border-bottom:none}.check-item .check{font-family:var(--font-mono);font-size:14px;line-height:1.2;flex:none;width:20px;text-align:center}.check-item .check.pass{color:var(--green)}.check-item .check.fail{color:var(--red)}.check-item .check.warn{color:var(--amber)}.preset{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:var(--panel-2);display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .15s,transform .1s}.preset:hover{border-color:var(--border-strong)}.preset.selected{border-color:var(--accent);box-shadow:0 0 16px #38bdf826}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--panel-3);border:1px solid var(--border);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 8px var(--glow);cursor:pointer}.fullview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--bg);display:flex;flex-direction:column}.fullview .fv-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.step{display:flex;gap:14px;padding:13px 0;border-bottom:1px dashed var(--border)}.step:last-child{border-bottom:none}.step .num{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;color:var(--accent);background:var(--panel-3)}.step .body{flex:1;font-size:14px;line-height:1.5}.step .body .t{font-weight:650}.countdown{font-family:var(--font-mono);font-size:clamp(30px,9vw,56px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 24px var(--glow);color:var(--text)}.weather-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.weather-cell{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:3px}.weather-cell .big{font-family:var(--font-mono);font-size:19px;font-weight:650;font-variant-numeric:tabular-nums}.mission-msg{font-size:clamp(15px,4vw,19px);line-height:1.5;font-weight:550}.map-canvas{width:100%;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raise);touch-action:manipulation}