:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#203c3a;background:#f5f7f5;font-synthesis:none;--muted:#788985;--green:#26735b;--line:#dfe6e0}*{box-sizing:border-box}body{margin:0}.shell{max-width:1440px;padding:0 58px;margin:auto}header{height:94px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{color:#244b40;font-size:12px;font-weight:750;letter-spacing:1.4px;text-decoration:none;display:flex;align-items:center;gap:13px}.brand-icon{font-size:34px;line-height:1}.connection{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#687c72}.connection i{width:6px;height:6px;border-radius:50%;background:#b5a86d}.connection i.connected{background:#469e74;box-shadow:0 0 0 4px #e7eee6}.clock{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.intro{display:flex;justify-content:space-between;align-items:center;padding:42px 0 35px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#7c8a80}h1{font-size:55px;letter-spacing:-2px;font-weight:500;margin:9px 0 7px}.location-dot{font-size:30px;color:#a3b2a4;margin-left:17px;vertical-align:middle}.intro p{font-size:13px;color:var(--muted);margin:0}.actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.live-label{font-size:9px;letter-spacing:1.5px;color:#7c8a80}button,select,input{font:inherit}button,select{cursor:pointer}button{background:#fff;border:1px solid #d8e0da;border-radius:6px;padding:11px 17px;color:#315545;font-size:12px}button:hover{background:#e8efe9}button:disabled{opacity:.55;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #328567;outline-offset:4px}nav{display:flex;border-bottom:1px solid var(--line);gap:27px;align-items:center}.tab{padding:15px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#88958d;font-size:12px}.tab.active{color:#295541;border-color:#295541;font-weight:650}.tab span{font-size:9px;background:#e7ece6;padding:2px 5px;border-radius:4px;margin-left:3px}.api-link{margin-left:auto;text-decoration:none;color:#7a8c80;font-size:11px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 20px}.toolbar>div:first-child{display:flex;align-items:center;gap:14px}select{border:1px solid #dbe3dc;border-radius:5px;background:#fff;padding:10px 30px 10px 12px;color:#315448;font-size:12px}.model-note{text-align:right;font-size:10px;color:#8c9990;line-height:1.7}.model-note span{color:#667d6c}.overview{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}.hero-card{border-radius:10px;padding:24px 27px;background:#e5ece1;overflow:hidden;position:relative}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#668065}.card-top span:last-child{letter-spacing:0}.hero-weather{display:flex;align-items:center;justify-content:space-between;min-height:167px}.temperature{font-size:78px;letter-spacing:-5px;line-height:1.2;font-weight:400}.temperature small{font-size:35px;letter-spacing:-1px;color:#82917a;vertical-align:top;display:inline-block;margin:13px 0 0 5px}#conditions{font-size:13px;color:#6d8068;margin-top:4px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #d4ddce;padding-top:18px;margin-top:11px;font-size:10px;color:#70816a}.hero-bottom span:last-child{font-size:8px;letter-spacing:1px}.weather-art{position:relative;width:170px;height:130px}.sun{position:absolute;width:72px;height:72px;border-radius:100%;background:#e0b866;top:7px;right:24px;box-shadow:0 0 50px #e4c78666}.cloud{position:absolute;left:12px;top:65px;width:125px;height:44px;border-radius:40px;background:linear-gradient(#f9fbf5,#d7e0cf);filter:drop-shadow(0 10px 10px #93a58433)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:100%;background:#f7faf3;width:56px;height:56px;top:-27px;left:23px}.cloud:after{width:42px;height:42px;left:65px;top:-18px}.cloud.small{transform:scale(.6);top:92px;left:52px;opacity:.85}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:#fff;border:1px solid #e2e8e0;border-radius:9px;padding:19px 17px}.metric-top{display:flex;justify-content:space-between;font-size:10px;color:#849183}.metric-icon{color:#a6b29e;font-size:16px}.metric-value{font-size:26px;letter-spacing:-.7px;margin:15px 0 5px}.metric-value small{font-size:11px;color:#92a08f;letter-spacing:0;margin-left:4px}.metric-sub{font-size:9px;color:#9aa696}.chart-card,.table-card{margin-top:24px;border:1px solid #e1e7df;background:#fff;border-radius:10px;padding:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:7px 0 0}.segments{display:flex;background:#f3f6f1;padding:3px;border-radius:5px}.segments button{border:0;background:none;padding:7px 13px;font-size:10px;color:#81907c}.segments .selected{background:#fff;color:#3d6749;box-shadow:0 1px 4px #23451e12}#chart{height:215px;margin-top:20px;width:100%}#chart svg{width:100%;height:100%;overflow:visible}.chart-caption{display:flex;justify-content:space-between;font-size:9px;color:#8a9985;margin-top:5px}.table-card{padding-bottom:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#91a08a;font-weight:500;padding:20px 16px 14px;border-bottom:1px solid #e6ebe2}td{padding:16px;border-bottom:1px solid #edf0e9;color:#536b52}td:first-child{color:#364e36}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8faf6}.table-card .table-scroll{max-height:390px}td .day{color:#9aa891;margin-right:10px}.source-note{display:flex;justify-content:space-between;gap:20px;color:#97a18f;font-size:9px;padding:21px 0 43px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0 32px;color:#a0aa99;font-size:9px;letter-spacing:.8px}.footer-dot{color:#779775;font-size:7px;margin:0 8px}.view[hidden]{display:none}.view:not(#forecast){padding:30px 0 50px}.muted{font-size:12px;color:#7d8f7a;line-height:1.8}#notice{background:#fff5dc;color:#80662d;border:1px solid #ecdcb3;padding:14px 18px;font-size:12px;margin-top:20px;border-radius:6px}.explorer-controls{display:flex;gap:12px;margin-top:22px}input{padding:11px 13px;border:1px solid #dce4d7;border-radius:5px;background:white;min-width:260px;font-size:12px}.ensemble-note{background:#eaf0e6;border:1px solid #dce5d5;padding:18px 20px;border-radius:7px;font-size:12px;margin:24px 0}.ensemble-note p{line-height:1.7;color:#738568}h3{font-size:15px;font-weight:500;margin-top:30px}details{margin-top:25px;font-size:12px}pre{max-height:450px;overflow:auto;background:#edf2e8;padding:20px;font-size:11px}a{color:#3c7654}.pill{font-size:9px;border-radius:4px;padding:4px 7px;background:#edf3e9;color:#648153}.pill.error{background:#f7eee1;color:#9d824e}
@media(min-width:1450px){.shell{max-width:1360px}}@media(max-width:1000px){.shell{padding:0 28px}.overview{grid-template-columns:1fr}.hero-weather{min-height:145px}.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-value{margin:9px 0 4px}.weather-art{margin-right:35px}}@media(max-width:620px){.shell{padding:0 18px}header{height:73px;gap:10px}.brand{font-size:9px;letter-spacing:.7px}.brand-icon{font-size:27px}.connection{font-size:9px}.clock{display:none}.intro{padding:30px 0}h1{font-size:45px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro p{font-size:11px}.live-label{font-size:7px}.actions button{padding:9px;font-size:10px}nav{gap:21px}.api-link{font-size:9px}.tab{font-size:11px}.toolbar>div:first-child{gap:6px}.toolbar .eyebrow{display:none}.model-note{font-size:8px}.hero-card{padding:21px}.temperature{font-size:70px}.metric-grid{gap:8px}.metric{padding:14px 12px}.metric-value{font-size:22px}.metric-top{font-size:9px}.chart-card,.table-card{padding:19px 14px}.section-heading{align-items:flex-start;gap:10px}.segments button{padding:7px;font-size:8px}h2{font-size:16px}#chart{height:180px}.source-note{flex-direction:column;gap:8px}footer{font-size:7px}.explorer-controls{flex-direction:column}.table-card th,.table-card td{padding:14px 11px}.hero-bottom{font-size:9px}.hero-bottom span:last-child{font-size:7px}.chart-caption{font-size:8px}}
.weather-art.overcast .sun{opacity:.18}.weather-art.overcast .cloud{background:linear-gradient(#f1f5ed,#c6d1bf)}
.map-toolbar{display:flex;justify-content:space-between;align-items:center;margin:24px 0 16px;gap:15px}.map-toolbar .segments button{font-size:12px;padding:10px 18px}.opacity-control{font-size:11px;color:#81907c;display:flex;align-items:center;gap:10px}input[type=range]{min-width:0;padding:0;accent-color:#477757;border:0;background:transparent}.opacity-control input{width:95px}.map-wrapper{position:relative;overflow:hidden;border:1px solid #d5dfd2;border-radius:10px}#weather-map{height:570px;background:#e5ebe1;z-index:0}.leaflet-tile-pane{filter:saturate(.35)}.weather-canvas{position:absolute;pointer-events:none;image-rendering:auto}.map-badge{position:absolute;top:18px;left:58px;background:#fffffff0;box-shadow:0 2px 8px #17312612;border-radius:7px;padding:12px 16px;pointer-events:none;font-size:12px;z-index:450}.map-badge small{display:block;font-size:10px;color:#84917d;margin-top:5px}.map-legend{position:absolute;bottom:30px;left:20px;width:260px;background:#fffffff0;border-radius:7px;padding:13px 16px;z-index:450;pointer-events:none;font-size:10px;color:#546d50}#map-legend-gradient{height:8px;border-radius:3px;margin:9px 0 6px}#map-legend-labels{display:flex;justify-content:space-between;font-size:9px}.map-timeline{background:white;border:1px solid var(--line);padding:18px 22px;border-radius:10px;margin-top:14px}.timeline-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.timeline-top strong{font-size:13px;font-weight:500}.play-controls{display:flex;gap:5px}.play-controls button,.timeline-top>button{padding:8px 12px;font-size:11px}#map-time{width:100%;cursor:pointer}.timeline-labels{display:flex;justify-content:space-between;font-size:10px;color:#899881;margin-top:10px}.map-disclaimer{font-size:11px;line-height:1.8;color:#8d9985;margin-bottom:25px}.map-details{border-top:1px solid var(--line);padding-top:16px}#map-status.error{color:#a1683e}.leaflet-popup-content{font-family:inherit;line-height:1.8}.leaflet-control-attribution{font-size:9px}.map-point{display:block;color:#2f5f46;border:3px solid white;width:14px;height:14px;border-radius:50%;background:#417657;box-shadow:0 1px 8px #203c3a55}
@media(max-width:620px){nav{gap:15px}.api-link{display:none}.map-toolbar{align-items:flex-start;flex-direction:column}.map-toolbar .segments{width:100%}.map-toolbar .segments button{flex:1;padding:10px 12px;font-size:11px}.opacity-control{align-self:flex-end}.map-badge{left:55px;top:12px;padding:10px}#weather-map{height:480px}.map-timeline{padding:14px 12px}.timeline-top{flex-wrap:wrap}.timeline-top strong{font-size:11px}.play-controls button,.timeline-top>button{padding:7px 9px}.timeline-labels{font-size:8px}#map-cadence{display:none}.map-legend{bottom:30px;left:12px;width:230px}.leaflet-control-attribution{max-width:270px;font-size:8px}}