:root{color-scheme:dark;--bg:#101b25;--panel:#172631;--border:#30404a;--text:#e9f0ed;--muted:#a1b2bb;--accent:#b8db9b;--accent-rgb:184,219,155;--map-height:410px;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 5%,rgba(var(--accent-rgb),.065),transparent 45%),var(--bg);min-height:100vh;transition:background-color 1s}body.cold{--accent:#a1cfea;--accent-rgb:161,207,234;--bg:#111e2c;--panel:#182a3b}body.warm{--accent:#e8c38e;--accent-rgb:232,195,142;--bg:#241f1b;--panel:#302a24}body.rainy{--accent:#a6c2ef;--accent-rgb:166,194,239;--bg:#151d2c;--panel:#1c293c}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,select{color:var(--text)}.topbar{height:95px;border-bottom:1px solid var(--border);padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:23px;font-weight:650;letter-spacing:-.5px}.brand:hover{text-decoration:none}.brand-mark{font-size:48px;color:var(--accent);line-height:1;transform:rotate(-28deg)}.brand-light{font-weight:350;color:var(--muted)}.brand small{font-size:8px;letter-spacing:2.7px;display:block;margin-top:8px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:30px}.live{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.live i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.4)}.quiet-button{background:transparent;border:1px solid var(--border);padding:10px 14px;border-radius:7px;font-size:12px}.quiet-button:hover{border-color:var(--accent)}main{max-width:1580px;margin:auto;padding:43px max(4vw,24px) 0}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--accent);margin:0 0 12px}.intro h1{font-size:clamp(27px,3vw,42px);font-weight:450;letter-spacing:-1.6px;margin:0 0 11px}.intro-description{color:var(--muted);font-size:13px;margin:0}.location-controls{display:flex;gap:12px}.location-controls label{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;display:flex;flex-direction:column;gap:9px}.location-controls select{appearance:auto;border:1px solid var(--border);border-radius:7px;background:var(--panel);width:205px;font-size:12px;padding:12px;text-transform:none;letter-spacing:0}.warning-strip{display:flex;align-items:center;gap:19px;border:1px solid #705e3e;border-radius:7px;background:rgba(211,163,85,.055);padding:13px 16px;margin-bottom:24px;font-size:11px;line-height:1.6}.warning-label{color:#e3be7a;font-size:9px;letter-spacing:1.1px;font-weight:700;white-space:nowrap}#warnings{flex:1;color:#c6c8c4;max-height:54px;overflow:auto}.warning-strip>a{font-size:10px;white-space:nowrap;color:#e3be7a}.dashboard-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px}.card{border:1px solid var(--border);background:var(--panel);border-radius:11px;overflow:hidden}.conditions{padding:25px 25px 20px;display:flex;flex-direction:column}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:20px}.section-heading .eyebrow{margin:0;font-size:8px}.chip{border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:8px;padding:5px;white-space:nowrap}.chip.stale{color:#efbd7b;border-color:#705e3e}h2{font-size:20px;letter-spacing:-.5px;font-weight:500;margin:0 0 6px}.muted{color:var(--muted);font-size:11px;line-height:1.6}#station-name{min-height:35px;margin:0}.temperature{display:flex;align-items:center;gap:15px;margin:27px 0 5px;line-height:1}#weather-glyph{font-size:45px;color:var(--accent)}#temperature{font-size:77px;letter-spacing:-5px;font-weight:300}.temperature small{font-size:23px;align-self:flex-start;margin-top:8px;color:var(--muted)}.condition-note{font-size:11px;color:var(--accent);margin:12px 0 26px}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);gap:23px 14px;padding:23px 0}.metrics>div{display:flex;flex-direction:column;gap:8px}.metrics span{color:var(--muted);font-size:10px}.metrics strong{font-size:19px;font-weight:450}.water-detail{border-top:1px solid var(--border);padding:12px 0;color:var(--accent);font-size:13px;line-height:1.8}.station-footer{margin-top:auto;padding-top:15px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;font-size:9px;color:var(--muted)}.station-footer a{color:var(--accent)}.coverage-note{font-size:9px;color:var(--muted);line-height:1.65;margin-top:13px}.map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;gap:10px}.map-toolbar .eyebrow{font-size:8px;margin-bottom:6px}.map-toolbar h2{font-size:17px;margin:0}.segmented{display:flex;gap:3px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:3px}.segmented button{border:0;border-radius:4px;padding:7px 12px;background:transparent;font-size:10px;color:var(--muted)}.segmented button.active{background:var(--accent);color:#192529}#map{height:var(--map-height);background:#14242e;z-index:0}.leaflet-tile-pane{filter:saturate(.6) brightness(.8)}.leaflet-control-attribution{font-size:8px!important}.station-dot{border:2px solid #15212a;border-radius:50%;background:#c9e5a5;box-shadow:0 0 0 3px rgba(201,229,165,.15)}.station-dot.water{background:#8ccfe4;box-shadow:0 0 0 3px rgba(140,207,228,.15)}.station-dot.stale{background:#8e9397;box-shadow:none}.station-dot.selected{border-color:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.25)}.leaflet-tooltip{font-family:inherit;background:#182630;color:#eff4f3;border:1px solid #596971;box-shadow:none}.map-legend{display:flex;align-items:center;gap:18px;font-size:9px;padding:13px 22px;border-bottom:1px solid var(--border)}.map-legend span{display:flex;gap:6px;align-items:center}.map-legend span:last-child{margin-left:auto;font-size:9px}.map-legend i{width:6px;height:6px;border-radius:50%}.legend-station{background:#c9e5a5}.legend-water{background:#8ccfe4}.radar-controls{display:flex;align-items:center;padding:17px 22px 7px;gap:16px}.play-button{width:32px;height:32px;background:var(--accent);color:#1d2b2c;border:0;border-radius:50%;font-size:11px;flex-shrink:0}.radar-timeline{flex:1;min-width:0}.radar-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);gap:10px}.radar-meta strong{font-weight:500;color:var(--text)}input[type=range]{accent-color:var(--accent);height:14px;width:100%;cursor:pointer}.opacity-label{display:flex;flex-direction:column;font-size:8px;color:var(--muted);width:74px;gap:5px}.radar-note{margin:0;padding:5px 22px 15px 70px;font-size:8px;line-height:1.5;color:var(--muted)}.forecast-section{margin-top:35px}.forecast-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.forecast-heading .eyebrow{margin-bottom:8px}.forecast-heading h2{font-size:25px}.experimental{color:var(--muted);font-size:8px;letter-spacing:1px;border:1px solid var(--border);padding:8px 10px;border-radius:4px}.forecast-description{color:var(--muted);font-size:10px;line-height:1.6;margin:9px 0 18px}.forecast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.forecast-card{background:var(--panel);border:1px solid var(--border);padding:20px;border-radius:9px}.forecast-card .forecast-period{display:flex;align-items:center;justify-content:space-between;font-size:12px}.forecast-period span:last-child{color:var(--muted);font-size:9px}.forecast-value{font-size:33px;font-weight:350;margin:18px 0 16px;color:var(--accent)}.forecast-card p{font-size:10px;color:var(--muted);line-height:1.6;margin:5px 0}.forecast-values{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--border);padding-top:12px;font-size:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:28px 0;margin-top:33px;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}footer strong{font-weight:500;color:var(--text);margin-left:8px}footer nav{display:flex;gap:17px}dialog{color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(800px,94vw);max-height:85vh;padding:28px}dialog::backdrop{background:#071019bd;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.source-row{display:grid;grid-template-columns:1fr auto;gap:6px 15px;padding:15px 0;border-bottom:1px solid var(--border);font-size:12px}.source-row p{grid-column:1/-1;font-size:10px;color:var(--muted);margin:0;overflow-wrap:anywhere}.source-health{font-size:9px;color:var(--accent)}.source-health.error{color:#e3be7a}h3{font-size:14px;font-weight:500;margin-top:26px}.archive-summary{font-size:12px;line-height:1.8;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px;white-space:nowrap}th,td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left}th{font-weight:500;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--panel);border:1px solid var(--border);padding:13px 20px;border-radius:7px;font-size:12px;z-index:10000;max-width:90vw}
@media(min-width:1500px){:root{--map-height:460px}.conditions{padding:30px}.metrics{gap:30px 14px}.temperature{margin-top:38px}}@media(max-width:1050px){.intro{align-items:flex-start;flex-direction:column}.location-controls{width:100%}.location-controls label{flex:1}.location-controls select{width:100%}.dashboard-grid{grid-template-columns:280px minmax(0,1fr)}.conditions{padding:20px}.temperature{gap:9px}#temperature{font-size:65px}.map-legend{gap:10px}.map-legend span:last-child{display:none}.radar-meta{flex-direction:column;gap:4px}.forecast-grid{gap:10px}.forecast-card{padding:16px}}@media(max-width:720px){.topbar{height:78px;padding:0 20px}.brand{font-size:19px;gap:9px}.brand-mark{font-size:37px}.brand small{font-size:6px;letter-spacing:2px}.header-right{gap:10px}.header-right .live{display:none}.quiet-button{font-size:10px;padding:9px}main{padding:28px 17px 0}.intro{gap:23px}.intro h1{letter-spacing:-1px}.intro-description{font-size:11px}.location-controls{gap:9px}.location-controls select{font-size:11px;padding:11px 7px}.warning-strip{align-items:flex-start;flex-wrap:wrap;gap:6px 14px;padding:12px}.warning-label{font-size:8px}.warning-strip>a{margin-left:auto;font-size:9px}#warnings{flex-basis:100%;order:3;font-size:10px}.dashboard-grid{grid-template-columns:1fr;gap:17px}.conditions{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding:22px}.section-heading{grid-column:1/-1;margin-bottom:16px}.conditions h2,.conditions #station-name{grid-column:1}.temperature{grid-column:2;grid-row:2/5;margin:0;align-self:center;justify-content:flex-end}.temperature #weather-glyph{font-size:30px}.temperature #temperature{font-size:60px}.temperature small{font-size:17px}.condition-note{grid-column:1;margin:5px 0 14px}.metrics{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 0}.metrics strong{font-size:16px}.metrics span{font-size:9px}.station-footer,.coverage-note,.water-detail{grid-column:1/-1}.station-footer{flex-direction:row;justify-content:space-between}.coverage-note{font-size:9px}.map-toolbar{padding:17px}.map-toolbar h2{font-size:16px}:root{--map-height:370px}.map-legend{padding:12px 17px}.radar-controls{padding-left:17px;padding-right:17px;gap:12px}.radar-note{padding-left:61px}.forecast-heading{align-items:flex-start;flex-direction:column;gap:7px}.forecast-heading h2{font-size:23px}.forecast-grid{grid-template-columns:1fr 1fr}.forecast-card{padding:16px}.forecast-value{margin:14px 0;font-size:29px}.forecast-period{font-size:11px!important}.forecast-period span:last-child{font-size:8px}footer{line-height:1.8;gap:10px}footer nav{flex-wrap:wrap;gap:14px}dialog{padding:20px}.dialog-heading h2{font-size:17px}}
.warning-coverage{display:block;color:#e3be7a;font-size:9px;margin-top:3px}.dam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:18px}.dam-card{display:flex;flex-direction:column;text-align:left;gap:9px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:18px;color:var(--text)}.dam-card:hover{border-color:var(--accent)}.dam-card>span{font-size:12px}.dam-card strong{font-size:27px;color:var(--accent);font-weight:400}.dam-card small{font-size:10px;color:var(--muted)}@media(max-width:720px){.dam-grid{grid-template-columns:1fr 1fr}.dam-card{padding:14px}.dam-card small{font-size:9px}}
body.night{background-image:radial-gradient(ellipse at 80% 0%,rgba(100,125,190,.09),transparent 55%)}body.rainy{background-image:radial-gradient(ellipse at 20% 0%,rgba(130,165,220,.14),transparent 55%)}body.stormy{--accent:#beb1e9;--accent-rgb:190,177,233;background-image:radial-gradient(ellipse at 65% 0%,rgba(159,134,209,.15),transparent 55%)}.live.degraded{color:#e3be7a}.live.degraded i{background:#e3be7a;box-shadow:0 0 10px #e3be7a44}.warning-strip #warnings{max-height:85px}#selected-attribution{overflow-wrap:anywhere}
.forecast-period{flex-wrap:wrap;gap:5px}.forecast-period>span:first-child{min-width:0}
.warning-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 19px;align-items:center}.warning-strip #warnings{min-width:0;width:100%;max-height:none;overflow:hidden;line-height:1.8}.warning-actions{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:10px;color:#e3be7a}.ticker-pause{font-size:9px;color:#e3be7a;border:1px solid #705e3e;border-radius:4px;background:transparent;padding:5px 7px}.ticker-pause[hidden]{display:none}.warning-strip>.warning-coverage{grid-column:1/-1;font-size:8px;line-height:1.6;margin:0;color:#bdb29e;overflow-wrap:anywhere}.ticker-row{overflow:hidden;width:100%;min-width:0}.ticker-track{display:flex;width:max-content;animation:warning-scroll var(--ticker-duration,60s) linear infinite;will-change:transform}.ticker-group{display:flex;align-items:center;gap:28px;flex:0 0 auto;white-space:nowrap;padding-right:44px}.ticker-item{font-size:11px;color:#ebd8b4}.ticker-supporting .ticker-item{font-size:9px;color:#bdbbb3}.ticker-separator{color:#927d55;font-size:9px}#warnings:hover .ticker-track,#warnings:focus-within .ticker-track,.ticker-paused .ticker-track{animation-play-state:paused}@keyframes warning-scroll{to{transform:translateX(-50%)}}@media(max-width:720px){.warning-strip{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}.warning-strip .warning-label{white-space:normal}.warning-strip #warnings{grid-column:1/-1;grid-row:2;order:initial}.warning-strip .warning-actions{grid-column:2;grid-row:1;font-size:9px;gap:7px}.warning-strip>.warning-coverage{grid-row:3;font-size:8px}.ticker-item{font-size:10px}.ticker-supporting .ticker-item{font-size:9px}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important;transform:none!important;width:100%;will-change:auto}.ticker-group{white-space:normal;flex-wrap:wrap;gap:6px 14px;padding-right:0}.ticker-copy{display:none}.ticker-item{overflow-wrap:anywhere}.ticker-row+.ticker-row{margin-top:7px}.ticker-pause{display:none}}
@media(prefers-reduced-motion:reduce){.ticker-pause:not([hidden]){display:inline-block}#warnings.ticker-motion-optin .ticker-track{animation:warning-scroll var(--ticker-duration,60s) linear infinite!important;transform:translateX(0);width:max-content;will-change:transform}#warnings.ticker-motion-optin .ticker-group{white-space:nowrap;flex-wrap:nowrap;gap:28px;padding-right:44px}#warnings.ticker-motion-optin .ticker-copy{display:flex}#warnings.ticker-motion-optin .ticker-row+.ticker-row{margin-top:0}#warnings.ticker-motion-optin:hover .ticker-track,#warnings.ticker-motion-optin:focus-within .ticker-track,#warnings.ticker-motion-optin.ticker-paused .ticker-track{animation-play-state:paused!important}}
/* Water mode replaces the weather reading, including on compact screens. */
#weather-reading[hidden],#weather-metrics[hidden],#condition-note[hidden],#water-summary[hidden]{display:none!important}
.water-summary{margin-top:32px}.water-measure-label{font-size:12px;color:var(--muted);letter-spacing:.02em}.water-reading{display:flex;align-items:baseline;gap:10px;margin:12px 0 18px}.water-reading strong{font-size:64px;font-weight:300;letter-spacing:-2px;line-height:1.1}.water-reading>span{font-size:22px;color:var(--muted)}.water-condition{font-size:12px;color:#a1cfea;padding:10px 0}.water-condition.water-orange{color:#ffb347}.water-condition.water-red{color:#ff786e}.water-condition.water-unknown{color:var(--muted)}.water-metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px;border-top:1px solid var(--border);padding-top:20px;margin-top:12px}.water-metrics span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.water-metrics strong{display:block;font-size:17px;font-weight:500;overflow-wrap:anywhere}.water-basis{font-size:10px;line-height:1.8;color:var(--muted);margin:22px 0 0}.station-dot.water.water-normal{background:#a1cfea;border-color:#d7f0ff}.station-dot.water.water-orange{background:#ffac36;border-color:#ffe0a7;box-shadow:0 0 0 3px #ffac3630}.station-dot.water.water-red{background:#f25e55;border-color:#ffd4cf;box-shadow:0 0 0 4px #f25e5538}.station-dot.water.water-unknown{background:#8d9ca8;border-color:#d0d7dc}.station-dot.water.selected{outline:2px solid white;outline-offset:4px}.map-legend{flex-wrap:wrap;line-height:1.7}.map-legend i.legend-orange{background:#ffac36}.map-legend i.legend-red{background:#f25e55}.map-legend i.legend-unknown{background:#8d9ca8}.ticker-row:not(.ticker-supporting) .ticker-item{color:#ffe36a;font-weight:700}
@media(max-width:720px){.water-summary{grid-column:1/-1;margin-top:22px}.water-reading strong{font-size:58px}.water-metrics{gap:18px 14px}.water-view .condition-note{display:none}}
.map-legend span:last-child{display:inline-flex}