:root{--bg:#070a12;--bg-2:#0b0f1a;--surface:rgba(20,27,43,.72);--surface-solid:#141b2b;--stroke:rgba(130,165,225,.16);--stroke-strong:rgba(130,165,225,.32);--text:#eaf0fc;--muted:#93a4c4;--faint:#62708c;--accent:#4cc9f0;--accent-2:#4361ee;--accent-3:#7c5cff;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444;--radius:16px;--radius-sm:11px;--shadow:0 10px 40px rgba(0,0,0,.45);--blur:saturate(140%) blur(16px);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.stage{position:fixed;inset:0;overflow:hidden;background:var(--bg-2)}.stage canvas{display:block}.map-mount{position:absolute;inset:0}.topbar{position:absolute;z-index:10;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;padding:9px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--stroke);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow)}.brand-dot{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a9e9ff,var(--accent));box-shadow:0 0 14px var(--accent);flex:none;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.brand-title{font-size:15px;font-weight:700;letter-spacing:.2px;line-height:1.1}.brand-title span{color:var(--accent);font-weight:600}.brand-sub{font-size:11px;color:var(--muted);margin-top:1px}.seg{display:flex;padding:4px;gap:3px;border-radius:13px;background:var(--surface);border:1px solid var(--stroke);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow)}.seg a,.seg button{border:none;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:9px;cursor:pointer;transition:.15s;white-space:nowrap}.seg a:hover,.seg button:hover{color:var(--text);background:hsla(0,0%,100%,.05)}.seg a.active,.seg button.active{color:#04121a;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.rail{position:absolute;z-index:10;top:78px;right:14px;width:186px;padding:12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.rail h2{margin:0 0 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.13em;color:var(--faint);font-weight:700}.rail button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;margin:3px 0;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:hsla(0,0%,100%,.03);color:var(--text);font-size:13px;cursor:pointer;transition:.15s}.rail button:hover{background:rgba(76,201,240,.14);border-color:var(--stroke)}.rail button.active{background:rgba(76,201,240,.18);border-color:var(--stroke-strong)}.rail .ic{font-size:15px;width:18px;text-align:center}.dock{position:absolute;z-index:10;left:50%;bottom:20px;transform:translateX(-50%);max-width:min(94vw,660px);padding:12px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.dock-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--stroke);background:hsla(0,0%,100%,.05);color:var(--text);font-size:13px;font-weight:600;padding:9px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:.15s}.btn:hover{background:hsla(0,0%,100%,.09);border-color:var(--stroke-strong)}.btn:disabled{opacity:.55;cursor:wait}.btn.primary{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#04121a}.btn.on,.btn.primary{border-color:transparent}.btn.on{background:linear-gradient(135deg,#ff5d73,#ff9a3d);color:#1a0a04}.dock-hint{margin:9px 0 0;font-size:11px;color:var(--faint);text-align:center}.time-row{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--muted)}.time-row input[type=range]{flex:1 1;accent-color:var(--accent);height:4px}.time-row .time-val{min-width:44px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.card{position:absolute;z-index:10;border-radius:var(--radius);background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.weather{left:14px;top:78px;padding:12px 14px;display:flex;align-items:center;gap:12px;min-width:160px}.weather .emoji{font-size:30px;line-height:1}.weather .temp{font-size:20px;font-weight:700;line-height:1.1}.weather .desc{font-size:12px;color:var(--muted);margin-top:2px}.legend{left:14px;top:168px;padding:12px 14px;width:210px}.legend h2{margin:0 0 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);font-weight:700}.legend-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:4px 0;color:var(--muted)}.legend-row i{width:13px;height:13px;border-radius:4px;flex:none}.legend-src{margin:9px 0 0;font-size:10px;color:var(--faint)}.zone-pop{left:14px;top:168px;padding:13px 15px;width:230px}.zone-pop h3{margin:0 0 8px;font-size:14px}.zone-pop .row{display:flex;justify-content:space-between;gap:14px;font-size:12px;margin:3px 0;color:var(--muted)}.zone-pop .row b{color:var(--text);font-weight:600}.zone-pop .cat{display:inline-block;margin-top:9px;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700;color:#0a0a0a}.zone-pop .close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--faint);font-size:16px;cursor:pointer}.pip{position:absolute;z-index:11;right:14px;bottom:108px;width:220px;height:165px;border-radius:14px;overflow:hidden;border:1px solid var(--stroke);box-shadow:var(--shadow);background:#000}.pip canvas,.pip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.pip .label{position:absolute;left:0;right:0;bottom:0;padding:6px 9px;font-size:11px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff}.toast{z-index:14;left:50%;top:74px;transform:translateX(-50%);max-width:90vw;padding:9px 16px;border-radius:11px;font-size:13px;background:var(--surface-solid);border:1px solid var(--stroke);box-shadow:var(--shadow);text-align:center}.overlay,.toast{position:absolute}.overlay{inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(5,8,14,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.overlay .panel{max-width:520px;padding:28px 30px;border-radius:20px;background:var(--surface-solid);border:1px solid var(--stroke);box-shadow:0 24px 70px rgba(0,0,0,.55)}.overlay h2{margin:0 0 6px;font-size:21px}.overlay p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:9px 0}.overlay ol{margin:14px 0;padding-left:20px;font-size:13.5px;line-height:1.8;color:var(--text)}.overlay code{background:hsla(0,0%,100%,.08);padding:2px 6px;border-radius:6px;font-size:12.5px}.overlay a{color:var(--accent)}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 22px;text-align:center;background:radial-gradient(1100px 620px at 50% -10%,rgba(67,97,238,.22),transparent 60%),radial-gradient(900px 520px at 85% 110%,rgba(124,92,255,.18),transparent 55%),var(--bg)}.landing .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:6px 13px;border-radius:30px;font-size:12px;color:var(--muted);background:var(--surface);border:1px solid var(--stroke)}.landing h1{margin:0;font-size:clamp(34px,6vw,60px);font-weight:800;letter-spacing:-1px;line-height:1.05}.landing h1 span{background:linear-gradient(120deg,var(--accent),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.landing .lede{margin:16px auto 0;max-width:560px;font-size:16px;line-height:1.6;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px;margin-top:40px;width:100%;max-width:760px}.opt{display:block;text-align:left;padding:22px;border-radius:20px;background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);transition:.18s;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.opt:hover{transform:translateY(-3px);border-color:var(--stroke-strong)}.opt .ic{font-size:30px}.opt h3{margin:12px 0 6px;font-size:19px}.opt p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.55}.opt .go{margin-top:16px;font-size:13px;font-weight:700}.opt .go,.opt .tag{color:var(--accent)}.opt .tag{display:inline-block;margin-top:12px;font-size:11px;padding:3px 9px;border-radius:20px;background:rgba(76,201,240,.14)}.landing .foot{margin-top:40px;font-size:12px;color:var(--faint)}@media (max-width:640px){.rail{display:none}.pip{width:150px;height:112px;bottom:128px}.legend,.weather,.zone-pop{top:auto}.weather{bottom:210px}.legend,.zone-pop{bottom:128px}}