.detail-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:16px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line)}
.detail-strip>div{display:flex;flex-direction:column;padding:13px 16px;background:#0c1e30}.detail-strip strong{font-size:14px}
[hidden]{display:none!important}.live-clock{margin-top:7px;color:#c4d8e9;font-size:13px;text-transform:capitalize;font-variant-numeric:tabular-nums}
.module-link{text-decoration:none}.module-link:hover{background:#ffffff10;border-color:#ffffff24}
.brand-logo{width:42px;height:42px;display:block;filter:drop-shadow(0 5px 10px #1e9ee944)}.geo-btn svg,.geo-link svg{width:22px;height:22px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.geo-btn,.geo-link{border-color:#4fc3ff35!important}.header-spacer{flex:1}.main-menu a[aria-current="page"]{background:#4fc3ff12;box-shadow:inset 2px 0 var(--blue)}
.weather-logo svg{width:25px;fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.menu-wrap{position:relative}.menu-btn{min-width:92px;justify-content:center}.hamburger{font-size:18px}.main-menu{position:absolute;right:0;top:52px;width:270px;padding:8px;background:#0b1d2f;border:1px solid var(--line);border-radius:17px;box-shadow:0 22px 60px #000a;z-index:120}.main-menu a{display:flex;align-items:center;gap:13px;padding:12px;color:white;text-decoration:none;border-radius:12px}.main-menu a:hover{background:#ffffff0b}.main-menu>a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#4fc3ff16;color:var(--blue);font-size:20px}.main-menu b{font-size:13px}.main-menu small{font-size:10px}.nav-compass{font-size:24px!important}.ai-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:24px 28px;margin-top:18px;border-color:#52cfff35;background:linear-gradient(120deg,#102b44ee,#101d38e8)}.ai-copy .muted{margin:5px 0}.model-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.model-chips span{font-size:10px;padding:4px 8px;border-radius:99px;color:#bcefff;background:#54cbff13;border:1px solid #54cbff27}.confidence{text-align:right;min-width:120px}.confidence strong{display:block;font-size:30px;color:var(--cyan)}.confidence>div{height:5px;background:#ffffff10;border-radius:9px;overflow:hidden}.confidence i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .6s}
.learning-status{font-size:10px;color:#8fb3cb;margin:9px 0 0}.learning-status:before{content:"●";color:#4ce89b;margin-right:6px}
.quarter-rain{padding:28px;margin-top:18px}.quarter-rain .section-head{align-items:flex-start}.quarter-rain .muted{margin-top:5px}.quarter-chart{height:104px;display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:4px;margin-top:22px;padding:8px 5px 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,transparent,#0d8dd30b)}
.quarter-bar-wrap{height:92px;display:flex;align-items:flex-end}.quarter-bar{width:100%;min-height:3px;border-radius:5px 5px 1px 1px;background:#40596d}.quarter-bar.wet{background:linear-gradient(180deg,#65d9ff,#168ad1);box-shadow:0 0 12px #168ad155}.quarter-times{display:grid;grid-template-columns:repeat(7,1fr);color:var(--muted);font-size:10px;margin-top:8px}.quarter-times span:not(:first-child):not(:last-child){text-align:center}.quarter-times span:last-child{text-align:right}
.hourly-detail-panel{padding:28px;margin-top:18px}.swipe-hint{font-size:11px;color:var(--muted)}.hourly-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.hourly-table{width:100%;min-width:850px;border-collapse:collapse}.hourly-table th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;background:#081625}.hourly-table th,.hourly-table td{padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.hourly-table tr:last-child td{border:0}.hourly-table td{font-size:13px}.hourly-table td small{display:inline;margin-left:4px}.table-weather{display:flex;align-items:center;gap:7px}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.insight{padding:24px;position:relative;overflow:hidden}.insight-icon{position:absolute;right:18px;top:12px;font-size:52px;color:var(--blue);opacity:.2}.big-value{font-size:45px;letter-spacing:-2px;display:block;line-height:1.1;margin:8px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.mini-grid span,.sun-times span{padding:8px 10px;background:#ffffff08;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11px}.mini-grid b,.sun-times b{color:white;float:right}.sun-times{display:flex;gap:8px;margin:18px 0 9px}.sun-times span{min-width:100px}
.legal{max-width:800px;padding-top:60px}.legal .panel{padding:40px;margin-top:20px}.legal h1{margin-bottom:24px}.legal h2{margin:30px 0 8px}.legal p{color:var(--muted)}.legal a,.back{color:var(--blue)}.back{text-decoration:none}
.source,.source a,footer p,footer a{color:#667b8d;font-size:10px;text-decoration:none}.source a:hover,footer a:hover{color:#9eb3c4}
@media(max-width:950px){.insight-grid{grid-template-columns:1fr 1fr}.insight:last-child{grid-column:1/-1}}
@media(max-width:800px){.detail-strip{grid-template-columns:1fr 1fr}.hourly-detail-panel,.quarter-rain{padding:21px}.quarter-chart{gap:2px}.insight-grid{grid-template-columns:1fr}.insight:last-child{grid-column:auto}.menu-btn{min-width:46px;padding:11px}.main-menu{position:fixed;left:14px;right:14px;top:72px;width:auto}.ai-panel{grid-template-columns:1fr;padding:21px}.confidence{text-align:left}.confidence strong{display:inline-block;margin-right:10px}}
@media(max-width:800px){.header-spacer{display:none}.geo-btn,.geo-link{order:2;margin-left:auto!important}.menu-wrap{order:2}.menu-wrap .ghost-btn{margin-left:0}.brand-logo{width:39px;height:39px}.geo-btn span,.geo-link span{font-size:12px}}