.stations-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:8px 0 24px}.stations-heading p{max-width:680px;font-size:15px}.stations-heading button{display:flex;align-items:center;gap:8px;white-space:nowrap}.station-filters{position:sticky;top:8px;z-index:500;display:grid;grid-template-columns:repeat(3,minmax(160px,220px)) 1fr;gap:12px;align-items:end;padding:16px;background:#0b1725eF;border:1px solid #284052;border-radius:10px;box-shadow:0 14px 35px #0005;backdrop-filter:blur(12px)}.station-filters label{display:grid;gap:5px;color:#93a6bc;font-size:11px;text-transform:uppercase;letter-spacing:1px}.station-filters select{width:100%;max-width:none;text-transform:none;letter-spacing:0}.network-live{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:43px;color:#a7bac8;font-size:12px}.network-live i{width:8px;height:8px;border-radius:50%;background:#45c77b;box-shadow:0 0 12px #45c77b}.station-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.station-summary article{position:relative;overflow:hidden;padding:18px 20px;background:linear-gradient(145deg,#0d1927,#102334);border:1px solid var(--line);border-radius:9px}.station-summary article:after{content:"";position:absolute;right:-28px;bottom:-38px;width:105px;height:105px;border:1px solid #29bbbf26;border-radius:50%;box-shadow:0 0 0 18px #29bbbf0a}.station-summary article>span{display:block;color:#93a9b8;font-size:10px;font-weight:700;letter-spacing:1.3px}.station-summary strong{position:relative;z-index:1;display:block;font:800 35px/1.25 Poppins,sans-serif;color:#eaf8fb;margin:7px 0 2px}.station-summary small{position:relative;z-index:1;color:#8fa4b3;font-size:11px}.station-summary .summary-rain{background:linear-gradient(145deg,#0d1927,#0a2c3c)}.station-summary .summary-rain strong{color:#62cefa}.network-analysis{position:relative;padding:22px 24px 22px 28px;border:1px solid #24536a;border-left:4px solid #29bbbf;border-radius:8px;background:linear-gradient(115deg,#0b1926,#0f2b38);color:#dcebf1;font-size:16px;line-height:1.7}.station-panel{padding:22px;background:linear-gradient(145deg,#0b1725,#0e1d2d);border:1px solid var(--line);border-radius:10px;min-width:0;box-shadow:0 12px 30px #0002}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-title h2{margin-bottom:10px}.panel-title p{max-width:610px}.station-map-panel{padding-bottom:14px}.station-map-panel .panel-title{align-items:center}.map-live-key{display:flex;gap:14px;color:#8fa6b5;font-size:11px;white-space:nowrap}.map-live-key span{display:flex;align-items:center;gap:6px}.map-live-key i{width:8px;height:8px;background:#29bbbf;border-radius:50%;box-shadow:0 0 9px #29bbbf}.map-live-key .rain-dot{background:#38bdf8;box-shadow:0 0 9px #38bdf8}#station-network-map{height:510px;margin-top:12px;border:1px solid #253d4f;border-radius:8px;background:#091421;overflow:hidden;z-index:0}.ground-map-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 3px 0;color:#8fa5b3;font-size:11px}.temperature-key{display:flex;align-items:center;gap:8px}.temperature-key i{display:block;width:110px;height:6px;border-radius:8px;background:linear-gradient(90deg,#057c90,#29bbbf,#45c77b,#f4b210,#e6533f)}.ground-basemap{filter:brightness(.36) saturate(.5) contrast(1.18)}.ground-marker{background:transparent!important;border:0!important}.ground-marker span{width:38px;height:38px;display:grid;place-items:center;border:2px solid #f4fbff;border-radius:50%;color:#071019;font:800 11px/1 Poppins,sans-serif;box-shadow:0 5px 18px #000b,0 0 0 4px #07131dcc}.ground-marker.is-raining span{box-shadow:0 5px 18px #000b,0 0 0 4px #07131dcc,0 0 22px #38bdf8}.ground-popup{min-width:220px}.ground-popup>strong{font:700 14px/1.3 Poppins,sans-serif}.ground-popup>small{display:block;color:#8fa5b2;margin:2px 0 10px}.ground-popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ground-popup-grid span{padding:7px;background:#0a1a28;border-radius:5px;color:#829aa8;font-size:9px;text-transform:uppercase}.ground-popup-grid b{display:block;color:#f4f8fa;font-size:12px;text-transform:none}.station-insight-grid,.station-viz-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zone-comparison{display:grid;gap:10px}.zone-card{display:grid;grid-template-columns:minmax(130px,1fr) 1.5fr;gap:15px;align-items:center;padding:13px 15px;border:1px solid #20384a;border-radius:8px;background:#091622}.zone-name{display:grid}.zone-name strong{font-size:13px}.zone-name small{color:#8199a8;font-size:10px}.zone-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.zone-metrics span{padding:7px 8px;border-left:1px solid #294252;color:#8199a8;font-size:9px;text-transform:uppercase}.zone-metrics b{display:block;color:#e7f0f4;font-size:13px;text-transform:none}.temperature-distribution{height:260px;display:flex;align-items:flex-end;gap:12px;padding:20px 5px 0;border-bottom:1px solid #334b5b}.temp-bucket{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}.temp-bucket strong{color:#eef6f8;font-size:14px;margin-bottom:6px}.temp-column{width:min(52px,75%);min-height:4px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--bucket-color),color-mix(in srgb,var(--bucket-color) 35%,#08131f));box-shadow:0 0 20px color-mix(in srgb,var(--bucket-color) 25%,transparent)}.temp-bucket small{height:34px;padding-top:7px;color:#8da3b0;font-size:9px;text-align:center;line-height:1.2}.comparison-bars{display:grid;gap:8px;max-height:560px;overflow:auto;padding-right:5px}.comparison-row{display:grid;grid-template-columns:minmax(125px,1.25fr) minmax(130px,3fr) 64px;align-items:center;gap:10px}.comparison-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8d7df;font-size:12px}.comparison-track{height:10px;background:#172a38;border-radius:10px;overflow:hidden}.comparison-fill{height:100%;min-width:4px;border-radius:10px;background:linear-gradient(90deg,#057c90,#29bbbf,#f4b210)}.comparison-value{text-align:right;color:#f1f7f9;font:700 12px/1 Poppins,sans-serif;font-variant-numeric:tabular-nums}.station-scatter{position:relative;min-height:455px;margin:10px 4px 0;border-left:1px solid #3a5666;border-bottom:1px solid #3a5666;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:25% 25%;overflow:hidden}.scatter-point{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,50%);border:2px solid #e9fbff;background:#29bbbf;box-shadow:0 0 13px #29bbbf88;cursor:help}.scatter-point.is-raining{background:#38bdf8;box-shadow:0 0 16px #38bdf8}.scatter-axis{display:flex;justify-content:space-between;color:#8299a8;font-size:10px;margin-top:8px}.scatter-label{color:#8299a8;font-size:10px}.scatter-y{margin-bottom:-5px}.station-table-panel{padding-bottom:16px}.station-table-scroll{overflow:auto;border:1px solid #203344;border-radius:7px}.station-table-panel table{width:100%;border-collapse:collapse;white-space:nowrap}.station-table-panel th,.station-table-panel td{text-align:left;padding:12px 14px;border-bottom:1px solid #1d3040;font-size:12px}.station-table-panel th{position:sticky;top:0;background:#112334;color:#8ea5b4;font-size:10px;letter-spacing:.7px;text-transform:uppercase}.station-table-panel td{color:#d7e3e8;font-variant-numeric:tabular-nums}.station-table-panel tbody tr:hover{background:#102535}.station-table-panel td:first-child{font-weight:700}.station-table-panel td:first-child small{display:block;color:#778f9f;font-weight:400}.rain-value{color:#55c9f8!important}.quality-note{margin:13px 0 0}.quality-note strong{color:#f4b210}.station-empty-state{padding:35px;text-align:center;color:#8ea4b2}.station-error{color:#f4b210}
@media(max-width:950px){.station-filters{position:static;grid-template-columns:repeat(3,1fr)}.network-live{grid-column:1/-1;justify-content:flex-start}.station-summary{grid-template-columns:repeat(2,1fr)}.station-insight-grid,.station-viz-grid{grid-template-columns:1fr}.station-scatter{min-height:390px}#station-network-map{height:440px}}
@media(max-width:600px){.stations-heading{align-items:flex-start;flex-direction:column}.stations-heading button{width:100%;justify-content:center}.station-filters{grid-template-columns:1fr}.network-live{grid-column:auto}.station-summary{grid-template-columns:1fr 1fr;gap:8px}.station-summary article{padding:14px}.station-summary strong{font-size:28px}.network-analysis{font-size:14px;padding:18px}.station-panel{padding:15px}.station-map-panel .panel-title{align-items:flex-start;flex-direction:column}.map-live-key{white-space:normal}#station-network-map{height:390px}.ground-map-foot{align-items:flex-start;flex-direction:column}.comparison-row{grid-template-columns:110px 1fr 55px}.station-scatter{min-height:330px}.zone-card{grid-template-columns:1fr}.temperature-distribution{height:230px;gap:5px}.temp-bucket small{font-size:8px}.site-tabs{overflow-x:auto}.site-tabs a{white-space:nowrap}}
.scatter-help{margin:0 0 10px;padding:10px 12px;border-left:3px solid #29bbbf;background:#071520;color:#9db1bc;font-size:12px;line-height:1.55}.scatter-help strong{color:#ddecf1}.station-scatter{min-height:410px;margin:4px 4px 0;overflow:visible}.scatter-point{width:14px;height:14px;padding:0;cursor:pointer}.scatter-point:after{content:attr(data-label);display:none;position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);width:max-content;max-width:210px;padding:7px 9px;border:1px solid #31566b;border-radius:5px;background:#07131f;color:#eef7fa;font:600 10px/1.4 Poppins,sans-serif;box-shadow:0 7px 20px #000b;white-space:normal}.scatter-point:hover:after,.scatter-point:focus-visible:after{display:block}.scatter-axis,.scatter-label{display:flex;align-items:center;justify-content:space-between;color:#8ea5b3;font-size:10px}.scatter-axis{margin-top:9px}.scatter-axis strong,.scatter-label strong{color:#c4d2d9;font-size:10px;letter-spacing:.7px;text-transform:uppercase}.scatter-y{margin-bottom:5px}
@media(max-width:600px){.scatter-help{font-size:11px}.scatter-axis strong,.scatter-label strong{font-size:9px}.scatter-point:after{max-width:160px}}