:root{--weather-bg:#030a08;--weather-panel:rgba(7,19,15,.74);--weather-panel-strong:rgba(9,25,19,.9);--weather-line:rgba(154,255,179,.14);--weather-line-strong:rgba(154,255,179,.32);--weather-text:#d9e9dc;--weather-muted:#82998b;--weather-green:#9affb3;--weather-teal:#5af4d2;--weather-gold:#f8d77b;--weather-blue:#78bfff;--weather-red:#ff9988;--weather-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--weather-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--weather-bg);color:var(--weather-text);scroll-behavior:smooth}.weather-body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% 14%,rgba(35,105,84,.15),transparent 34%),linear-gradient(180deg,#030a08 0%,#07130f 50%,#030a08 100%);font-family:var(--weather-sans);overflow-x:hidden}.weather-atmosphere{position:fixed;inset:78px 0 0;z-index:0;pointer-events:none;overflow:hidden;opacity:.75}.weather-atmosphere div{position:absolute;border-radius:50%;filter:blur(80px);opacity:.17}.weather-atmosphere div:nth-child(1){width:55vw;height:32vw;left:-15vw;top:5vh;background:#1d8b70}.weather-atmosphere div:nth-child(2){width:48vw;height:38vw;right:-10vw;top:28vh;background:#316991}.weather-atmosphere div:nth-child(3){width:42vw;height:28vw;left:25vw;bottom:-10vw;background:#738149}.site-head{position:sticky;top:0}main{position:relative;z-index:1;width:min(1480px,100%);margin:0 auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,4.5rem) 6rem}.eyebrow{margin:0 0 .55rem;color:var(--weather-green);font:600 .62rem/1.2 var(--weather-mono);letter-spacing:.18em;text-transform:uppercase}.weather-intro{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(480px,1.3fr);gap:clamp(2rem,6vw,7rem);align-items:end;padding:clamp(1rem,4vw,3rem) 0 3rem;border-bottom:1px solid var(--weather-line)}.intro-copy h1{margin:0;color:#eff9f0;font:300 clamp(3.5rem,8vw,7.5rem)/.86 var(--weather-sans);letter-spacing:-.065em}.intro-copy>p:last-child{max-width:34rem;margin:1.4rem 0 0;color:var(--weather-muted);font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.65}.place-form label{display:block;margin-bottom:.7rem;color:var(--weather-muted);font:600 .62rem/1.2 var(--weather-mono);letter-spacing:.13em;text-transform:uppercase}.search-line{display:grid;grid-template-columns:minmax(14rem,1fr) auto auto auto;gap:.55rem}.combobox-wrap{position:relative}.place-form input,.place-form button{min-height:48px;border:1px solid var(--weather-line-strong);border-radius:0;font:600 .72rem/1 var(--weather-mono);letter-spacing:.04em}.place-form input{width:100%;padding:0 1rem;background:rgba(2,8,6,.8);color:var(--weather-text);outline:none}.place-form input::placeholder{color:#587064}.place-form input:focus{border-color:var(--weather-teal);box-shadow:0 0 0 2px rgba(90,244,210,.11)}.place-form button{padding:0 1rem;cursor:pointer}.primary-action{background:var(--weather-green);color:#06100b}.quiet-action,.unit-action{background:rgba(4,14,10,.8);color:var(--weather-text)}.place-form button:hover,.place-form button:focus-visible{outline:2px solid var(--weather-teal);outline-offset:2px}.place-results{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;max-height:22rem;margin:0;padding:.35rem;overflow-y:auto;list-style:none;border:1px solid var(--weather-line-strong);background:#06110d;box-shadow:0 18px 50px rgba(0,0,0,.45)}.place-results li{display:block;width:100%;min-height:52px;margin:0;padding:.65rem .75rem;background:transparent;color:var(--weather-text);cursor:pointer;text-align:left;font-family:var(--weather-sans);letter-spacing:0}.place-results li:hover,.place-results li[aria-selected="true"]{outline:0;background:rgba(154,255,179,.09)}.place-results strong,.place-results small{display:block}.place-results small{margin-top:.2rem;color:var(--weather-muted)}.recent-places{display:flex;flex-wrap:wrap;gap:.45rem;min-height:2.1rem;margin-top:.85rem}.recent-places:empty{display:none}.recent-places:before{content:"RECENT";align-self:center;color:#5d7567;font:600 .54rem/1 var(--weather-mono);letter-spacing:.13em}.recent-places button{min-height:32px;padding:.3rem .65rem;border:1px solid var(--weather-line);background:transparent;color:var(--weather-muted);cursor:pointer;font:500 .62rem/1 var(--weather-mono)}.recent-places button:hover,.recent-places button:focus-visible{outline:none;border-color:var(--weather-green);color:var(--weather-green)}.weather-status{min-height:1.2rem;padding:1rem 0;color:var(--weather-muted);font:500 .65rem/1.4 var(--weather-mono)}.weather-status[data-state="error"]{color:var(--weather-red)}.weather-status[data-state="loading"]{color:var(--weather-gold)}.weather-empty{min-height:54vh;display:grid;grid-template-columns:180px minmax(0,35rem);align-items:center;justify-content:center;gap:clamp(2rem,6vw,6rem);padding:4rem 0}.weather-empty h2{margin:0;color:#edf7ef;font:300 clamp(2rem,5vw,4.6rem)/1.02 var(--weather-sans);letter-spacing:-.045em}.weather-empty p:last-child{color:var(--weather-muted);line-height:1.7}.empty-orbit{position:relative;width:160px;height:160px}.empty-orbit:before,.empty-orbit:after,.empty-orbit i{position:absolute;inset:50%;content:"";border:1px solid var(--weather-line-strong);border-radius:50%;transform:translate(-50%,-50%)}.empty-orbit:before{width:150px;height:150px}.empty-orbit:after{width:88px;height:88px}.empty-orbit i:nth-child(1){width:12px;height:12px;border:0;background:var(--weather-green);box-shadow:0 0 24px rgba(154,255,179,.8)}.empty-orbit i:nth-child(2){width:120px;height:34px;border-color:rgba(90,244,210,.28);transform:translate(-50%,-50%) rotate(24deg)}.empty-orbit i:nth-child(3){width:142px;height:52px;border-color:rgba(248,215,123,.2);transform:translate(-50%,-50%) rotate(-34deg)}#weatherContent>section{padding:clamp(2.8rem,6vw,5.5rem) 0;border-top:1px solid var(--weather-line)}#weatherContent>section:first-child{border-top:0}.section-heading,.current-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h2,.current-heading h2,.source-section h2{margin:0;color:#edf7ef;font:300 clamp(1.9rem,4vw,3.5rem)/1 var(--weather-sans);letter-spacing:-.045em}.section-note,.place-clock{margin:0;color:var(--weather-muted);font:500 .62rem/1.5 var(--weather-mono);text-align:right}.alert-list{display:grid;gap:.65rem}.alert-item{border-left:3px solid var(--weather-red);background:rgba(72,20,16,.26)}.alert-item summary{min-height:52px;padding:1rem;cursor:pointer;color:#ffd8d0;font-weight:650}.alert-item summary:focus-visible{outline:2px solid var(--weather-red);outline-offset:2px}.alert-body{padding:0 1rem 1.25rem;color:#d7c3bf;line-height:1.6}.alert-meta{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;color:#b8958d;font:500 .6rem/1.5 var(--weather-mono)}.alert-body a{color:#ffc0b4}.coverage-message{padding:1rem;border:1px solid var(--weather-line);color:var(--weather-muted);line-height:1.6}.current-heading{align-items:start}.freshness{display:grid;gap:.2rem;text-align:right;font-family:var(--weather-mono)}.freshness span{color:#60786b;font-size:.52rem;letter-spacing:.14em;text-transform:uppercase}.freshness b{color:#becfc1;font-size:.68rem}.freshness small{color:#60786b}.current-grid{display:grid;grid-template-columns:minmax(350px,.8fr) minmax(420px,1.2fr);gap:clamp(2rem,7vw,8rem);align-items:center}.condition-primary{display:flex;align-items:center;gap:clamp(1.3rem,3vw,2.5rem)}.temperature{display:flex;align-items:start;color:#f1faf2;font:300 clamp(4.8rem,10vw,9rem)/.78 var(--weather-sans);letter-spacing:-.09em}.temperature small{padding-top:.3em;color:var(--weather-gold);font-size:.3em;letter-spacing:0}.condition-primary p{margin:.65rem 0 0;color:var(--weather-text);font-size:1.1rem}.condition-primary p:last-child{color:var(--weather-muted);font:500 .66rem/1.4 var(--weather-mono)}.condition-orb{position:relative;flex:0 0 auto;width:clamp(88px,11vw,148px);height:clamp(88px,11vw,148px);border:1px solid var(--weather-line-strong);border-radius:50%;background:radial-gradient(circle at 40% 36%,rgba(154,255,179,.42),rgba(29,93,73,.15) 42%,rgba(2,8,6,.4) 70%);box-shadow:0 0 80px rgba(90,244,210,.09)}.condition-orb:before,.condition-orb:after,.condition-orb span{content:"";position:absolute}.condition-orb:before{inset:12%;border:1px solid rgba(154,255,179,.25);border-radius:50%}.condition-orb:after{width:48%;height:15%;left:34%;top:51%;border-top:2px solid rgba(216,232,218,.6);border-bottom:1px solid rgba(216,232,218,.25);transform:skewX(-24deg)}.condition-orb[data-condition="clear"],.condition-orb[data-condition="mostly-clear"]{background:radial-gradient(circle at 38% 35%,#fff4ad 0 8%,#e1ba55 9% 24%,rgba(110,99,45,.25) 25% 50%,rgba(2,8,6,.3) 70%)}.condition-orb[data-condition="rain"],.condition-orb[data-condition="showers"],.condition-orb[data-condition="heavy-rain"]{background:radial-gradient(circle at 46% 30%,rgba(152,199,216,.55),rgba(41,76,91,.45) 37%,rgba(2,8,6,.5) 70%)}.condition-orb[data-condition="snow"],.condition-orb[data-condition="heavy-snow"]{background:radial-gradient(circle at 44% 34%,rgba(244,251,255,.8),rgba(125,161,171,.3) 36%,rgba(2,8,6,.5) 70%)}.condition-orb[data-condition="storm"]{background:radial-gradient(circle at 45% 30%,rgba(206,184,255,.62),rgba(62,39,82,.48) 38%,rgba(2,8,6,.5) 70%)}.condition-orb[data-condition="fog"]{filter:saturate(.45);opacity:.78}.current-details{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--weather-line);border-left:1px solid var(--weather-line)}.current-details div{min-height:92px;padding:1rem;border-right:1px solid var(--weather-line);border-bottom:1px solid var(--weather-line)}.current-details dt{color:#61796c;font:600 .54rem/1.2 var(--weather-mono);letter-spacing:.12em;text-transform:uppercase}.current-details dd{margin:.7rem 0 0;color:#dceadd;font:500 clamp(.78rem,1.4vw,1rem)/1.35 var(--weather-mono)}.model-note{max-width:66rem;margin:1.4rem 0 0;color:#61796c;font:500 .6rem/1.6 var(--weather-mono)}.timing-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--weather-line);border-left:1px solid var(--weather-line)}.timing-card{min-height:158px;padding:1.25rem;border-right:1px solid var(--weather-line);border-bottom:1px solid var(--weather-line);background:linear-gradient(145deg,rgba(10,26,20,.48),rgba(3,10,8,.18))}.timing-card small{color:#60786b;font:600 .54rem/1.2 var(--weather-mono);letter-spacing:.14em;text-transform:uppercase}.timing-card strong{display:block;margin:1.25rem 0 .5rem;color:#e7f5e9;font:300 clamp(1.35rem,2.2vw,2rem)/1.05 var(--weather-sans)}.timing-card p{margin:0;color:var(--weather-muted);font:500 .62rem/1.45 var(--weather-mono)}.hourly-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);overflow-x:auto;scroll-snap-type:x proximity;border-top:1px solid var(--weather-line);border-left:1px solid var(--weather-line);scrollbar-color:rgba(154,255,179,.25) transparent}.hourly-card{min-height:232px;padding:1rem .8rem;scroll-snap-align:start;border-right:1px solid var(--weather-line);border-bottom:1px solid var(--weather-line);background:rgba(4,13,10,.34)}.hourly-card time{color:var(--weather-muted);font:600 .58rem/1 var(--weather-mono)}.hourly-glyph{display:grid;place-items:center;width:48px;height:48px;margin:1rem 0;border:1px solid var(--weather-line);border-radius:50%;color:var(--weather-gold);font:400 1.1rem/1 var(--weather-sans)}.hourly-temp{color:#e9f7eb;font:300 1.55rem/1 var(--weather-sans)}.hourly-meta{display:grid;gap:.4rem;margin-top:1.2rem;color:var(--weather-muted);font:500 .57rem/1.3 var(--weather-mono)}.daily-list{border-top:1px solid var(--weather-line)}.daily-row{display:grid;grid-template-columns:minmax(95px,.55fr) minmax(150px,1.2fr) minmax(105px,.55fr) minmax(115px,.65fr) minmax(120px,.7fr);align-items:center;gap:1rem;min-height:70px;border-bottom:1px solid var(--weather-line);font-family:var(--weather-mono)}.daily-row>span{min-width:0}.daily-day{color:#dbe9dd;font-size:.68rem}.daily-condition{display:flex;align-items:center;gap:.65rem;color:var(--weather-muted);font-size:.62rem}.daily-condition i{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--weather-line);border-radius:50%;color:var(--weather-gold);font-style:normal}.daily-temperature{color:#eff8f0;font-size:.72rem}.daily-temperature b{color:#82998b;font-weight:500}.daily-rain,.daily-wind{color:var(--weather-muted);font-size:.61rem}.air-content{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(420px,1.25fr);gap:clamp(2rem,7vw,8rem);align-items:center}.aqi-primary{display:flex;align-items:end;gap:1rem}.aqi-number{color:#eef8ef;font:300 clamp(4rem,8vw,7rem)/.75 var(--weather-sans);letter-spacing:-.065em}.aqi-label{max-width:15rem;color:var(--weather-green);font:600 .7rem/1.4 var(--weather-mono)}.air-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--weather-line);border-left:1px solid var(--weather-line)}.air-metric{padding:1rem;border-right:1px solid var(--weather-line);border-bottom:1px solid var(--weather-line)}.air-metric small{display:block;color:#60786b;font:600 .52rem/1.2 var(--weather-mono);letter-spacing:.1em;text-transform:uppercase}.air-metric b{display:block;margin-top:.8rem;color:#d8e8da;font:500 .72rem/1.3 var(--weather-mono)}.source-section{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(560px,1.45fr);gap:clamp(2rem,7vw,8rem)}.source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--weather-line);border:1px solid var(--weather-line)}.source-grid article{padding:1.2rem;background:rgba(3,10,8,.88)}.source-grid h3{margin:0;color:#dbeadd;font:600 .65rem/1 var(--weather-mono);letter-spacing:.1em;text-transform:uppercase}.source-grid p{color:var(--weather-muted);font-size:.73rem;line-height:1.6}.source-grid a{color:var(--weather-green);font:500 .58rem/1.4 var(--weather-mono)}.request-stamp{grid-column:2;margin:1rem 0 0;color:#5f776a;font:500 .56rem/1.5 var(--weather-mono)}.water-content{border-top:1px solid var(--weather-line);border-bottom:1px solid var(--weather-line)}.water-grid{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(380px,1.3fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:1.4rem 0}.water-station{display:inline-block;color:var(--weather-text);font:500 clamp(.92rem,1.4vw,1.08rem)/1.4 var(--weather-mono);text-decoration:none}.water-station:after{content:" ↗";color:var(--weather-teal)}.water-station:hover,.water-station:focus-visible{outline:none;color:var(--weather-green);text-decoration:underline;text-underline-offset:.25rem}.water-station-meta{margin:.45rem 0 1.2rem;color:var(--weather-muted);font:500 .58rem/1.5 var(--weather-mono);letter-spacing:.08em;text-transform:uppercase}.water-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--weather-line);border:1px solid var(--weather-line)}.water-metric{min-height:104px;padding:1rem;background:rgba(3,10,8,.88)}.water-metric small{display:block;color:#6e8679;font:600 .55rem/1.4 var(--weather-mono);letter-spacing:.12em;text-transform:uppercase}.water-metric strong{display:block;margin-top:.75rem;color:var(--weather-green);font:300 clamp(1.55rem,3vw,2.5rem)/1 var(--weather-sans)}.water-metric em{color:var(--weather-gold);font:500 .6rem/1 var(--weather-mono);font-style:normal;letter-spacing:.05em}.water-trend{margin:1rem 0 0;color:var(--weather-muted);font:500 .61rem/1.55 var(--weather-mono)}.water-trend b{color:var(--weather-teal);font-weight:600}.water-trace{margin:0;min-width:0}.water-trace figcaption{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.65rem;color:#688073;font:600 .55rem/1.4 var(--weather-mono);letter-spacing:.12em;text-transform:uppercase}.water-trace figcaption span{color:var(--weather-gold)}.water-chart{display:block;width:100%;height:160px;overflow:visible}.water-gridline{stroke:rgba(154,255,179,.09);stroke-width:1;vector-effect:non-scaling-stroke}.water-line,.water-flow{fill:none;stroke:var(--weather-green);stroke-width:1.5;vector-effect:non-scaling-stroke}.water-flow{stroke:var(--weather-gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:.035 .965;animation:water-travel 7s linear infinite}.water-latest{fill:var(--weather-gold);filter:drop-shadow(0 0 5px rgba(248,215,123,.65))}.water-trace-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:.45rem;color:#61796c;font:500 .54rem/1.4 var(--weather-mono)}.water-message{margin:0;padding:1.3rem;border-left:1px solid var(--weather-gold);background:rgba(248,215,123,.035);color:var(--weather-muted);font-size:.75rem;line-height:1.65}@keyframes water-travel{to{stroke-dashoffset:-1}}
.noscript{position:relative;z-index:50;margin:2rem;padding:1rem;border:1px solid var(--weather-red);color:var(--weather-text)}
@media(max-width:1000px){.weather-intro{grid-template-columns:1fr}.search-line{grid-template-columns:minmax(13rem,1fr) auto auto}.unit-action{grid-column:3}.current-grid,.air-content,.water-grid{grid-template-columns:1fr}.source-grid{grid-template-columns:repeat(2,1fr)}.timing-grid{grid-template-columns:repeat(2,1fr)}.source-section{grid-template-columns:1fr}.request-stamp{grid-column:1}.daily-row{grid-template-columns:minmax(85px,.5fr) minmax(145px,1.2fr) minmax(100px,.6fr) minmax(105px,.7fr)}.daily-wind{display:none}}
@media(max-width:680px){.weather-atmosphere{inset:68px 0 0}main{padding:1.5rem 1rem 4rem}.weather-intro{padding-top:.5rem;gap:2rem}.intro-copy h1{font-size:clamp(3.7rem,20vw,6rem)}.search-line{display:grid;grid-template-columns:1fr 1fr}.combobox-wrap{grid-column:1/-1}.primary-action,.quiet-action,.unit-action{padding:0 .65rem}.unit-action{grid-column:auto}.weather-empty{grid-template-columns:1fr;min-height:45vh;padding:3rem 0}.empty-orbit{display:none}.section-heading{align-items:start;gap:1rem}.current-heading{display:grid;gap:.8rem}.freshness{max-width:none;text-align:left}.section-note{max-width:10rem}.current-grid{gap:2.5rem}.condition-primary{gap:1rem}.condition-orb{width:86px;height:86px}.current-details{grid-template-columns:repeat(2,1fr)}.current-details div{min-height:80px}.timing-grid{grid-template-columns:1fr 1fr}.timing-card{min-height:142px}.daily-row{grid-template-columns:72px minmax(120px,1fr) 95px;gap:.6rem;min-height:68px}.daily-rain,.daily-wind{display:none}.air-metrics{grid-template-columns:repeat(2,1fr)}.source-grid{grid-template-columns:1fr}.source-section{gap:2rem}.alert-meta{display:grid}}
@media(max-width:420px){.timing-grid{grid-template-columns:1fr}.timing-card{min-height:125px}.temperature{font-size:4.4rem}.condition-primary p{font-size:.95rem}.daily-row{grid-template-columns:65px minmax(105px,1fr) 88px}.daily-condition{gap:.4rem}.search-line{grid-template-columns:1fr}.combobox-wrap,.unit-action{grid-column:1}.place-form button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.weather-atmosphere{display:none}.hourly-rail{scroll-behavior:auto}.water-flow{display:none}*{transition:none!important;animation:none!important}}