:root{color:#12313b;background:#eaf2f4;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:30px}.app-header,.map-heading,.detail-header,.chart-heading{justify-content:space-between;gap:18px;display:flex}.app-header{border-bottom:2px solid #b9d1d8;align-items:flex-end;padding-bottom:18px}.eyebrow{color:#41717b;margin:0;font-size:12px}h1{letter-spacing:-.05em;margin:5px 0 0;font-size:42px}.map-status{color:#52717a;font-size:14px}.controls{align-items:flex-end;gap:18px;padding:18px 0;display:flex}.controls label{color:#31545f;gap:6px;font-size:12px;font-weight:700;display:grid}.controls select{background:#fff;border:1px solid #b7cbd2;border-radius:7px;min-width:220px;padding:10px}.model-picker{color:#31545f;border:0;min-width:360px;margin:0;padding:0;font-size:12px;font-weight:700}.model-picker legend{padding:0 0 6px}.model-picker>div{flex-wrap:wrap;gap:7px;display:flex}.model-picker label{cursor:pointer;background:#fff;border:1px solid #b7cbd2;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;display:flex}.model-picker input{accent-color:#087f6b;margin:0}.model-picker small{color:#59757d;margin-top:6px;font-size:11px;font-weight:400;display:block}.hour-control{min-width:280px}.hour-control span{justify-content:space-between;display:flex}.hour-control input{accent-color:#087f6b}.map-layout{grid-template-columns:1fr 270px;gap:18px;display:grid}.map-panel,.legend,.detail{background:#fff;border:1px solid #c8dce1;border-radius:12px}.map-panel{padding:14px}.map-heading{align-items:flex-start;margin:3px 3px 14px}.map-heading h2,.legend h2{margin:0;font-size:16px}.map-heading p,.legend p{color:#59757d;margin:5px 0;font-size:12px}.mode-toggle{border:1px solid #b9d1d8;border-radius:8px;display:flex;overflow:hidden}.mode-toggle button{color:#466871;background:#fff;border:0;padding:8px 12px;font-weight:700}.mode-toggle .active{color:#fff;background:#087f6b}.gis-map{border-radius:8px;height:min(74vh,780px);overflow:hidden}.legend{padding:17px}.legend ul{gap:10px;margin:15px 0 0;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:9px;font-size:12px;display:flex}.legend i{border:1px solid #234;border-radius:50%;flex:none;width:16px;height:16px}.legend .missing{background:#82929b}.station-dialog{z-index:20;background:#fff;border:1px solid #c6d8e1;border-radius:14px;width:min(1120px,100vw - 48px);max-height:calc(100vh - 48px);position:fixed;top:24px;right:24px;overflow:auto;box-shadow:0 22px 70px #0c2a374d}.station-dialog .detail{border:0;margin:0}.dialog-close{z-index:1;color:#12313b;cursor:pointer;background:#e8f1f4;border:0;border-radius:50%;width:30px;height:30px;font-size:22px;position:absolute;top:10px;right:12px}.detail{padding:28px}.detail h2{margin:4px 0 0;font-size:25px}.detail h2 span,.detail p{color:#59757d}.detail p{font-size:12px}.detail-value{text-align:right}.detail-value span{font-size:38px;font-weight:750}.detail-value small{color:#59757d;display:block}.model-toggle{border-block:1px solid #d8e4e7;align-items:center;gap:14px;margin:18px 0 10px;padding:12px 0;font-size:13px;display:flex}.model-toggle label{gap:5px;display:flex}.hover-instruction{margin:0 0 14px;color:#41717b!important}.charts{grid-template-columns:1fr;gap:18px;display:grid}.chart{background:#fbfdfd;border:1px solid #d8e4e7;border-radius:10px;min-width:0;padding:16px}.chart h3{margin:0;font-size:18px}.chart-heading span,.chart-legend,.empty{color:#59757d;font-size:14px}.chart-scroll{padding:0;overflow:visible}.chart-scroll svg{cursor:crosshair;width:100%;min-width:0;margin-top:10px;display:block}.chart text{fill:#365762;font-size:24px;font-weight:600}.time-label{font-size:20px}.axis{stroke:#8ba8b1;stroke-width:1.5px}.forecast-line{stroke:#607881;stroke-dasharray:4 3}.hover-line{stroke:#12313b;stroke-dasharray:3 3;stroke-opacity:.65}.chart-tooltip{color:#254954;background:#e8f1f4;border-radius:7px;min-height:52px;margin:4px 0 8px;padding:10px 11px;font-size:14px}.chart-tooltip strong{margin-bottom:5px;font-size:14px;display:block}.chart-tooltip span{align-items:center;gap:4px;margin-right:10px;display:inline-flex}.chart-tooltip i,.chart-legend i{width:14px;height:3px;display:inline-block}.chart-legend{flex-wrap:wrap;gap:12px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}@media (max-width:960px){main{padding:20px}.map-layout{grid-template-columns:1fr}}@media (max-width:620px){main{padding:14px}.app-header,.controls,.detail-header{display:grid}.controls select,.hour-control,.model-picker{width:100%;min-width:0}.station-dialog{width:auto;max-height:calc(100vh - 20px);inset:10px}.detail{padding:20px}}.data-warning{color:#604913;background:#fff5d7;border:1px solid #d2a744;border-radius:8px;margin:16px 0 0;padding:10px 14px;font-size:14px}.source-credit{color:#52717a;max-width:1440px;margin:0 auto;padding:8px 30px 28px;font-size:12px;line-height:1.5}.source-credit a{color:#315e8c}