:root{--bg:#1a1b1a;--fg:#f4f1ec;--muted:#f4f1ecbd;--accent:#f0a53a;--accent-fg:#1a1204;--danger:#ff7a6b;--glass:#1a1917c2;--glass-solid:#262523;--surface:var(--glass-solid);--surface-2:#ffffff14;--border:#ffffff26;--hair:#ffffff1a;--shadow:0 10px 30px #00000052;--radius:18px;--gap:16px;--top:126px;--dock:250px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#e8e5df;--fg:#1d1b17;--muted:#4f493f;--accent:#8f4a03;--accent-fg:#fff;--danger:#b3261e;--glass:#ffffffd6;--glass-solid:#fff;--surface:var(--glass-solid);--surface-2:#0000000d;--border:#00000029;--hair:#0000001a;--shadow:0 10px 30px #281e0a29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:14.5px/1.45 Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif}h1,h2,h3{margin:0;line-height:1.2}h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.72rem;font-weight:650}h2 small{text-transform:none;letter-spacing:0;margin-left:8px;font-size:.78rem;font-weight:400}a{color:var(--accent)}.muted,small{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ic{font-style:normal;display:inline-flex}.wi{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.6em;height:1.6em}.num,.stats dd,.temp,.hr,.rng,.pop{font-variant-numeric:tabular-nums}.glass,.card,.topbar,.titlebar,.dock,.chip-toggle,.layer-chips button{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(26px)saturate(125%);backdrop-filter:blur(26px)saturate(125%);box-shadow:inset 0 1px 0 #ffffff14, var(--shadow)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.card,.topbar,.titlebar,.dock,.chip-toggle,.layer-chips button{background:var(--glass-solid)}}.card{border-radius:var(--radius);min-width:0;padding:16px}select,input,button{font:inherit;color:var(--fg);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:7px 12px}select option{color:#111;background:#fff}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--muted)}button.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000;font-weight:650}input[type=range]{accent-color:var(--accent);background:0 0;border:0;padding:0}input::placeholder{color:var(--muted)}.field{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.field select{color:var(--fg)}.field.check{cursor:pointer}.field.check input{width:16px;height:16px;accent-color:var(--accent);padding:0}.topbar,.titlebar{border-radius:16px}.topbar{z-index:800;align-items:center;gap:8px 18px;min-height:52px;margin:14px 14px 0;padding:6px 10px 6px 18px;display:flex;position:relative}.brand{letter-spacing:-.01em;color:var(--fg);white-space:nowrap;font-weight:650;text-decoration:none}.pages{flex-wrap:wrap;align-self:stretch;gap:2px;display:flex}.pages a{color:var(--muted);border-bottom:2px solid #0000;align-items:center;min-height:28px;margin-top:2px;padding:0 12px;font-weight:550;text-decoration:none;display:flex}.pages a:hover{color:var(--fg)}.pages a[aria-current=page]{color:var(--fg);border-bottom-color:var(--accent)}#search{flex:260px;gap:6px;max-width:420px;margin-left:auto;display:flex}#search input{background:var(--surface-2);flex:1;min-width:0}#units{white-space:nowrap;font-size:.85rem;font-weight:550}.shell-title{z-index:790;margin:8px 14px 0;position:relative}.titlebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;width:fit-content;max-width:100%;padding:6px 8px 6px 18px;display:flex}.title-left{align-items:center;gap:12px;display:flex}h1{font-size:1.05rem;font-weight:650}#place{min-width:13ch}.clocks{gap:18px;margin:0;display:flex}.clocks div{align-items:baseline;gap:6px;display:flex}.clocks dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.clocks dd{font-variant-numeric:tabular-nums;min-width:8.5em;margin:0;font-size:.85rem;font-weight:550}#save-btn{border-radius:8px;padding:3px 10px;font-size:.8rem}#save-btn[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}#save-btn:disabled{opacity:.5;cursor:default}#saved{margin-top:6px}#saved ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}#saved li{display:flex}.chip,.chip-x{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3px 10px;font-size:.8rem}.chip{border-right:0;border-radius:8px 0 0 8px}.chip[aria-current=true]{border-color:var(--accent);color:var(--accent)}.chip-x{color:var(--muted);border-radius:0 8px 8px 0}body[data-page=weather] .topbar,body[data-page=hazards] .topbar{margin:14px;position:absolute;left:0;right:0}body[data-page=weather] .shell-title,body[data-page=hazards] .shell-title{pointer-events:none;margin:0;position:absolute;top:74px;left:14px;right:14px}body[data-page=weather] .shell-title>*,body[data-page=hazards] .shell-title>*{pointer-events:auto}body[data-page=weather] .topbar,body[data-page=hazards] .topbar{top:0}.stage{height:100dvh;min-height:640px;position:relative;overflow:hidden}.stage>#map{z-index:0;background:#20221f;position:absolute;inset:0}.leaflet-tile-pane{filter:brightness(.74)saturate(.8)}@media (prefers-color-scheme:light){.leaflet-tile-pane{filter:none}}.panel-l,.panel-r{top:var(--top);z-index:500;max-height:calc(100% - var(--top) - var(--dock) - 28px);border-radius:var(--radius);padding:16px 18px;position:absolute;overflow:auto}.panel-l{width:340px;left:14px}.panel-r{width:310px;right:14px}.panel-r h2{margin-bottom:4px}.layer-chips{top:var(--top);z-index:500;pointer-events:none;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;left:372px;right:340px}body[data-page=weather] .shell-title{flex-wrap:wrap;align-items:flex-start;gap:8px 12px;display:flex}body[data-page=weather] .shell-title .layer-chips{flex:380px;min-width:0;padding-top:4px;position:static}body[data-page=weather] #saved{flex-basis:100%;order:3;margin-top:0}.layer-chips>*{pointer-events:auto}.layer-chips button{border-radius:10px;padding:4px 10px;font-size:.8rem;font-weight:550}.layer-chips button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:#0000}.layer-chips .sep{background:var(--border);width:1px;height:20px;margin:0 4px}.map-opts{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;align-items:center;gap:10px;padding:2px 8px 2px 6px;font-size:.84rem;display:flex}.map-opts select{padding:3px 8px;font-size:.82rem}#alerts{left:372px;top:var(--top);z-index:500;width:min(520px,100% - 744px);max-height:40%;position:absolute;overflow:auto}#alerts:empty{display:none}.alert{background:color-mix(in srgb, var(--danger) 22%, var(--glass-solid));border:1px solid var(--danger);box-shadow:var(--shadow);border-radius:12px;margin-bottom:6px;padding:8px 12px}.alert b{margin-right:6px}.alert summary{cursor:pointer}.alert p{margin:6px 0}.dock{z-index:500;border-radius:var(--radius);gap:8px;padding:10px 16px 12px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.controls{align-items:center;gap:12px;display:flex}#play{border-radius:10px;min-width:64px;padding:5px 12px;font-size:.82rem;font-weight:600}#frame-label{text-align:right;font-variant-numeric:tabular-nums;min-width:150px;color:var(--muted);font-size:.82rem}.scrub{flex:1;min-width:120px;display:grid}.scrub input{width:100%}.marks{height:34px;position:relative}.mark{min-width:24px;min-height:28px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-items:center;gap:2px;padding:0 2px;font-size:.68rem;display:grid;position:absolute;top:0;transform:translate(-50%)}.mark i{background:var(--muted);width:1px;height:6px}.mark span{font-variant-numeric:tabular-nums;line-height:1}.mark:hover,.mark.on{color:var(--fg);background:var(--surface-2)}.mark.on i{background:var(--accent);width:2px;height:8px}.legend-wrap{align-items:center;gap:8px;font-size:.78rem;display:flex}#legend{border-radius:4px;width:110px;height:8px}.strip{border-top:1px solid var(--hair);scrollbar-width:thin;grid-auto-columns:minmax(58px,1fr);grid-auto-flow:column;gap:2px;min-height:110px;padding:8px 0 4px;display:grid;overflow-x:auto}.hr{border-radius:10px;justify-items:center;gap:1px;padding:5px 2px;display:grid}.hr:first-child{background:var(--surface-2)}.hr>span{color:var(--muted);font-size:.72rem}.hr .ic{font-size:1rem}.hr b{font-size:.95rem;font-weight:600}.hr small{font-size:.68rem;line-height:1.1}.hr .wind-arrow,.hr>small:not(.pop){display:none}.hr .pop{color:var(--accent);text-align:center}#chart{height:44px}.place-line{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px;display:flex}.place-line h2{margin:0}.now-body{grid-template-columns:1fr auto;align-items:center;gap:10px 12px;display:grid}.now-main{min-width:0}.temp{letter-spacing:-.04em;align-items:center;gap:12px;font-size:4.6rem;font-weight:300;line-height:.95;display:flex}.temp .ic{color:var(--accent);font-size:1.8rem}.temp .wi{stroke-width:1.2px;width:1em;height:1em}.temp span{color:var(--muted);letter-spacing:0;align-self:flex-start;margin-left:2px;padding-top:.35em;font-size:1.4rem;font-weight:300}.cond{color:var(--muted);margin-top:6px;font-weight:500}.stats{border-top:1px solid var(--hair);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px 12px;margin:0;padding-top:10px;display:grid}.stats dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.stats dd{margin:2px 0 0;font-size:.98rem;font-weight:600}.wind-dial{text-align:center;grid-area:1/2;justify-items:center;gap:2px;font-size:.68rem;display:grid}.dial{width:64px;height:64px}.src{grid-column:1/-1;margin:0;font-size:.74rem}.summary .headline{margin:14px 0 6px;font-size:.95rem;font-weight:500}.tips{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tips li{color:var(--muted);align-items:baseline;gap:8px;font-size:.84rem;display:flex}.tips li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:5px;height:5px;transform:translateY(-2px)}.tips .ic{display:none}.rain-soon{background:var(--surface-2);border-left:3px solid var(--muted);border-radius:12px;gap:1px;margin:0 0 12px;padding:8px 12px;display:grid}.rain-soon[data-tone=wet]{border-left-color:var(--accent)}.rain-soon b{font-weight:600}.rain-soon small{font-size:.7rem}@media (width>=901px){#current{align-content:start;min-height:300px}.summary{min-height:84px}}.sun-line{border-top:1px solid var(--hair);justify-content:space-between;gap:8px;min-height:48px;margin:12px 0 0;padding-top:10px;font-size:.8rem;display:flex}.week-list{display:grid}.day{border-top:1px solid var(--hair);grid-template-columns:1.7em 1fr auto;align-items:center;gap:1px 10px;padding:6px 0;display:grid}.day:first-child{border-top:0}.day .ic{color:var(--fg);grid-row:1/3;font-size:1.15rem}.dn{line-height:1.2;display:grid}.dn b{font-size:.9rem;font-weight:600}.hol{color:var(--muted);font-size:.72rem}.rng{grid-area:1/3;grid-template-columns:2.2em minmax(34px,1fr) 2.2em;align-items:center;gap:6px;width:124px;font-size:.82rem;display:grid}.rng .lo{color:var(--muted);text-align:right}.bar{background:var(--surface-2);border-radius:2px;height:4px;position:relative}.bar i{background:var(--accent);opacity:.9;border-radius:2px;position:absolute;top:0;bottom:0}.sum{flex-wrap:wrap;grid-column:2/-1;align-items:center;gap:0 8px;display:flex}.sum small{font-size:.72rem}.day .pop{text-align:right;color:var(--accent);grid-area:2/3;font-size:.72rem}.wind{align-items:center;gap:4px;display:flex}.wind .wind-arrow{color:var(--muted)}.wind-arrow{color:var(--fg)}#week-date{display:none}.hz-layers{top:var(--top);z-index:500;width:270px;max-height:calc(100% - var(--top) - 90px);border-radius:var(--radius);padding:12px 14px;position:absolute;left:14px;overflow:auto}.hz-layers h2{margin-bottom:6px}.lg-cat{border-top:1px solid var(--hair);padding:8px 0}.lg-cat:first-of-type{border-top:0}.lg-cat>b{margin-bottom:4px;font-size:.78rem;font-weight:650;display:block}.lg-cat>b small{font-weight:400}.toggle{cursor:pointer;align-items:center;gap:9px;padding:4px 0;font-size:.84rem;line-height:1.25;display:flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle i{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;flex:none;width:30px;height:18px;transition:background .15s;position:relative}.toggle i:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.toggle input:checked+i{background:var(--accent);border-color:#0000}.toggle input:checked+i:after{background:var(--accent-fg);transform:translate(12px)}.toggle input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}.hz-base{border-top:1px solid var(--hair);color:var(--muted);align-items:center;gap:8px;padding-top:8px;font-size:.82rem;display:flex}.hz-base select{flex:1;padding:3px 8px}.hz-panel{top:var(--top);z-index:500;width:350px;height:calc(100% - var(--top) - 100px);border-radius:var(--radius);flex-direction:column;padding:10px 14px 12px;display:flex;position:absolute;right:14px}.hz-tabs{border-bottom:1px solid var(--hair);flex:none;gap:2px;margin:0 -4px 8px;display:flex}.hz-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:6px 9px;font-size:.8rem;font-weight:550}.hz-tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}.hz-body{align-content:start;gap:14px;min-height:0;display:grid;overflow:auto}.hz-body section[hidden]{display:none}.hz-body section{align-content:start;gap:14px;display:grid}.hz-body h2{margin-bottom:6px}.hz-key{z-index:500;border-radius:14px;max-width:calc(100% - 678px);height:clamp(80px,18%,140px);padding:8px 12px;font-size:.78rem;position:absolute;bottom:14px;left:298px;overflow:auto}.hz-key:has(#legend-list:empty):has(#map-note:empty){display:none}.legend-list{gap:4px;display:grid}.lg{flex-wrap:wrap;align-items:center;gap:2px 10px;display:flex}.lg-item{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.lg-item i{border-radius:3px;width:10px;height:10px;display:inline-block}.lg-icon{font-style:normal;line-height:1}.map-note{margin:4px 0 0;font-size:.78rem}.map-note:empty{display:none}.tabs{gap:4px;margin-bottom:8px;display:flex}.tabs button{border-radius:8px;padding:3px 12px;font-size:.8rem}.tabs button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:#0000;font-weight:600}.alert-item{background:var(--surface-2);border-left:3px solid;border-radius:0 10px 10px 0;margin-bottom:6px;padding:6px 10px}.alert-item summary{cursor:pointer}.alert-item p{margin:6px 0}.alert-text{white-space:pre-wrap;font-size:.84rem}.storm{border-bottom:1px solid var(--hair);gap:2px;padding:8px 0;display:grid}.storm:last-child{border-bottom:0}.river{align-items:flex-start;gap:10px;padding:6px 0;display:flex}.river span{display:grid}.dot{border-radius:50%;flex:none;width:10px;height:10px;margin-top:5px}.aqi-main,.drought-main{align-items:center;gap:14px;display:flex}.aqi-main h3,.drought-main h3{margin:0 0 4px;font-size:1rem}.aqi-main p,.drought-main p{margin:0 0 4px;font-size:.88rem}.aqi-badge{text-align:center;color:#fff;border-radius:14px;flex:none;place-content:center;width:76px;height:76px;display:grid}.aqi-badge b{font-size:1.8rem;line-height:1}.aqi-badge small{color:inherit;opacity:.9}.aqi-strip{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.aqi-cell{color:var(--muted);justify-items:center;gap:4px;font-size:.72rem;display:grid}.aqi-cell b{text-align:center;color:#fff;border-radius:8px;width:100%;padding:4px 0;font-size:.95rem}#air h4{color:var(--muted);margin:12px 0 6px;font-size:.8rem;font-weight:600}.drought-badge{border:1px solid #0003;border-radius:14px;flex:none;place-items:center;width:64px;height:64px;font-size:1.4rem;display:grid}.guide-row{border-bottom:1px solid var(--hair);align-items:flex-start;gap:10px;padding:6px 0;display:flex}.guide-row:last-child{border-bottom:0}.guide-row span{gap:2px;display:grid}.worst{gap:3px;margin:0;padding:0;list-style:none;display:grid}.worst button{text-align:left;background:0 0;border-color:#0000;border-radius:10px;grid-template-columns:1.6em 1fr auto;align-items:center;gap:8px;width:100%;padding:6px 8px;display:grid}.worst button:hover{background:var(--surface-2);border-color:#0000}.worst button.has-dot{grid-template-columns:14px 1fr}.worst button.plain{grid-template-columns:1fr}.worst button.has-dot .dot{margin-top:0}.list-note{margin:0 0 8px;font-size:.78rem}.tabs button span{font-variant-numeric:tabular-nums}.qbox{place-items:center;width:48px;display:grid}.worst button:has(.qbox){grid-template-columns:48px 1fr}.qdot{border:1px solid #111827;border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;display:grid}.worst .rank{color:var(--muted)}.worst .wname{min-width:0;line-height:1.25;display:grid}.aqi-pill{color:#fff;text-align:center;border-radius:8px;min-width:2.6em;padding:2px 8px}.page{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;min-height:calc(100dvh - 230px);margin:14px 14px 0;display:grid}.page.sky{grid-template-rows:auto 1fr}.page.climate{grid-template-rows:auto auto 1fr}.card.grow{flex-direction:column;display:flex}.card.grow .chart{flex:1;height:auto;min-height:260px;position:relative}.page .full{grid-column:1/-1}.page .card h2{margin-bottom:10px}.chart{height:260px}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.tile{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(26px)saturate(125%);backdrop-filter:blur(26px)saturate(125%);box-shadow:var(--shadow);border-radius:14px;gap:3px;padding:12px 14px;display:grid}.tile b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.7rem;font-weight:400}.tile small{font-size:.78rem}.tile .label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:650}.tiles:empty{display:none}.moon-now{align-items:center;gap:14px;margin-bottom:14px;display:flex}.moon-now small{color:var(--muted);display:block}.moon{color:var(--fg);flex:none}.sun-arc{width:100%;max-width:560px;color:var(--muted);margin:0 auto 8px;display:block}.sun-status{margin:0 0 14px}#sun-card,#moon-card{min-height:460px}.sub{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px;font-size:.72rem;font-weight:650}.phases{margin:0;padding:0;list-style:none}.phases li{border-top:1px solid var(--hair);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.phases li:first-child{border-top:0}.sun-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 20px;margin:0;display:grid}.sun-grid dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:6px;font-size:.7rem;display:flex}.sun-grid dt .ic{display:none}.sun-grid dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.05rem;font-weight:600}.card.wide{grid-column:1/-1}.alerts-grid{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin:14px 14px 0;display:grid}.alerts-grid h1{margin:0 0 8px;font-size:1.25rem}.alerts-grid .card.wide{max-width:none}.alerts-grid .card.wide.panel{grid-column:auto}.alerts-grid .card.wide.intro{grid-column:1/-1}body[data-page=alerts] #search,body[data-page=alerts] .topbar .field,body[data-page=alerts] .shell-title{display:none}body[data-page=alerts] #units{margin-left:auto}.panel .step{border-top:1px solid var(--hair);margin-top:12px;padding-top:10px}.panel .step h3{align-items:center;gap:8px;margin:0 0 8px;font-size:1rem;display:flex}.panel .n{background:var(--accent);width:24px;height:24px;color:var(--accent-fg);border-radius:50%;place-items:center;font-size:.85rem;font-weight:650;display:inline-grid}.loc-pick{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.loc-pick label{flex:260px;gap:4px;font-weight:600;display:grid}.loc-pick input{width:100%;padding:8px 10px;font-size:1rem}.loc-now{border:1px solid var(--accent);background:var(--surface-2);border-radius:10px;margin:8px 0 0;padding:8px 12px}.panel select{font-size:1rem}.card.wide fieldset{border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:8px 12px}.card.wide fieldset label{margin:6px 0;display:block}.card.wide .state{background:var(--surface-2);border-left:3px solid #4ea66b;border-radius:0 10px 10px 0;margin:8px 0;padding:8px 12px}.card.wide .callout{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;margin:8px 0;padding:8px 12px}.card.wide .fine{font-size:.8rem}.btn-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.leaflet-container .leaflet-popup-content-wrapper{background:var(--glass);color:var(--fg);border:1px solid var(--border);-webkit-backdrop-filter:blur(26px)saturate(125%);backdrop-filter:blur(26px)saturate(125%);box-shadow:inset 0 1px 0 #ffffff14, var(--shadow);border-radius:16px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.leaflet-container .leaflet-popup-content-wrapper{background:var(--glass-solid)}}.leaflet-container .leaflet-popup-tip{background:var(--glass-solid);border:1px solid var(--border);box-shadow:none}.leaflet-container .leaflet-popup-content{font:inherit;margin:12px 16px;line-height:1.4}.leaflet-container a.leaflet-popup-close-button{color:var(--muted);border-radius:8px;width:28px;height:28px;font:22px/26px system-ui,sans-serif;top:6px;right:6px}.leaflet-container a.leaflet-popup-close-button:hover{color:var(--fg);background:var(--surface-2)}.leaflet-container .leaflet-tooltip{background:var(--glass-solid);color:var(--fg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.leaflet-container .leaflet-tooltip-top:before,.leaflet-container .leaflet-tooltip-bottom:before,.leaflet-container .leaflet-tooltip-left:before,.leaflet-container .leaflet-tooltip-right:before{border-color:#0000}.leaflet-container .leaflet-bar{box-shadow:var(--shadow);border-radius:12px;overflow:hidden;border:1px solid var(--border)!important}.leaflet-container .leaflet-bar a,.leaflet-container .leaflet-bar a:hover{background-color:var(--glass-solid);color:var(--fg);border-bottom-color:var(--border)}.leaflet-container .leaflet-bar a:hover{background-color:var(--surface-2)}.popup div{margin:3px 0;font-size:.85rem}.popup button{margin-top:8px}.popup .popup-head{color:var(--danger);margin-bottom:4px;font-weight:700}.popup-alert{border-left:3px solid var(--danger);background:color-mix(in srgb, var(--danger) 16%, transparent);border-radius:0 10px 10px 0;margin:6px 0;padding:6px 10px}.popup-alert summary{cursor:pointer;font-weight:650}.popup-alert p{margin:4px 0;font-size:.8rem}.popup .popup-layer{color:var(--accent);margin:4px 0;font-weight:600}.wind-marker svg{filter:drop-shadow(0 0 1px #000);transition:transform .4s}.hover-tip{z-index:1000;pointer-events:none;background:var(--glass-solid);color:var(--fg);border:1px solid var(--border);white-space:nowrap;box-shadow:var(--shadow);border-radius:8px;padding:4px 9px;font-size:.8rem;position:absolute;top:0;left:0}.loc-val span{background:var(--accent);color:var(--accent-fg);white-space:nowrap;pointer-events:none;border-radius:8px;padding:3px 8px;font:700 13px system-ui,sans-serif;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 1px 4px #00000080}.mpop{min-width:240px;font-size:.85rem}.mpop h3{margin:0 0 6px;font-size:1rem}.pop-row{border-bottom:1px solid var(--hair);justify-content:space-between;gap:12px;padding:3px 0;display:flex}.pop-row span{color:var(--muted)}.pop-row b{text-align:right;font-weight:600}.pop-note{margin:6px 0;line-height:1.35}.mpop .muted,.mpop small{color:var(--muted)}.meter{background:var(--surface-2);border-radius:3px;height:6px;margin:2px 0 4px;overflow:hidden}.meter i{background:#16a34a;height:100%;display:block}.thresholds{flex-wrap:wrap;justify-content:flex-end;gap:2px 8px;display:flex}.thresholds em{font-size:.75rem;font-style:normal}.hydro-img{border-radius:4px;width:100%;height:auto;margin-top:6px;display:block}.mpop .dot{vertical-align:middle;margin:0 2px 0 0;display:inline-block}.fire-icon span,.storm-icon span{filter:drop-shadow(0 1px 2px #000000b3);place-items:center;line-height:1;display:grid}.storm-icon span{border:2px solid #111827;border-radius:50%;width:36px;height:36px;font-size:22px;box-shadow:0 0 0 2px #fff8}.gauge-icon svg{filter:drop-shadow(0 1px 1px #00000080);display:block}.storm-label{font-weight:700}.leaflet-container .leaflet-control-attribution{color:#222;background:#fffffff0}.leaflet-container .leaflet-control-attribution a{color:#00507a;text-decoration:underline}.leaflet-control-zoom{margin-bottom:120px!important}#progress{z-index:2000;background:color-mix(in srgb, var(--accent) 25%, transparent);height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}#progress:before{content:"";background:var(--accent);width:35%;animation:1.1s ease-in-out infinite slide;position:absolute;inset:0 auto 0 0}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:3000;background:var(--accent);color:var(--accent-fg);border-radius:10px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:8px}.skip:focus{top:8px}main:focus{outline:none}.chip,.chip-x,.tabs button,#save-btn,#units,.pages a{min-height:28px}.chip-x{min-width:28px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}footer{color:var(--muted);gap:8px;padding:24px 16px 20px;font-size:.8rem;display:grid}.foot-note{max-width:90ch;margin:0}.foot-links{flex-wrap:wrap;gap:4px 16px;display:flex}.foot-links a{min-height:24px;padding:4px 0;display:inline-block}.foot-row{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.prose{max-width:78ch;margin:0 auto;padding:8px 16px 40px;line-height:1.6}.prose h1{margin:16px 0 4px;font-size:1.75rem}.prose h2{text-transform:none;letter-spacing:0;color:var(--fg);margin:28px 0 8px;font-size:1.2rem}.prose h3{margin:18px 0 6px;font-size:1rem}.prose .lede{color:var(--muted);margin-top:0}.prose table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.9rem}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--hair);padding:8px 10px}.prose th{color:var(--muted);font-weight:600}.prose .callout{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;margin:16px 0;padding:10px 14px}.prose ul{padding-left:1.2em}@media (width<=1100px){.layer-chips{left:372px;right:14px}.panel-r{display:none}#alerts{width:calc(100% - 386px)}.hz-panel{width:300px}.hz-key{max-width:calc(100% - 628px)}}@media (width<=900px){body[data-page=weather] .topbar,body[data-page=hazards] .topbar{margin:14px 14px 0;position:relative}body[data-page=weather] .shell-title,body[data-page=hazards] .shell-title{margin:8px 14px 0;position:relative;top:auto}.stage{flex-direction:column;gap:12px;height:auto;min-height:0;padding:12px 14px 0;display:flex;overflow:visible}.stage>#map{border-radius:var(--radius);order:1;height:56dvh;min-height:340px;position:relative;inset:auto}.layer-chips,.panel-l,.panel-r,.hz-layers,.hz-panel,.hz-key,.dock,#alerts{width:auto;max-width:none;max-height:none;position:static}.layer-chips{pointer-events:auto;scrollbar-width:thin;flex-wrap:nowrap;order:0;padding-bottom:4px;overflow-x:auto}.layer-chips>*,.layer-chips button{flex:none}#alerts{order:0}.panel-l{order:2}.panel-r{order:3;display:block}.dock{order:1}.hz-layers{order:2}.hz-panel{order:3;height:auto;min-height:420px}.hz-key{order:1;height:auto;min-height:0}.hz-panel .hz-body{overflow:visible}.leaflet-control-zoom{margin-bottom:10px!important}.page,.alerts-grid{grid-template-columns:minmax(0,1fr)}.alerts-grid .card.wide.panel{grid-column:1/-1}.topbar{flex-wrap:wrap}#search{flex-basis:100%;order:5;max-width:none;margin-left:0}.rng{width:124px}}@media (width<=520px){.temp{font-size:3.8rem}.strip{grid-auto-columns:minmax(54px,1fr)}#frame-label{min-width:0}.hz-tabs{overflow-x:auto}}@media (width<=700px){.prose table,.prose thead,.prose tbody,.prose tr,.prose th,.prose td{display:block}.prose thead{position:absolute;left:-9999px}.prose tr{border-bottom:1px solid var(--hair);padding:6px 0}.prose td{border:0;padding:2px 0}}