:root{--bg:#06101d;--panel:#0b1929;--panel2:#0e2236;--line:#1f3850;--text:#eef7ff;--muted:#8da6bc;--cyan:#48d7ff;--blue:#4d83ff;--amber:#ffbd4a;--red:#ff5d68;--green:#36d399;--shadow:0 20px 50px rgba(0,0,0,.25)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#102c43 0,transparent 34%),linear-gradient(180deg,#06101d,#071421 50%,#050d17);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.topbar,main,footer{width:min(1440px,calc(100% - 40px));margin:auto}.topbar{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:42px 0 25px;border-bottom:1px solid var(--line)}h1{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.055em;margin:3px 0 6px}h2{margin:2px 0 0;font-size:1.15rem;letter-spacing:-.02em}.eyebrow,.kicker{margin:0;color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:.16em}.subhead,.muted{color:var(--muted)}.subhead{margin:0;max-width:760px}.status-block{display:flex;gap:12px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(10,25,40,.7);min-width:235px}.status-block small{display:block;color:var(--muted);margin-top:2px}.status-dot{width:11px;height:11px;border-radius:50%;background:var(--amber);box-shadow:0 0 18px currentColor}.status-dot.ok{background:var(--green)}.status-dot.stale{background:var(--red)}main{padding:22px 0 40px}.panel{background:linear-gradient(145deg,rgba(15,35,55,.96),rgba(8,22,36,.98));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.current-core{display:flex;justify-content:space-between;align-items:center;margin:28px 0 23px}.hero-temp{font-size:clamp(4.8rem,8vw,7.5rem);font-weight:740;letter-spacing:-.08em;line-height:.8}.hero-unit{font-size:1.7rem;color:var(--muted);vertical-align:top}.condition-label{margin:14px 0 0;color:#bdd1e1}.weather-mark{position:relative;width:115px;height:90px}.weather-mark span{position:absolute;width:70px;height:70px;border-radius:50%;right:4px;top:0;background:var(--amber);box-shadow:0 0 60px rgba(255,189,74,.28)}.weather-mark i{position:absolute;width:85px;height:35px;border-radius:40px;left:0;bottom:0;background:#dceeff;box-shadow:24px -13px 0 -1px #dceeff}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.metric{padding:17px 14px 2px 0}.metric span{display:block;color:var(--muted);font-size:.78rem}.metric strong{display:block;font-size:1.08rem;margin-top:5px}.age-chip,.badge{border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:.68rem;color:var(--muted);white-space:nowrap}.badge{font-weight:800;color:#07111e}.badge.neutral{color:var(--muted);background:#12263a}.badge.blue{background:var(--cyan)}.legend{color:var(--muted);font-size:.72rem}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:5px}.trend-panel{display:flex;flex-direction:column}.chart{flex:1;min-height:220px;margin-top:22px}.chart svg{width:100%;height:100%;overflow:visible}.chart .grid{stroke:#1c3449;stroke-width:1}.chart .area{fill:url(#temp-fill)}.chart .line{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.stat-card{min-height:150px}.stat-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.stat-value{font-size:2.3rem;letter-spacing:-.06em}.stat-unit{color:var(--muted);font-size:.75rem;margin-left:6px}.stat-card .muted{font-size:.78rem;margin:0}.alerts{display:grid;gap:8px}.alert{display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(255,93,104,.5);background:rgba(135,24,38,.25);border-radius:14px;padding:14px 16px;margin-bottom:16px}.alert strong{display:block}.alert p{margin:3px 0 0;color:#f0bdc1;font-size:.82rem}.forecast-panel{margin-top:16px}.hourly-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(105px,1fr);overflow-x:auto;gap:8px;margin-top:18px;padding-bottom:5px}.hour{padding:14px 10px;border:1px solid var(--line);border-radius:13px;background:#0a1928;text-align:center}.hour time,.hour small{display:block;color:var(--muted);font-size:.68rem}.hour strong{font-size:1.35rem;display:block;margin:10px 0 4px}.hour .rain{color:var(--cyan);margin-top:8px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.daily-list,.sensor-list,.storm-list,.source-list{margin-top:15px}.day,.sensor,.source,.storm{display:grid;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.day{grid-template-columns:100px 65px 1fr 70px}.day:first-child,.sensor:first-child,.source:first-child,.storm:first-child{border-top:0}.day .forecast-text{color:#b8cede;font-size:.8rem}.sensor{grid-template-columns:minmax(160px,1fr) auto}.sensor span,.source span{color:var(--muted);font-size:.78rem}.sensor strong{font-size:.85rem}.source{grid-template-columns:1fr auto}.source-state{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(54,211,153,.4)}.source-state.missing{background:var(--red)}.storm{grid-template-columns:1fr auto}.storm h3{margin:0;font-size:.95rem}.storm p{margin:4px 0 0;color:var(--muted);font-size:.75rem}.storm a{color:var(--cyan);text-decoration:none;font-size:.75rem}.empty{color:var(--muted);font-size:.85rem;padding:18px 0}footer{display:flex;justify-content:space-between;gap:20px;color:#6f899f;font-size:.7rem;padding:20px 0 30px;border-top:1px solid var(--line)}
@media(max-width:1000px){.hero-grid,.lower-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.chart{min-height:240px}}
@media(max-width:650px){.topbar,main,footer{width:min(100% - 24px,1440px)}.topbar{display:block;padding-top:25px}.status-block{margin-top:20px}.quick-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.weather-mark{transform:scale(.75);transform-origin:right}.day{grid-template-columns:75px 55px 1fr}.day .rain-cell{display:none}.panel{padding:17px}footer{display:block}footer span{display:block;margin-top:5px}}

/* Dashboard health, grouped sensors, and responsive detail refinements. */
.chart-footer{display:grid;grid-template-columns:1fr auto 1fr}.chart-footer span:nth-child(2){text-align:center}.chart-footer span:last-child{text-align:right}
.sensor-group{border-top:1px solid var(--line)}.sensor-group:first-child{border-top:0}.sensor-group summary{display:flex;align-items:center;cursor:pointer;padding:13px 0;color:#cfe3f2;font-size:.82rem;font-weight:750;list-style:none}.sensor-group summary::-webkit-details-marker{display:none}.sensor-group summary:before{content:"+";color:var(--cyan);margin-right:9px}.sensor-group[open] summary:before{content:"−"}.sensor-group summary span{flex:1}.sensor-group summary small{color:var(--muted);font-size:.68rem}.sensor-group .sensor{padding-left:18px}
.source strong,.source span,.source small{display:block}.source small{color:#607e96;font-size:.67rem;margin-top:3px}.source-state.stale,.source-state.empty{background:var(--amber)}.source-state.missing,.source-state.failed{background:var(--red)}
.status-dot.failed{background:var(--red)}
.wind-reading{display:flex!important;align-items:center;gap:7px}.wind-reading b{font:inherit}.wind-direction-icon{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #31516a;border-radius:50%;background:#102a40;color:var(--cyan);font-style:normal;font-size:1rem;line-height:1;transition:transform .25s ease}.wind-direction-icon.unavailable{color:var(--muted);opacity:.5}.wind-metric small{display:block;color:var(--muted);font-size:.66rem;margin-top:4px}
@media(max-width:650px){.status-block{min-width:0}.current-core{margin:22px 0 18px}.weather-mark{transform:scale(.7)}.day{grid-template-columns:1fr auto auto;grid-template-areas:"name temp rain" "forecast forecast forecast";gap:7px 12px}.day strong{grid-area:name}.day>span:nth-child(2){grid-area:temp}.day .forecast-text{grid-area:forecast}.day .rain-cell{grid-area:rain;display:block}.chart-footer{font-size:.66rem}}

/* Modern, calm visual system. */
:root{--bg:#07111b;--panel:#0d1a26;--panel2:#112232;--line:#22384a;--text:#f2f7fb;--muted:#91a6b7;--cyan:#38bdf8;--blue:#60a5fa;--shadow:0 14px 38px rgba(0,0,0,.22)}
body{background:radial-gradient(circle at 15% -10%,rgba(56,189,248,.13),transparent 34%),linear-gradient(180deg,#07111b 0,#091520 45%,#071019 100%)}
.topbar{align-items:center;padding:32px 0 23px}.topbar h1{font-weight:720}.subhead{font-size:.94rem;line-height:1.55}.status-block{background:rgba(13,26,38,.82);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.16)}
.panel{background:linear-gradient(145deg,rgba(17,34,50,.94),rgba(11,24,36,.98));border-color:rgba(75,109,134,.34);border-radius:20px;box-shadow:var(--shadow)}
.panel-heading h2{font-size:1.2rem}.section-description{margin:7px 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}.metric-grid{border-color:rgba(75,109,134,.3)}.metric strong{letter-spacing:-.015em}.stat-card{min-height:142px}.hour,.status-block{border-color:rgba(75,109,134,.36)}
button,select{font:inherit}.icon-button,.history-controls select{height:40px;border:1px solid rgba(94,132,160,.46);background:#0c1c2a;color:var(--text);border-radius:11px}.icon-button{width:40px;cursor:pointer;font-size:1rem}.icon-button:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);background:#10283a}.icon-button:disabled{cursor:not-allowed;opacity:.35}.icon-button:focus-visible,.history-controls select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.history-panel{margin-top:16px}.history-heading{align-items:center}.history-controls{display:flex;align-items:flex-end;gap:8px}.history-controls label{display:grid;gap:5px}.history-controls label span{color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.history-controls select{min-width:190px;padding:0 34px 0 12px;cursor:pointer}.history-status{margin:17px 0 0;color:var(--muted);font-size:.76rem}.history-content[hidden]{display:none}.history-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.history-summary>div{padding:14px 15px;border:1px solid rgba(75,109,134,.32);border-radius:14px;background:rgba(7,18,28,.46)}.history-summary span{display:block;color:var(--muted);font-size:.7rem}.history-summary strong{display:block;margin-top:5px;font-size:1.15rem}.history-chart{height:230px;min-height:0;margin-top:20px}.history-chart .history-area{fill:url(#history-fill)}.history-chart-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;margin-top:8px}
@media(max-width:760px){.history-heading{display:block}.history-controls{margin-top:16px}.history-controls label{flex:1}.history-controls select{width:100%;min-width:0}.history-summary{grid-template-columns:repeat(2,1fr)}.history-summary>div:last-child{grid-column:1/-1}.history-chart{height:190px}.topbar{padding-top:24px}}

/* Right-edge Houston/Galveston radar drawer. */
.radar-edge-tab{position:fixed;right:0;top:50%;z-index:30;display:grid;gap:7px;place-items:center;transform:translateY(-50%);padding:17px 9px;border:1px solid rgba(80,171,215,.65);border-right:0;border-radius:14px 0 0 14px;background:linear-gradient(180deg,#123149,#0c2031);color:var(--text);box-shadow:-8px 12px 28px rgba(0,0,0,.28);cursor:pointer;writing-mode:vertical-rl;letter-spacing:.08em;text-transform:uppercase}.radar-edge-tab span{font-size:.72rem;font-weight:800}.radar-edge-tab small{color:var(--cyan);font-size:.58rem}.radar-edge-tab:hover,.radar-edge-tab:focus-visible{border-color:var(--cyan);background:#153b57;outline:none}.radar-edge-tab:focus-visible,.radar-close:focus-visible,.radar-source-link:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.radar-scrim{position:fixed;inset:0;z-index:40;background:rgba(1,7,13,.68);backdrop-filter:blur(3px)}.radar-scrim[hidden]{display:none}.radar-drawer{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(570px,92vw);padding:27px;background:linear-gradient(155deg,#112536 0,#091722 72%);border-left:1px solid rgba(82,135,170,.45);box-shadow:-24px 0 60px rgba(0,0,0,.46);overflow-y:auto;transform:translateX(102%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}.radar-drawer.open{transform:translateX(0);visibility:visible;transition:transform .28s ease}.radar-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.radar-header h2{font-size:1.45rem;margin-top:5px}.radar-close{width:42px;height:42px;border:1px solid rgba(94,132,160,.5);border-radius:12px;background:#0b1d2b;color:var(--text);font-size:1.7rem;line-height:1;cursor:pointer}.radar-close:hover{border-color:var(--cyan);color:var(--cyan)}.radar-description{color:#b8ccdb;line-height:1.55;font-size:.85rem;margin:16px 0}.radar-frame{display:grid;place-items:center;min-height:410px;border:1px solid rgba(82,135,170,.4);border-radius:17px;overflow:hidden;background:#03080c}.radar-frame img{display:block;width:100%;height:auto;object-fit:contain}.radar-frame img[hidden],.radar-frame .empty[hidden]{display:none}.radar-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:13px;color:var(--muted);font-size:.7rem}.radar-legend{display:flex;align-items:center}.radar-legend i{display:block;width:17px;height:6px}.radar-legend i:nth-child(1){background:#48df8b}.radar-legend i:nth-child(2){background:#e4db4e}.radar-legend i:nth-child(3){background:#ff8d32}.radar-legend i:nth-child(4){background:#ec3852}.radar-legend small{margin-left:7px;color:var(--muted)}.radar-note{margin:17px 0 10px;color:#8099ac;font-size:.72rem;line-height:1.5}.radar-source-link{display:inline-block;color:var(--cyan);font-size:.78rem;text-decoration:none}.radar-source-link:hover{text-decoration:underline}.radar-open{overflow:hidden}
@media(max-width:650px){.radar-edge-tab{padding:14px 8px}.radar-drawer{width:100%;padding:20px}.radar-frame{min-height:300px}.radar-meta{display:grid;gap:9px}.radar-header h2{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.radar-drawer{transition:none}}

/* Complete dashboard information architecture and weather-detail pass. */
.dashboard-section{margin-top:16px}.dashboard-section:first-child{margin-top:0}.section-label{margin:4px 2px 13px}.section-label h2{margin-top:5px}.current-panel{padding:26px}.expanded-metrics{grid-template-columns:repeat(5,1fr)}.expanded-metrics .metric{min-height:82px}.freshness-legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.68rem;white-space:nowrap}.freshness-legend i{width:8px;height:8px;border-radius:50%;margin-left:7px}.freshness-legend .ok{background:var(--green)}.freshness-legend .stale{background:var(--amber)}.freshness-legend .failed{background:var(--red)}.freshness-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.freshness-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px;border:1px solid rgba(75,109,134,.32);border-radius:14px;background:rgba(7,18,28,.46)}.freshness-card>i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(54,211,153,.35)}.freshness-card.stale>i{background:var(--amber)}.freshness-card.failed>i,.freshness-card.missing>i{background:var(--red)}.freshness-card.empty>i{background:var(--blue)}.freshness-card strong,.freshness-card span{display:block}.freshness-card span,.freshness-card small{color:var(--muted);font-size:.68rem}.freshness-card small{text-transform:uppercase;letter-spacing:.06em}
.primary-button{height:42px;padding:0 16px;border:1px solid rgba(56,189,248,.62);border-radius:12px;background:#123751;color:var(--text);font-weight:750;cursor:pointer}.primary-button:hover,.primary-button:focus-visible{background:#185074;border-color:var(--cyan);outline:2px solid var(--cyan);outline-offset:2px}.radar-preview-shell,.radar-map{position:relative;background-color:#07131d;background-image:linear-gradient(rgba(73,116,145,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(73,116,145,.12) 1px,transparent 1px),radial-gradient(circle at 54% 58%,rgba(28,74,99,.55),transparent 42%);background-size:48px 48px,48px 48px,auto}.radar-preview-shell{display:grid;place-items:center;height:clamp(220px,24vw,300px);margin-top:18px;border:1px solid rgba(82,135,170,.4);border-radius:17px;overflow:hidden}.radar-preview-shell img,.radar-map img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain}.radar-preview-shell img[hidden]{display:none}.radar-map-label{position:absolute;z-index:4;padding:5px 8px;border:1px solid rgba(202,230,247,.28);border-radius:999px;background:rgba(4,15,23,.76);color:#dcebf5;font-size:.65rem;box-shadow:0 5px 18px rgba(0,0,0,.35);pointer-events:none}.radar-map-label i{display:inline-block;width:7px;height:7px;margin-right:5px;border:2px solid white;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(56,189,248,.2)}.label-tomball{left:50%;top:46%;transform:translate(-50%,-50%)}.label-houston{left:58%;top:68%}.radar-preview-meta{display:flex;justify-content:space-between;gap:16px;margin-top:10px;color:var(--muted);font-size:.68rem}.radar-preview-meta a{color:var(--cyan)}.radar-timeline{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:14px}.radar-timeline input{width:100%;accent-color:var(--cyan)}.radar-timeline span{min-width:145px;color:var(--muted);font-size:.7rem;text-align:right}.radar-links{display:flex;justify-content:space-between;gap:12px}.radar-frame.radar-map{min-height:420px}.radar-frame.radar-map img{position:absolute;inset:0}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.detail-grid>div,.creek-grid>div,.comparison-grid>div,.health-summary>div{padding:14px;border:1px solid rgba(75,109,134,.32);border-radius:14px;background:rgba(7,18,28,.46)}.detail-grid span,.creek-grid span,.comparison-grid span,.comparison-grid small,.health-summary span{display:block;color:var(--muted);font-size:.68rem}.detail-grid strong,.creek-grid strong,.health-summary strong{display:block;margin-top:5px;font-size:.92rem}.data-note{margin:13px 0 0;color:#7893a7;font-size:.7rem;line-height:1.5}.proximity-warning{margin-top:14px;padding:13px 14px;border:1px solid rgba(255,93,104,.6);border-radius:13px;background:rgba(132,25,39,.3);color:#ffd7da;font-size:.78rem}.danger-badge{background:var(--red);color:white}.creek-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.creek-grid b{font:inherit}.compact-value{font-size:2rem}.storm small{color:#7893a7}.forecast-day{grid-template-columns:100px 70px 70px 1fr 90px 150px}.forecast-day>span small{display:block;color:#6f899f;font-size:.58rem;text-transform:uppercase}.heat-cell{color:#ffbd4a;font-size:.7rem}.hour-wind{margin-top:6px}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.comparison-grid strong{display:block;margin-bottom:8px}.comparison-grid span{margin-top:4px}.comparison-grid small{margin-top:9px;color:var(--cyan)}.comparison-warnings{margin-top:13px}.comparison-warnings p{margin:6px 0;padding:10px 12px;border-radius:11px;background:rgba(255,189,74,.1);color:#f3cf8f;font-size:.72rem}.comparison-warnings .comparison-ok{background:rgba(54,211,153,.09);color:#9be9cc}
.trend-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.trend-charts article{min-width:0;padding:16px;border:1px solid rgba(75,109,134,.28);border-radius:15px;background:rgba(7,18,28,.32)}.trend-charts h3,.health-columns h3{margin:0;color:#cfe0eb;font-size:.82rem}.trend-charts .wide-chart{grid-column:1/-1}.compact-chart{min-height:190px}.multi-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-key{display:flex;gap:15px;margin-top:8px;color:var(--muted);font-size:.68rem}.chart-key span{display:flex;align-items:center;gap:6px}.chart-key i{width:9px;height:9px;border-radius:50%}.health-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.health-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;margin-top:24px}.health-columns h3{padding-bottom:9px;border-bottom:1px solid var(--line)}.battery-list>div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.battery-list>div:first-child{border-top:0}.battery-list span{color:var(--muted);font-size:.72rem}.battery-list strong{font-size:.75rem}.all-sensors{margin-top:22px;border-top:1px solid var(--line)}.all-sensors>summary{padding:16px 0 0;color:var(--cyan);font-size:.78rem;cursor:pointer}.no-alerts{display:flex;gap:13px;align-items:center;padding:14px 16px;border:1px solid rgba(54,211,153,.35);border-radius:14px;background:rgba(25,97,73,.12);margin-bottom:2px}.no-alerts>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(54,211,153,.2);color:var(--green)}.no-alerts p{margin:3px 0 0;color:var(--muted);font-size:.75rem}.alert.warning{border-color:rgba(255,142,50,.62);background:rgba(144,67,15,.25)}.alert.watch{border-color:rgba(255,214,74,.5);background:rgba(116,91,15,.22)}.alert small{display:block;margin-top:7px;color:#e5b8bc;font-size:.68rem}
@media(max-width:1100px){.expanded-metrics{grid-template-columns:repeat(3,1fr)}.freshness-grid{grid-template-columns:repeat(2,1fr)}.forecast-day{grid-template-columns:90px 60px 60px 1fr 80px}.forecast-day .heat-cell{grid-column:4/-1}.comparison-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.expanded-metrics{grid-template-columns:repeat(2,1fr)}.two-column,.trend-charts,.health-columns{grid-template-columns:1fr}.trend-charts .wide-chart{grid-column:auto}.freshness-legend{display:none}.freshness-grid{grid-template-columns:1fr}.detail-grid,.creek-grid{grid-template-columns:repeat(2,1fr)}.comparison-grid,.health-summary{grid-template-columns:1fr}.radar-preview-shell{height:200px}.radar-preview-meta,.radar-links{display:grid}.forecast-day{grid-template-columns:1fr auto auto;grid-template-areas:"name high low" "forecast forecast forecast" "rain heat heat"}.forecast-day strong{grid-area:name}.forecast-day>span:nth-child(2){grid-area:high}.forecast-day>span:nth-child(3){grid-area:low}.forecast-day .forecast-text{grid-area:forecast}.forecast-day .rain-cell{grid-area:rain}.forecast-day .heat-cell{grid-area:heat}.radar-timeline{grid-template-columns:auto 1fr}.radar-timeline span{grid-column:1/-1;text-align:left}.current-panel{padding:18px}}

.astronomy-strip{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(75,109,134,.34)}.astronomy-strip>div{min-height:82px;padding:14px;border:1px solid rgba(75,109,134,.3);border-radius:14px;background:linear-gradient(145deg,rgba(7,18,28,.52),rgba(16,31,45,.42))}.astronomy-strip span,.astronomy-strip small{display:block;color:var(--muted);font-size:.67rem}.astronomy-strip strong{display:block;margin-top:6px;font-size:1rem}.astronomy-strip small{margin-top:5px}.astronomy-strip .moon-summary{display:flex;align-items:center;gap:13px}.moon-icon{display:grid!important;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(150,178,197,.34);border-radius:50%;background:#09131d;color:white!important;font-size:2rem!important;line-height:1;box-shadow:0 0 24px rgba(182,207,223,.12)}
@media(max-width:900px){.astronomy-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.astronomy-strip{grid-template-columns:1fr}.astronomy-strip>div{min-height:72px}}

/* Modern-clean presentation pass. */
html{scroll-behavior:smooth;scroll-padding-top:78px}body{position:relative;isolation:isolate;background:radial-gradient(circle at 12% -8%,rgba(56,189,248,.15),transparent 30%),radial-gradient(circle at 88% 18%,rgba(96,165,250,.07),transparent 28%),linear-gradient(180deg,#07111a 0,#09141e 48%,#070f17 100%)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px}.topbar{min-height:142px;padding:30px 0 24px;border-bottom:0}.topbar h1{margin:5px 0 8px;font-size:clamp(2.45rem,5vw,4rem);line-height:.98}.eyebrow{display:inline-flex;padding:5px 8px;border:1px solid rgba(56,189,248,.25);border-radius:999px;background:rgba(56,189,248,.07);font-size:.62rem}.subhead{max-width:680px;color:#9fb4c4}.status-block{border-radius:16px;background:rgba(9,23,35,.74);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.dashboard-nav{position:sticky;top:0;z-index:28;border-top:1px solid rgba(75,109,134,.2);border-bottom:1px solid rgba(75,109,134,.28);background:rgba(7,17,26,.78);backdrop-filter:blur(18px) saturate(135%)}.dashboard-nav-inner{display:flex;gap:5px;width:min(1440px,calc(100% - 40px));margin:auto;padding:9px 0;overflow-x:auto;scrollbar-width:none}.dashboard-nav-inner::-webkit-scrollbar{display:none}.dashboard-nav a{flex:0 0 auto;padding:8px 12px;border:1px solid transparent;border-radius:999px;color:#91a8b9;font-size:.7rem;font-weight:700;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}.dashboard-nav a:hover,.dashboard-nav a:focus-visible{border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.09);color:#dff6ff;outline:none}.dashboard-nav a:focus-visible{box-shadow:0 0 0 2px var(--cyan)}main{padding-top:26px}.dashboard-section{scroll-margin-top:76px;margin-top:20px}.section-label{display:flex;align-items:end;justify-content:space-between;margin:2px 4px 14px}.section-label h2{font-size:1.05rem;color:#dbe9f3}
.panel{border-color:rgba(96,135,163,.28);background:linear-gradient(150deg,rgba(17,34,49,.9),rgba(9,22,33,.96));box-shadow:0 16px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.018);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.panel:hover{border-color:rgba(96,149,182,.4);box-shadow:0 20px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}.panel-heading h2{font-size:1.28rem}.current-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 5%,rgba(56,189,248,.09),transparent 27%),linear-gradient(145deg,rgba(17,38,55,.96),rgba(8,21,32,.98))}.current-panel:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--cyan),rgba(96,165,250,.5),transparent 65%)}.current-core{margin:31px 0 27px}.hero-temp{font-weight:690;text-shadow:0 8px 28px rgba(56,189,248,.08)}.expanded-metrics{gap:9px;border-top:0}.expanded-metrics .metric{min-height:78px;padding:13px 14px;border:1px solid rgba(75,109,134,.27);border-radius:13px;background:rgba(5,16,25,.36)}.expanded-metrics .metric span{font-size:.7rem}.expanded-metrics .metric strong{font-size:1rem}.astronomy-strip{margin-top:17px;padding-top:17px}.astronomy-strip>div,.detail-grid>div,.creek-grid>div,.comparison-grid>div,.health-summary>div{border-color:rgba(75,109,134,.25);background:rgba(5,16,25,.34)}
.freshness-card{border-color:rgba(75,109,134,.25);background:rgba(5,16,25,.32)}.freshness-card strong{font-size:.82rem}.radar-preview-shell{box-shadow:inset 0 0 45px rgba(0,0,0,.3)}.hourly-strip{gap:10px;scroll-snap-type:x proximity}.hour{scroll-snap-align:start;border-color:rgba(75,109,134,.27);background:rgba(5,16,25,.42)}.hour strong{letter-spacing:-.035em}.forecast-day,.sensor,.source,.storm{border-color:rgba(75,109,134,.24)}.forecast-day{padding:14px 10px}.day:nth-child(odd){background:rgba(5,16,25,.18)}.day:first-child{border-radius:12px 12px 0 0}.comparison-warnings p,.proximity-warning{box-shadow:inset 3px 0 0 currentColor}.trend-charts article{background:rgba(5,16,25,.28)}.all-sensors>summary{display:inline-flex;align-items:center;gap:8px}.all-sensors>summary:after{content:"＋";font-size:.9rem}.all-sensors[open]>summary:after{content:"−"}footer{margin-top:10px;padding-top:24px}.radar-edge-tab{background:linear-gradient(180deg,#15415e,#0c2334);box-shadow:-10px 14px 32px rgba(0,0,0,.3)}
@media(hover:hover) and (pointer:fine){.panel:hover{transform:translateY(-1px)}}
@media(max-width:760px){.topbar{min-height:0;padding-bottom:20px}.dashboard-nav-inner{width:calc(100% - 24px)}main{padding-top:18px}.dashboard-section{margin-top:14px}.panel{border-radius:17px}.expanded-metrics{gap:7px}.expanded-metrics .metric{min-height:72px;padding:12px}.current-core{margin:25px 0 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel,.dashboard-nav a{transition:none}.panel:hover{transform:none}}

/* Geographic context beneath the transparent precipitation layer. */
.radar-preview-shell,.radar-frame.radar-map{isolation:isolate}
.radar-preview-shell .radar-basemap,.radar-preview-shell .radar-overlay,.radar-frame.radar-map .radar-basemap,.radar-frame.radar-map .radar-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.radar-preview-shell .radar-basemap,.radar-frame.radar-map .radar-basemap{z-index:1;filter:saturate(.72) brightness(.72) contrast(1.08)}
.radar-preview-shell .radar-overlay,.radar-frame.radar-map .radar-overlay{z-index:2}
.radar-basemap[hidden],.radar-overlay[hidden]{display:none}

/* Compact professional layout and secondary-detail drawer. */
body{font-size:14px;line-height:1.45}.topbar,main,footer{width:min(1240px,calc(100% - 40px))}.topbar{min-height:0;padding:24px 0 18px}.topbar h1{font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.045em}.subhead{font-size:.84rem}.status-block{min-width:215px;padding:10px 13px}.status-block strong{font-size:.82rem}.status-block small{font-size:.68rem}.dashboard-nav-inner{width:min(1240px,calc(100% - 40px));padding:7px 0}.dashboard-nav a,.nav-button{padding:7px 11px;font-size:.68rem}.nav-button{flex:0 0 auto;border:1px solid rgba(56,189,248,.28);border-radius:999px;background:rgba(56,189,248,.08);color:#bfeaff;font-weight:750;cursor:pointer}.nav-button:hover,.nav-button:focus-visible{border-color:var(--cyan);background:rgba(56,189,248,.14);outline:none}.panel{padding:18px;border-radius:17px}.dashboard-section{margin-top:14px}.section-label{margin:1px 3px 10px}.section-label h2,.panel-heading h2{font-size:1.05rem}.kicker,.eyebrow{font-size:.59rem}.section-description{font-size:.72rem}.current-panel{padding:20px}.current-core{margin:21px 0 19px}.hero-temp{font-size:clamp(3.8rem,6.5vw,5.5rem)}.hero-unit{font-size:1.35rem}.condition-label{margin-top:10px;font-size:.8rem}.weather-mark{transform:scale(.78);transform-origin:right center}.expanded-metrics{gap:7px}.expanded-metrics .metric{min-height:66px;padding:10px 11px}.expanded-metrics .metric span{font-size:.65rem}.expanded-metrics .metric strong{font-size:.9rem}.astronomy-strip{gap:7px;margin-top:13px;padding-top:13px}.astronomy-strip>div{min-height:68px;padding:11px}.astronomy-strip strong{font-size:.88rem}.moon-icon{flex-basis:40px;width:40px;height:40px;font-size:1.65rem!important}.freshness-grid{gap:7px;margin-top:13px}.freshness-card{padding:11px}.radar-preview-shell{margin-top:13px}.radar-preview-meta{font-size:.63rem}.forecast-panel{margin-top:14px}.hourly-strip{grid-auto-columns:minmax(92px,1fr);gap:7px;margin-top:13px}.hour{padding:11px 8px}.hour strong{font-size:1.15rem;margin:7px 0 3px}.hour time,.hour small{font-size:.62rem}.stat-value{font-size:1.8rem}.primary-button{height:38px;padding:0 13px;font-size:.75rem}

.radar-edge-tab{top:43%;padding:14px 7px}.details-edge-tab{position:fixed;right:0;top:59%;z-index:30;display:grid;gap:6px;place-items:center;transform:translateY(-50%);padding:14px 7px;border:1px solid rgba(96,165,250,.58);border-right:0;border-radius:13px 0 0 13px;background:linear-gradient(180deg,#17334d,#102337);color:var(--text);box-shadow:-10px 14px 30px rgba(0,0,0,.26);cursor:pointer;writing-mode:vertical-rl;letter-spacing:.07em;text-transform:uppercase}.details-edge-tab span{font-size:.67rem;font-weight:800}.details-edge-tab small{color:#93c5fd;font-size:.55rem}.details-edge-tab:hover,.details-edge-tab:focus-visible{border-color:var(--cyan);background:#173e5a;outline:2px solid var(--cyan);outline-offset:2px}.details-scrim{position:fixed;inset:0;z-index:54;background:rgba(1,7,13,.7);backdrop-filter:blur(3px)}.details-scrim[hidden]{display:none}.details-drawer{position:fixed;top:0;right:0;bottom:0;z-index:55;width:min(760px,94vw);padding:0 22px 28px;background:linear-gradient(155deg,#102536 0,#081722 74%);border-left:1px solid rgba(82,135,170,.45);box-shadow:-24px 0 60px rgba(0,0,0,.46);overflow-y:auto;overscroll-behavior:contain;transform:translateX(102%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}.details-drawer.open{transform:translateX(0);visibility:visible;transition:transform .28s ease}.details-header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 -22px;padding:22px 22px 14px;border-bottom:1px solid rgba(75,109,134,.3);background:rgba(12,29,43,.95);backdrop-filter:blur(14px)}.details-header h2{margin-top:4px;font-size:1.2rem}.details-header p:last-child{margin:6px 0 0;color:var(--muted);font-size:.72rem}.drawer-close{width:38px;height:38px;border:1px solid rgba(94,132,160,.5);border-radius:11px;background:#0b1d2b;color:var(--text);font-size:1.45rem;line-height:1;cursor:pointer}.drawer-close:hover,.drawer-close:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:2px solid var(--cyan);outline-offset:2px}.details-nav{position:sticky;top:89px;z-index:2;display:flex;gap:5px;margin:0 -22px;padding:9px 22px;overflow-x:auto;border-bottom:1px solid rgba(75,109,134,.24);background:rgba(8,23,34,.94);backdrop-filter:blur(12px);scrollbar-width:none}.details-nav::-webkit-scrollbar{display:none}.details-nav a{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(75,109,134,.32);border-radius:999px;color:#a9c0d1;font-size:.62rem;font-weight:700;text-decoration:none}.details-nav a:hover,.details-nav a:focus-visible{border-color:var(--cyan);color:#e4f7ff;outline:none}.details-content{padding-top:2px}.details-content .dashboard-section{scroll-margin-top:142px;margin-top:12px}.details-content .two-column,.details-content .trend-charts,.details-content .health-columns{grid-template-columns:1fr}.details-content .panel{padding:16px;border-radius:15px;box-shadow:0 10px 28px rgba(0,0,0,.14)}.details-content .panel:hover{transform:none}.details-content .detail-grid,.details-content .creek-grid{grid-template-columns:repeat(3,1fr)}.details-content .comparison-grid,.details-content .health-summary{grid-template-columns:repeat(2,1fr)}.details-content .history-summary{grid-template-columns:repeat(5,1fr)}.details-content .history-chart{height:185px}.details-content .compact-chart{min-height:165px}.details-content .chart{margin-top:14px}.details-open{overflow:hidden}

@media(max-width:760px){body{font-size:13px}.topbar,main,footer,.dashboard-nav-inner{width:calc(100% - 24px)}.topbar h1{font-size:2rem}.panel{padding:15px}.current-panel{padding:16px}.hero-temp{font-size:3.7rem}.weather-mark{transform:scale(.62)}.expanded-metrics{grid-template-columns:repeat(2,1fr)}.radar-preview-shell{height:190px}.radar-edge-tab{top:42%;padding:12px 6px}.details-edge-tab{top:60%;padding:12px 6px}.details-drawer{width:100%;padding:0 14px 22px}.details-header{margin:0 -14px;padding:17px 14px 12px}.details-nav{top:76px;margin:0 -14px;padding:8px 14px}.details-content .dashboard-section{scroll-margin-top:126px}.details-content .detail-grid,.details-content .creek-grid,.details-content .comparison-grid,.details-content .health-summary,.details-content .history-summary{grid-template-columns:repeat(2,1fr)}.details-content .history-summary>div:last-child{grid-column:1/-1}.details-content .forecast-day{grid-template-columns:1fr auto auto}.details-content .history-controls{width:100%}}
@media(max-width:430px){.status-block{padding:9px 11px}.weather-mark{display:none}.astronomy-strip{grid-template-columns:1fr 1fr}.astronomy-strip .moon-summary{grid-column:1/-1}.details-content .detail-grid,.details-content .creek-grid{grid-template-columns:1fr}}
.alert-section-label{display:flex;align-items:end;justify-content:space-between;gap:16px}.alert-drawer-button{padding:8px 12px;border:1px solid rgba(255,142,50,.45);border-radius:999px;background:rgba(144,67,15,.16);color:#ffd7b5;font:inherit;font-size:.7rem;font-weight:750;cursor:pointer}.alert-drawer-button:hover,.alert-drawer-button:focus-visible{border-color:#ff9d4d;outline:2px solid #ff9d4d;outline-offset:2px}.alert-summary{width:100%;margin-bottom:8px;color:inherit;text-align:left;font:inherit;cursor:pointer}.alert-summary>span:nth-child(2){min-width:0;flex:1}.alert-summary-text{display:-webkit-box;overflow:hidden;margin:3px 0;color:#f0bdc1;font-size:.78rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:1}.alert-summary>b{align-self:center;margin-left:auto;color:#ffcc9f;font-size:1.4rem}.alerts-scrim{position:fixed;inset:0;z-index:64;background:rgba(1,7,13,.72);backdrop-filter:blur(3px)}.alerts-scrim[hidden]{display:none}.alerts-drawer{position:fixed;top:0;right:0;bottom:0;z-index:65;width:min(680px,94vw);padding:0 22px 28px;background:linear-gradient(155deg,#261b1b 0,#0b1823 48%,#08131d 100%);border-left:1px solid rgba(255,142,50,.35);box-shadow:-24px 0 60px rgba(0,0,0,.5);overflow-y:auto;transform:translateX(102%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}.alerts-drawer.open{transform:translateX(0);visibility:visible;transition:transform .28s ease}.alerts-drawer-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 -22px;padding:22px;border-bottom:1px solid rgba(255,142,50,.22);background:rgba(18,24,30,.96);backdrop-filter:blur(14px)}.alerts-drawer-header h2{margin-top:4px;font-size:1.3rem}.alerts-drawer-header p:last-child{margin:6px 0 0;color:var(--muted);font-size:.72rem}.alerts-detail-list{display:grid;gap:10px;padding-top:16px}.alert-detail{border:1px solid rgba(255,214,74,.36);border-radius:14px;background:rgba(116,91,15,.13);overflow:hidden}.alert-detail.warning{border-color:rgba(255,142,50,.5);background:rgba(144,67,15,.16)}.alert-detail.danger{border-color:rgba(255,93,104,.55);background:rgba(135,24,38,.18)}.alert-detail summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;cursor:pointer;list-style:none}.alert-detail summary::-webkit-details-marker{display:none}.alert-detail summary span{display:grid;gap:4px}.alert-detail summary small{color:var(--muted);font-size:.66rem}.alert-detail summary b{font-size:1.25rem}.alert-detail[open] summary b{transform:rotate(45deg)}.alert-detail>div{padding:0 15px 16px;border-top:1px solid rgba(255,255,255,.08)}.alert-detail p{white-space:pre-line;color:#d9e2e9;font-size:.78rem;line-height:1.55}.alert-detail h3{margin:18px 0 0;font-size:.8rem}.alerts-open{overflow:hidden}@media(max-width:650px){.alert-section-label{align-items:flex-start}.alerts-drawer{width:100%;padding:0 14px 22px}.alerts-drawer-header{margin:0 -14px;padding:17px 14px}.alert-summary-text{-webkit-line-clamp:1}}
.weather-mark{width:132px;height:auto;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(125,211,252,.12);border-radius:22px;background:linear-gradient(145deg,rgba(16,44,67,.45),rgba(6,16,29,.2));transition:background .25s ease}.weather-mark .weather-symbol{position:static;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:4.35rem;line-height:1;filter:drop-shadow(0 10px 20px rgba(0,0,0,.28))}.weather-mark small{max-width:112px;color:var(--muted);font-size:.66rem;line-height:1.2;text-align:center}.weather-mark.fair-night,.weather-mark.cloudy-night{background:radial-gradient(circle at 55% 25%,rgba(167,139,250,.16),transparent 55%),rgba(6,16,29,.3)}.weather-mark.rain,.weather-mark.storm{background:radial-gradient(circle at 50% 20%,rgba(56,189,248,.16),transparent 58%),rgba(6,16,29,.3)}
@media(prefers-reduced-motion:reduce){.details-drawer{transition:none}}

/* Final responsive polish after desktop and phone visual review. */
body{overflow-x:hidden}.topbar>div,.panel-heading>div,.metric{min-width:0}.topbar h1{font-size:clamp(1.9rem,3vw,2.65rem)}.section-label{display:block}.section-label h2{margin-top:4px}.expanded-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.metric strong,.metric small{overflow-wrap:anywhere}
@media(max-width:1100px){.expanded-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.topbar h1{font-size:1.75rem}.subhead{max-width:100%;font-size:.78rem}.section-label h2{font-size:.98rem}.expanded-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading{gap:10px}.freshness-card{grid-template-columns:auto minmax(0,1fr) auto}}
@media(min-width:900px){.radar-main-panel{display:grid;grid-template-columns:minmax(280px,1fr) 460px;grid-template-areas:"heading map" "meta map";column-gap:26px;align-items:center}.radar-main-panel>.panel-heading{grid-area:heading;align-self:end;display:grid;gap:20px}.radar-main-panel>.radar-preview-shell{grid-area:map;width:460px;height:340px;margin:0;justify-self:end}.radar-main-panel>.radar-preview-meta{grid-area:meta;align-self:start;display:grid;gap:8px;margin-top:14px}.radar-main-panel>.radar-preview-meta span:last-child{line-height:1.5}.radar-main-panel .primary-button{width:max-content}}
.forecast-actions{display:flex;align-items:center;gap:8px}.hourly-scrim{position:fixed;inset:0;z-index:69;background:rgba(1,7,13,.72);backdrop-filter:blur(3px)}.hourly-scrim[hidden]{display:none}.hourly-drawer{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(820px,96vw);padding:0 22px 28px;background:linear-gradient(155deg,#102536,#081722 74%);border-left:1px solid rgba(56,189,248,.4);box-shadow:-24px 0 60px rgba(0,0,0,.5);overflow-y:auto;transform:translateX(102%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}.hourly-drawer.open{transform:translateX(0);visibility:visible;transition:transform .28s ease}.hourly-drawer-header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 -22px;padding:22px;border-bottom:1px solid var(--line);background:rgba(12,29,43,.96);backdrop-filter:blur(14px)}.hourly-drawer-header h2{margin-top:4px;font-size:1.3rem}.hourly-drawer-header p:last-child{margin:6px 0 0;color:var(--muted);font-size:.72rem}.hourly-detail-list{padding-top:10px}.hourly-day{padding:12px 0;border-bottom:1px solid var(--line)}.hourly-day h3{position:sticky;top:96px;z-index:2;margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#10283b;font-size:.78rem}.hourly-day>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hourly-day article{display:grid;grid-template-columns:58px 46px 1fr;gap:4px 9px;align-items:center;padding:10px;border:1px solid rgba(75,109,134,.3);border-radius:11px;background:rgba(5,16,25,.45)}.hourly-day article time{color:var(--muted);font-size:.68rem}.hourly-day article strong{font-size:1rem}.hourly-day article span{font-size:.72rem}.hourly-day article small{color:var(--muted);font-size:.62rem;grid-column:3}.hourly-open{overflow:hidden}@media(max-width:650px){.forecast-actions{display:grid;justify-items:end}.hourly-drawer{width:100%;padding:0 14px 22px}.hourly-drawer-header{margin:0 -14px;padding:17px 14px}.hourly-day>div{grid-template-columns:1fr}.hourly-day h3{top:82px}}