:root{--bg:#0a0c12;--surface:#13161f;--surface-alt:#1c1f2b;--border:#ffffff12;--text:#f4f6fb;--text-muted:#8b91a3;--text-dim:#5a6072;--primary:#6e8bff;--accent:#6e8bff;--success:#4ade80;--warning:#fbbf24;--danger:#fb7185;--shadow:#00000080;--glass:#0e121c9e;--maxw:500px;--r:12px;--r-sm:8px;--tab-h:64px}@font-face{font-family:Bricolage Grotesque;font-weight:300;font-display:swap;src:url(/fonts/bricolage-300.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:400;font-display:swap;src:url(/fonts/bricolage-400.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:500;font-display:swap;src:url(/fonts/bricolage-500.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:600;font-display:swap;src:url(/fonts/bricolage-600.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:700;font-display:swap;src:url(/fonts/bricolage-700.woff2)format("woff2")}@font-face{font-family:Lato;font-weight:700;font-display:swap;src:url(/fonts/lato-700.woff2)format("woff2")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;font-size:15px;line-height:1.45}#root{flex-direction:column;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:var(--primary);text-decoration:none}input{font-family:inherit}.app{width:100%;height:100%;max-width:var(--maxw);background:var(--bg);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.main{flex:1;min-height:0;position:relative;overflow-y:auto}.main::-webkit-scrollbar{width:0}.nav-brand{display:none}.view{min-height:100%}.pad{padding:0 20px 28px}.label{letter-spacing:.7px;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;margin:28px 4px 10px;font-size:11px;font-weight:600;display:flex}.label:first-child{margin-top:8px}.title{letter-spacing:-.3px;font-size:22px;font-weight:600}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.topbar{padding:calc(env(safe-area-inset-top) + 22px) 20px 14px}.topbar h1{letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700}.topbar p{color:var(--text-muted);margin:4px 0 0;font-size:14px}.app-header{padding:calc(env(safe-area-inset-top) + 14px) 18px 12px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.app-header .brand{letter-spacing:-.2px;align-items:center;gap:7px;font-size:15px;font-weight:600;display:flex}.app-header .brand svg{color:var(--primary)}.icon-btn{color:var(--text-muted);padding:4px;display:flex}.menu-fab{z-index:700;top:calc(env(safe-area-inset-top) + 12px);width:38px;height:38px;color:var(--text);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:0 4px 14px -8px var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:14px}.menu-fab:active{opacity:.7}.hero{text-align:left;padding:18px 20px 6px;position:relative;overflow:hidden}.hero .place{letter-spacing:.2px;color:var(--text-muted);align-items:center;gap:5px;font-size:15px;font-weight:600;display:inline-flex}.hero .place svg{opacity:.85}.hero-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hero .temp{letter-spacing:-1px;margin:6px 0 0;font-family:Lato,-apple-system,system-ui,sans-serif;font-size:78px;font-weight:700;line-height:1.02}.hero .cond{color:var(--text-muted);font-size:15px}.hero .hero-ic{color:var(--primary);flex:none;margin-top:26px}.hero .meta{color:var(--text-dim);margin-top:8px;font-size:13px}.hero-stats{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hstat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);min-width:96px;padding:8px 13px}.hstat .hk{letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);font-size:10.5px;font-weight:700;display:block}.hstat .hv{margin-top:2px;font-size:14px;font-weight:600;display:block}.hero .place,.hero .hero-row,.hero .hero-stats{z-index:1;position:relative}.hero-content{z-index:1;will-change:transform;position:relative}.hero-peek{z-index:1;color:var(--text-muted);opacity:0;pointer-events:none;white-space:nowrap;align-items:center;gap:5px;max-width:44%;font-size:16px;font-weight:700;display:flex;position:absolute;top:34%;overflow:hidden}.hero-peek-next{right:18px}.hero-peek-prev{left:18px}.hero-anim-r{animation:.3s cubic-bezier(.22,.61,.36,1) hero-in-r}.hero-anim-l{animation:.3s cubic-bezier(.22,.61,.36,1) hero-in-l}@keyframes hero-in-r{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes hero-in-l{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}.hero-dots{z-index:1;justify-content:center;gap:6px;margin-top:12px;display:flex;position:relative}.hero-dot{background:var(--text-muted);opacity:.35;border-radius:50%;width:6px;height:6px;transition:opacity .2s,width .2s,background .2s}.hero-dot.on{opacity:1;background:var(--primary);border-radius:3px;width:18px}@media (prefers-reduced-motion:reduce){.hero-anim-r,.hero-anim-l{animation:none}}.hero-sky{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 52%,#0000 98%);mask-image:linear-gradient(#000 52%,#0000 98%)}.sky-clear.phase-dawn{background:linear-gradient(165deg,#ffa87633,#ff7c961a 48%,#0000 80%)}.sky-clear.phase-day{background:linear-gradient(165deg,#6cb0ff29,#a2ceff0f 52%,#0000 82%)}.sky-clear.phase-dusk{background:linear-gradient(165deg,#ff925433,#a86cd81f 52%,#0000 82%)}.sky-clear.phase-night{background:linear-gradient(165deg,#5266c22b,#222c621a 52%,#0000 86%)}.sky-clouds.is-day{background:radial-gradient(120% 95% at 68% -25%,#a8b2c62b,#0000 73%)}.sky-clouds.is-night{background:radial-gradient(120% 95% at 68% -25%,#5c6a8e30,#0000 73%)}.sky-rain,.sky-storm{background:radial-gradient(120% 95% at 68% -25%,#5468963b,#0000 75%)}.sky-snow{background:radial-gradient(120% 95% at 68% -25%,#acbad430,#0000 75%)}.sky-fog{background:linear-gradient(#0000,#96a0af2e 45%,#0000)}.celestial{border-radius:50%;width:52px;height:52px;transition:left 1.2s linear,top 1.2s linear;position:absolute;transform:translate(-50%,-50%)}.celestial.sun{background:radial-gradient(circle,#fff6d9 0%,#ffd66b 44%,#ffb340 72%,#ffa03700 76%);animation:5s ease-in-out infinite sun-pulse;box-shadow:0 0 36px 9px #ffc45c73}.celestial.moon{background:radial-gradient(circle at 38% 36%,#fff 0%,#e2e8f6 55%,#aeb9d6 100%);width:40px;height:40px;box-shadow:0 0 20px 5px #cad8ff57}.celestial.moon:after{content:"";background:radial-gradient(circle at 70% 30%,#96a5c880 0 4px,#0000 5px),radial-gradient(circle at 50% 64%,#96a5c86b 0 3px,#0000 4px),radial-gradient(circle at 32% 48%,#96a5c85c 0 2.5px,#0000 3.5px);border-radius:50%;position:absolute;inset:0}.celestial.dimmed{opacity:.5}.celestial .rays{opacity:.22;background:repeating-conic-gradient(#ffd4788c 0deg 5deg,#0000 5deg 22deg);border-radius:50%;animation:80s linear infinite sun-rays;position:absolute;inset:-65%;-webkit-mask-image:radial-gradient(circle,#000 16%,#0000 60%);mask-image:radial-gradient(circle,#000 16%,#0000 60%)}.hero-sky .stars{background-image:radial-gradient(1px 1px at 12% 22%,#ffffffe6,#0000),radial-gradient(1px 1px at 24%,#ffffffa6,#0000),radial-gradient(1.4px 1.4px at 38% 28%,#fff,#0000),radial-gradient(1px 1px at 50% 58%,#fff9,#0000),radial-gradient(1px 1px at 63% 22%,#ffffffd9,#0000),radial-gradient(1.3px 1.3px at 75% 46%,#fff,#0000),radial-gradient(1px 1px at 85% 30%,#ffffffb3,#0000),radial-gradient(1px 1px at 92% 54%,#ffffff8c,#0000),radial-gradient(1px 1px at 31% 70%,#ffffff80,#0000),radial-gradient(1px 1px at 57% 76%,#ffffff80,#0000);animation:5s ease-in-out infinite sky-twinkle;position:absolute;inset:0;-webkit-mask-image:radial-gradient(125% 92% at 50% -5%,#000 55%,#0000);mask-image:radial-gradient(125% 92% at 50% -5%,#000 55%,#0000)}.hero-sky .cloud{filter:blur(18px);background:radial-gradient(62% 100%,#ced9ed42,#ced9ed12 62%,#0000 80%);border-radius:50%;position:absolute}.hero-sky.is-night .cloud{background:radial-gradient(62% 100%,#96a2be33,#96a2be0f 62%,#0000 80%)}.hero-sky .cloud.dark{background:radial-gradient(62% 100%,#7680966b,#7680961f 62%,#0000 80%)}.hero-sky .cloud.c1{width:150px;height:72px;animation:30s ease-in-out infinite alternate sky-drift;top:8px;left:4%}.hero-sky .cloud.c2{opacity:.8;width:190px;height:84px;animation:38s ease-in-out infinite alternate-reverse sky-drift;top:40px;left:40%}.hero-sky .cloud.c3{opacity:.7;width:120px;height:60px;animation:34s ease-in-out infinite alternate sky-drift;top:-6px;left:66%}.hero-sky .bird{opacity:0;background-color:#0000;background-image:linear-gradient(38deg,#0000 46%,#3c465c99 46% 54%,#0000 54%),linear-gradient(-38deg,#0000 46%,#3c465c99 46% 54%,#0000 54%);background-position:0,100%;background-repeat:no-repeat;background-size:50% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:13px;height:8px;position:absolute}.hero-sky.is-night .bird{background-image:linear-gradient(38deg,#0000 46%,#dce4f573 46% 54%,#0000 54%),linear-gradient(-38deg,#0000 46%,#dce4f573 46% 54%,#0000 54%)}.hero-sky .bird.b1{animation:28s linear infinite bird-cross,.6s ease-in-out infinite alternate bird-flap;top:22%}.hero-sky .bird.b2{animation:37s linear 7s infinite bird-cross,.55s ease-in-out infinite alternate bird-flap;top:31%;transform:scale(.78)}.hero-sky .rain{opacity:.5;background-image:repeating-linear-gradient(108deg,#0000 0 6px,#afc8ff52 6px 7px);background-size:13px 13px;animation:.55s linear infinite sky-rain;position:absolute;inset:-25%}.hero-sky .snow{opacity:.75;background-image:radial-gradient(2px 2px at 12% 8%,#fff,#0000),radial-gradient(2px 2px at 32% 38%,#fff,#0000),radial-gradient(1.5px 1.5px at 52% 18%,#fff,#0000),radial-gradient(2px 2px at 72% 58%,#fff,#0000),radial-gradient(1.5px 1.5px at 86% 28%,#fff,#0000);background-repeat:repeat;background-size:180px 180px;animation:9s linear infinite sky-snow;position:absolute;inset:-25%}.hero-sky .fog{filter:blur(8px);background:linear-gradient(#0000,#b9c1cd38 50%,#0000);animation:16s ease-in-out infinite alternate sky-fog;position:absolute;inset:0}.hero-sky .flash{opacity:0;background:radial-gradient(circle at 60% 16%,#ffffff80,#0000 60%);animation:9s linear infinite sky-flash;position:absolute;inset:0}@keyframes sky-twinkle{0%,to{opacity:.45}50%{opacity:.8}}@keyframes sky-drift{0%{transform:translate(-22px)}to{transform:translate(60px)}}@keyframes sky-rain{0%{background-position:0 0}to{background-position:-13px 26px}}@keyframes sky-snow{0%{background-position:0 0}to{background-position:30px 180px}}@keyframes sky-fog{0%{transform:translate(-26px)}to{transform:translate(26px)}}@keyframes sky-flash{0%,90%,to{opacity:0}91%{opacity:.7}92%{opacity:.1}93%{opacity:.55}94%{opacity:0}}@keyframes sun-pulse{0%,to{box-shadow:0 0 32px 7px #ffc45c66}50%{box-shadow:0 0 46px 13px #ffc45c8c}}@keyframes sun-rays{to{transform:rotate(360deg)}}@keyframes bird-cross{0%{opacity:0;left:-7%}12%{opacity:.62}88%{opacity:.62}to{opacity:0;left:104%}}@keyframes bird-flap{0%{background-size:50% 72%}to{background-size:50% 108%}}.severe-banner{border-radius:var(--r);background:color-mix(in srgb, var(--sev) 13%, var(--surface));border:1.5px solid color-mix(in srgb, var(--sev) 55%, var(--border));margin-bottom:14px;padding:16px;animation:2.6s ease-out infinite sb-pulse}.sb-top{align-items:center;gap:12px;display:flex}.sb-ic{color:var(--sev);flex:none;display:flex}.sb-event{letter-spacing:-.2px;font-size:16px;font-weight:700}.sb-until{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:1px;font-size:12.5px}.sb-instr{color:var(--text-muted);max-height:3.1em;margin-top:10px;font-size:13px;line-height:1.5;overflow:hidden}.sb-actions{gap:8px;margin-top:12px;display:flex}.sb-btn{border-radius:var(--r-sm);background:var(--sev);color:#fff;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.sb-btn.ghost{background:var(--surface-alt);color:var(--text)}.sb-btn:active{opacity:.8}@keyframes sb-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sev) 45%, transparent)}70%,to{box-shadow:0 0 0 9px #0000}}@media (prefers-reduced-motion:reduce){.hero-sky *,.severe-banner{animation:none!important}}.cond-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ctile{background:linear-gradient(180deg, #ffffff08, #fff0), var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 14px}.ctile .ct-top{align-items:center;gap:6px;margin-bottom:8px;display:flex}.ctile .ct-ic{color:var(--text-muted);display:flex}.ctile .ck{letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);font-size:10.5px;font-weight:700}.ctile .cv{letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-size:21px;font-weight:600}.ctile .csub{color:var(--text-muted);margin-top:2px;font-size:11.5px;font-weight:500}@media (width>=560px){.cond-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.home-view .cond-grid{grid-template-columns:repeat(5,1fr)}}.trend-card{padding:13px 15px 11px}.trend-head{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.trend-range{font-variant-numeric:tabular-nums}.trend-svg{width:100%;height:92px;display:block;overflow:visible}.trend-axis{color:var(--text-dim);justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.hg-card{padding:14px 14px 12px;overflow:hidden}.hg-scroll{scrollbar-width:none;overflow-x:auto}.hg-scroll::-webkit-scrollbar{display:none}.hg-cols{display:flex}.hg-col{flex-direction:column;align-items:center;gap:8px;display:flex}.hg-hr{color:var(--text-muted);font-size:12px;font-weight:600}.hg-temp{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.hg-svg{margin-top:8px;display:block}.card{background:linear-gradient(180deg, #ffffff06, #fff0), var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:18px}.group{background:linear-gradient(180deg, #ffffff06, #fff0), var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.item{text-align:left;align-items:center;gap:14px;width:100%;padding:15px 18px;display:flex;position:relative}.item+.item:before{content:"";background:var(--border);height:1px;position:absolute;top:0;left:18px;right:0}.item .ic{color:var(--text-muted);flex:none;display:flex}.item .grow{flex:1;min-width:0}.item .t{font-weight:500}.item .s{color:var(--text-muted);margin-top:1px;font-size:13px}.chev{color:var(--text-dim);flex:none}.drow{grid-template-columns:46px 26px 32px 30px 1fr 32px;align-items:center;gap:9px;padding:12px 15px;display:grid;position:relative}.drow+.drow:before{content:"";background:var(--border);height:1px;position:absolute;top:0;left:15px;right:15px}.drow-day{font-size:14px;font-weight:500}.drow-ic{justify-content:center;display:flex}.drow-pop{color:#56b8f0;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.drow-lo{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.drow-track{background:var(--surface-alt);border-radius:3px;height:5px;position:relative}.drow-fill{border-radius:3px;min-width:5px;position:absolute;top:0;bottom:0}.drow-hi{text-align:right;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.risk{align-items:center;gap:12px;display:flex}.risk .swatch{border-radius:3px;flex:none;width:8px;height:36px}.risk .lvl{letter-spacing:-.2px;font-size:17px;font-weight:600}.risk .src{color:var(--text-dim);margin-top:1px;font-size:12px}.alert-card{background:color-mix(in srgb, var(--accent) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-left:4px solid var(--accent);border-radius:14px;margin-bottom:10px;position:relative;overflow:hidden}.alert-card-head{text-align:left;align-items:flex-start;gap:12px;width:100%;padding:14px 15px;display:flex}.alert-card-head:active{opacity:.82}.alert-card-ic{color:var(--accent);flex:none;margin-top:1px;display:flex}.alert-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.alert-card-event{letter-spacing:-.2px;font-size:15px;font-weight:700}.alert-card-tier{letter-spacing:.6px;text-transform:uppercase;background:color-mix(in srgb, var(--accent) 20%, transparent);color:color-mix(in srgb, var(--accent) 70%, var(--text));border-radius:999px;flex:none;padding:2px 7px;font-size:9.5px;font-weight:700}.alert-card-headline{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.alert-card-meta{color:var(--text-dim);margin-top:6px;font-size:12px}.alert-card-chev{color:var(--text-dim);flex:none;margin-top:2px;transition:transform .25s}.alert-card-chev.open{transform:rotate(180deg)}.alert-body{white-space:pre-wrap;color:var(--text-muted);border-top:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));padding:12px 15px 15px;font-size:13.5px;line-height:1.55}.allclear{text-align:center;padding:44px 20px}.allclear-ic{color:var(--success);display:inline-flex}.allclear-t{margin-top:10px;font-size:18px;font-weight:600}.allclear-s{color:var(--text-muted);margin-top:5px;font-size:14px;line-height:1.5}.alert-src{text-align:center;color:var(--text-dim);margin-top:18px;font-size:11px}.lsr-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:11px;margin-bottom:8px;padding:12px 14px;display:flex}.lsr-ic{flex:none;margin-top:1px;display:flex}.lsr-title{font-size:14px;font-weight:600}.lsr-meta{color:var(--text-dim);margin-top:3px;font-size:12px}.lsr-remark{color:var(--text-muted);margin-top:5px;font-size:12.5px;line-height:1.45}.btn{border-radius:var(--r-sm);justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:15px;font-weight:600;transition:opacity .15s,background .15s;display:inline-flex}.btn:active{opacity:.7}.btn-primary{background:var(--primary);color:#fff;width:100%}.btn-ghost{background:var(--surface-alt);color:var(--text)}.seg{background:var(--surface-alt);border-radius:var(--r-sm);gap:6px;padding:4px;display:flex}.seg button{color:var(--text-muted);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px;font-weight:600;display:inline-flex}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 4px var(--shadow)}.theme-pick{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.theme-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;transition:border-color .15s,background .15s;display:flex}.theme-card.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface))}.theme-swatch{border-radius:9px;width:34px;height:34px}.theme-swatch[data-theme-swatch=midnight]{background:linear-gradient(135deg,#08080a,#1f1f22);box-shadow:inset 0 0 0 2px #8ab4f8}.theme-swatch[data-theme-swatch=storm]{background:linear-gradient(135deg,#08111a,#17303f);box-shadow:inset 0 0 0 2px #2fc2d4}.theme-swatch[data-theme-swatch=dark]{background:linear-gradient(135deg,#0a0c12,#1c1f2b);box-shadow:inset 0 0 0 2px #5b8def}.theme-name{color:var(--text);font-size:12.5px;font-weight:600}.theme-hint{color:var(--text-dim);font-size:10px}.theme-pick.compact .theme-card{padding:10px 4px}.input{background:var(--surface-alt);width:100%;color:var(--text);border-radius:var(--r-sm);border:1px solid var(--border);outline:none;padding:13px 15px;font-size:15px}.input:focus{border-color:var(--primary)}.row{align-items:center;gap:10px;display:flex}.radar-stage{flex:1;min-height:0;position:relative}#radar-map{background:#23252b;position:absolute;inset:0}.radar-float{top:calc(env(safe-area-inset-top) + 14px);z-index:600;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;left:16px;right:16px}.radar-pill{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:8px 14px}.radar-pill .ttl{letter-spacing:-.2px;white-space:nowrap;font-size:16px;font-weight:700}.radar-pill .sub{color:var(--text-muted);white-space:nowrap;margin-top:1px;font-size:12px}.radar-ts{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.radar-controls{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border);flex:none;align-items:center;gap:14px;padding:12px 18px;display:flex}.radar-controls .play{color:#0d1420;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.radar-controls .play:active{opacity:.8}.radar-controls .stamp{font-variant-numeric:tabular-nums;text-align:right;min-width:70px;font-size:13px;font-weight:600}.radar-controls .stamp .fc{color:var(--warning);font-weight:600}input[type=range].slider{appearance:none;background:linear-gradient(90deg, #fff 0 var(--pct,0%), #ffffff29 var(--pct,0%));border-radius:999px;outline:none;flex:1;height:5px}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 5px #0000008c}input[type=range].slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 5px #0000008c}.radar-products{top:calc(env(safe-area-inset-top) + 90px);z-index:600;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);scrollbar-width:none;border-radius:12px;gap:3px;max-width:94%;padding:4px;display:flex;position:absolute;left:16px;overflow-x:auto}.radar-products::-webkit-scrollbar{display:none}.radar-products button{color:var(--text-muted);white-space:nowrap;border-radius:9px;flex:none;padding:7px 10px;font-size:12px;font-weight:600}.radar-products button.on{color:#fff;background:#ffffff29}.radar-sat{top:calc(env(safe-area-inset-top) + 14px);z-index:600;white-space:nowrap;color:var(--text-muted);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;right:62px}.radar-sat.on{color:#fff;background:#ffffff29;border-color:#ffffff47}.radar-msg{z-index:590;pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.radar-msg-card{background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);text-align:center;max-width:320px;box-shadow:0 14px 44px -12px var(--shadow);border-radius:18px;padding:22px}.radar-msg-card svg{color:var(--text-muted)}.radar-msg-card p{color:var(--text-muted);margin:8px 0 0;font-size:13px;line-height:1.55}.leaflet-control-attribution{color:#aaa!important;background:#0006!important;font-size:9px!important}.leaflet-bar a{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.tabbar{z-index:10;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border);flex:none;display:flex}.tab{color:var(--text-dim);letter-spacing:.2px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.tab.active{color:var(--primary)}.tab svg{stroke-width:2px}.dot{border-radius:50%;flex:none;width:8px;height:8px}.center{justify-content:center;align-items:center;height:100%;min-height:160px;display:flex}.spin{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.9s linear infinite s}@keyframes s{to{transform:rotate(360deg)}}.fade{animation:.3s f}@keyframes f{0%{opacity:0;transform:translateY(4px)}}.pad-swap{animation:.36s cubic-bezier(.22,.61,.36,1) pad-in}@keyframes pad-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sec-in{animation:.4s sec-in}@keyframes sec-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pad-swap,.sec-in{animation:none}}.skel-tile{border-radius:var(--r-sm);height:62px}.skel-row{width:62%;height:15px}.skel{background:linear-gradient(90deg, var(--surface-alt) 25%, var(--surface) 37%, var(--surface-alt) 63%);border-radius:var(--r-sm);background-size:400% 100%;animation:1.4s infinite skel;display:inline-block}.skel-temp{vertical-align:middle;width:132px;height:62px;margin-top:8px}.skel-cond{width:110px;height:15px;margin-top:4px}@keyframes skel{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.hero-top{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.refresh-btn{color:var(--text-dim);white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.refresh-btn:active{opacity:.6}.offline-banner{z-index:750;padding:calc(env(safe-area-inset-top) + 6px) 10px 6px;color:#1a1205;background:var(--warning);justify-content:center;align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.hourly{scrollbar-width:none;gap:6px;padding:2px 0 6px;display:flex;overflow-x:auto}.hourly::-webkit-scrollbar{display:none}.hour{background:var(--surface);border-radius:var(--r-sm);border:1px solid var(--border);flex-direction:column;flex:none;align-items:center;gap:7px;width:58px;padding:12px 6px;display:flex}.hour .hr{color:var(--text-muted);font-size:12px;font-weight:600}.hour .hpop{color:var(--accent);font-variant-numeric:tabular-nums;min-height:13px;font-size:11px;font-weight:700}.hour .htemp{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.timeline-card{align-items:center;gap:14px;display:flex}.timeline-card .tl-ic{background:color-mix(in srgb, var(--warning) 16%, transparent);width:46px;height:46px;color:var(--warning);border-radius:13px;flex:none;justify-content:center;align-items:center;display:flex}.timeline-card .tl-title{letter-spacing:-.2px;font-weight:600}.timeline-card .tl-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.toggle{background:var(--surface-alt);border-radius:999px;flex:none;width:46px;height:28px;transition:background .18s;position:relative}.toggle.on{background:var(--primary)}.toggle .knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000059}.toggle.on .knob{transform:translate(18px)}.hsel{background:var(--surface-alt);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:7px 8px;font-size:14px;font-weight:600}.drawer-dim{z-index:800;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#06080d80;transition:opacity .25s;position:absolute;inset:0}.drawer-dim.open{opacity:1;pointer-events:auto}.drawer{z-index:801;background:var(--surface);border-left:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));width:82%;max-width:320px;height:100%;padding:calc(env(safe-area-inset-top) + 16px) 14px calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;transition:transform .28s cubic-bezier(.3,.7,.3,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-24px 0 60px #0000008c}.drawer.open{transform:translate(0)}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 6px;display:flex}.drawer-head .t{font-size:16px;font-weight:600}.drawer-acct{border-radius:var(--r);background:var(--surface-alt);border:1px solid var(--border);align-items:center;gap:12px;margin-bottom:10px;padding:13px 12px;display:flex}.drawer-acct .av{background:color-mix(in srgb, var(--primary) 22%, transparent);width:38px;height:38px;color:var(--primary);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.drawer-item{border-radius:var(--r-sm);color:var(--text);text-align:left;align-items:center;gap:13px;width:100%;padding:12px;font-size:15px;display:flex}.drawer-item:active{background:var(--surface-alt)}.drawer-item svg{color:var(--text-muted);flex:none}.drawer-seg{margin-top:auto}@media (width>=860px){.app{flex-direction:row;max-width:none}.nav-brand{letter-spacing:-.2px;color:var(--text);align-items:center;gap:9px;padding:8px 14px 20px;font-size:17px;font-weight:800;display:flex}.nav-brand svg{color:var(--primary)}.tabbar{border-top:none;border-right:1px solid var(--border);background:var(--surface);flex-direction:column;order:-1;justify-content:flex-start;gap:4px;width:244px;height:100%;padding:22px 12px}.tab{border-radius:12px;flex-direction:row;flex:none;justify-content:flex-start;gap:14px;padding:12px 14px;font-size:15px;font-weight:600}.tab.active{background:color-mix(in srgb, var(--primary) 14%, transparent)}.view{max-width:760px;margin:0 auto}.radar-view,.home-view{max-width:none;margin:0}.home-inner{max-width:760px;margin:0 auto}.app-header .brand{display:none}}@media (width>=1200px){.home-inner{max-width:1500px;margin:0 auto}.home-view .dash{grid-template-columns:1.4fr 1fr;align-items:start;column-gap:22px;display:grid}.home-view .hero .temp{font-size:92px}.home-view .hero-ic svg{width:84px;height:84px}}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);background:#0508129e;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out modal-fade;display:flex;position:fixed;inset:0}.modal-sheet{width:100%;max-width:380px;animation:.18s ease-out modal-rise;position:relative}.reset-err{color:var(--danger);margin-top:10px;font-size:13px;line-height:1.4}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.radar-l3-badge{z-index:600;color:#e7ecf5;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#0b1020d1;border:.5px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.radar-legend{z-index:600;text-align:center;color:#cdd6e6;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#0b1020d1;border:.5px solid #ffffff24;border-radius:999px;max-width:92%;padding:6px 14px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.radar-l3-badge .spin{animation:1s linear infinite l3spin}@keyframes l3spin{to{transform:rotate(360deg)}}.radar-site-dot{cursor:pointer;background:#6e8bff;border:1.5px solid #ffffffc7;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 0 3px #0000008c}.radar-site-dot:hover{transform:scale(1.3)}.radar-site-dot.active{background:#fff;border:3px solid #6e8bff;width:20px;height:20px;box-shadow:0 0 9px #6e8bfff2}.radar-sat-legend{z-index:600;text-align:center;color:#cdd6e6;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#0b1020d1;border:.5px solid #ffffff24;border-radius:999px;max-width:92%;padding:6px 14px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.sat-ir{filter:contrast(1.12)brightness(1.08)}.alert-popup-wrap .leaflet-popup-content-wrapper{color:#e7ecf5;background:#0e1426;border:.5px solid #ffffff24;border-radius:12px;box-shadow:0 6px 24px #00000080}.alert-popup-wrap .leaflet-popup-tip{background:#0e1426}.alert-popup-wrap .leaflet-popup-content{margin:12px 14px}.alert-popup-wrap a.leaflet-popup-close-button{color:#9aa4b5}.alert-popup{max-height:260px;overflow-y:auto}.ap-event{font-size:15px;font-weight:800;line-height:1.2}.ap-headline{color:#dfe5f0;margin-top:6px;font-size:13px;font-weight:600;line-height:1.35}.ap-area{color:#9aa4b5;margin-top:5px;font-size:12px;line-height:1.4}.ap-until{color:#ffd27a;margin-top:6px;font-size:12px;font-weight:600}.ap-instruction{color:#cdd6e6;white-space:pre-wrap;border-top:.5px solid #ffffff1f;margin-top:8px;padding-top:8px;font-size:12px;line-height:1.45}.radar-tilts{right:16px;top:calc(env(safe-area-inset-top) + 140px);z-index:600;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:3px;padding:4px;display:flex;position:absolute}.radar-tilts .rt-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:center;padding:2px 0 1px;font-size:10px}.radar-tilts button{color:var(--text-muted);white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:600}.radar-tilts button.on{color:#fff;background:#ffffff29}.alarm-backdrop{z-index:2000;-webkit-backdrop-filter:blur(6px);background:#050812c7;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out alarm-fade;display:flex;position:fixed;inset:0}.alarm-card{background:var(--surface);border:2px solid var(--danger);border-radius:16px;width:100%;max-width:400px;animation:.22s cubic-bezier(.2,.9,.3,1.2) alarm-pop;overflow:hidden;box-shadow:0 18px 60px -12px #000000b3}.alarm-head{color:#fff;letter-spacing:-.2px;align-items:center;gap:10px;padding:14px 18px;font-size:17px;font-weight:800;animation:1.1s ease-in-out infinite alarm-pulse;display:flex}.alarm-body{max-height:50vh;padding:16px 18px 6px;overflow-y:auto}.alarm-headline{font-size:14px;font-weight:600;line-height:1.4}.alarm-area{color:var(--text-muted);margin-top:8px;font-size:13px;line-height:1.45}.alarm-until{color:var(--warning);margin-top:8px;font-size:13px;font-weight:600}.alarm-instruction{color:var(--text);border-top:1px solid var(--border);white-space:pre-wrap;margin-top:12px;padding-top:12px;font-size:13px;line-height:1.5}.alarm-dismiss{width:calc(100% - 36px);margin:14px 18px 18px}@keyframes alarm-fade{0%{opacity:0}to{opacity:1}}@keyframes alarm-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes alarm-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}@media (prefers-reduced-motion:reduce){.alarm-head,.alarm-card{animation:none}}.l3-legend{z-index:600;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#0b1020d6;border:.5px solid #ffffff24;border-radius:12px;flex-direction:column;align-items:center;gap:5px;min-width:230px;max-width:92%;padding:8px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.l3-legend-bar{border:.5px solid #ffffff2e;border-radius:5px;width:100%;height:9px}.l3-legend-axis{color:#cdd6e6;justify-content:space-between;width:100%;font-size:11px;display:flex}.l3-legend-cap{color:#9aa4b5;text-align:center;font-size:11px;line-height:1.35}.l3-legend-cats{flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}.l3-cat{color:#cdd6e6;align-items:center;gap:5px;font-size:11px;display:inline-flex}.l3-cat i{border-radius:3px;flex:none;width:11px;height:11px;display:inline-block}.hero-photo{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 38%,#0000 97%);mask-image:linear-gradient(#000 38%,#0000 97%)}.hero-photo:after{content:"";background:linear-gradient(#0a0c1247 0%,#0a0c1280 60%,#0a0c12eb 100%);position:absolute;inset:0}.hero.has-photo .place,.hero.has-photo .cond,.hero.has-photo .temp,.hero.has-photo .refresh-btn{text-shadow:0 1px 10px #0009}.hero.has-photo .place,.hero.has-photo .cond{color:#ffffffeb}.hero.has-photo .hstat{background:var(--glass);border-color:#ffffff1f}.hero-photo.sky-photo{transform-origin:58% 42%;animation:46s ease-in-out infinite alternate skp-drift;transform:scale(1.08)}.hero-photo.sky-photo.skp-night{filter:brightness(.58)saturate(.82)}.hero-photo.sky-photo:after{background:linear-gradient(#090b1175 0%,#090b1126 24%,#090b1180 64%,#090b11ed 100%)}@keyframes skp-drift{0%{transform:scale(1.06)translate(0)}to{transform:scale(1.13)translate(-2%,-1.5%)}}.skp-rain,.skp-snow,.skp-flash{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.skp-rain{opacity:.5;background-image:repeating-linear-gradient(104deg,#0000 0 7px,#c8d6f057 7px 8px);background-size:15px 15px;animation:.5s linear infinite skp-rainfall;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.skp-snow{opacity:.85;background-image:radial-gradient(2.2px 2.2px at 12% 8%,#fff,#0000),radial-gradient(2px 2px at 32% 38%,#ffffffe6,#0000),radial-gradient(1.6px 1.6px at 52% 18%,#fff,#0000),radial-gradient(2.4px 2.4px at 72% 58%,#fff,#0000),radial-gradient(1.6px 1.6px at 86% 28%,#ffffffd9,#0000),radial-gradient(2px 2px at 22% 72%,#fffc,#0000);background-repeat:repeat;background-size:210px 210px;animation:11s linear infinite skp-snowfall;-webkit-mask-image:linear-gradient(#000 66%,#0000);mask-image:linear-gradient(#000 66%,#0000)}.skp-flash{opacity:0;background:radial-gradient(circle at 58% 14%,#ffffff80,#0000 58%);animation:8s linear infinite skp-flash}@keyframes skp-rainfall{0%{background-position:0 0}to{background-position:-15px 30px}}@keyframes skp-snowfall{0%{background-position:0 0}to{background-position:40px 210px}}@keyframes skp-flash{0%,88%,to{opacity:0}89%{opacity:.65}90%{opacity:.1}92%{opacity:.5}94%{opacity:0}}.hero.has-photo{min-height:270px}.hero.has-photo .temp{color:#fff;letter-spacing:-1px;font-size:86px;font-weight:700}.hero.has-photo .cond{color:#ffffffeb;font-size:16px;font-weight:500}.hero.has-photo .hero-ic{color:#fff}.hero.has-photo .hstat{background:var(--glass);-webkit-backdrop-filter:blur(9px);border-color:#ffffff29;border-radius:12px}.hero.has-photo .hstat .hk{color:#ffffffb8}.hero.has-photo .hstat .hv{color:#fff}@media (prefers-reduced-motion:reduce){.hero-photo.sky-photo,.skp-rain,.skp-snow,.skp-flash{animation:none}}.home-view{position:relative}.home-inner{z-index:1;position:relative}.home-sky{z-index:0;pointer-events:none;position:absolute;inset:0}.home-sky-layer{height:100vh;position:sticky;top:0;overflow:hidden}.home-sky-img{transform-origin:55% 40%;background-position:50% 30%;background-size:cover;animation:46s ease-in-out infinite alternate skp-drift;position:absolute;inset:0;transform:scale(1.05)}.home-sky.skp-night .home-sky-img{filter:brightness(.6)saturate(.82)}.home-sky-tint{background:linear-gradient(to bottom, #090b1138 0%, #090b115c 28%, #090b11b3 58%, var(--bg) 100%);position:absolute;inset:0}.home-sky .skp-rain,.home-sky .skp-snow,.home-sky .skp-flash{position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.home-sky-img{animation:none}}.home-view .app-header,.home-view .hero,.home-view .pad{z-index:1;position:relative}.home-view .app-header .brand,.home-view .app-header .brand svg{color:#fff;text-shadow:0 1px 10px #0006}.home-view .hero .place{color:#fff;text-shadow:0 1px 3px #000000b3,0 1px 12px #00000080}.home-view .hero .refresh-btn{color:#ffffffd9;text-shadow:0 1px 10px #00000080}.home-view .label{color:#ffffff9e}.home-view .card,.home-view .group{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff1a}.home-view .ctile{background:#ffffff0f;border:1px solid #ffffff14}.home-view .item+.item:before,.home-view .drow+.drow:before{background:#ffffff17}.home-view .hsec{background:var(--glass);border-radius:var(--r);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff1a;margin-bottom:14px;overflow:hidden}.hsec-head{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.hsec.open .hsec-head{border-bottom:1px solid #ffffff12}.hsec-head:active{opacity:.75}.hsec-title{letter-spacing:.2px;font-size:14px;font-weight:700}.hsec-right{align-items:center;gap:12px;display:flex}.hsec-action{letter-spacing:.7px;color:#ffffff8c;align-items:center;gap:2px;font-size:11px;font-weight:700;display:inline-flex}.hsec-chev{color:#ffffff80;flex:none;transition:transform .3s}.hsec.open .hsec-chev{transform:rotate(180deg)}.hsec-body{opacity:0;max-height:0;padding:0 15px;transition:max-height .35s,opacity .25s,padding .3s;overflow:hidden}.hsec.open .hsec-body{opacity:1;max-height:1600px;padding:14px 15px 16px}.hsec-body.flush{padding-left:0;padding-right:0}.hsec.open .hsec-body.flush{padding:4px 0 6px}.home-view .hsec-body .hg-card,.home-view .hsec-body .group{-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;margin:0}.home-view .hsec-body .hg-card{padding:0}@media (prefers-reduced-motion:reduce){.hsec-body{transition:none}}