:root{--bg: #05070d;--ink: #e8eef8;--ink-dim: #9fb0c8;--ink-faint: #64748b;--surface: rgba(10, 15, 26, .72);--surface-strong: rgba(9, 13, 23, .94);--hairline: rgba(150, 180, 220, .16);--hairline-strong: rgba(150, 180, 220, .32);--accent: #6ea8ff;--live: #4ade80;--radius: 12px;--pad: 14px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}#globe{position:fixed;inset:0;touch-action:none}#globe canvas{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.boot{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#0b1220,#05070d 70%);z-index:50;transition:opacity .6s ease}.boot[hidden]{display:none}.boot.fading{opacity:0;pointer-events:none}.boot-inner{text-align:center}.boot-title{font-size:1.4rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink);margin-bottom:.9rem}.boot-status{font-size:.8rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.hud{position:fixed;inset:0;z-index:10;display:grid;grid-template-columns:minmax(0,300px) 1fr minmax(0,320px);grid-template-rows:auto 1fr auto;grid-template-areas:"top    top    top" "stats  .      city" "bottom bottom bottom";gap:var(--pad);padding:var(--pad);padding-bottom:max(var(--pad),env(safe-area-inset-bottom));pointer-events:none}.hud>*{pointer-events:auto}.hud:before{content:"";position:fixed;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,#05070d99,#05070d00);pointer-events:none;z-index:-1}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--pad);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.hud-top{grid-area:top;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pad);pointer-events:none}.hud-top>*{pointer-events:auto}.brand h1,.brand p{text-shadow:0 1px 14px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.8)}.brand h1{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.brand p{margin:.2rem 0 0;font-size:.72rem;color:var(--ink-faint)}.hud-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.icon-button,.pill{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:.76rem;color:var(--ink-dim);background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:7px 13px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .18s,border-color .18s,background .18s}.icon-button:hover,.pill:hover{color:var(--ink);border-color:var(--hairline-strong)}.icon-button:focus-visible,.pill:focus-visible,.time-slider:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill[data-active=true]{color:var(--bg);background:var(--live);border-color:transparent;font-weight:600}.stats{grid-area:stats;align-self:start;max-width:300px}.stat-headline{display:flex;align-items:baseline;gap:10px}.stat-number{font-size:2.6rem;font-weight:300;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 24px rgba(110,168,255,.45)}.stat-caption{font-size:.72rem;line-height:1.35;color:var(--ink-dim)}.dim{color:var(--ink-faint)}.clock-row{display:flex;align-items:baseline;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--hairline)}.clock{font-family:var(--mono);font-size:1.02rem;font-variant-numeric:tabular-nums}.clock-zone{font-size:.64rem;color:var(--ink-faint);letter-spacing:.1em}.mode-badge{margin-left:auto;font-size:.6rem;letter-spacing:.14em;padding:3px 7px;border-radius:4px;background:#4ade8024;color:var(--live);border:1px solid rgba(74,222,128,.3)}.mode-badge[data-mode=scrub]{background:#6ea8ff24;color:var(--accent);border-color:#6ea8ff52}.clock-date{font-size:.72rem;color:var(--ink-faint);margin-top:3px}.legend{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--hairline);display:grid;gap:7px}.legend li{display:flex;align-items:center;gap:9px;font-size:.76rem;color:var(--ink-dim)}.legend .swatch{width:8px;height:8px;border-radius:50%;flex:none;box-shadow:0 0 9px 1px currentColor;background:currentColor}.legend .count{margin-left:auto;font-family:var(--mono);font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--ink)}.continuity{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--hairline);font-size:.68rem;line-height:1.45;color:var(--ink-faint)}.continuity strong{color:var(--ink-dim);font-weight:600}.city-panel{grid-area:city;align-self:start;justify-self:end;max-width:320px;width:100%;position:relative}.city-panel[hidden]{display:none}.city-panel h2{margin:0 26px 0 0;font-size:1rem;font-weight:600}.city-sub{margin:3px 0 0;font-size:.7rem;color:var(--ink-faint)}.close{position:absolute;top:8px;right:8px;width:26px;height:26px;display:grid;place-items:center;font-size:1.1rem;line-height:1;color:var(--ink-faint);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.close:hover{color:var(--ink);border-color:var(--hairline)}.city-times{list-style:none;margin:13px 0 0;padding:11px 0 0;border-top:1px solid var(--hairline);display:grid;gap:6px}.city-times li{display:grid;grid-template-columns:12px 1fr auto auto;align-items:center;gap:9px;font-size:.78rem;color:var(--ink-dim);padding:2px 0}.city-times li[data-current=true],.city-times li[data-current=true] .local{color:#fff}.city-times .swatch{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.city-times .utc,.city-times .local{font-family:var(--mono);font-size:.74rem;font-variant-numeric:tabular-nums}.city-times .utc{color:var(--ink-faint)}.city-note{margin:11px 0 0;padding-top:10px;border-top:1px solid var(--hairline);font-size:.68rem;line-height:1.45;color:#fbbf7a}.timeline{grid-area:bottom;display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:10px 16px;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.timeline-controls{display:flex;align-items:center;gap:8px;flex:none}.timeline-track{position:relative;flex:1;min-width:0;padding-top:2px}.ribbon{display:block;width:100%;height:34px;border-radius:5px;background:#ffffff08}.time-slider{position:absolute;left:0;right:0;top:0;height:34px;margin:0;width:100%;background:transparent;appearance:none;-webkit-appearance:none;cursor:ew-resize}.time-slider::-webkit-slider-runnable-track{height:34px;background:transparent}.time-slider::-moz-range-track{height:34px;background:transparent}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:3px;height:34px;border:none;border-radius:2px;background:#fff;box-shadow:0 0 10px #ffffffd9;cursor:ew-resize}.time-slider::-moz-range-thumb{width:3px;height:34px;border:none;border-radius:2px;background:#fff;box-shadow:0 0 10px #ffffffd9;cursor:ew-resize}.track-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.58rem;color:var(--ink-faint);margin-top:3px}input[type=date],select{font:inherit;font-size:.74rem;color:var(--ink-dim);background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:6px 11px;cursor:pointer}.tooltip{position:fixed;z-index:30;pointer-events:none;background:var(--surface-strong);border:1px solid var(--hairline-strong);border-radius:7px;padding:6px 9px;font-size:.72rem;white-space:nowrap;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 8px 22px #0000008c}.tooltip[hidden]{display:none}.tooltip .tip-sub{display:block;color:var(--ink-faint);font-size:.66rem;margin-top:1px}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px}.overlay[hidden]{display:none}.overlay-backdrop{position:absolute;inset:0;background:#03050ab8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.overlay-card{position:relative;max-width:620px;width:100%;max-height:84vh;overflow-y:auto;overscroll-behavior:contain;background:var(--surface-strong);border:1px solid var(--hairline);border-radius:16px;padding:26px 28px;box-shadow:0 24px 70px #000000a6}.overlay-card h2{margin:0 30px 14px 0;font-size:1.2rem}.overlay-card h3{font-size:.86rem;margin:22px 0 7px;color:var(--ink)}.overlay-card p,.overlay-card li{font-size:.82rem;line-height:1.62;color:var(--ink-dim)}.overlay-card a{color:var(--accent)}.overlay-card ul{padding-left:18px}.overlay-card code{font-family:var(--mono);font-size:.76rem;background:#ffffff0f;padding:1px 5px;border-radius:4px}.field{display:grid;gap:5px;margin:14px 0}.field>span{font-size:.74rem;color:var(--ink-dim)}.field select{width:100%;border-radius:8px}.field-hint{font-size:.68rem;color:var(--ink-faint);line-height:1.45}.checkbox-row{display:flex;align-items:center;gap:9px;margin:11px 0;font-size:.78rem;color:var(--ink-dim)}.checkbox-row input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.noscript{position:fixed;inset:0;display:grid;place-items:center;padding:30px;text-align:center;font-size:.9rem;line-height:1.6;color:var(--ink-dim);background:var(--bg);z-index:100}.noscript a{color:var(--accent)}@media(max-width:900px){.hud{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"top" "stats" "city" "bottom";gap:10px;padding:10px}.stats,.city-panel{max-width:none;justify-self:stretch}.continuity{display:none}.legend{display:flex;flex-wrap:wrap;gap:4px 14px}.legend li{gap:6px;font-size:.72rem}.legend .count{display:none}.stat-number{font-size:2rem}.icon-button .label{display:none}.timeline{flex-direction:column;align-items:stretch;gap:9px;padding:9px 12px}.timeline-controls{justify-content:center;flex-wrap:wrap}.city-panel{align-self:end}}@media(prefers-reduced-motion:reduce){.boot{transition:none}}