:root{--bg:#000000;--card-bg:#141418;--card-border:#2c2c35;--text-muted:#86868b;--text-sub:#53535a;--orange:#ff9f0a;--green:#30d158;--blue:#0a84ff}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{background-color:var(--bg);color:#ffffff;display:flex;justify-content:center;min-height:100vh;padding:16px 12px 24px 12px;position:relative;overflow-x:hidden}.weather-effect-layer{--rain-duration:.70s;--mix-rain-duration:.78s;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;display:none}.weather-effect-layer.rain-mode{display:block;background-image:radial-gradient(2px 10px at 20px 30px,rgba(255,255,255,0.4),rgba(255,255,255,0)),radial-gradient(1.5px 8px at 70px 90px,rgba(255,255,255,0.3),rgba(255,255,255,0)),radial-gradient(2px 12px at 150px 40px,rgba(255,255,255,0.4),rgba(255,255,255,0));background-size:200px 200px;animation:rainAnim var(--rain-duration,.70s) linear infinite}@keyframes rainAnim{0%{background-position:0 0}100%{background-position:-20px 200px}}.weather-effect-layer.snow-mode{display:block;background-image:radial-gradient(2.5px 2.5px at 30px 40px,rgba(255,255,255,0.85),rgba(255,255,255,0)),radial-gradient(3.5px 3.5px at 100px 90px,rgba(255,255,255,0.7),rgba(255,255,255,0)),radial-gradient(2px 2px at 160px 140px,rgba(255,255,255,0.6),rgba(255,255,255,0));background-size:200px 200px;animation:smoothSnow 4s linear infinite}@keyframes smoothSnow{0%{background-position:0 0}100%{background-position:25px 200px}}.weather-effect-layer.fog-mode{display:block;background:radial-gradient(circle at 50% 50%,rgba(200,220,240,0.12) 0%,rgba(255,255,255,0.04) 50%,rgba(0,0,0,0) 100%);animation:fogPulse 5s ease-in-out infinite alternate}.weather-effect-layer.mix-mode{display:block;background:none;overflow:hidden}.weather-effect-layer.mix-mode::before,.weather-effect-layer.mix-mode::after{content:"";position:absolute;inset:-220px 0 0 0;pointer-events:none}.weather-effect-layer.mix-mode::before{background-image:radial-gradient(1.5px 9px at 22px 25px,rgba(170,220,255,.46),rgba(170,220,255,0)),radial-gradient(1.5px 11px at 92px 85px,rgba(170,220,255,.36),rgba(170,220,255,0)),radial-gradient(1.8px 10px at 162px 42px,rgba(170,220,255,.42),rgba(170,220,255,0));background-size:200px 200px;animation:rainAnim var(--mix-rain-duration,.78s) linear infinite;opacity:.82}.weather-effect-layer.mix-mode::after{background-image:radial-gradient(2.8px 2.8px at 35px 35px,rgba(255,255,255,.92),rgba(255,255,255,0)),radial-gradient(3.6px 3.6px at 112px 92px,rgba(255,255,255,.82),rgba(255,255,255,0)),radial-gradient(2.2px 2.2px at 170px 145px,rgba(255,255,255,.68),rgba(255,255,255,0));background-size:200px 200px;animation:forecastMixSnow 4.8s linear infinite;opacity:.9}@keyframes forecastMixSnow{0%{background-position:0 0}100%{background-position:32px 210px}}@keyframes fogPulse{0%{opacity:0.4;transform:scale(1)}100%{opacity:0.95;transform:scale(1.08)}}.container{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.station-switcher{width:100%;display:flex;background:#1c1c24;border:1px solid var(--card-border);border-radius:14px;padding:3px;margin-bottom:6px;gap:4px}.switch-btn{flex:1;background:none;border:none;color:var(--text-muted);font-size:10.5px;font-weight:600;padding:8px 3px;border-radius:11px;cursor:pointer;text-align:center;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;line-height:1.2}.switch-btn span.alt-tag{font-size:9px;opacity:0.7;margin-top:1px}.switch-btn.active{background:#2c2c35;color:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,0.4)}.switch-btn.active span.alt-tag{color:var(--orange);opacity:1}.detail-page-link{appearance:none;font-family:inherit;cursor:pointer;width:100%;min-height:38px;margin:0 0 9px;padding:0 12px;border:1px solid rgba(90,200,250,0.16);border-radius:12px;background:linear-gradient(180deg,rgba(36,36,45,.78),rgba(24,24,31,.76));color:#f5f5f7;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10.8px;font-weight:700;letter-spacing:.1px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .18s ease,border-color .18s ease,background .18s ease}.detail-page-link:hover{transform:translateY(-1px);border-color:rgba(90,200,250,0.28);background:linear-gradient(180deg,rgba(42,42,52,.88),rgba(28,28,36,.86))}.detail-page-link .detail-link-left{display:flex;align-items:center;gap:7px}.detail-page-link .detail-link-icon{font-size:14px;filter:drop-shadow(0 0 4px rgba(90,200,250,.18))}.detail-page-link .detail-link-sub{color:#86868b;font-weight:600;font-size:9px;margin-left:3px}.detail-page-link .detail-link-arrow{color:#64d2ff;font-size:15px;font-weight:800}.delta-bar{width:100%;background:rgba(28,28,36,0.6);border:1px solid rgba(44,44,53,0.5);border-radius:8px;padding:5px 8px;margin-bottom:10px;text-align:center;font-size:10px;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.25}.header{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:10px}.icon-left{position:absolute;left:0;top:-1px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:20px;line-height:1;background:radial-gradient(circle,rgba(255,159,10,.12) 0%,rgba(255,159,10,.035) 62%,transparent 72%);filter:drop-shadow(0 0 4px rgba(255,159,10,.18));transition:transform .35s ease,filter .35s ease,background .35s ease;user-select:none}.icon-left.sun-icon{filter:drop-shadow(0 0 5px rgba(255,196,54,.35));background:radial-gradient(circle,rgba(255,196,54,.14) 0%,rgba(255,159,10,.035) 64%,transparent 74%)}.icon-left.moon-icon{filter:drop-shadow(0 0 6px rgba(150,190,255,.30));background:radial-gradient(circle,rgba(118,163,255,.11) 0%,rgba(80,105,170,.025) 65%,transparent 74%)}.icon-left.weather-pulse{animation:headerWeatherPulse 2.8s cubic-bezier(.45,0,.55,1) infinite}.mixed-precip-icon{position:relative;width:27px;height:27px;display:block;line-height:1}.mixed-precip-icon .mix-cloud{position:absolute;top:1px;left:50%;transform:translateX(-50%);font-size:17px;line-height:1}.mixed-precip-icon .mix-particles{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:22px;display:flex;align-items:center;justify-content:space-between;font-size:9px;line-height:1}.mixed-precip-icon .mix-snow{filter:drop-shadow(0 0 2px rgba(180,225,255,.35))}.mixed-precip-icon .mix-rain{filter:drop-shadow(0 0 2px rgba(90,170,255,.35))}@keyframes headerWeatherPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(120,200,255,.16));opacity:.90}50%{transform:scale(1.055);filter:drop-shadow(0 0 5px rgba(120,200,255,.30));opacity:1}}.live-dot{position:absolute;right:0;top:6px;width:10px;height:10px;background-color:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);transition:transform 0.3s ease,background-color .25s ease,box-shadow .25s ease}.live-dot.status-stale{background-color:#ff9f0a;box-shadow:0 0 10px #ff9f0a}.live-dot.status-offline{background-color:#ff453a;box-shadow:0 0 10px rgba(255,69,58,.88)}.live-dot.status-unknown{background-color:#636366;box-shadow:0 0 8px rgba(99,99,102,.65)}.live-dot.pulse{transform:scale(1.4)}.station-title{font-size:18px;font-weight:600;letter-spacing:-0.4px;text-align:center;max-width:calc(100% - 84px);white-space:normal;line-height:1.14;overflow-wrap:normal}.station-time{font-size:11px;color:var(--text-muted);margin-top:3px;font-variant-numeric:tabular-nums}.alert-banner{width:100%;font-size:11px;font-weight:700;text-align:center;padding:9px 12px;border-radius:12px;margin-bottom:12px;display:none;letter-spacing:0.3px;animation:fadeIn 0.3s ease}.alert-banner.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dashboard-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px}.gauge-wrapper{position:relative;width:100%;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;margin-bottom:10px}.gauge-svg{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:280px;height:220px}.gauge-center-data{position:absolute;text-align:center;display:flex;flex-direction:column;align-items:center;top:66px;width:100%}.temp-display{font-size:40px;font-weight:800;line-height:1;letter-spacing:-1px;display:flex;align-items:baseline;justify-content:center;transition:color 0.45s ease}.temp-unit{font-size:18px;color:var(--orange);font-weight:600;margin-left:2px}.trend-arrow{font-size:16px;margin-left:4px;font-weight:800}.heat-index-box{display:flex;align-items:center;gap:6px;margin-top:10px}.heat-index{font-size:11px;font-weight:700;letter-spacing:0.5px;transition:color 0.45s ease}.comfort-badge{font-size:8.5px;font-weight:700;padding:2px 6px;border-radius:6px;background:rgba(48,209,88,0.2);color:var(--green);border:1px solid rgba(48,209,88,0.3);text-transform:uppercase}@media (max-width:520px){#liveView.mgm-ui-mode .gauge-wrapper{height:258px}#liveView.mgm-ui-mode .gauge-center-data{top:60px}#liveView.mgm-ui-mode .heat-index-box{max-width:164px;justify-content:center;flex-direction:column;flex-wrap:nowrap;gap:3px;margin-top:6px;line-height:1.05}#liveView.mgm-ui-mode .heat-index{font-size:10px;white-space:nowrap}#liveView.mgm-ui-mode .comfort-badge{white-space:nowrap;margin-inline:auto;font-size:7.2px;line-height:1.1;padding:2px 5px}#liveView.mgm-ui-mode #daily-minmax{margin-top:4px!important;font-size:8.5px!important}#liveView.mgm-ui-mode .gauge-limits{bottom:15px}}.gauge-limits{position:absolute;bottom:20px;width:220px;display:flex;justify-content:space-between;font-size:11px;font-weight:700}.limit-cold{color:#007aff}.limit-hot{color:#ff3b30}.sun-cycle-card{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px}.sun-item{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.sun-item strong{color:#ffffff;font-size:11px}.monthly-records-card{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:10px 12px;margin-bottom:12px}.monthly-records-title{font-size:10px;color:var(--text-muted);font-weight:700;letter-spacing:0.6px;margin-bottom:7px;text-align:center;transform:translateX(6px)}.monthly-records-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;padding-left:10px}.monthly-record-item{display:flex;flex-direction:column;min-width:0;align-items:center;text-align:center}.monthly-record-label{font-size:8.5px;color:var(--text-muted);white-space:nowrap}.monthly-record-value{font-size:12px;font-weight:700;margin-top:1px;font-variant-numeric:tabular-nums;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:1.1fr 0.9fr;width:100%;gap:12px}.list-metrics{display:flex;flex-direction:column;gap:10px}.metric-card{display:flex;align-items:center;gap:10px;padding:12px 14px}.metric-card svg{width:20px;height:20px;stroke:#ffffff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0.85;flex-shrink:0}.metric-details{display:flex;flex-direction:column}.metric-title{font-size:10px;color:var(--text-muted);letter-spacing:0.3px}.metric-value{font-size:15px;font-weight:600;letter-spacing:-0.2px;margin-top:1px;transition:color 0.45s ease}.metric-subval{font-size:10px;margin-top:1px;transition:color 0.45s ease}.circle-metrics{display:flex;flex-direction:column;gap:10px}.circle-box{display:flex;flex-direction:column;align-items:center;padding:12px}.circle-card-inner{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.humidity-card{border:2px solid rgba(72,186,255,0.58);background:radial-gradient(circle at 35% 28%,rgba(120,220,255,0.18) 0%,rgba(10,132,255,0.08) 38%,rgba(20,20,24,0.02) 72%);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.035),inset 0 0 18px rgba(10,132,255,0.08),0 0 14px rgba(10,132,255,0.06);overflow:hidden}.humidity-visual{position:absolute;width:52px;height:52px;opacity:0.20;filter:drop-shadow(0 0 4px rgba(64,195,255,0.35));z-index:0}.humidity-card .humidity-val{position:relative;z-index:2;text-shadow:0 1px 7px rgba(0,0,0,0.55)}.humidity-card #humTrend{z-index:3}.humidity-val{font-size:18px;font-weight:700;transition:color 0.45s ease}.wind-card{border:1px solid rgba(125,170,210,0.46);background:radial-gradient(circle at 38% 32%,rgba(112,182,232,0.13) 0%,rgba(30,48,68,0.10) 42%,rgba(20,20,24,0.02) 73%);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.03),inset 0 0 16px rgba(74,144,194,0.055),0 0 12px rgba(50,110,160,0.045)}.wind-card::before{content:"";position:absolute;width:47px;height:47px;border-radius:50%;border:1px solid rgba(160,205,235,0.16);box-shadow:inset 0 0 8px rgba(90,150,190,0.05);pointer-events:none}.compass-cardinal{position:absolute;z-index:3;font-size:6.5px;font-weight:800;color:rgba(220,238,250,0.72);line-height:1;text-shadow:0 1px 3px rgba(0,0,0,0.7);pointer-events:none}.compass-n{top:4px;left:50%;transform:translateX(-50%);color:#ff9f0a}.compass-e{right:5px;top:50%;transform:translateY(-50%)}.compass-s{bottom:4px;left:50%;transform:translateX(-50%)}.compass-w{left:5px;top:50%;transform:translateY(-50%)}.compass-center-cap{position:absolute;z-index:4;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5dc 0%,#ffb340 45%,#ff7b00 100%);box-shadow:0 0 6px rgba(255,159,10,0.46);pointer-events:none}.wind-svg-track{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.72;z-index:1}.compass-pointer{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;transition:transform 1s cubic-bezier(0.4,0,0.2,1);z-index:2;pointer-events:none}.pointer-arrow{position:relative;width:2px;height:26px;margin-top:7px;border-radius:2px;background:linear-gradient(to bottom,#ffb340 0%,#ff8a00 38%,rgba(255,120,0,0.18) 100%);box-shadow:0 0 5px rgba(255,159,10,0.32)}.pointer-arrow::before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-bottom:6px solid #ffc15a;filter:drop-shadow(0 0 2px rgba(255,159,10,0.35))}.compass-center-text{position:absolute;z-index:5;font-size:11px;font-weight:800;color:#ffffff;letter-spacing:0.5px;text-shadow:0 1px 4px rgba(0,0,0,0.82);transform:translateY(10px)}.circle-label{font-size:10px;font-weight:700;letter-spacing:0.8px;color:var(--text-muted);margin-top:6px;text-align:center}.wind-speed-text{font-size:11px;font-weight:700;margin-top:2px;text-align:center;color:#ffffff}.wind-speed-text span.sublabel{color:var(--text-muted);font-weight:500}.daily-stat-line{font-size:8.5px;color:var(--text-muted);margin-top:4px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-0.1px}.daily-temp-stat{min-width:0;display:grid;grid-template-rows:auto auto auto;justify-items:center;line-height:1.05}.daily-temp-label{font-size:7.4px;color:#73737a;font-weight:600;margin-bottom:1px}.daily-temp-time{display:block;font-size:7px;color:#6f6f75;opacity:.72;margin-top:1px;font-weight:500 !important;white-space:nowrap}.zero-isotherm-box{width:100%;margin-top:-3px;margin-bottom:10px;padding:7px 10px;border:1px solid rgba(90,200,250,0.22);border-radius:11px;background:rgba(65,155,210,0.055);text-align:center;line-height:1.25}.zero-isotherm-main{font-size:9.4px;font-weight:700;color:#bfe8ff;font-variant-numeric:tabular-nums}.zero-isotherm-detail{margin-top:2px;font-size:7.8px;color:#737b84;font-variant-numeric:tabular-nums}#detailView{display:none;min-height:100vh;width:100%;color:#f5f5f7;background:#000000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#detailView.active{display:block}#liveView.hidden{display:none !important}:root{--bg:#000000;--card:#14141b;--card2:#1a1a22;--border:#2b2b35;--muted:#8e8e93;--text:#f5f5f7;--orange:#ff9f0a;--blue:#5ac8fa;--cyan:#64d2ff;--green:#30d158;--purple:#bf5af2;--red:#ff6b5f;--soft:#24242d}*{box-sizing:border-box}html{scroll-behavior:smooth}#detailView{margin:0;min-height:100vh;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#000000;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}a{color:inherit}#detailView .page{width:min(1120px,calc(100% - 24px));margin:0 auto;padding:14px 0 28px}#detailView .topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:10px}#detailView .back-link{height:36px;padding:0 11px;border-radius:11px;border:1px solid var(--border);background:rgba(24,24,31,.88);color:#e9e9ec;text-decoration:none;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700}#detailView .page-title{text-align:center;min-width:0}#detailView .page-title h1{margin:0;font-size:18px;line-height:1.1;letter-spacing:-.35px}#detailView .page-title p{margin:3px 0 0;color:var(--muted);font-size:9.5px}#detailView .data-status{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9.5px;white-space:nowrap}#detailView .detail-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}#detailView .detail-forecast-jump{height:32px;border:1px solid rgba(90,200,250,.16);border-radius:10px;background:rgba(90,200,250,.065);color:#dff7ff;padding:0 9px;cursor:pointer;font-size:8.8px;font-weight:800;white-space:nowrap}#detailView .detail-forecast-jump:hover{border-color:rgba(90,200,250,.28);background:rgba(90,200,250,.10)}#detailView .status-dot{width:8px;height:8px;border-radius:50%;background:#626269;box-shadow:0 0 0 transparent;transition:.25s ease}#detailView .status-dot.ok{background:var(--green);box-shadow:0 0 9px rgba(48,209,88,.55)}#detailView .status-dot.loading{background:var(--orange);box-shadow:0 0 9px rgba(255,159,10,.45);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.5;transform:scale(.88)}}#detailView .toolbar-card,#detailView .card{background:linear-gradient(180deg,rgba(24,24,31,.94),rgba(18,18,24,.94));border:1px solid var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 10px 30px rgba(0,0,0,.09)}#detailView .toolbar-card{border-radius:16px;padding:6px;margin-bottom:10px}#detailView .station-switcher{display:grid;grid-template-columns:1fr 1fr;gap:5px}#detailView .station-btn{border:0;background:transparent;color:var(--muted);border-radius:11px;padding:8px 8px;cursor:pointer;font-size:10.5px;font-weight:700;line-height:1.22}#detailView .station-btn span{display:block;margin-top:2px;font-size:8.7px;font-weight:600;opacity:.75}#detailView .station-btn.active{color:#fff;background:#2a2a34;box-shadow:0 2px 9px rgba(0,0,0,.3)}#detailView .station-btn.active span{color:var(--orange);opacity:1}#detailView .quick-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 1px 9px}#detailView .section-heading h2{margin:0;font-size:15px;letter-spacing:-.25px}#detailView .section-heading p{margin:3px 0 0;color:var(--muted);font-size:9.5px}#detailView .segmented{display:flex;gap:3px;padding:3px;border-radius:11px;background:#15151c;border:1px solid #24242d}#detailView .seg-btn{min-width:45px;padding:6px 8px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;font-size:9.5px;font-weight:700}#detailView .seg-btn.active{color:#fff;background:#30303a}#detailView .summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:9px}#detailView .summary-item{min-width:0;border:1px solid #272730;background:rgba(22,22,29,.9);border-radius:13px;padding:9px 10px}#detailView .summary-label{color:var(--muted);font-size:8.7px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}#detailView .summary-value{margin-top:4px;font-size:15px;font-weight:800;letter-spacing:-.25px;font-variant-numeric:tabular-nums}#detailView .summary-note{margin-top:2px;color:#77777e;font-size:8.2px}#detailView .charts{display:grid;grid-template-columns:1fr 1fr;gap:9px}#detailView .card{border-radius:17px;padding:11px 12px 10px;min-width:0}#detailView .card.wide{grid-column:1/-1}#detailView .card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:5px}#detailView .card-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}#detailView .expand-chart-btn{width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.095);border-radius:9px;background:#202028;color:#b8b8bf;cursor:pointer;font-size:14px;font-weight:700;line-height:1;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}#detailView .expand-chart-btn:hover{color:#fff;background:#2b2b35;border-color:rgba(100,210,255,.24);transform:translateY(-1px)}#detailView .expand-chart-btn:focus-visible,#detailView .expanded-close-btn:focus-visible{outline:2px solid rgba(100,210,255,.78);outline-offset:2px}#detailView .card-title.expandable-title{cursor:pointer;border-radius:8px}#detailView .card-title.expandable-title:hover h3{color:#fff}#expandedChartModal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(3,3,7,.78);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}#expandedChartModal.open{display:flex;animation:expandedFade .16s ease-out}@keyframes expandedFade{from{opacity:0}to{opacity:1}}#expandedChartModal .expanded-panel{width:min(1040px,94vw);max-height:calc(100vh - 36px);overflow:auto;border:1px solid #34343f;border-radius:20px;background:linear-gradient(180deg,#17171f,#111117);box-shadow:0 24px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.025);padding:14px 15px 13px;animation:expandedRise .18s ease-out}@keyframes expandedRise{from{transform:translateY(6px) scale(.992);opacity:.9}to{transform:translateY(0) scale(1);opacity:1}}#expandedChartModal .expanded-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}#expandedChartModal .expanded-title-wrap{display:flex;align-items:center;gap:9px;min-width:0}#expandedChartModal .expanded-icon{width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:#202029;font-size:17px}#expandedChartModal .expanded-title{margin:0;font-size:15px;letter-spacing:-.2px}#expandedChartModal .expanded-subtitle{margin:3px 0 0;color:#85858d;font-size:9px}#expandedChartModal .expanded-actions{display:flex;align-items:center;gap:7px}#expandedChartModal .expanded-close-btn{height:32px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#23232c;color:#e4e4e8;padding:0 10px;cursor:pointer;font-size:9px;font-weight:800}#expandedChartModal .expanded-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;min-height:30px}#expandedChartModal .expanded-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#9a9aa2;font-size:8.8px;font-weight:700}#expandedChartModal .expanded-legend span{display:flex;align-items:center;gap:4px}#expandedChartModal .expanded-legend i{display:inline-block;width:10px;height:3px;border-radius:999px}#expandedChartModal .expanded-range{display:flex;gap:3px;padding:3px;border-radius:10px;background:#111118;border:1px solid #25252e}#expandedChartModal .expanded-range button{min-width:46px;height:27px;border:0;border-radius:7px;background:transparent;color:#85858e;cursor:pointer;font-size:8.8px;font-weight:800}#expandedChartModal .expanded-range button.active{background:#30303a;color:#fff}#expandedChartModal .expanded-control-right{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}#expandedChartModal .expanded-date-control{height:35px;display:flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #25252e;border-radius:10px;background:#111118;color:#8e8e97;font-size:8.3px;font-weight:800;white-space:nowrap}#expandedChartModal .expanded-date-control input{width:116px;height:27px;border:0;outline:0;border-radius:7px;background:#202029;color:#ededf0;padding:0 6px;font-size:8.5px;font-weight:750;color-scheme:dark}#expandedChartModal .expanded-date-control.loading{opacity:.58;pointer-events:none}#expandedChartModal .expanded-chart-wrap{position:relative;width:100%;height:440px;overflow:hidden;border-radius:13px;border:1px solid #25252e;background:rgba(13,13,18,.58)}#expandedChartModal .expanded-chart-wrap .chart-svg{width:100%;height:100%;display:block;touch-action:none}#expandedChartModal .expanded-chart-wrap .chart-tooltip{position:absolute;left:0;top:0;min-width:120px;pointer-events:none;transform:translate(-50%,-105%);background:rgba(9,9,14,.97);border:1px solid #383844;border-radius:9px;padding:6px 8px;font-size:9px;line-height:1.45;color:#eee;box-shadow:0 8px 24px rgba(0,0,0,.34);opacity:0;transition:opacity .08s ease;z-index:4}#expandedChartModal .expanded-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}#expandedChartModal .expanded-stat{min-width:0;border:1px solid #262630;background:#17171e;border-radius:10px;padding:6px 8px}#expandedChartModal .expanded-stat span{display:block;color:#727279;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}#expandedChartModal .expanded-stat strong{display:block;margin-top:2px;color:#ededf0;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#expandedChartModal .expanded-foot{display:flex;justify-content:space-between;gap:10px;color:#696970;font-size:8px;padding:7px 2px 0}body.chart-modal-open{overflow:hidden !important}#detailView .card-title{display:flex;align-items:center;gap:7px;min-width:0}#detailView .card-icon{width:25px;height:25px;border-radius:8px;background:#202029;display:grid;place-items:center;font-size:13px;flex:0 0 auto}#detailView .card-icon.pressure-icon{background:#202029}#detailView .card-icon.pressure-icon svg{width:21px;height:21px;display:block}#detailView .card-title h3{margin:0;font-size:11.5px;letter-spacing:-.1px}#detailView .card-title p{margin:2px 0 0;color:var(--muted);font-size:8.5px}#detailView .legend{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;color:var(--muted);font-size:8.2px;font-weight:700}#detailView .legend span{display:flex;align-items:center;gap:4px}#detailView .legend i{width:8px;height:3px;border-radius:999px;display:inline-block}#detailView .chart-wrap{height:205px;position:relative;width:100%;overflow:hidden}#detailView .chart-svg{width:100%;height:100%;display:block;touch-action:none;overflow:visible}#detailView .chart-tooltip{position:absolute;left:0;top:0;min-width:116px;pointer-events:none;transform:translate(-50%,-105%);background:rgba(12,12,17,.95);border:1px solid #353541;border-radius:9px;padding:6px 7px;font-size:8.5px;line-height:1.45;color:#eee;box-shadow:0 8px 22px rgba(0,0,0,.28);opacity:0;transition:opacity .08s ease;z-index:5}#detailView .chart-tooltip strong{display:block;color:#fff;font-size:9px;margin-bottom:2px}#detailView .chart-empty{height:100%;display:grid;place-items:center;color:#6f6f76;font-size:9.5px}#detailView .micro-note{margin-top:4px;color:#7d7d84;font-size:8.4px;line-height:1.45}#detailView .load-compare-btn{border:1px solid rgba(90,200,250,.18);background:rgba(90,200,250,.07);color:#dff7ff;border-radius:9px;padding:6px 9px;cursor:pointer;font-size:8.8px;font-weight:700}#detailView .compare-meta{color:var(--muted);font-size:8.7px;margin-top:4px;min-height:12px}#detailView .history-section{margin-top:14px}#detailView .history-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0}#detailView .date-box{display:flex;align-items:center;gap:5px;margin-left:auto}#detailView .date-input{height:31px;color:#ececef;color-scheme:dark;border:1px solid #2d2d37;border-radius:9px;background:#15151c;padding:0 8px;font-size:9px}#detailView .go-btn{height:31px;border:1px solid rgba(90,200,250,.2);border-radius:9px;background:rgba(90,200,250,.08);padding:0 9px;cursor:pointer;font-size:9px;font-weight:800}#detailView .history-table{border:1px solid #26262f;border-radius:14px;overflow:hidden;background:rgba(18,18,24,.74)}#detailView .history-head,#detailView .history-row{display:grid;grid-template-columns:1.25fr .85fr .85fr 1.15fr 1.15fr .9fr .9fr 24px;gap:5px;align-items:center;padding:8px 9px}#detailView .history-head{color:#77777f;font-size:8.2px;font-weight:800;text-transform:uppercase;letter-spacing:.35px;background:#15151c;border-bottom:1px solid #25252e}#detailView .history-row{width:100%;border:0;border-bottom:1px solid #22222a;background:transparent;color:#ededf0;cursor:pointer;text-align:left;font-size:9.1px;font-weight:700;font-variant-numeric:tabular-nums}#detailView .history-row:last-child{border-bottom:0}#detailView .history-row:hover{background:rgba(255,255,255,.025)}#detailView .history-row .date{font-weight:800}#detailView .history-row .sub{color:#85858c;font-size:7.8px;margin-top:1px;font-weight:700}#detailView .history-row .arrow{color:var(--cyan);font-size:14px;text-align:right}#detailView .history-colored-value{font-weight:850;text-shadow:0 0 8px rgba(255,255,255,.025)}#detailView .history-range-sep{color:#6f6f76;font-weight:700}#detailView .history-loading{padding:18px 12px;color:#77777f;text-align:center;font-size:9px}#detailView .day-detail{display:none;margin-top:9px}#detailView .day-detail.open{display:block}#detailView .day-detail-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}#detailView .day-detail-title h3{margin:0;font-size:13px}#detailView .day-detail-title p{margin:3px 0 0;color:var(--muted);font-size:8.5px}#detailView .resolution-badge{border:1px solid #2e2e38;background:#202028;border-radius:999px;padding:4px 7px;color:#a7a7ad;font-size:7.8px;font-weight:700;white-space:nowrap}#detailView .day-detail-actions{display:flex;align-items:center;gap:6px}#detailView .close-day-btn{border:1px solid rgba(255,255,255,.10);background:#202028;color:#d7d7dc;border-radius:999px;padding:4px 8px;font-size:8.2px;font-weight:800;cursor:pointer}#detailView .close-day-btn:hover{background:#2a2a33}#detailView .day-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:8px}#detailView .day-chip{padding:7px 7px;border:1px solid #25252e;border-radius:10px;background:#17171e}#detailView .day-chip span{display:block;color:#77777f;font-size:7px;font-weight:800;text-transform:uppercase}#detailView .day-chip strong{display:block;margin-top:3px;font-size:9.7px;font-variant-numeric:tabular-nums}#detailView .metric-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-bottom:7px}#detailView .metric-tabs::-webkit-scrollbar{display:none}#detailView .metric-tab{flex:0 0 auto;border:1px solid #282832;background:#17171e;color:#8d8d94;border-radius:9px;padding:6px 8px;cursor:pointer;font-size:8.3px;font-weight:800}#detailView .metric-tab.active{color:#fff;background:#30303a;border-color:#3a3a45}#detailView .footer-note{color:#66666d;text-align:center;font-size:8px;line-height:1.5;padding:14px 4px 0}#detailView .error-box{display:none;margin-bottom:9px;padding:9px 10px;border-radius:11px;border:1px solid rgba(255,69,58,.2);background:rgba(255,69,58,.07);color:#ffb4ae;font-size:8.8px}#detailView .error-box.show{display:block}#detailView{animation:pageIn .18s ease-out}@keyframes pageIn{from{opacity:.94;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){#detailView .page{width:min(100% - 14px,480px);padding-top:9px}#detailView .topbar{grid-template-columns:auto 1fr;gap:8px}#detailView .detail-top-actions{grid-column:1/-1;justify-content:center;flex-wrap:wrap;margin-top:-2px}#detailView .data-status{justify-content:center}#detailView .detail-forecast-jump{height:30px;font-size:8.4px}#detailView .page-title h1{font-size:15px}#detailView .back-link{height:33px;padding:0 9px;font-size:9.5px}#detailView .quick-row{align-items:flex-end}#detailView .summary-grid{grid-template-columns:repeat(3,1fr);gap:5px}#detailView .summary-item:nth-child(4),#detailView .summary-item:nth-child(5){grid-column:span 1}#detailView .summary-value{font-size:13px}#detailView .charts{grid-template-columns:1fr;gap:7px}#detailView .card{padding:10px 9px 9px;border-radius:15px}#detailView .card.wide{grid-column:auto}#detailView .chart-wrap{height:190px}#detailView .legend{font-size:7.7px}#detailView .history-controls{gap:5px}#detailView .date-box{width:100%;margin-left:0}#detailView .date-input{flex:1}#detailView .history-head{display:none}#detailView .history-row{grid-template-columns:1fr 1fr 22px;gap:7px 9px;padding:9px 10px}#detailView .history-row .cell{position:relative;padding-top:10px}#detailView .history-row .cell::before{content:attr(data-label);position:absolute;top:0;left:0;color:#696970;font-size:7.1px;font-weight:900;text-transform:uppercase}#detailView .history-row .date-cell{grid-column:1/3;grid-row:1;padding-top:0}#detailView .history-row .date-cell::before{display:none}#detailView .history-row .cell:nth-child(2){grid-column:1;grid-row:2}#detailView .history-row .cell:nth-child(3){grid-column:2;grid-row:2}#detailView .history-row .cell:nth-child(4){grid-column:1;grid-row:3}#detailView .history-row .cell:nth-child(5){grid-column:2;grid-row:3}#detailView .history-row .cell:nth-child(6){grid-column:1;grid-row:4}#detailView .history-row .cell:nth-child(7){grid-column:2;grid-row:4}#detailView .history-row .arrow{grid-column:3;grid-row:1}#detailView .day-summary{grid-template-columns:repeat(3,1fr)}#detailView .day-detail-top{align-items:center}#detailView .expand-chart-btn{width:31px;height:31px;font-size:15px}#expandedChartModal{padding:7px;align-items:center}#expandedChartModal .expanded-panel{width:100%;max-height:calc(100vh - 14px);border-radius:16px;padding:11px 9px 10px}#expandedChartModal .expanded-chart-wrap{height:285px}#expandedChartModal .expanded-title{font-size:13px}#expandedChartModal .expanded-subtitle{font-size:8.3px}#expandedChartModal .expanded-icon{width:31px;height:31px;font-size:15px}#expandedChartModal .expanded-controls{align-items:flex-start;flex-direction:column;gap:6px}#expandedChartModal .expanded-control-right{width:100%;justify-content:stretch}#expandedChartModal .expanded-range{width:100%}#expandedChartModal .expanded-range button{flex:1}#expandedChartModal .expanded-date-control{width:100%;justify-content:space-between}#expandedChartModal .expanded-date-control input{flex:1;width:auto;min-width:0}#expandedChartModal .expanded-stats{gap:4px}#expandedChartModal .expanded-stat{padding:6px 6px}#expandedChartModal .expanded-stat strong{font-size:9.3px}#expandedChartModal .expanded-foot{flex-direction:column;gap:2px}}.live-nav-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 9px}.live-nav-grid .detail-page-link{margin:0;min-width:0;min-height:36px;padding:0 8px;overflow:hidden;font-size:9.8px;justify-content:space-between;gap:4px}.live-nav-grid .detail-link-left{min-width:0;width:100%;justify-content:center;gap:5px;white-space:nowrap;overflow:hidden}.live-nav-grid .detail-link-left>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-nav-grid .live-nav-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1.05;overflow:hidden}.live-nav-grid .live-nav-text>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-nav-grid .live-nav-text small{display:block;max-width:100%;margin-top:2px;color:#77777f;font-size:6.4px;font-weight:650;letter-spacing:-.05px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-nav-grid .detail-link-arrow{flex:0 0 auto;font-size:13px}.live-nav-grid .detail-link-left{min-width:0;gap:6px}.live-nav-grid .detail-link-left>span:last-child{min-width:0;white-space:nowrap}.forecast-page-link{border-color:rgba(255,159,10,.17)}.forecast-page-link:hover{border-color:rgba(255,159,10,.32)}.forecast-page-link .detail-link-arrow{color:#ffb340}#forecastView{display:none;min-height:100vh;width:100%;color:#f5f5f7;background:#000000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#forecastView.active{display:block}#forecastView *{box-sizing:border-box}#forecastView button{font:inherit;color:inherit}#forecastView .forecast-page{width:min(1120px,calc(100% - 24px));margin:0 auto;padding:14px 0 30px}#forecastView .forecast-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:10px}#forecastView .forecast-back{height:36px;padding:0 11px;border-radius:11px;border:1px solid #2b2b35;background:rgba(24,24,31,.9);color:#e9e9ec;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:750;cursor:pointer}#forecastView .forecast-heading{min-width:0;text-align:center}#forecastView .forecast-heading h1{margin:0;font-size:18px;line-height:1.1;letter-spacing:-.35px}#forecastView .forecast-heading p{margin:3px 0 0;color:#8e8e93;font-size:9.5px}#forecastView .forecast-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}#forecastView .forecast-status{display:flex;align-items:center;gap:6px;color:#8e8e93;font-size:9px;white-space:nowrap}#forecastView .forecast-detail-jump{height:36px;padding:0 10px;border-radius:11px;border:1px solid rgba(90,200,250,.24);background:rgba(24,24,31,.9);color:#e9f9ff;display:flex;align-items:center;gap:5px;font-size:9.5px;font-weight:800;cursor:pointer;white-space:nowrap}#forecastView .forecast-detail-jump:hover{border-color:rgba(90,200,250,.42);background:rgba(32,32,41,.96)}#forecastView .forecast-status-dot{width:8px;height:8px;border-radius:50%;background:#626269}#forecastView .forecast-status-dot.loading{background:#ff9f0a;box-shadow:0 0 8px rgba(255,159,10,.42);animation:forecastPulse 1.45s ease-in-out infinite}#forecastView .forecast-status-dot.ok{background:#30d158;box-shadow:0 0 8px rgba(48,209,88,.45)}#forecastView .forecast-status-dot.warn{background:#ffd60a;box-shadow:0 0 8px rgba(255,214,10,.35)}@keyframes forecastPulse{50%{opacity:.5;transform:scale(.86)}}@media (prefers-reduced-motion:reduce){#forecastView *,#forecastRadarModal *,#forecastMgmRainModal *,#forecastWindyModal *{scroll-behavior:auto !important;animation:none !important;transition:none !important}}#forecastView .forecast-toolbar,#forecastView .forecast-card{background:linear-gradient(180deg,rgba(24,24,31,.95),rgba(18,18,24,.95));border:1px solid #2b2b35;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 10px 30px rgba(0,0,0,.08)}#forecastView .forecast-toolbar{border-radius:16px;padding:6px;margin-bottom:9px}#forecastView .forecast-stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}#forecastView .forecast-station-btn{border:0;background:transparent;color:#8e8e93;border-radius:11px;padding:8px;cursor:pointer;font-size:10.5px;font-weight:750;line-height:1.2}#forecastView .forecast-station-btn span{display:block;margin-top:2px;color:#75757d;font-size:8.6px;font-weight:650}#forecastView .forecast-station-btn.active{background:#2a2a34;color:#fff;box-shadow:0 2px 9px rgba(0,0,0,.3)}#forecastView .forecast-station-btn.active span{color:#ff9f0a}#forecastView .forecast-local-note{display:flex;align-items:center;justify-content:center;min-height:24px;margin:0 1px 9px;padding:5px 9px;color:#898990;background:rgba(28,28,36,.52);border:1px solid rgba(44,44,53,.48);border-radius:9px;text-align:center;font-size:8.6px;line-height:1.35}#forecastView .forecast-alert{display:none;margin-bottom:9px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,159,10,.18);background:rgba(255,159,10,.075);color:#ffd7a0;font-size:9px;font-weight:700;line-height:1.4}#forecastView .forecast-alert.show{display:block}#forecastView .forecast-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:10px 1px 7px}#forecastView .forecast-section-head h2{margin:0;font-size:14.5px;letter-spacing:-.25px}#forecastView .forecast-section-head p{margin:3px 0 0;color:#828289;font-size:8.8px}#forecastView .forecast-updated{color:#6f6f76;font-size:8px;text-align:right}#forecastView .forecast-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:10px}#forecastView .forecast-day{min-width:0;border:1px solid #292932;border-radius:15px;background:linear-gradient(180deg,#18181f,#14141b);padding:9px 8px 8px;cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}#forecastView .forecast-day:hover{transform:translateY(-1px);border-color:#3a3a45}#forecastView .forecast-day.active{border-color:rgba(100,210,255,.34);background:linear-gradient(180deg,#1d1d25,#17171f);box-shadow:0 0 0 1px rgba(100,210,255,.055)}#forecastView .forecast-day-top{display:flex;align-items:flex-start;justify-content:space-between;gap:5px}#forecastView .forecast-day-name{font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.2px}#forecastView .forecast-day-date{margin-top:2px;color:#75757c;font-size:7.6px;font-weight:700}#forecastView .forecast-agreement-dot{width:7px;height:7px;border-radius:50%;margin-top:2px;flex:0 0 auto}#forecastView .forecast-weather-icon{width:66px;height:52px;margin:6px auto 2px;display:grid;place-items:center}#forecastView .forecast-weather-icon svg{width:66px;height:52px;display:block;overflow:visible;filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))}#forecastView .forecast-condition{min-height:24px;color:#dedee3;text-align:center;font-size:8.4px;line-height:1.25;font-weight:750}#forecastView .forecast-temps{margin-top:3px;display:flex;justify-content:center;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}#forecastView .forecast-high{font-size:18px;font-weight:850;letter-spacing:-.4px}#forecastView .forecast-low{font-size:12px;font-weight:800}#forecastView .forecast-day-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:7px}#forecastView .forecast-mini{min-width:0;padding:5px 4px;border-radius:8px;background:#111117;border:1px solid #22222a;text-align:center}#forecastView .forecast-mini span{display:block;color:#696970;font-size:6.8px;font-weight:800;text-transform:uppercase}#forecastView .forecast-mini strong{display:flex;align-items:center;justify-content:center;min-height:17px;margin-top:2px;padding:0 1px;font-size:8px;line-height:1.05;font-weight:850;white-space:nowrap;overflow:visible;text-overflow:clip;font-variant-numeric:tabular-nums}#forecastView .forecast-level-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}#forecastView .forecast-level-pair>div{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding:5px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.025)}#forecastView .forecast-level-pair span{color:#808994;font-size:7.2px;font-weight:820;white-space:nowrap}#forecastView .forecast-level-pair strong{font-size:8.8px;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}#forecastView .forecast-snow-box{margin-top:6px;padding:7px 7px 6px;border:1px solid rgba(90,200,250,.16);border-radius:9px;background:rgba(90,200,250,.035)}#forecastView .forecast-snow-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:flex-start;text-align:center}#forecastView .forecast-snow-row>div{min-width:0}#forecastView .forecast-snow-row span{color:#858e99;font-size:7.2px;font-weight:760}#forecastView .forecast-snow-row strong{display:block;margin-top:2px;color:#f0faff;font-size:9px;font-weight:900}#forecastView .forecast-snow-local{margin-top:5px;padding-top:5px;border-top:1px solid rgba(255,255,255,.06);color:#68d7ff;font-size:7.2px;line-height:1.35;font-weight:850}#forecastView .forecast-public-note{margin-top:6px;color:#aab3bd;font-size:7.5px;line-height:1.38;font-weight:730}#forecastView .forecast-hour-rain small{display:block;margin-top:2px;color:#a9eaff;font-size:6.8px;line-height:1.15;font-weight:850}#forecastView .forecast-model-line{min-height:18px;margin-top:5px;color:#727279;text-align:center;font-size:6.9px;line-height:1.25;font-weight:700;overflow-wrap:anywhere}#forecastView .forecast-card{border-radius:17px;padding:11px 12px;margin-bottom:9px}#forecastView .forecast-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}#forecastView .forecast-title-wrap{display:flex;align-items:center;gap:8px;min-width:0}#forecastView .forecast-card-icon{width:28px;height:28px;border-radius:9px;background:#202029;display:grid;place-items:center;flex:0 0 auto;font-size:14px}#forecastView .forecast-card h3{margin:0;font-size:12px;letter-spacing:-.15px}#forecastView .forecast-card-head p{margin:2px 0 0;color:#808087;font-size:8.4px}#forecastView .forecast-empty{width:100%;padding:14px 12px;border:1px dashed #2e2e37;border-radius:12px;color:#73737c;font-size:8px;font-weight:650;text-align:center;background:#15151b}#forecastView .forecast-hour-strip{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;scroll-snap-type:x proximity}#forecastView .forecast-hour-strip::-webkit-scrollbar{display:none}#forecastView .forecast-hour{flex:0 0 78px;scroll-snap-align:start;border:1px solid #272730;border-radius:12px;background:#15151c;padding:7px 5px 6px;cursor:pointer;text-align:center}#forecastView .forecast-hour.active{background:#262630;border-color:rgba(100,210,255,.3)}#forecastView .forecast-hour-time{color:#8e8e95;font-size:8px;font-weight:850}#forecastView .forecast-hour .forecast-weather-icon{width:45px;height:35px;margin:3px auto 1px}#forecastView .forecast-hour .forecast-weather-icon svg{width:45px;height:35px}#forecastView .forecast-hour-temp{font-size:11px;font-weight:850}#forecastView .forecast-hour-rain{margin-top:2px;font-size:7.4px;font-weight:750;color:#77777e}#forecastView .forecast-chart-wrap{height:190px;width:100%;overflow:hidden;position:relative;border:1px solid #25252e;border-radius:13px;background:rgba(13,13,18,.52)}#forecastView #forecastDayChart{width:100%;height:100%;display:block;cursor:crosshair;touch-action:pan-y}#forecastView .forecast-chart-tooltip{position:absolute;z-index:3;left:50%;top:10px;transform:translateX(-50%) translateY(-4px);min-width:104px;max-width:180px;padding:6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(17,17,23,.94);color:#f2f2f5;box-shadow:0 8px 24px rgba(0,0,0,.28);pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;text-align:center;font-size:8px;line-height:1.35;font-variant-numeric:tabular-nums;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#forecastView .forecast-chart-tooltip.show{opacity:1;transform:translateX(-50%) translateY(0)}#forecastView .forecast-chart-tooltip strong{display:block;font-size:9px;color:#fff}#forecastView .forecast-chart-tooltip span{color:#a7a7af}#forecastView .forecast-chart-legend{display:flex;gap:10px;align-items:center;color:#77777f;font-size:7.8px;font-weight:750}#forecastView .forecast-chart-legend span{display:flex;align-items:center;gap:4px}#forecastView .forecast-chart-legend i{width:9px;height:3px;border-radius:999px;display:inline-block}#forecastView .forecast-now-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}#forecastView .forecast-value{min-width:0;border:1px solid #26262f;border-radius:11px;background:#16161d;padding:7px 7px}#forecastView .forecast-value span{display:block;color:#717178;font-size:7.6px;font-weight:850;text-transform:uppercase;letter-spacing:.25px}#forecastView .forecast-value strong{display:block;margin-top:3px;font-size:11.6px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}#forecastView .forecast-value small{display:block;min-height:10px;margin-top:2px;color:#777780;font-size:7.4px;line-height:1.32}#forecastView .forecast-model-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 8px;margin-bottom:6px;border:1px solid #26262f;border-radius:11px;background:#15151c}#forecastView .forecast-model-badges{display:flex;gap:5px;flex-wrap:wrap}#forecastView .forecast-model-badge{padding:4px 6px;border-radius:999px;border:1px solid #30303a;background:#202028;color:#a8a8ae;font-size:7.4px;font-weight:850}#forecastView .forecast-model-badge.ok{color:#dff8e6;border-color:rgba(48,209,88,.18)}#forecastView .forecast-model-badge.off{color:#797980;opacity:.65}#forecastView .forecast-agreement{min-width:0;color:#d9d9de;font-size:8.6px;font-weight:800}#forecastView .forecast-model-toggle{border:1px solid rgba(90,200,250,.16);border-radius:9px;background:rgba(90,200,250,.06);color:#d9f6ff;padding:5px 8px;cursor:pointer;font-size:7.8px;font-weight:800}#forecastView .forecast-model-table{display:none;overflow:hidden;border:1px solid #272730;border-radius:11px}#forecastView .forecast-model-table.open{display:block}#forecastView .forecast-model-row{display:grid;grid-template-columns:1.1fr .9fr .78fr .78fr .72fr .72fr;gap:6px;padding:7px 8px;align-items:center;border-bottom:1px solid #22222a;font-size:8px;font-variant-numeric:tabular-nums}#forecastView .forecast-model-row:last-child{border-bottom:0}#forecastView .forecast-model-row.head{background:#15151c;color:#6f6f76;font-size:7px;font-weight:850;text-transform:uppercase}#forecastView .forecast-model-row strong{font-weight:850}#forecastView .forecast-radar{display:grid;grid-template-columns:1fr;gap:9px;align-items:center}#forecastView .forecast-radar-frame{position:relative;width:100%;max-width:920px;margin:0 auto;min-height:260px;display:grid;place-items:center;overflow:hidden;border:1px solid #2b2b35;border-radius:14px;background:#0f0f14;cursor:zoom-in}#forecastView .forecast-radar-frame img{width:100%;max-height:480px;object-fit:contain;display:block}#forecastView .forecast-radar-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#6f6f76;font-size:8.8px;text-align:center;padding:20px}#forecastView .forecast-radar-side{width:100%;max-width:920px;margin:0 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}#forecastView .forecast-radar-side h4{margin:0;font-size:11px}#forecastView .forecast-radar-side p{margin:5px 0 0;color:#77777f;font-size:8.2px;line-height:1.5}#forecastView .forecast-radar-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:0}#forecastView .forecast-radar-btn{border:1px solid #30303a;border-radius:9px;background:#202028;color:#d8d8dd;padding:6px 8px;cursor:pointer;font-size:8px;font-weight:800;text-decoration:none}#forecastView .forecast-radar-meta{margin-top:8px;color:#696970;font-size:7.4px;line-height:1.45}#forecastView .forecast-radar-play-btn.is-playing{border-color:rgba(48,209,88,.48);color:#baf6c9;background:rgba(48,209,88,.10)}#forecastView .forecast-radar-speed{border:1px solid #30303a;border-radius:9px;background:#202028;color:#d8d8dd;padding:6px 8px;font-size:8px;font-weight:800;outline:none;color-scheme:dark}#forecastView .forecast-radar-speed:focus{border-color:#4b8fff}#forecastView .forecast-mgm-rain-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:8px}#forecastView .forecast-mgm-rain-tabs button{border:1px solid #2d2d36;border-radius:9px;background:#181820;color:#818189;min-height:29px;cursor:pointer;font-size:7.8px;font-weight:800}#forecastView .forecast-mgm-rain-tabs button.active{background:#262630;border-color:rgba(90,200,250,.28);color:#fff}#forecastView .forecast-mgm-rain-frame{position:relative;min-height:230px;display:grid;place-items:center;overflow:hidden;border:1px solid #2b2b35;border-radius:14px;background:#0f0f14;cursor:zoom-in}#forecastView .forecast-mgm-rain-frame img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block}#forecastView .forecast-mgm-rain-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#6f6f76;font-size:8.8px;text-align:center;padding:20px}#forecastView .forecast-mgm-rain-meta{margin-top:7px;color:#696970;font-size:7.4px;font-weight:650;text-align:right}#forecastRadarModal,#forecastMgmRainModal,#forecastWindyModal{position:fixed;inset:0;z-index:10020;display:none;align-items:center;justify-content:center;padding:12px;background:rgba(3,3,7,.84);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#forecastRadarModal.open,#forecastMgmRainModal.open,#forecastWindyModal.open{display:flex}#forecastRadarModal .forecast-radar-modal-panel,#forecastMgmRainModal .forecast-radar-modal-panel,#forecastWindyModal .forecast-windy-modal-panel{position:relative;width:min(1040px,96vw);max-height:94vh;overflow:auto;padding:10px;border:1px solid #34343f;border-radius:18px;background:#111117}#forecastRadarModal img,#forecastMgmRainModal img{width:100%;height:auto;display:block;border-radius:12px}#forecastRadarModal .forecast-radar-modal-close,#forecastMgmRainModal .forecast-radar-modal-panel>button{position:absolute;right:16px;top:16px;z-index:4;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(15,15,20,.92);color:#fff;padding:6px 9px;cursor:pointer;font-size:8px;font-weight:850}#forecastRadarModal .forecast-radar-modal-controls{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-height:40px;padding:5px 66px 7px 5px;background:linear-gradient(180deg,rgba(17,17,23,.98),rgba(17,17,23,.88),rgba(17,17,23,0));border-radius:12px}#forecastRadarModal .forecast-radar-modal-controls button,#forecastRadarModal .forecast-radar-modal-controls select{position:static;border:1px solid #383844;border-radius:9px;background:#202028;color:#e9e9ed;padding:7px 9px;cursor:pointer;font-size:8px;font-weight:850;outline:none;color-scheme:dark}#forecastRadarModal .forecast-radar-modal-controls button.is-playing{border-color:rgba(48,209,88,.48);color:#baf6c9;background:rgba(48,209,88,.10)}#forecastRadarModal .forecast-radar-modal-controls span{margin-left:auto;color:#8e8e93;font-size:7.8px;font-weight:750;white-space:nowrap}#forecastRadarModal .forecast-radar-modal-image-wrap{width:100%;max-height:calc(94vh - 62px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y;border-radius:12px;background:#08080c}#forecastRadarModal .forecast-radar-modal-image-wrap img{width:100%;max-width:none;height:auto;max-height:none;object-fit:contain;cursor:grab;transition:width .18s ease}#forecastRadarModal .forecast-radar-modal-image-wrap img:active{cursor:grabbing}#forecastWindyModal .forecast-windy-modal-panel{width:min(1180px,97vw);max-height:94vh;overflow:hidden;padding:10px}#forecastWindyModal .forecast-windy-modal-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 9px}#forecastWindyModal .forecast-windy-modal-title{min-width:0}#forecastWindyModal .forecast-windy-modal-title strong{display:block;color:#f2f2f5;font-size:11px;line-height:1.25}#forecastWindyModal .forecast-windy-modal-title span{display:block;margin-top:3px;color:#77777f;font-size:7.8px;font-weight:650}#forecastWindyModal .forecast-windy-close{flex:0 0 auto;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#202028;color:#fff;min-height:34px;padding:6px 10px;cursor:pointer;font-size:8px;font-weight:850}#forecastWindyModal .forecast-windy-frame-wrap{position:relative;width:100%;height:min(72vh,720px);min-height:420px;overflow:hidden;border:1px solid #2d2d37;border-radius:13px;background:#0b0b10}#forecastWindyModal .forecast-windy-frame{width:100%;height:100%;display:block;border:0;background:#0b0b10}#forecastWindyModal .forecast-windy-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:20px;background:#0b0b10;color:#77777f;text-align:center;font-size:8.6px;pointer-events:none}#forecastWindyModal .forecast-windy-note{padding:8px 4px 1px;color:#696970;font-size:7.5px;line-height:1.45}#forecastView .forecast-error{display:none;margin-bottom:9px;padding:9px 10px;border-radius:11px;border:1px solid rgba(255,69,58,.2);background:rgba(255,69,58,.07);color:#ffb4ae;font-size:8.8px;line-height:1.4}#forecastView .forecast-error.show{display:block}#forecastView .forecast-footer{color:#626269;text-align:center;font-size:7.7px;line-height:1.5;padding:7px 4px 0}#forecastView .forecast-footer a{color:#7f7f87;text-decoration:none}#forecastView .forecast-attribution{display:block;margin-top:3px;color:#55555c;font-size:6.7px;font-weight:600}@media (max-width:760px){.live-nav-grid{gap:5px}.live-nav-grid .detail-page-link{min-height:37px;padding:0 6px;font-size:9px}.live-nav-grid .detail-link-sub{display:none}.live-nav-grid .detail-link-icon{font-size:12.5px}.live-nav-grid .detail-link-left{gap:4px}.live-nav-grid .live-nav-text small{font-size:6.0px}#forecastView .forecast-page{width:min(100% - 14px,480px);padding-top:9px}#forecastView .forecast-topbar{grid-template-columns:auto 1fr;gap:8px}#forecastView .forecast-top-actions{grid-column:1/-1;justify-content:center;gap:7px;margin-top:-2px}#forecastView .forecast-status{justify-content:center;margin-top:0}#forecastView .forecast-detail-jump{height:31px;padding:0 9px;font-size:8.7px}#forecastView .forecast-heading h1{font-size:15px}#forecastView .forecast-back{height:33px;padding:0 9px;font-size:9.5px}#forecastView .forecast-days{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px;scroll-snap-type:x proximity;padding-bottom:3px}#forecastView .forecast-days::-webkit-scrollbar{display:none}#forecastView .forecast-day{flex:0 0 152px;scroll-snap-align:start}#forecastView .forecast-weather-icon{width:61px;height:48px}#forecastView .forecast-weather-icon svg{width:61px;height:48px}#forecastView .forecast-card{padding:10px 9px}#forecastView .forecast-now-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#forecastView .forecast-chart-wrap{height:180px}#forecastView .forecast-model-summary{grid-template-columns:1fr auto}#forecastView .forecast-model-badges{grid-column:1/-1}#forecastView .forecast-model-row{grid-template-columns:1.05fr .9fr .78fr .72fr .72fr}#forecastView .forecast-model-row>:nth-child(4){display:none}#forecastView .forecast-radar{grid-template-columns:1fr}#forecastView .forecast-radar-frame{min-height:220px;max-width:100%}#forecastView .forecast-radar-side{display:block;max-width:100%}#forecastView .forecast-radar-actions{margin-top:8px}#forecastRadarModal,#forecastMgmRainModal,#forecastWindyModal{padding:6px}#forecastRadarModal .forecast-radar-modal-panel,#forecastMgmRainModal .forecast-radar-modal-panel{width:100%;border-radius:14px;padding:6px}#forecastRadarModal .forecast-radar-modal-controls{padding:5px 56px 6px 3px;gap:5px}#forecastRadarModal .forecast-radar-modal-controls button,#forecastRadarModal .forecast-radar-modal-controls select{padding:7px 7px;font-size:7.6px}#forecastRadarModal .forecast-radar-modal-controls span{display:none}#forecastRadarModal .forecast-radar-modal-image-wrap img{max-height:calc(96vh - 58px)}#forecastWindyModal .forecast-windy-modal-panel{width:100%;border-radius:14px;padding:6px}#forecastWindyModal .forecast-windy-frame-wrap{height:68vh;min-height:350px;border-radius:11px}#forecastView .forecast-mgm-rain-frame{min-height:190px}}.live-forecast-notice{display:none;width:100%;margin:0 0 10px;padding:9px 12px;border:1px solid rgba(255,159,10,.22);border-radius:12px;background:linear-gradient(180deg,rgba(255,159,10,.085),rgba(255,159,10,.045));color:#ffe0b3;text-align:left;cursor:pointer;font-size:9.5px;font-weight:750;line-height:1.35}.live-forecast-notice.show{display:block}.live-forecast-notice strong{color:#fff}.live-desktop-layout{display:contents}.live-primary-column,.live-secondary-column{display:contents}.live-atmos-strip{width:100%;min-height:34px;margin:-4px 0 12px;padding:7px 10px;border:1px solid rgba(100,210,255,.13);border-radius:12px;background:rgba(20,20,26,.78);display:flex;align-items:center;justify-content:center;gap:7px;color:#85858d;font-size:8.2px;font-weight:700}.live-atmos-strip strong{color:#dff7ff;font-size:11px;font-variant-numeric:tabular-nums}.live-atmos-strip small{color:#62626a;font-size:7.2px;font-weight:650;transition:color .2s ease}.live-atmos-strip{flex-wrap:wrap}.air-quality-card{width:100%;margin-top:12px;min-height:58px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border-radius:16px;background:var(--card-bg);border:1px solid var(--card-border)}.air-quality-dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 10px color-mix(in srgb,currentColor 52%,transparent)}.air-quality-main{min-width:0}.air-quality-title{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.air-quality-title span{color:#929299;font-size:9px;font-weight:750}.air-quality-title strong{font-size:10px;font-weight:850}.air-quality-values{margin-top:3px;color:#c8c8ce;font-size:8.5px;font-weight:700;font-variant-numeric:tabular-nums}.air-quality-note{margin-top:2px;color:#606068;font-size:6.9px;font-weight:650}.air-quality-aqi{text-align:right;font-variant-numeric:tabular-nums}.air-quality-aqi strong{display:block;font-size:17px;line-height:1;font-weight:900}.air-quality-aqi span{display:block;margin-top:2px;color:#67676f;font-size:6.5px;font-weight:750}#forecastProfileModal{position:fixed;inset:0;z-index:10030;display:none;align-items:center;justify-content:center;padding:12px;background:rgba(0,0,3,.90);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}#forecastProfileModal.open{display:flex}#forecastProfileModal .profile-panel{width:min(1120px,97vw);max-height:95vh;overflow:auto;padding:12px;border:1px solid #34343f;border-radius:19px;background:#101015;box-shadow:0 26px 80px rgba(0,0,0,.46)}#forecastProfileModal .profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}#forecastProfileModal .profile-head h3{margin:0;color:#f5f5f7;font-size:15px;font-weight:900}#forecastProfileModal .profile-head p{margin:4px 0 0;color:#85858e;font-size:9.5px;font-weight:650;line-height:1.45}#forecastProfileModal .profile-close{flex:0 0 auto;min-height:34px;padding:6px 11px;border-radius:9px;border:1px solid #34343f;background:#1b1b22;color:#fff;font-size:9px;font-weight:850;cursor:pointer}#forecastProfileModal .profile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:9px}#forecastProfileModal .profile-models{display:flex;gap:5px;flex-wrap:wrap}#forecastProfileModal .profile-model-btn{min-height:31px;padding:5px 10px;border:1px solid #303039;border-radius:9px;background:#17171e;color:#92929b;font-size:9px;font-weight:850;cursor:pointer}#forecastProfileModal .profile-model-btn.active{color:#fff;border-color:rgba(90,200,250,.35);background:rgba(90,200,250,.10)}#forecastProfileModal .profile-time{color:#96969e;font-size:9px;font-weight:700;font-variant-numeric:tabular-nums}#forecastProfileModal .profile-status{padding:8px 10px;margin-bottom:9px;border-radius:10px;border:1px solid #292932;background:#14141a;color:#92929a;font-size:9px;font-weight:700}#forecastProfileModal .profile-status.error{color:#ff8d86;border-color:rgba(255,69,58,.25);background:rgba(255,69,58,.06)}#forecastProfileModal .profile-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr);gap:10px;align-items:stretch}#forecastProfileModal .profile-chart-card,#forecastProfileModal .profile-side-card{border:1px solid #292932;border-radius:14px;background:#0d0d12}#forecastProfileModal .profile-chart-card{position:relative;min-height:500px;padding:7px;overflow:hidden}#forecastProfileModal #forecastProfileSvg{width:100%;height:500px;display:block;touch-action:none;cursor:crosshair}#forecastProfileModal .profile-tooltip{position:absolute;z-index:3;display:none;min-width:165px;max-width:240px;padding:7px 8px;border:1px solid #3a3a46;border-radius:9px;background:rgba(15,15,21,.96);box-shadow:0 8px 24px rgba(0,0,0,.28);pointer-events:none;color:#f4f4f6;font-size:9px;line-height:1.5;font-variant-numeric:tabular-nums}#forecastProfileModal .profile-tooltip.show{display:block}#forecastProfileModal .profile-tooltip strong{display:block;font-size:10px;margin-bottom:3px}#forecastProfileModal .profile-side-card{padding:10px;display:flex;flex-direction:column;gap:8px}#forecastProfileModal .profile-summary-title{color:#f2f2f5;font-size:11px;font-weight:900}#forecastProfileModal .profile-chips{display:grid;grid-template-columns:1fr 1fr;gap:6px}#forecastProfileModal .profile-chip{padding:7px;border:1px solid #292932;border-radius:10px;background:#14141a;min-width:0}#forecastProfileModal .profile-chip span{display:block;color:#777780;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.25px}#forecastProfileModal .profile-chip strong{display:block;margin-top:3px;color:#ededf1;font-size:9.5px;font-weight:850;line-height:1.3}#forecastProfileModal .profile-interpretation{padding:9px;border:1px solid rgba(90,200,250,.16);border-radius:11px;background:rgba(90,200,250,.055)}#forecastProfileModal .profile-interpretation strong{display:block;color:#dff7ff;font-size:10.5px;font-weight:900;margin-bottom:5px}#forecastProfileModal .profile-interpretation p{margin:0;color:#abb0b7;font-size:9.2px;font-weight:650;line-height:1.58}#forecastProfileModal .profile-detail-note{margin-top:auto;color:#707078;font-size:7.7px;line-height:1.5;font-weight:650}#forecastProfileModal .profile-legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#85858d;font-size:7.8px;font-weight:700}#forecastProfileModal .profile-legend i{display:inline-block;width:12px;height:3px;border-radius:999px;margin-right:4px;vertical-align:middle}#forecastView .profile-open-btn{flex:0 0 auto;min-height:32px;padding:5px 10px;border:1px solid rgba(90,200,250,.22);border-radius:9px;background:rgba(90,200,250,.065);color:#cbeeff;font-size:8.6px;font-weight:850;cursor:pointer}#forecastView .profile-open-btn:hover{background:rgba(90,200,250,.10)}#forecastView .profile-feature-cta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(90,200,250,.25);border-radius:13px;background:linear-gradient(135deg,rgba(90,200,250,.095),rgba(100,210,255,.025) 55%,rgba(191,90,242,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}#forecastView .profile-feature-copy{display:flex;align-items:center;gap:10px;min-width:0}#forecastView .profile-feature-icon{width:35px;height:35px;flex:0 0 35px;border-radius:11px;display:grid;place-items:center;background:rgba(90,200,250,.10);border:1px solid rgba(90,200,250,.20);font-size:17px}#forecastView .profile-feature-copy strong{display:block;color:#edfaff;font-size:10.5px;font-weight:900;letter-spacing:.05px}#forecastView .profile-feature-copy span{display:block;margin-top:3px;color:#858d94;font-size:8.2px;font-weight:700;line-height:1.35}#forecastView .profile-feature-btn{flex:0 0 auto;min-height:34px;padding:7px 12px;border-radius:10px;border:1px solid rgba(90,200,250,.30);background:rgba(90,200,250,.11);color:#dff7ff;font-size:8.7px;font-weight:900;cursor:pointer}#forecastView .profile-feature-btn:hover{background:rgba(90,200,250,.17)}@media (max-width:700px){#forecastProfileModal{padding:7px;align-items:flex-end}#forecastProfileModal .profile-panel{width:100%;max-height:94vh;border-radius:18px 18px 10px 10px;padding:9px}#forecastProfileModal .profile-layout{grid-template-columns:1fr}#forecastProfileModal .profile-chart-card{min-height:420px}#forecastProfileModal #forecastProfileSvg{height:420px}#forecastProfileModal .profile-side-card{padding:9px}#forecastProfileModal .profile-chips{grid-template-columns:repeat(2,minmax(0,1fr))}#forecastView .profile-feature-cta{align-items:stretch;gap:8px;padding:9px}#forecastView .profile-feature-copy{align-items:flex-start}#forecastView .profile-feature-icon{width:31px;height:31px;flex-basis:31px;font-size:15px}#forecastView .profile-feature-copy strong{font-size:9.5px}#forecastView .profile-feature-copy span{font-size:7.6px}#forecastView .profile-feature-btn{min-height:31px;padding:6px 9px;font-size:8px}.air-quality-card{grid-template-columns:auto 1fr auto;padding:9px 10px}}#forecastView .forecast-selected-alert{display:none;margin:0 0 8px;padding:7px 9px;border:1px solid rgba(255,159,10,.15);border-radius:10px;background:rgba(255,159,10,.055);color:#d8bd96;font-size:8px;line-height:1.4;font-weight:700}#forecastView .forecast-selected-alert.show{display:block}#forecastView .forecast-headline-alert{border-color:rgba(255,159,10,.25);background:linear-gradient(90deg,rgba(255,159,10,.10),rgba(255,159,10,.045))}#forecastView .forecast-risk-line{min-height:16px;margin-top:5px;color:#a5a5ad;text-align:center;font-size:6.9px;line-height:1.25;font-weight:750}#forecastView .forecast-risk-line.hot{color:#ffb340}#forecastView .forecast-trend-line{margin-top:3px;color:#74747c;text-align:center;font-size:6.6px;font-weight:700;line-height:1.25}@media (min-width:760px) and (max-width:999px){#liveView .container{max-width:760px;width:calc(100% - 28px)}#detailView .page,#forecastView .forecast-page{width:min(920px,calc(100% - 28px))}#forecastView .forecast-days{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}}@media (min-width:1000px){body{padding:18px 20px 30px;align-items:flex-start}#liveView{width:100%}#liveView .container{width:min(1320px,100%);max-width:none;margin:0 auto;align-items:stretch}#liveView .station-switcher{max-width:none;min-height:48px;border-radius:16px;padding:4px}#liveView .switch-btn{font-size:12px;padding:9px 8px}#liveView .switch-btn span.alt-tag{font-size:9.5px}#liveView .live-nav-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}#liveView .live-nav-grid .detail-page-link{min-height:46px;font-size:11.5px;padding:0 14px;border-radius:14px}#liveView .live-nav-grid .live-nav-text small{font-size:8px}#liveView .delta-bar{min-height:34px;font-size:10.5px;border-radius:10px;margin-bottom:10px}#liveView .header{margin-bottom:12px}#liveView .station-title{font-size:23px;letter-spacing:-.55px}#liveView .station-time{font-size:11.5px}#liveView .icon-left{width:38px;height:38px;font-size:25px;top:-3px}#liveView .live-dot{width:11px;height:11px;right:4px;top:7px}#liveView .live-desktop-layout{width:100%;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(620px,1.48fr);gap:16px;align-items:start}#liveView .live-primary-column,#liveView .live-secondary-column{display:flex;flex-direction:column;min-width:0}#liveView .gauge-wrapper{height:338px;margin-bottom:12px;border-radius:26px}#liveView .gauge-svg{width:360px;height:285px;top:14px}#liveView .gauge-center-data{top:96px}#liveView .temp-display{font-size:54px}#liveView .temp-unit{font-size:21px}#liveView .gauge-limits{width:285px;bottom:24px;font-size:12px}#liveView .sun-cycle-card{min-height:46px;padding:9px 15px;border-radius:15px;margin-bottom:10px}#liveView .sun-item,#liveView .sun-item strong{font-size:11.5px}#liveView .live-atmos-strip{min-height:40px;margin:0 0 10px;font-size:9px}#liveView .live-atmos-strip strong{font-size:12px}#liveView .dashboard-grid{grid-template-columns:1.45fr .85fr;gap:12px}#liveView .list-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}#liveView .metric-card{min-height:112px;padding:16px 17px;border-radius:20px}#liveView .metric-card svg{width:26px;height:26px}#liveView .metric-title{font-size:11px}#liveView .metric-value{font-size:18px}#liveView .metric-subval{font-size:10.5px}#liveView .circle-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}#liveView .circle-box{min-height:230px;justify-content:center;border-radius:20px;padding:15px}#liveView .circle-card-inner{width:92px;height:92px}#liveView .humidity-visual{width:67px;height:67px}#liveView .humidity-val{font-size:22px}#liveView .wind-svg-track{width:92px;height:92px}#liveView .air-quality-card{min-height:66px;padding:11px 14px;border-radius:18px}#liveView .air-quality-title span{font-size:10px}#liveView .air-quality-title strong{font-size:11px}#liveView .air-quality-values{font-size:9.4px}#liveView .air-quality-aqi strong{font-size:20px}#liveView .monthly-records-card{margin-top:12px !important;padding:14px 16px;border-radius:18px}#liveView .monthly-records-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding-left:0}#liveView .monthly-records-title{font-size:10.5px;transform:none}#liveView .monthly-record-value{font-size:13.5px}#detailView .page{width:min(1320px,calc(100% - 32px));padding-top:18px}#detailView .page-title h1{font-size:22px}#detailView .summary-grid{gap:10px}#detailView .summary-item{padding:12px 13px;border-radius:15px}#detailView .summary-value{font-size:18px}#detailView .charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#detailView .card{padding:14px 15px 12px;border-radius:19px}#detailView .chart-wrap{height:255px}#detailView .card.wide .chart-wrap{height:290px}#expandedChartModal .expanded-panel{width:min(1240px,96vw)}#expandedChartModal .expanded-chart-wrap{height:min(62vh,600px)}#forecastView .forecast-page{width:min(1320px,calc(100% - 32px));padding-top:18px}#forecastView .forecast-heading h1{font-size:22px}#forecastView .forecast-heading p{font-size:10.5px}#forecastView .forecast-toolbar{padding:7px;border-radius:18px}#forecastView .forecast-stations{grid-template-columns:repeat(4,minmax(0,1fr))}#forecastView .forecast-station-btn{min-height:47px;font-size:11.5px}#forecastView .forecast-days{gap:10px;margin-bottom:13px}#forecastView .forecast-day{padding:12px 11px 11px;border-radius:18px;min-height:236px}#forecastView .forecast-day-name{font-size:10.5px}#forecastView .forecast-day-date{font-size:8.2px}#forecastView .forecast-weather-icon{width:72px;height:58px}#forecastView .forecast-weather-icon svg{width:72px;height:58px}#forecastView .forecast-condition{font-size:9.2px;min-height:28px}#forecastView .forecast-high{font-size:21px}#forecastView .forecast-low{font-size:13.5px}#forecastView .forecast-mini{padding:6px 4px}#forecastView .forecast-mini span{font-size:7.1px}#forecastView .forecast-mini strong{font-size:8.6px}#forecastView .forecast-card{padding:14px 15px;border-radius:19px;margin-bottom:12px}#forecastView .forecast-hour{flex-basis:92px;padding:9px 6px}#forecastView .forecast-chart-wrap{height:260px}#forecastView .forecast-now-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}#forecastView .forecast-value{padding:10px;border-radius:13px}#forecastView .forecast-value strong{font-size:12px}#forecastView .forecast-model-row{font-size:9px;padding:9px 10px}#forecastView .forecast-radar-frame{min-height:400px}#forecastView .forecast-mgm-rain-frame{min-height:340px}}@media (min-width:1500px){#liveView .container,#detailView .page,#forecastView .forecast-page{width:min(1440px,calc(100% - 42px))}#liveView .live-desktop-layout{grid-template-columns:410px 1fr;gap:18px}}#forecastView .forecast-page{font-weight:500}#forecastView .forecast-heading h1,#forecastView .forecast-day-name,#forecastView .forecast-condition,#forecastView .forecast-hour-time,#forecastView .forecast-value strong,#forecastView .forecast-radar-side h4{font-weight:850}#forecastView .forecast-section-head p,#forecastView .forecast-day-date,#forecastView .forecast-mini span,#forecastView .forecast-value span,#forecastView .forecast-value small,#forecastView .forecast-hour-rain,#forecastView .forecast-model-line,#forecastView .forecast-radar-meta,#forecastView .forecast-footer{font-weight:650}
/* V1.3 FINAL: stabilized scenarios + 3h local/upper + live alerts + lightning + MGM 7-day */
#detailView .status-dot.warn{background:#ff9f0a;box-shadow:0 0 9px rgba(255,159,10,.5)}
#detailView .status-dot.offline{background:#ff453a;box-shadow:0 0 9px rgba(255,69,58,.55)}
.live-forecast-notice{position:relative;text-align:center;transition:opacity .25s ease,transform .25s ease}.live-forecast-notice.show{animation:v13NoticeIn .28s ease}.live-forecast-notice.hiding{opacity:0;transform:translateY(-4px)}@keyframes v13NoticeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.forecast-wstat-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:8px 0 2px}.forecast-wstat-controls button{border:1px solid rgba(100,210,255,.22);background:rgba(25,25,32,.88);color:#d9f4ff;border-radius:9px;padding:6px 8px;font-size:8.5px;font-weight:800;cursor:pointer}.forecast-wstat-controls button.active{border-color:rgba(100,210,255,.62);background:rgba(70,170,220,.18);color:#fff}.forecast-extreme-line{margin-top:4px;text-align:center;color:#ffc36b;font-size:8.1px;font-weight:760;line-height:1.35}.forecast-extreme-line small{display:block;color:#8f8f98;font-size:7.5px;font-weight:680;margin-top:2px}.forecast-snow-extreme{margin-top:5px;text-align:center;color:#d8ecff;font-size:7.9px;font-weight:780;line-height:1.35}.forecast-snow-extreme small{display:block;color:#8f9aa5;font-size:7.3px;font-weight:680;margin-top:2px}

/* V1.4.3 • rekorlarda istasyon kesintisi / sahte 0 koruması */
.monthly-records-head{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:6px;margin-bottom:7px}.monthly-records-head .monthly-records-title{margin:0!important;transform:none!important;min-width:0}.month-record-nav{width:30px;height:28px;border-radius:9px;border:1px solid rgba(255,255,255,.10);background:rgba(36,36,45,.72);color:#d7d7dc;font-size:18px;font-weight:750;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.month-record-nav:hover:not(:disabled){background:rgba(52,52,62,.9);border-color:rgba(100,210,255,.28);color:#64d2ff}.month-record-nav:disabled{opacity:.24;cursor:default}.monthly-records-card.records-loading .monthly-record-value{opacity:.58}.compare-metric-tabs{display:flex;align-items:center;justify-content:flex-start;gap:5px;margin:7px 0 6px;overflow-x:auto;scrollbar-width:none}.compare-metric-tabs::-webkit-scrollbar{display:none}.compare-metric-btn{appearance:none;border:1px solid rgba(255,255,255,.09);background:rgba(28,28,36,.72);color:#8e8e93;border-radius:9px;padding:5px 10px;font-size:9.2px;font-weight:750;line-height:1.1;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.compare-metric-btn.active{background:rgba(90,200,250,.12);border-color:rgba(90,200,250,.30);color:#eaf8ff}.compare-metric-btn:hover{border-color:rgba(90,200,250,.24);color:#d9f3ff}
@media(max-width:560px){.monthly-records-head{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}.month-record-nav{width:28px;height:27px;border-radius:8px;font-size:17px}.monthly-records-head .monthly-records-title{font-size:9.6px!important;letter-spacing:.35px}.compare-metric-tabs{margin-top:6px;gap:4px}.compare-metric-btn{font-size:8.8px;padding:5px 9px}.card.wide .compare-metric-tabs{max-width:100%}}

/* ===== V1.5 • canlı olay sürekliliği / 3-istasyon mobil düzen ===== */
#liveView .live-station-switcher{gap:3px}
#liveView .live-station-switcher .switch-btn{min-width:0;padding:8px 2px;font-size:10px;letter-spacing:-.08px}
#liveView .live-station-switcher .switch-btn .alt-tag{font-size:8.2px;white-space:nowrap}
#liveView .live-forecast-notice.persistent-day{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 0 1px rgba(255,255,255,.015)}
#liveView .live-forecast-notice.persistent-day::after{content:"GÜN İÇİ AKTİF";display:block;margin-top:3px;font-size:7.5px;letter-spacing:.7px;color:#777780;font-weight:800}
#liveView .mgm-live-source-note{font-size:8px;color:#64d2ff;font-weight:750;letter-spacing:.2px}
#liveView .live-dot.status-delayed{background-color:#ffd60a;box-shadow:0 0 10px rgba(255,214,10,.82)}
#liveView .mgm-history-note{color:#8e8e93;font-weight:700}
@media(max-width:390px){#liveView .live-station-switcher .switch-btn{font-size:9.4px}#liveView .live-station-switcher .switch-btn .alt-tag{font-size:7.8px}}
/* ===== /V1.5 ===== */


/* ============================================================
   V1.6.7 — 4 İSTASYON SICAKLIK KARŞILAŞTIRMASI
   Mobil: bottom sheet • Desktop: sağ drawer
   ============================================================ */
.live-compare-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin-bottom:10px}
.live-compare-row .delta-bar{margin-bottom:0;min-width:0}
.station-compare-trigger{appearance:none;min-width:98px;min-height:100%;padding:0 11px;border:1px solid rgba(255,190,10,.28);border-radius:10px;background:linear-gradient(180deg,rgba(34,34,42,.92),rgba(23,23,29,.90));color:#f5f5f7;font-size:9.8px;font-weight:800;letter-spacing:.05px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.station-compare-trigger:hover{transform:translateY(-1px);border-color:rgba(255,214,10,.48);background:linear-gradient(180deg,rgba(42,42,51,.98),rgba(28,28,35,.96))}
.station-compare-trigger:active{transform:translateY(0) scale(.985)}
.station-compare-trigger .station-compare-trigger-icon{font-size:13px;line-height:1;color:#ffd60a}
body.station-compare-open{overflow:hidden}
#stationCompareOverlay{position:fixed;inset:0;z-index:9000;display:flex;justify-content:flex-end;align-items:stretch;background:rgba(0,0,0,.48);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s ease}
#stationCompareOverlay.open{opacity:1;pointer-events:auto}
.station-compare-panel{width:min(430px,94vw);height:100%;background:linear-gradient(180deg,#17171e 0%,#101015 100%);border-left:1px solid rgba(255,255,255,.10);box-shadow:-22px 0 55px rgba(0,0,0,.52);padding:18px 16px max(18px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;transform:translateX(104%);transition:transform .28s cubic-bezier(.22,.8,.24,1);touch-action:pan-y;color:#f7f7fa}
#stationCompareOverlay.open .station-compare-panel{transform:translateX(0)}
.station-compare-handle{display:none;width:48px;height:5px;border:0;border-radius:999px;background:#5a5a63;margin:0 auto 11px;opacity:.72;touch-action:none}
.station-compare-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.station-compare-title{min-width:0}
.station-compare-title h2{font-size:18px;line-height:1.15;font-weight:850;letter-spacing:-.35px;margin:0;color:#fff}
.station-compare-title p{font-size:10px;color:#8d8d96;font-weight:650;margin-top:4px}
.station-compare-head-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.station-compare-fresh{min-height:27px;padding:0 8px;border-radius:999px;border:1px solid rgba(48,209,88,.20);background:rgba(48,209,88,.075);color:#63dd7d;display:flex;align-items:center;font-size:8.4px;font-weight:800;white-space:nowrap}
.station-compare-icon-btn{appearance:none;width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:#23232b;color:#d9d9de;font-size:15px;font-weight:850;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.station-compare-icon-btn:hover{background:#2d2d36;border-color:rgba(255,255,255,.18)}
.station-compare-icon-btn:active{transform:scale(.96)}
.station-compare-icon-btn.loading{animation:stationCompareSpin .8s linear infinite}
@keyframes stationCompareSpin{to{transform:rotate(360deg)}}
.station-compare-summary{display:grid;grid-template-columns:1fr .72fr 1fr;gap:0;margin:4px 0 14px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden}
.station-compare-summary>div{min-height:76px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}
.station-compare-summary>div+div:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:1px;background:rgba(255,255,255,.08)}
.station-compare-summary span{font-size:8.5px;color:#85858f;font-weight:750}
.station-compare-summary strong{font-size:14px;font-weight:850;margin-top:3px;white-space:nowrap}
.station-compare-summary b{font-size:21px;line-height:1;font-weight:900;margin-top:2px;letter-spacing:-.5px}
.station-compare-summary .cold span,.station-compare-summary .cold strong{color:#75cfff}
.station-compare-summary .hot span,.station-compare-summary .hot strong{color:#ff8a58}
.station-compare-summary.empty{display:none}
.station-compare-list{display:flex;flex-direction:column;gap:7px}
.station-compare-row-item{appearance:none;width:100%;min-height:68px;padding:9px 10px;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:linear-gradient(180deg,rgba(34,34,42,.82),rgba(25,25,32,.82));color:#fff;display:grid;grid-template-columns:7px 27px minmax(0,1fr) 76px 70px;gap:8px;align-items:center;text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.station-compare-row-item:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(41,41,50,.92),rgba(29,29,37,.92))}
.station-compare-row-item:active{transform:translateY(0) scale(.994)}
.station-compare-row-item.is-active{border-color:rgba(255,214,10,.24);box-shadow:inset 0 0 0 1px rgba(255,214,10,.035)}
.station-compare-colorbar{align-self:stretch;width:5px;border-radius:999px;background:#555;box-shadow:0 0 10px color-mix(in srgb,currentColor 32%,transparent)}
.station-compare-rank{font-size:14px;font-weight:900;text-align:center;color:#b8b8c0}
.station-compare-main{min-width:0}
.station-compare-name-line{display:flex;align-items:center;gap:5px;min-width:0}
.station-compare-name{font-size:12.2px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.station-compare-active-tag{padding:1px 5px;border-radius:999px;background:rgba(255,214,10,.10);color:#ffd60a;font-size:6.8px;font-weight:850;white-space:nowrap}
.station-compare-meta{margin-top:3px;color:#85858f;font-size:8.5px;font-weight:650;white-space:nowrap}
.station-compare-time{text-align:right;min-width:0;font-variant-numeric:tabular-nums}
.station-compare-time strong{display:block;color:#b8b8bf;font-size:9.7px;font-weight:750}
.station-compare-time small{display:block;margin-top:2px;color:#707078;font-size:7.8px;font-weight:700;white-space:nowrap}
.station-compare-time small.delayed{color:#ffd60a}.station-compare-time small.stale{color:#ff9f0a}.station-compare-time small.offline{color:#ff6b63}
.station-compare-temp{text-align:right;font-size:23px;font-weight:900;letter-spacing:-.6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.station-compare-row-item.no-temp .station-compare-temp{color:#72727a!important}
.station-compare-row-item.no-temp .station-compare-colorbar{background:#555!important;box-shadow:none}
.station-compare-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:0 2px;color:#74747c;font-size:8.4px;font-weight:650}
.station-compare-foot .hint{max-width:70%;line-height:1.35}.station-compare-foot .updated{white-space:nowrap;font-variant-numeric:tabular-nums}
.station-compare-loading{min-height:215px;display:grid;place-items:center;color:#85858f;font-size:10px;font-weight:700;text-align:center;padding:28px}
.station-compare-loading span{display:block;margin-top:7px;font-size:8.5px;color:#5f5f67;font-weight:650}
@media(max-width:759px){
  /* Mobil polish: gradyan + 4 İstasyon, üstteki nav kartlarıyla aynı zarif kalınlıkta. */
  .live-compare-row{min-height:38px;align-items:stretch}
  .live-compare-row .delta-bar{min-height:38px;padding:4px 7px;margin-bottom:0;line-height:1.18;gap:1px}
  .station-compare-trigger{position:relative;min-width:96px;min-height:38px;height:38px;padding:0 9px;font-size:9.3px;border-radius:9px;display:grid;place-items:center}
  .station-compare-trigger .station-compare-trigger-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px}
  .station-compare-trigger>span:last-child{display:block;width:100%;text-align:center}
  #stationCompareOverlay{justify-content:stretch;align-items:flex-end;background:rgba(0,0,0,.42);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
  .station-compare-panel{width:100%;height:auto;max-height:min(72dvh,620px);border-left:0;border-top:1px solid rgba(255,255,255,.12);border-radius:25px 25px 0 0;box-shadow:0 -22px 52px rgba(0,0,0,.55);padding:8px 13px max(13px,env(safe-area-inset-bottom));transform:translateY(104%)}
  #stationCompareOverlay.open .station-compare-panel{transform:translateY(0)}
  .station-compare-handle{display:block}
  .station-compare-title h2{font-size:16px}.station-compare-title p{font-size:9px}
  .station-compare-head{margin-bottom:10px}
  .station-compare-summary{margin-bottom:10px;border-radius:14px}
  .station-compare-summary>div{min-height:66px;padding:8px 5px}.station-compare-summary span{font-size:7.8px}.station-compare-summary strong{font-size:12px}.station-compare-summary b{font-size:18px}
  .station-compare-row-item{min-height:60px;padding:7px 8px;border-radius:13px;grid-template-columns:5px 23px minmax(0,1fr) 62px 62px;gap:6px}
  .station-compare-rank{font-size:12px}.station-compare-name{font-size:11px}.station-compare-meta{font-size:7.7px}.station-compare-time strong{font-size:8.8px}.station-compare-time small{font-size:7px}.station-compare-temp{font-size:20px}
  .station-compare-fresh{min-height:25px;font-size:7.6px}.station-compare-icon-btn{width:28px;height:28px;border-radius:9px;font-size:14px}
  .station-compare-foot{font-size:7.6px;margin-top:10px}
}
@media(max-width:350px){
  .live-compare-row{gap:6px}.station-compare-trigger{min-width:88px;padding:0 7px;font-size:8.6px}.station-compare-trigger .station-compare-trigger-icon{font-size:11px}
  .station-compare-row-item{grid-template-columns:4px 20px minmax(0,1fr) 55px 57px;gap:5px}.station-compare-name{font-size:10.4px}.station-compare-temp{font-size:18px}.station-compare-time strong{font-size:8px}
}
@media(min-width:1000px){
  #liveView .live-compare-row{gap:10px;margin-bottom:10px}
  #liveView .live-compare-row .delta-bar{margin-bottom:0}
  #liveView .station-compare-trigger{min-width:128px;min-height:34px;font-size:10.5px;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){#stationCompareOverlay,.station-compare-panel,.station-compare-row-item,.station-compare-trigger{transition:none!important}.station-compare-icon-btn.loading{animation:none!important}}

/* ============================================================
   V1.7.0 — MICROCLIMATE & STATION HUB / SAMSUN STATION MAP
   Additive responsive layer. Keep the established V1.6.7 visual language.
   ============================================================ */
/* Live navigation: two primary cards + a compact map entry. */
#liveView .live-nav-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:9px}
#liveView .live-nav-grid .detail-page-link{margin-bottom:0;min-width:0}
#liveView .station-map-page-link{border-color:rgba(100,210,255,.18);background:linear-gradient(180deg,rgba(29,38,47,.82),rgba(20,27,34,.80))}
#liveView .station-map-page-link .detail-link-icon{filter:drop-shadow(0 0 5px rgba(100,210,255,.22))}

/* Five station switcher remains one clean row. */
#liveView .station-switcher{overflow:hidden}
#liveView .station-switcher .switch-btn{min-width:0}

/* Mobile gradient/5-station row: identical visual height without text sag. */
@media(max-width:759px){
  #liveView .live-nav-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-bottom:7px}
  #liveView .station-map-page-link{grid-column:1/-1;width:min(244px,82%);justify-self:center;min-height:38px;height:38px;padding:0 11px;border-radius:999px;font-size:9.4px}
  #liveView .station-map-page-link .detail-link-arrow{display:none}
  #liveView .station-map-page-link .detail-link-left{width:100%;justify-content:center;gap:6px}
  #liveView .station-map-page-link .live-nav-text{display:flex;align-items:center}
  #liveView .station-map-page-link .live-nav-text small{display:none!important}
  #liveView .station-switcher{gap:2px;padding:3px}
  #liveView .station-switcher .switch-btn{font-size:8.7px;padding:7px 1px;letter-spacing:-.15px}
  #liveView .station-switcher .switch-btn span.alt-tag{font-size:7.15px;letter-spacing:-.2px;white-space:nowrap}
  #liveView .live-compare-row{height:38px;min-height:38px;max-height:38px}
  #liveView .live-compare-row .delta-bar{height:38px;min-height:38px;max-height:38px;overflow:hidden;align-content:center}
  #liveView .live-compare-row .delta-bar>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.14}
  #liveView .station-compare-trigger{height:38px;min-height:38px;max-height:38px}
}
@media(max-width:350px){
  #liveView .station-switcher .switch-btn{font-size:8.15px;padding-left:0;padding-right:0}
  #liveView .station-switcher .switch-btn span.alt-tag{font-size:6.7px}
  #liveView .station-map-page-link{width:min(232px,84%);font-size:9px}
}
@media(min-width:760px){
  #liveView .live-nav-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:stretch}
  #liveView .station-map-page-link{width:auto;min-width:196px;padding-left:13px;padding-right:12px}
}
@media(min-width:1000px){
  #liveView .live-nav-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,.54fr)!important;gap:9px;margin-bottom:10px}
  #liveView .station-map-page-link{min-width:0}
}

/* Station Hub controls */
.station-hub-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin:0 0 8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.station-hub-tabs button,.station-hub-periods button,.station-hub-actions button,.station-hub-pair-periods button,.station-map-history-tabs button{appearance:none;border:1px solid transparent;background:transparent;color:#8d8d96;border-radius:9px;font:inherit;font-size:9px;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.station-hub-tabs button{min-height:32px}
.station-hub-tabs button.active{background:#2b2b34;border-color:rgba(255,255,255,.10);color:#fff}
.station-hub-periods{min-height:31px;display:flex;align-items:center;gap:5px;margin:0 0 7px;overflow-x:auto;scrollbar-width:none}
.station-hub-periods::-webkit-scrollbar{display:none}
.station-hub-periods[hidden]{display:none!important}
.station-hub-periods>span{color:#686871;font-size:7.8px;font-weight:800;white-space:nowrap;margin-right:1px}
.station-hub-periods button{min-height:27px;padding:0 9px;border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.025);white-space:nowrap}
.station-hub-periods button.active{color:#f5f5f7;border-color:rgba(100,210,255,.24);background:rgba(100,210,255,.09)}
.station-hub-smart{min-height:30px;margin:1px 0 8px;padding:7px 9px;border-radius:10px;border:1px solid rgba(100,210,255,.09);background:rgba(100,210,255,.035);color:#8f8f98;font-size:8.3px;line-height:1.35;font-weight:700;display:flex;align-items:center;gap:7px}
.station-hub-smart strong{color:#d7f2ff;font-weight:850}.station-hub-smart-icon{width:20px;height:20px;flex:0 0 20px;border-radius:7px;display:grid;place-items:center}.station-hub-smart-icon svg{width:13px;height:16px;display:block}.station-hub-smart-icon.cool{color:#64d2ff;background:rgba(100,210,255,.09)}.station-hub-smart-icon.warm{color:#ff9f0a;background:rgba(255,159,10,.09)}.station-hub-smart-icon.steady{color:#8e8e93;background:rgba(142,142,147,.08)}.station-hub-smart-delta{font-weight:900}.station-hub-smart-delta.cool{color:#64d2ff}.station-hub-smart-delta.warm{color:#ff9f0a}
.station-health-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6b6b72;flex:0 0 auto;box-shadow:0 0 0 2px rgba(255,255,255,.025)}
.station-health-dot.live{background:#30d158;box-shadow:0 0 6px rgba(48,209,88,.36)}
.station-health-dot.delayed{background:#ffd60a}.station-health-dot.stale{background:#ff9f0a}.station-health-dot.offline{background:#66666e}
.station-compare-fresh[data-health="ok"]{border-color:rgba(48,209,88,.20);background:rgba(48,209,88,.075);color:#63dd7d}
.station-compare-fresh[data-health="warn"]{border-color:rgba(255,214,10,.20);background:rgba(255,214,10,.07);color:#ffd60a}
.station-compare-fresh[data-health="bad"]{border-color:rgba(255,159,10,.20);background:rgba(255,159,10,.065);color:#ffb340}
.station-hub-spark{display:block;width:54px;height:16px;margin-top:4px;opacity:.78;overflow:visible}
.station-hub-delta.warm{color:#ff9f0a!important}.station-hub-delta.cool{color:#64d2ff!important}.station-hub-delta.neutral{color:#8c8c95!important}
.station-hub-rain-row .station-compare-temp small{font-size:7.5px;color:inherit;font-weight:750;letter-spacing:0}
.station-hub-records{margin-top:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);overflow:hidden}
.station-hub-records summary{list-style:none;min-height:34px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aaaab3;font-size:8.8px;font-weight:800;cursor:pointer}
.station-hub-records summary::-webkit-details-marker{display:none}.station-hub-records summary span{transition:transform .15s ease}.station-hub-records[open] summary span{transform:rotate(90deg)}
.station-hub-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 8px 8px}
.station-hub-record-grid>div{min-width:0;padding:8px;border-radius:10px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;align-items:center;text-align:center}
.station-hub-record-grid span{font-size:7.2px;color:#777780;font-weight:750}.station-hub-record-grid strong{margin-top:2px;font-size:14px;font-weight:900;white-space:nowrap}.station-hub-record-grid small{margin-top:2px;max-width:100%;font-size:6.8px;color:#74747c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.station-hub-record-empty{grid-column:1/-1!important;min-height:43px;justify-content:center!important;color:#777780;font-size:8px!important}
.station-hub-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
.station-hub-actions button{min-height:36px;padding:0 8px;border-color:rgba(255,255,255,.085);background:linear-gradient(180deg,rgba(39,39,48,.72),rgba(26,26,33,.72));color:#bfc0c7;font-size:8.4px}
.station-hub-actions button:hover{color:#fff;border-color:rgba(100,210,255,.22);background:rgba(100,210,255,.07)}

/* Pair compare / map-history chart overlays */
.station-hub-pair-overlay,.station-map-history-overlay{position:fixed;inset:0;z-index:9300;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.66);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .18s ease}
.station-hub-pair-overlay.open,.station-map-history-overlay.open{opacity:1;pointer-events:auto}
.station-hub-pair-panel,.station-map-history-panel{width:min(760px,96vw);max-height:min(86dvh,760px);overflow:auto;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(180deg,#17171e,#101015);box-shadow:0 24px 70px rgba(0,0,0,.60);transform:translateY(10px) scale(.985);transition:transform .2s ease}
.station-hub-pair-overlay.open .station-hub-pair-panel,.station-map-history-overlay.open .station-map-history-panel{transform:none}
.station-hub-pair-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.station-hub-pair-head h3{font-size:16px;line-height:1.2;color:#fff;font-weight:880}.station-hub-pair-head p{margin-top:3px;color:#777780;font-size:8.5px;font-weight:650}
.station-hub-pair-head>button{appearance:none;width:31px;height:31px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#24242c;color:#dadadf;font-size:16px;font-weight:900;cursor:pointer}
.station-hub-pair-selects{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-bottom:9px}
.station-hub-pair-selects label{display:flex;flex-direction:column;gap:4px;color:#777780;font-size:7.8px;font-weight:750}.station-hub-pair-selects>span{padding-bottom:9px;color:#696972;font-size:14px}
.station-hub-pair-selects select{width:100%;min-height:38px;padding:0 9px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#202028;color:#fff;font-size:10px;outline:none}
.station-hub-pair-periods{display:flex;gap:5px;margin-bottom:8px}.station-hub-pair-periods button{min-height:30px;padding:0 12px;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.station-hub-pair-periods button.active{color:#fff;border-color:rgba(100,210,255,.22);background:rgba(100,210,255,.08)}
.station-hub-pair-meta{min-height:24px;color:#86868f;font-size:8.5px;line-height:1.4;font-weight:650}
.station-hub-pair-chart{position:relative;width:100%;height:330px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(0,0,0,.18);overflow:hidden}.station-hub-pair-chart .chart-svg{width:100%;height:100%}
.station-map-history-tabs{display:flex;gap:5px;overflow-x:auto;margin:0 0 8px;scrollbar-width:none}.station-map-history-tabs::-webkit-scrollbar{display:none}.station-map-history-tabs button{min-height:30px;padding:0 10px;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025);white-space:nowrap}.station-map-history-tabs button.active{color:#fff;border-color:rgba(100,210,255,.22);background:rgba(100,210,255,.08)}

/* Station Map page. The entire DOM/library/data path is lazy-created by JS. */
.station-map-view{display:none;width:100%;position:relative;z-index:3}
.station-map-view.active{display:block}
.station-map-page{position:relative;width:min(1380px,calc(100vw - 32px));margin:0 auto;color:#fff}
.station-map-topbar{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:9px}
.station-map-topbar>div{min-width:0}.station-map-topbar h1{margin:0;font-size:19px;line-height:1.15;font-weight:900;letter-spacing:-.35px}.station-map-topbar p{margin-top:3px;color:#777780;font-size:8.8px;font-weight:650}
.station-map-back,.station-map-select,.station-map-layers,.station-map-reset,.station-map-panel-close,.station-map-history-btn{appearance:none;font-family:inherit;cursor:pointer}
.station-map-back{min-width:38px;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#1a1a21;color:#b8b8c0;font-size:10px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}.station-map-back-icon{font-size:21px;line-height:1;font-weight:500;color:#f2f2f7;transform:translateY(-1px)}.station-map-back-label{font-size:10px}
.station-map-count{padding:6px 9px;border:1px solid rgba(48,209,88,.14);border-radius:999px;background:rgba(48,209,88,.055);color:#79df8d;font-size:8px;font-weight:800;white-space:nowrap}
.station-map-toolbar{position:relative;z-index:20;display:grid;grid-template-columns:minmax(180px,auto) auto auto;gap:6px;justify-content:start;margin-bottom:7px}
.station-map-select,.station-map-layers{min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.095);border-radius:10px;background:linear-gradient(180deg,#202028,#18181f);color:#e8e8ed;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.station-map-select span{color:#74747c}.station-map-layers{justify-content:center;color:#aeb0b7}.station-map-layers span{font-size:8.5px}
.station-map-popover{position:absolute;z-index:40;top:106px;min-width:210px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(25,25,32,.98);box-shadow:0 18px 42px rgba(0,0,0,.48);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#stationMapVariableMenu{left:0}.station-map-source-menu{left:220px;min-width:130px}.station-map-layer-menu{left:340px;min-width:208px}
.station-map-popover[hidden]{display:none!important}.station-map-popover>button,.station-map-rain-times button,.station-map-choice button{appearance:none;width:100%;min-height:34px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:#bdbdc5;text-align:left;font-size:8.8px;font-weight:750;cursor:pointer}.station-map-popover>button:hover,.station-map-rain-times button:hover{background:rgba(255,255,255,.055);color:#fff}.station-map-popover>button small{float:right;color:#66666f;font-size:7.2px}
.station-map-menu-title{padding:5px 8px 4px;color:#66666f;font-size:7.2px;font-weight:850;text-transform:uppercase;letter-spacing:.5px}.station-map-rain-times{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:3px 5px 6px}.station-map-rain-times button{min-height:28px;padding:0;text-align:center;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.station-map-choice{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:3px 6px 7px}.station-map-choice button{min-height:31px;padding:0;text-align:center;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}.station-map-choice button.active{color:#fff;border-color:rgba(100,210,255,.24);background:rgba(100,210,255,.09)}.station-map-layer-menu>small{display:block;padding:1px 7px 6px;color:#66666f;font-size:7px;line-height:1.35}
.station-map-canvas-wrap{position:relative;width:100%;height:min(75dvh,820px);min-height:560px;border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;background:#111217;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.station-map-canvas{position:absolute;inset:0;width:100%;height:100%}
.station-map-loading{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:radial-gradient(circle at center,rgba(25,34,43,.98),rgba(13,14,18,.99));color:#dddde3;text-align:center;pointer-events:none;transition:opacity .2s ease}.station-map-loading.hidden{opacity:0}.station-map-loading strong{font-size:12px;font-weight:850}.station-map-loading span{max-width:260px;color:#73737c;font-size:8.3px;line-height:1.4;font-weight:650}
.station-map-legend{position:absolute;z-index:6;left:9px;bottom:9px;max-width:min(420px,calc(100% - 76px));padding:6px 8px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(14,14,18,.82);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:#d0d0d7;font-size:7.3px;font-weight:750;line-height:1.3;pointer-events:none}
.station-map-reset{position:absolute;z-index:6;right:9px;top:9px;width:36px;height:36px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(20,20,26,.88);color:#f2f2f5;font-size:17px;font-weight:900}.station-map-3d-toggle{position:absolute;z-index:6;right:9px;top:53px;width:36px;height:36px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(20,20,26,.88);color:#c7c7ce;font-size:8.5px;font-weight:900;letter-spacing:.2px}.station-map-3d-toggle.active{color:#d9f6ff;border-color:rgba(100,210,255,.30);background:rgba(100,210,255,.13)}
.station-map-footer{padding:6px 2px;color:#595961;font-size:6.9px;line-height:1.35;text-align:right;font-weight:650}

/* Map station drawer / bottom sheet */
.station-map-station-panel{position:fixed;z-index:9200;right:0;top:0;width:min(390px,94vw);height:100%;padding:23px 15px max(17px,env(safe-area-inset-bottom));overflow:auto;border-left:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,#17171e,#101015);box-shadow:-24px 0 60px rgba(0,0,0,.58);transform:translateX(104%);transition:transform .24s cubic-bezier(.22,.8,.24,1)}
.station-map-station-panel.open{transform:none}.station-map-panel-close{position:absolute;right:12px;top:12px;width:31px;height:31px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#24242c;color:#dddde2;font-size:16px;font-weight:900}
.station-map-panel-kicker{display:flex;align-items:center;gap:6px;padding-right:34px;color:#83838c;font-size:8px;font-weight:800}.station-map-station-panel h2{margin-top:8px;padding-right:36px;font-size:19px;line-height:1.14;font-weight:900;letter-spacing:-.3px}.station-map-station-panel p{margin-top:3px;color:#777780;font-size:9px;font-weight:650}.station-map-panel-time{margin-top:8px;color:#66666f;font-size:8px;font-weight:650}
.station-map-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}.station-map-field{min-height:62px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center}.station-map-field span{color:#74747c;font-size:7.6px;font-weight:750}.station-map-field strong{margin-top:3px;color:#f4f4f6;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}.station-map-no-fields{grid-column:1/-1;padding:15px;color:#777780;text-align:center;font-size:8px}
.station-map-history-btn{width:100%;min-height:40px;margin-top:11px;border:1px solid rgba(100,210,255,.18);border-radius:12px;background:rgba(100,210,255,.07);color:#ccefff;font-size:9px;font-weight:850}

@media(max-width:759px){
  .station-compare-panel{max-height:min(84dvh,720px)}
  .station-compare-summary>div{min-height:61px}.station-compare-summary strong{max-width:92px;overflow:hidden;text-overflow:ellipsis}
  .station-compare-row-item{grid-template-columns:5px 20px minmax(0,1fr) 59px 61px;gap:5px}
  .station-compare-name{font-size:10.6px}.station-compare-meta{font-size:7.2px}.station-hub-spark{width:48px;height:14px;margin-top:3px}.station-hub-delta{font-size:8.2px!important}.station-hub-rain-row .station-compare-temp small{display:block;font-size:6.5px}
  .station-hub-tabs{margin-bottom:6px}.station-hub-tabs button{min-height:30px;font-size:8.5px}.station-hub-periods{margin-bottom:5px}.station-hub-periods button{padding:0 7px;font-size:8px}.station-hub-smart{padding:6px 8px;margin-bottom:6px;font-size:7.7px}
  .station-hub-record-grid{grid-template-columns:1fr 1fr 1fr;gap:4px;padding:0 6px 6px}.station-hub-record-grid>div{padding:6px 4px}.station-hub-record-grid strong{font-size:12px}.station-hub-record-grid small{font-size:6.2px}.station-hub-actions button{font-size:7.7px;padding:0 5px}
  .station-hub-pair-overlay,.station-map-history-overlay{align-items:flex-end;padding:0;background:rgba(0,0,0,.56)}
  .station-hub-pair-panel,.station-map-history-panel{width:100%;max-height:min(84dvh,720px);border-left:0;border-right:0;border-bottom:0;border-radius:23px 23px 0 0;padding:13px 12px max(13px,env(safe-area-inset-bottom));transform:translateY(102%) scale(1)}
  .station-hub-pair-chart{height:280px}.station-hub-pair-head h3{font-size:14px}.station-hub-pair-selects{gap:5px}.station-hub-pair-selects select{font-size:9px;padding:0 6px}.station-hub-pair-periods button{flex:1;padding:0 5px}
  .station-map-page{width:100%;padding:0 0 max(8px,env(safe-area-inset-bottom))}
  .station-map-topbar{min-height:50px;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;margin-bottom:6px}.station-map-topbar h1{font-size:14px}.station-map-topbar p{font-size:7.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-map-back{width:34px;min-width:34px;min-height:34px;padding:0}.station-map-back-label{display:none}.station-map-back-icon{display:block;font-size:22px}.station-map-count{font-size:7px;padding:5px 7px}
  .station-map-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:5px;margin-bottom:6px}.station-map-select,.station-map-layers{min-height:35px;padding:0 8px;font-size:8.2px;border-radius:9px}.station-map-layers span{display:none}.station-map-layers{width:39px;padding:0;font-size:15px}.station-map-toolbar #stationMapSource{max-width:74px}
  .station-map-popover{top:91px;max-width:calc(100% - 12px);min-width:200px}.station-map-source-menu{left:auto;right:48px;min-width:118px}.station-map-layer-menu{left:auto;right:0;min-width:194px}
  .station-map-canvas-wrap{height:calc(100dvh - 154px);min-height:500px;border-radius:14px}.station-map-legend{left:7px;bottom:7px;font-size:6.8px}.station-map-reset{right:7px;top:7px;width:34px;height:34px}.station-map-3d-toggle{right:7px;top:48px;width:34px;height:34px;font-size:8px}
  .station-map-footer{padding-right:3px;font-size:6.4px}
  .station-map-station-panel{top:auto;bottom:0;right:0;width:100%;height:auto;max-height:min(72dvh,650px);padding:19px 12px max(14px,env(safe-area-inset-bottom));border-left:0;border-top:1px solid rgba(255,255,255,.11);border-radius:23px 23px 0 0;transform:translateY(104%);box-shadow:0 -24px 58px rgba(0,0,0,.58)}
  .station-map-station-panel.open{transform:none}.station-map-station-panel h2{font-size:17px}.station-map-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.station-map-field{min-height:55px;padding:8px}.station-map-field strong{font-size:14px}.station-map-panel-time{font-size:7.5px}
}
@media(min-width:760px) and (max-width:999px){.station-map-page{width:calc(100vw - 28px)}.station-map-canvas-wrap{min-height:600px}}
@media(min-width:1000px){.station-map-topbar h1{font-size:22px}.station-map-topbar p{font-size:9.6px}.station-map-toolbar{margin-bottom:9px}.station-map-canvas-wrap{height:min(78dvh,840px)}}
@media(prefers-reduced-motion:reduce){.station-hub-pair-overlay,.station-map-history-overlay,.station-hub-pair-panel,.station-map-history-panel,.station-map-station-panel,.station-map-loading{transition:none!important}}

/* V1.7.0 final: five Canik forecast stations fit one row on desktop; mobile keeps compact two-column wrapping. */
@media(min-width:1000px){#forecastView .forecast-stations{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* ============================================================
   V1.7.0.6 — MAPBOX SATELLITE / MODEL LEVELS / MOBILE MAP POLISH
   ============================================================ */
.station-map-menu-separator{margin-top:4px;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.07)}
.station-map-locate{appearance:none;position:absolute;z-index:6;right:9px;top:53px;width:36px;height:36px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(20,20,26,.88);color:#d7eaff;font-size:17px;font-weight:900;cursor:pointer;display:grid;place-items:center}
.station-map-locate.loading{opacity:.58;pointer-events:none;animation:stationMapLocatePulse .9s ease-in-out infinite alternate}
@keyframes stationMapLocatePulse{to{transform:scale(.94)}}
.station-map-3d-toggle{top:97px}
.station-map-notice{position:absolute;z-index:8;left:50%;top:9px;max-width:min(420px,calc(100% - 150px));padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(14,14,19,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#d7d7de;font-size:7.8px;font-weight:800;line-height:1.35;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-7px);transition:opacity .16s ease,transform .16s ease}
.station-map-notice.show{opacity:1;transform:translate(-50%,0)}
.station-map-notice.ok{color:#a9efb9;border-color:rgba(48,209,88,.22);background:rgba(20,46,28,.92)}
.station-map-notice.warn{color:#ffd18d;border-color:rgba(255,159,10,.24);background:rgba(48,33,17,.94)}
.station-map-model-atmos{margin-top:12px;padding:10px;border:1px solid rgba(100,210,255,.11);border-radius:13px;background:linear-gradient(180deg,rgba(100,210,255,.045),rgba(255,255,255,.018))}
.station-map-model-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.station-map-model-head span{color:#8edfff;font-size:7.2px;font-weight:900;letter-spacing:.38px}.station-map-model-head small{color:#666672;font-size:6.7px;font-weight:700;text-align:right}
.station-map-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.station-map-model-grid>div{min-height:58px;padding:8px 9px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(8,9,13,.32);display:flex;flex-direction:column;justify-content:center}.station-map-model-grid span{color:#85858e;font-size:7.3px;font-weight:800}.station-map-model-grid strong{margin-top:2px;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.station-map-model-grid small{margin-top:2px;color:#666672;font-size:6.7px;font-weight:700}
.station-map-model-loading{min-height:45px;display:grid;place-items:center;color:#777782;font-size:7.7px;font-weight:700;text-align:center}
.station-hub-pair-chart .chart-tooltip{position:absolute;left:0;top:0;min-width:126px;max-width:210px;pointer-events:none;transform:translate(-50%,-105%);background:rgba(9,9,14,.97);border:1px solid #383844;border-radius:9px;padding:6px 8px;font-size:8.5px;line-height:1.45;color:#eee;box-shadow:0 8px 24px rgba(0,0,0,.34);opacity:0;transition:opacity .08s ease;z-index:7;font-variant-numeric:tabular-nums}.station-hub-pair-chart .chart-tooltip strong{display:block;color:#fff;font-size:8.8px;margin-bottom:2px}.station-hub-pair-chart .chart-svg{touch-action:pan-y}

@media(max-width:759px){
  body.station-map-open{padding:0!important;overflow:hidden!important;height:100dvh;min-height:100dvh;display:block}
  body.station-map-open .weather-effect-layer{display:none!important}
  .station-map-view.active{position:fixed;inset:0;z-index:9100;display:block;background:#000;overflow:hidden;padding:max(6px,env(safe-area-inset-top)) 0 max(0px,env(safe-area-inset-bottom))}
  .station-map-view.active .station-map-page{width:100%;height:100%;margin:0;padding:0 7px;display:flex;flex-direction:column;min-height:0}
  .station-map-view.active .station-map-topbar{flex:0 0 auto;min-height:52px;margin:0 1px 5px;padding:1px 0}
  .station-map-view.active .station-map-toolbar{flex:0 0 auto;margin:0 1px 6px}
  .station-map-view.active .station-map-canvas-wrap{flex:1 1 auto;height:auto;min-height:0;margin:0;border-radius:13px;border-color:rgba(255,255,255,.09)}
  .station-map-view.active .station-map-footer{display:none}
  .station-map-view.active .station-map-popover{top:94px;max-height:calc(100dvh - 118px);overflow:auto;overscroll-behavior:contain}
  .station-map-reset{right:7px;top:7px;width:36px;height:36px;font-size:18px}
  .station-map-locate{right:7px;top:50px;width:36px;height:36px;font-size:17px}
  .station-map-3d-toggle{right:7px;top:93px;width:36px;height:36px;font-size:8px}
  .station-map-notice{top:7px;max-width:calc(100% - 126px);font-size:7.2px;padding:6px 8px}
  .station-map-legend{max-width:calc(100% - 58px);font-size:6.6px}
  .station-map-station-panel{z-index:9400;max-height:min(74dvh,680px)}
  .station-map-station-panel:before{content:"";display:block;width:42px;height:4px;margin:-8px auto 8px;border-radius:999px;background:#5c5c66;opacity:.75}
  .station-map-model-head{align-items:flex-start;flex-direction:column;gap:2px}.station-map-model-head small{text-align:left}
  .station-map-model-grid strong{font-size:14px}
}

@media(min-width:760px){
  .station-map-canvas-wrap .station-map-reset{top:9px}
  .station-map-canvas-wrap .station-map-locate{top:53px}
  .station-map-canvas-wrap .station-map-3d-toggle{top:97px}
}
.station-map-mapbox-logo{position:absolute;z-index:6;left:9px;bottom:31px;display:block;width:65px;height:20px;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;text-decoration:none;line-height:0}
.station-map-mapbox-logo[hidden]{display:none!important}.station-map-mapbox-logo img{display:block;width:65px;height:20px;max-width:65px;object-fit:contain}
@media(max-width:759px){.station-map-mapbox-logo{left:7px;bottom:31px;width:65px;height:20px}.station-map-mapbox-logo img{width:65px;height:20px}}

/* ============================================================
   V1.7.2 — IMMERSIVE MAP / CONTROL POLISH
   Map-only visual layer; live/forecast/detail layouts remain untouched.
   ============================================================ */
.station-map-quick-rail,.station-map-mobile-source,.station-map-mobile-layers{display:none}
.station-map-legend{appearance:none;font-family:inherit;cursor:pointer;text-align:left}
.station-map-marker-choice{grid-template-columns:repeat(3,1fr)}
.station-map-fade-control{transition:opacity .28s ease,transform .28s ease,background-color .2s ease,border-color .2s ease}

@media(max-width:759px){
  /* Full-bleed map: map becomes the screen, controls float above it. */
  .station-map-view.active{padding:0!important;background:#050506}
  .station-map-view.active .station-map-page{position:relative;width:100%;height:100dvh;padding:0!important;margin:0;display:block;overflow:hidden}
  .station-map-view.active .station-map-canvas-wrap{position:absolute;inset:0!important;width:100%;height:100%!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none;background:#101116}
  .station-map-view.active .station-map-canvas{inset:0}
  .station-map-view.active .station-map-toolbar{display:none!important}
  .station-map-view.active .station-map-footer{display:none!important}

  /* Header is a lightweight overlay instead of taking map height. */
  .station-map-view.active .station-map-topbar{position:absolute;z-index:34;top:max(7px,env(safe-area-inset-top));left:7px;right:7px;min-height:44px;margin:0;padding:0;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.16) 72%,transparent);border-radius:13px}
  .station-map-view.active .station-map-topbar>*{pointer-events:auto}
  .station-map-view.active .station-map-topbar>div{padding:2px 3px;text-shadow:0 1px 6px rgba(0,0,0,.72)}
  .station-map-view.active .station-map-topbar h1{font-size:13px;line-height:1.05}
  .station-map-view.active .station-map-topbar p{font-size:6.8px;color:#aaaab1;max-width:250px}
  .station-map-view.active .station-map-back{width:38px;min-width:38px;height:38px;min-height:38px;border-radius:12px;background:rgba(21,21,28,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .station-map-view.active .station-map-count{margin-right:2px;padding:5px 7px;background:rgba(13,43,20,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

  /* WStatMap-inspired slim layer rail. Current layer stays highlighted. */
  .station-map-quick-rail{position:absolute;z-index:31;display:flex;flex-direction:column;gap:5px;left:7px;top:calc(max(7px,env(safe-area-inset-top)) + 58px)}
  .station-map-quick-rail button,.station-map-mobile-source,.station-map-mobile-layers{appearance:none;font-family:inherit;border:1px solid rgba(255,255,255,.105);background:rgba(19,19,25,.78);color:#aeb0b8;box-shadow:0 7px 20px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}
  .station-map-quick-rail button{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:14px;font-weight:900;line-height:1;padding:0}
  .station-map-quick-rail button[data-map-quick="t850"],.station-map-quick-rail button[data-map-quick="t500"]{font-size:7.4px;letter-spacing:-.2px}
  .station-map-quick-rail button.active{color:#ddf6ff;border-color:rgba(100,210,255,.36);background:rgba(41,120,165,.28);box-shadow:0 0 0 1px rgba(100,210,255,.08),0 7px 20px rgba(0,0,0,.22)}

  /* Small source / map-settings controls float on the opposite edge. */
  .station-map-mobile-source,.station-map-mobile-layers{position:absolute;z-index:31;display:grid;place-items:center;right:7px;height:34px;border-radius:10px;font-size:7.5px;font-weight:850;padding:0 9px}
  .station-map-mobile-source{top:calc(max(7px,env(safe-area-inset-top)) + 60px);min-width:45px}
  .station-map-mobile-layers{top:calc(max(7px,env(safe-area-inset-top)) + 100px);width:36px;padding:0;font-size:15px}

  /* Existing map actions continue down the right edge. */
  .station-map-reset{right:7px;top:calc(max(7px,env(safe-area-inset-top)) + 142px)!important;width:36px;height:36px;background:rgba(20,20,26,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .station-map-locate{right:7px;top:calc(max(7px,env(safe-area-inset-top)) + 184px)!important;width:36px;height:36px;background:rgba(20,20,26,.78)}
  .station-map-3d-toggle{right:7px;top:calc(max(7px,env(safe-area-inset-top)) + 226px)!important;width:36px;height:36px;background:rgba(20,20,26,.78)}

  /* Active-data pill is the compact way to open detailed min/max/rain periods. */
  .station-map-legend{left:7px;bottom:max(8px,calc(env(safe-area-inset-bottom) + 7px));max-width:calc(100% - 76px);min-height:29px;padding:5px 8px;border-radius:10px;background:rgba(13,13,18,.78);color:#dedee5;font-size:6.6px;pointer-events:auto;box-shadow:0 5px 18px rgba(0,0,0,.2)}
  .station-map-mapbox-logo{left:8px;bottom:max(42px,calc(env(safe-area-inset-bottom) + 41px));opacity:.78}

  /* Menus float inside the map; they no longer reserve layout height. */
  .station-map-view.active .station-map-popover{position:fixed;z-index:9460;top:calc(max(7px,env(safe-area-inset-top)) + 59px);max-height:calc(100dvh - 86px);overflow:auto;overscroll-behavior:contain;min-width:196px;max-width:calc(100vw - 68px);border-radius:13px;background:rgba(21,21,28,.96)}
  .station-map-view.active #stationMapVariableMenu{left:52px;right:auto}
  .station-map-view.active .station-map-source-menu{left:auto;right:51px;min-width:112px}
  .station-map-view.active .station-map-layer-menu{left:auto;right:51px;min-width:205px}

  /* Idle: controls recede but remain tappable. One touch wakes everything. */
  .station-map-view.controls-idle .station-map-quick-rail,
  .station-map-view.controls-idle .station-map-mobile-source,
  .station-map-view.controls-idle .station-map-mobile-layers,
  .station-map-view.controls-idle .station-map-reset,
  .station-map-view.controls-idle .station-map-locate,
  .station-map-view.controls-idle .station-map-3d-toggle,
  .station-map-view.controls-idle .station-map-legend{opacity:.24}
  .station-map-view.controls-idle .station-map-topbar>div,.station-map-view.controls-idle .station-map-count{opacity:.27}
  .station-map-view.controls-idle .station-map-back{opacity:.58}
  .station-map-view.controls-idle .station-map-mapbox-logo{opacity:.42}

  /* Keep the station sheet readable over full-bleed imagery. */
  .station-map-station-panel{z-index:9500;max-height:min(76dvh,700px)}
  .station-map-loading{background:radial-gradient(circle at center,rgba(22,28,35,.93),rgba(8,9,12,.97))}
}

@media(max-width:380px){
  .station-map-quick-rail{gap:4px}
  .station-map-quick-rail button{width:34px;height:34px;border-radius:10px;font-size:13px}
  .station-map-mobile-source{min-width:42px}
}

@media(prefers-reduced-motion:reduce){.station-map-fade-control{transition:none!important}}


/* V1.7.2 — MAP ICON / PALETTE / SHEET POLISH */
.station-map-mini-svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round}.station-map-dew-svg{stroke-width:1.9}.station-map-popover .station-map-mini-svg{display:inline-block;width:15px;height:15px;vertical-align:-3px;margin-right:4px}.station-map-quick-icon{display:grid;place-items:center;min-width:18px;min-height:18px}.station-map-quick-label{display:none}
.station-map-sheet-handle{display:none}
@media(max-width:759px){
  .station-map-quick-rail button{position:relative;overflow:visible}
  .station-map-quick-rail .station-map-mini-svg{width:19px;height:19px}
  .station-map-quick-label{position:absolute;left:43px;top:50%;transform:translateY(-50%) translateX(-3px);display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;pointer-events:none;padding:5px 0;border-radius:9px;background:rgba(17,17,23,.74);color:#d7d9df;font-size:7px;font-weight:850;letter-spacing:.05px;box-shadow:0 5px 16px rgba(0,0,0,.18);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:opacity .2s ease,max-width .2s ease,padding .2s ease,transform .2s ease}
  .station-map-quick-rail button.active .station-map-quick-label{max-width:92px;opacity:.72;padding:5px 7px;transform:translateY(-50%) translateX(0)}
  .station-map-view.controls-idle .station-map-quick-rail button.active .station-map-quick-label{opacity:.2}
  .station-map-station-panel:before{display:none!important}
  .station-map-sheet-handle{display:grid;place-items:center;width:86px;height:25px;margin:-14px auto 2px;border:0;background:transparent;touch-action:none;cursor:grab}
  .station-map-sheet-handle span{display:block;width:44px;height:5px;border-radius:999px;background:#63636d;opacity:.88;box-shadow:0 1px 5px rgba(0,0,0,.25)}
  .station-map-station-panel.dragging{user-select:none;-webkit-user-select:none;overscroll-behavior:none}
  .station-map-station-panel.dragging .station-map-sheet-handle{cursor:grabbing}
}

/* ============================================================
   V1.7.3 — Station history / SST / landscape polish
   ============================================================ */
.station-hub-weather-icon{display:grid;place-items:center;align-self:center;min-width:34px;font-size:21px;line-height:1;filter:drop-shadow(0 2px 7px rgba(0,0,0,.35));opacity:.94}
.station-map-temp-deltas,.station-map-temp-monthly{padding-top:2px}.station-map-temp-monthly[hidden]{display:none!important}.station-map-temp-monthly .station-map-menu-title small{margin-left:5px;color:#63636c;font-size:7px;font-weight:650}
.station-map-mobile-source[data-control-label]::after,.station-map-mobile-layers[data-control-label]::after,.station-map-reset[data-control-label]::after,.station-map-locate[data-control-label]::after,.station-map-3d-toggle[data-control-label]::after{content:attr(data-control-label);position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);padding:3px 5px;border-radius:6px;background:rgba(15,15,20,.78);color:#aaaab2;font-size:6.7px;font-weight:750;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:.55;transition:opacity .22s ease}
.station-map-view.controls-idle .station-map-mobile-source[data-control-label]::after,.station-map-view.controls-idle .station-map-mobile-layers[data-control-label]::after,.station-map-view.controls-idle .station-map-reset[data-control-label]::after,.station-map-view.controls-idle .station-map-locate[data-control-label]::after,.station-map-view.controls-idle .station-map-3d-toggle[data-control-label]::after{opacity:.12}
.station-map-v173-detail{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08)}.station-map-v173-head,.station-map-mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.station-map-v173-head>span,.station-map-mini-head>span{font-size:8px;font-weight:900;color:#9a9aa3;letter-spacing:.08em}.station-map-v173-head small{font-size:7.2px;color:#6f6f78;text-align:right}.station-map-stale-banner{margin:0 0 9px;padding:7px 8px;border:1px solid rgba(255,159,10,.28);border-radius:9px;background:rgba(255,159,10,.08);color:#ffb340;font-size:7.7px;font-weight:750;line-height:1.35}
.station-map-trend-grid,.station-map-daily-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.station-map-trend-grid>div,.station-map-daily-grid>div{min-width:0;padding:7px 6px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);text-align:center}.station-map-trend-grid div{font-size:7px;color:#777780}.station-map-trend-grid b{display:block;margin-top:2px;color:#d7d7dc;font-size:12px}.station-map-daily-grid span,.station-map-daily-grid small{display:block;color:#777780;font-size:6.7px}.station-map-daily-grid b{display:block;margin:2px 0;color:#e4e4e8;font-size:12px}.station-map-daily-grid small{min-height:8px;font-size:6.2px}
.station-map-wind-reuse{margin-top:9px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.02);overflow:hidden}.station-map-wind-reuse .station-map-wind-clone{margin:0 auto!important;transform:scale(.78);transform-origin:center center}.station-map-wind-value{text-align:center;color:#aaaab2;font-size:7px;font-weight:750}.station-map-wind-compact{display:flex;justify-content:space-between;margin-top:9px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:#aaaab2;font-size:8px}
.station-map-mini-head{margin-top:11px}.station-map-mini-periods{display:flex;gap:3px}.station-map-mini-periods button{appearance:none;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#1e1e24;color:#85858e;padding:3px 5px;font:700 6.7px inherit;cursor:pointer}.station-map-mini-periods button.active{border-color:rgba(90,200,250,.38);background:rgba(90,200,250,.1);color:#8fdcff}.station-map-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}.station-map-mini-card{min-width:0;padding:6px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#17171c}.station-map-mini-card>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#92929b;font-size:7px;font-weight:800}.station-map-mini-card [data-mini-expand]{appearance:none;width:22px;height:20px;border:0;border-radius:6px;background:rgba(255,255,255,.05);color:#8f8f98;cursor:pointer}.station-map-mini-card .station-hub-pair-chart{height:76px;min-height:76px;margin-top:3px}.station-map-mini-card .chart-svg{width:100%;height:100%}.station-map-6h-summary{margin-top:7px;min-height:12px;color:#8f8f98;font-size:7.3px;font-weight:700;text-align:center}
.station-map-sst-popup{display:grid;gap:2px;color:#222}.station-map-sst-popup strong{font-size:16px}.station-map-sst-popup span{font-size:11px;font-weight:700}.station-map-sst-popup small{font-size:9px;color:#666}
/* existing mobile CTA was already ~82%; optical fill only */
@media(max-width:560px){#liveView .station-map-page-link{width:min(252px,84%)}#liveView .station-compare-trigger>span:last-child{transform:translateX(2px)}}
@media(max-width:380px){#liveView .station-map-page-link{width:min(238px,86%)}}
/* Phone/PWA landscape: normal browser orientation, no forced rotation. */
@media(max-width:980px) and (orientation:landscape) and (max-height:620px){
  html,body{min-height:100%;overflow-x:hidden}
  #liveView .container{max-width:min(96vw,980px);padding-top:max(5px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}
  #liveView .live-compare-row{max-width:760px;margin-inline:auto}
  #stationCompareOverlay{align-items:center;padding:max(5px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
  #stationCompareOverlay .station-compare-panel{width:min(92vw,840px);max-height:94dvh;border-radius:15px;overflow:auto;transform:none!important}
  #stationCompareOverlay .station-compare-handle{display:none}
  #stationCompareOverlay .station-compare-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  #stationCompareOverlay .station-compare-row-item{min-height:55px}
  .station-map-view.active{padding:0!important}
  .station-map-view.active .station-map-page{height:100dvh}
  .station-map-view.active .station-map-topbar{top:max(4px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));min-height:38px}
  .station-map-view.active .station-map-topbar h1{font-size:11px}.station-map-view.active .station-map-topbar p{display:none}.station-map-view.active .station-map-back{width:34px;min-width:34px;height:34px;min-height:34px}
  .station-map-view.active .station-map-quick-rail{top:48px;bottom:auto;max-height:calc(100dvh - 58px);overflow-y:auto;scrollbar-width:none}
  .station-map-view.active .station-map-station-panel{position:fixed;z-index:9510;top:max(5px,env(safe-area-inset-top));right:max(5px,env(safe-area-inset-right));bottom:max(5px,env(safe-area-inset-bottom));left:auto;width:min(46vw,430px);height:auto;max-height:none;border-radius:15px;overflow:auto;transform:translateX(calc(100% + 12px));transition:transform .2s ease}
  .station-map-view.active .station-map-station-panel.open{transform:none}
  .station-map-view.active .station-map-sheet-handle{display:none}
  .station-map-view.active .station-map-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .station-map-view.active .station-map-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.station-map-view.active .station-map-mini-card .station-hub-pair-chart{height:68px;min-height:68px}
  .station-map-view.active .station-map-popover{top:48px;max-height:calc(100dvh - 56px)}
  .station-map-history-panel,.station-hub-pair-panel{width:min(90vw,850px)!important;max-height:94dvh!important;overflow:auto}
  #detailView.active,#forecastView.active{min-height:100dvh;overflow-x:hidden}.expanded-chart-wrap{max-height:80dvh}
}
@media(prefers-reduced-motion:reduce){.station-map-station-panel,.station-hub-weather-icon{transition:none!important}}

/* ============================================================
   V1.7.3.1 — DESKTOP IMMERSIVE MAP
   Desktop/tablet now use the same full-bleed map shell as mobile.
   Data, MapLibre lifecycle, drawer and backend behavior are unchanged.
   ============================================================ */
@media(min-width:760px){
  body.station-map-open{padding:0!important;overflow:hidden!important;height:100dvh;min-height:100dvh;display:block}
  body.station-map-open .weather-effect-layer{display:none!important}
  .station-map-view.active{position:fixed;inset:0;z-index:9100;display:block;width:100vw;height:100dvh;background:#050506;overflow:hidden;padding:0!important}
  .station-map-view.active .station-map-page{position:relative;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:0;display:block;overflow:hidden}
  .station-map-view.active .station-map-canvas-wrap{position:absolute;inset:0!important;width:100%;height:100%!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none;background:#101116}
  .station-map-view.active .station-map-canvas{position:absolute;inset:0;width:100%;height:100%}
  .station-map-view.active .station-map-toolbar{display:none!important}
  .station-map-view.active .station-map-footer{display:none!important}

  /* Compact floating header over the map. */
  .station-map-view.active .station-map-topbar{position:absolute;z-index:34;top:12px;left:12px;right:12px;min-height:46px;margin:0;padding:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.13) 76%,transparent);border-radius:14px}
  .station-map-view.active .station-map-topbar>*{pointer-events:auto}
  .station-map-view.active .station-map-topbar>div{padding:2px 4px;text-shadow:0 1px 7px rgba(0,0,0,.78)}
  .station-map-view.active .station-map-topbar h1{font-size:15px;line-height:1.05;letter-spacing:-.2px}
  .station-map-view.active .station-map-topbar p{margin-top:2px;font-size:7.4px;color:#aaaab1;max-width:420px}
  .station-map-view.active .station-map-back{width:auto;min-width:40px;height:40px;min-height:40px;padding:0 11px;border-radius:12px;background:rgba(21,21,28,.80);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .station-map-view.active .station-map-back-label{display:inline}
  .station-map-view.active .station-map-count{margin-right:2px;padding:6px 9px;background:rgba(13,43,20,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

  /* Same left-side layer rail used on mobile. */
  .station-map-quick-rail{position:absolute;z-index:31;display:flex;flex-direction:column;gap:6px;left:12px;top:76px}
  .station-map-quick-rail button,.station-map-mobile-source,.station-map-mobile-layers{appearance:none;font-family:inherit;border:1px solid rgba(255,255,255,.105);background:rgba(19,19,25,.78);color:#aeb0b8;box-shadow:0 7px 20px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}
  .station-map-quick-rail button{position:relative;overflow:visible;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:15px;font-weight:900;line-height:1;padding:0}
  .station-map-quick-rail button[data-map-quick="t850"],.station-map-quick-rail button[data-map-quick="t500"]{font-size:7.8px;letter-spacing:-.2px}
  .station-map-quick-rail button.active{color:#ddf6ff;border-color:rgba(100,210,255,.36);background:rgba(41,120,165,.28);box-shadow:0 0 0 1px rgba(100,210,255,.08),0 7px 20px rgba(0,0,0,.22)}
  .station-map-quick-rail .station-map-mini-svg{width:20px;height:20px}
  .station-map-quick-label{position:absolute;left:46px;top:50%;transform:translateY(-50%) translateX(-3px);display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;pointer-events:none;padding:5px 0;border-radius:9px;background:rgba(17,17,23,.76);color:#d7d9df;font-size:7.2px;font-weight:850;box-shadow:0 5px 16px rgba(0,0,0,.18);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:opacity .2s ease,max-width .2s ease,padding .2s ease,transform .2s ease}
  .station-map-quick-rail button.active .station-map-quick-label{max-width:110px;opacity:.76;padding:5px 7px;transform:translateY(-50%) translateX(0)}

  /* Same right-side source/settings/action rail. */
  .station-map-mobile-source,.station-map-mobile-layers{position:absolute;z-index:31;display:grid;place-items:center;right:12px;height:38px;border-radius:11px;font-size:7.8px;font-weight:850;padding:0 9px}
  .station-map-mobile-source{top:76px;min-width:48px}
  .station-map-mobile-layers{top:120px;width:40px;padding:0;font-size:16px}
  .station-map-reset{right:12px;top:164px!important;width:40px;height:40px;border-radius:11px;background:rgba(20,20,26,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .station-map-locate{right:12px;top:210px!important;width:40px;height:40px;border-radius:11px;background:rgba(20,20,26,.78)}
  .station-map-3d-toggle{right:12px;top:256px!important;width:40px;height:40px;border-radius:11px;background:rgba(20,20,26,.78)}

  .station-map-legend{left:12px;bottom:12px;max-width:min(520px,calc(100% - 100px));min-height:31px;padding:6px 9px;border-radius:10px;background:rgba(13,13,18,.78);color:#dedee5;font-size:7px;pointer-events:auto;box-shadow:0 5px 18px rgba(0,0,0,.2)}
  .station-map-mapbox-logo{left:13px;bottom:48px;opacity:.78}
  .station-map-notice{top:12px;max-width:min(480px,calc(100% - 320px))}

  /* Menus now float above the full map rather than occupying desktop layout. */
  .station-map-view.active .station-map-popover{position:fixed;z-index:9460;top:76px;max-height:calc(100dvh - 92px);overflow:auto;overscroll-behavior:contain;min-width:210px;max-width:min(330px,calc(100vw - 100px));border-radius:13px;background:rgba(21,21,28,.96)}
  .station-map-view.active #stationMapVariableMenu{left:60px;right:auto}
  .station-map-view.active .station-map-source-menu{left:auto;right:60px;min-width:120px}
  .station-map-view.active .station-map-layer-menu{left:auto;right:60px;min-width:220px}

  /* Desktop also gets the same idle fade behavior. */
  .station-map-view.controls-idle .station-map-quick-rail,
  .station-map-view.controls-idle .station-map-mobile-source,
  .station-map-view.controls-idle .station-map-mobile-layers,
  .station-map-view.controls-idle .station-map-reset,
  .station-map-view.controls-idle .station-map-locate,
  .station-map-view.controls-idle .station-map-3d-toggle,
  .station-map-view.controls-idle .station-map-legend{opacity:.24}
  .station-map-view.controls-idle .station-map-topbar>div,.station-map-view.controls-idle .station-map-count{opacity:.27}
  .station-map-view.controls-idle .station-map-back{opacity:.58}
  .station-map-view.controls-idle .station-map-mapbox-logo{opacity:.42}
  .station-map-view.controls-idle .station-map-quick-rail button.active .station-map-quick-label{opacity:.2}

  /* Keep the proven desktop station drawer, but let the map continue underneath it. */
  .station-map-station-panel{z-index:9500}
  .station-map-loading{background:radial-gradient(circle at center,rgba(22,28,35,.93),rgba(8,9,12,.97))}
}

/* V1.7.3.3 — delayed/stale state is panel-only on map; natural orientation unlock handled in JS. */

/* V1.7.3.4 */
.station-hub-pair-metrics{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 4px}.station-hub-pair-metrics button{appearance:none;border:1px solid rgba(255,255,255,.09);background:#1c1c23;color:#94949d;border-radius:9px;padding:6px 8px;font-size:8.6px;font-weight:800;cursor:pointer}.station-hub-pair-metrics button.active{color:#fff;background:#2c2c36;border-color:rgba(90,200,250,.24)}
@media(min-width:1000px){#forecastView .forecast-stations{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:759px){#forecastView .forecast-stations{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V1.7.3.5 — MGM observational wind has no gust field in UI. */
#liveView.mgm-ui-mode .wind-gust-observation{display:none!important;}

/* V1.7.3.15 — compact lazy station-map forecast controls */
.station-map-forecast-menu{position:absolute;z-index:9460;top:76px;left:60px;width:min(225px,calc(100vw - 112px));padding:8px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(21,21,28,.96);box-shadow:0 14px 38px rgba(0,0,0,.34);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.station-map-forecast-menu[hidden],.station-map-forecast-timebar[hidden]{display:none!important}.station-map-forecast-title{padding:2px 5px 7px;color:#777781;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.station-map-forecast-menu button{appearance:none;display:flex;align-items:center;gap:9px;width:100%;min-height:45px;margin:0 0 5px;padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#191920;color:#c5c6cc;font:900 10px inherit;text-align:left;cursor:pointer}.station-map-forecast-menu button:last-child{margin-bottom:0}.station-map-forecast-menu button>span{display:grid;gap:2px}.station-map-forecast-menu button small{color:#777781;font-size:7px;font-weight:700}.station-map-forecast-menu button.active{border-color:rgba(90,200,250,.34);background:rgba(41,120,165,.18);color:#eaf8ff}.station-map-forecast-svg{stroke-width:1.75}
.station-map-forecast-timebar{position:absolute;z-index:9440;left:50%;bottom:52px;transform:translateX(-50%);display:grid;grid-template-columns:43px minmax(150px,360px) 43px;align-items:center;gap:7px;width:min(470px,calc(100vw - 116px));padding:7px 8px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(17,17,23,.88);box-shadow:0 11px 30px rgba(0,0,0,.30);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.station-map-forecast-timebar>button{appearance:none;height:34px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.055);color:#d4d5da;font:900 8.5px inherit;cursor:pointer}.station-map-forecast-timebar>button:disabled{opacity:.28;cursor:default}.station-map-forecast-timebar>div{display:grid;gap:4px;min-width:0}.station-map-forecast-timebar span{display:block;overflow:hidden;color:#e7e7eb;font-size:8.2px;font-weight:850;text-align:center;text-overflow:ellipsis;white-space:nowrap}.station-map-forecast-timebar span[data-mode="850"]{color:#a9dcff}.station-map-forecast-timebar input{width:100%;height:12px;margin:0;accent-color:#64d2ff;cursor:pointer}
.station-map-forecast-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;margin:0 0 10px;padding:9px 10px;border:1px solid rgba(90,200,250,.18);border-radius:11px;background:linear-gradient(135deg,rgba(32,105,145,.17),rgba(255,255,255,.025))}.station-map-forecast-banner>span{align-self:center;color:#aab7c0;font-size:7.3px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.station-map-forecast-banner>strong{font-size:18px;line-height:1}.station-map-forecast-banner>small{grid-column:1/-1;color:#8b8d96;font-size:7.2px;font-weight:700;line-height:1.35}
.station-map-view.controls-idle .station-map-forecast-timebar,.station-map-view.controls-idle .station-map-forecast-menu{opacity:.24}
@media(max-width:759px){.station-map-forecast-menu{top:52px;left:51px;width:min(205px,calc(100vw - 102px))}.station-map-forecast-timebar{bottom:max(49px,calc(env(safe-area-inset-bottom) + 43px));grid-template-columns:38px minmax(120px,1fr) 38px;gap:5px;width:min(430px,calc(100vw - 78px));padding:6px}.station-map-forecast-timebar>button{height:32px;font-size:8px}.station-map-forecast-timebar span{font-size:7.6px}.station-map-forecast-banner>strong{font-size:16px}}
@media(max-width:380px){.station-map-forecast-timebar{width:calc(100vw - 68px);grid-template-columns:35px minmax(105px,1fr) 35px}.station-map-forecast-timebar span{font-size:7px}}
@media(max-width:980px) and (orientation:landscape) and (max-height:620px){.station-map-forecast-menu{top:48px;max-height:calc(100dvh - 58px);overflow:auto}.station-map-forecast-timebar{bottom:max(7px,env(safe-area-inset-bottom));width:min(440px,calc(100vw - 150px))}}

/* V1.7.3.15 — primary data rail on the right, utility rail on the left */
.station-map-quick-rail{left:auto!important;right:12px!important}.station-map-quick-label{left:auto!important;right:46px;transform:translateY(-50%) translateX(3px)}.station-map-quick-rail button.active .station-map-quick-label{transform:translateY(-50%) translateX(0)}
.station-map-mobile-source,.station-map-mobile-layers,.station-map-reset,.station-map-locate,.station-map-3d-toggle{right:auto!important;left:12px!important}
.station-map-mobile-source[data-control-label]::after,.station-map-mobile-layers[data-control-label]::after,.station-map-reset[data-control-label]::after,.station-map-locate[data-control-label]::after,.station-map-3d-toggle[data-control-label]::after{right:auto!important;left:calc(100% + 6px)}
.station-map-view.active #stationMapVariableMenu{left:auto!important;right:60px!important}.station-map-view.active .station-map-source-menu,.station-map-view.active .station-map-layer-menu{right:auto!important;left:60px!important}.station-map-forecast-menu{left:auto!important;right:60px!important}
@media(max-width:759px){.station-map-quick-label{right:43px}.station-map-view.active #stationMapVariableMenu{right:51px!important}.station-map-view.active .station-map-source-menu,.station-map-view.active .station-map-layer-menu{left:51px!important}.station-map-forecast-menu{right:51px!important}}

/* V1.7.3.15 — centered wind compass and compact archive extremes */
.station-map-wind-reuse{display:flex;flex-direction:column;align-items:center;justify-content:center}.station-map-wind-reuse .station-map-wind-clone{position:relative!important;left:auto!important;right:auto!important;margin:0 auto!important;transform:scale(.78)!important;transform-origin:center center!important}.station-map-wind-reuse .station-map-wind-clone .circle-card-inner{position:relative!important;margin-inline:auto!important}.station-map-wind-reuse .station-map-wind-clone .compass-pointer{inset:0!important;transform-origin:50% 50%!important}
.station-map-extreme-section{margin-top:9px}.station-map-extreme-title{margin:0 0 5px;color:#888892;font-size:7px;font-weight:900;letter-spacing:.07em}.station-map-extreme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.station-map-extreme-grid>div{min-width:0;padding:7px 5px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:#17171c;text-align:center}.station-map-extreme-grid span{display:block;color:#777780;font-size:6.8px;font-weight:800}.station-map-extreme-grid b{display:block;margin-top:3px;overflow:hidden;color:#d2d2d8;font-size:7.4px;font-weight:850;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.station-map-extreme-grid .station-map-extreme-empty{grid-column:1/-1;color:#777780}
.station-map-extreme-times{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:-3px;margin-bottom:4px}.station-map-extreme-times button{min-height:25px!important}

/* V1.7.3.15 — refined forecast controls, monthly rain and light map option */
.station-map-forecast-menu{width:min(196px,calc(100vw - 112px));padding:5px;border-radius:11px;box-shadow:0 10px 28px rgba(0,0,0,.30)}
.station-map-forecast-title{padding:2px 5px 5px;font-size:6.6px}
.station-map-forecast-menu button{gap:7px;min-height:36px;margin-bottom:3px;padding:5px 7px;border-radius:8px;font-size:9px}
.station-map-forecast-menu button>span{gap:1px}.station-map-forecast-menu button small{font-size:6.6px}.station-map-forecast-glyph{display:grid;place-items:center;width:24px;min-width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.045);color:#b9dcf3;font-size:7.5px;line-height:1}
.station-map-forecast-timebar{bottom:47px;grid-template-columns:34px minmax(130px,310px) 34px;gap:5px;width:min(398px,calc(100vw - 116px));padding:4px 5px;border-radius:11px;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.station-map-forecast-timebar>button{height:27px;border-radius:7px;font-size:7.5px}.station-map-forecast-timebar>div{gap:2px}.station-map-forecast-timebar span{font-size:7.2px}.station-map-forecast-timebar input{height:9px}
.station-map-forecast-timebar input::-webkit-slider-runnable-track{height:3px;border-radius:999px}.station-map-forecast-timebar input::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px}.station-map-forecast-timebar input::-moz-range-track{height:3px;border-radius:999px}.station-map-forecast-timebar input::-moz-range-thumb{width:13px;height:13px}
.station-map-base-choice{grid-template-columns:repeat(3,minmax(0,1fr))}.station-map-rain-monthly{margin:2px 6px 6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.055)}.station-map-rain-monthly>button{appearance:none;width:100%;min-height:31px;padding:0 9px;border:1px solid rgba(100,210,255,.10);border-radius:8px;background:rgba(100,210,255,.035);color:#c5dce8;text-align:left;font:780 8.5px inherit;cursor:pointer}.station-map-rain-monthly>button:hover{background:rgba(100,210,255,.08);color:#fff}.station-map-rain-monthly .station-map-menu-title{padding-left:3px;padding-right:3px}.station-map-rain-monthly .station-map-menu-title small{float:right;color:#64646c;font-size:6.5px;letter-spacing:0;text-transform:none}
@media(max-width:759px){.station-map-forecast-menu{width:min(188px,calc(100vw - 102px));padding:5px}.station-map-forecast-timebar{bottom:max(45px,calc(env(safe-area-inset-bottom) + 40px));grid-template-columns:32px minmax(112px,1fr) 32px;gap:4px;width:min(372px,calc(100vw - 74px));padding:4px}.station-map-forecast-timebar>button{height:27px;font-size:7.2px}.station-map-forecast-timebar span{font-size:7px}}
@media(max-width:980px) and (orientation:landscape) and (max-height:620px){.station-map-view.active,.station-map-view.active .station-map-page,.station-map-view.active .station-map-canvas-wrap{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important}.station-map-view.active .station-map-topbar{top:4px;left:5px;right:5px;min-height:36px}.station-map-view.active .station-map-topbar p{display:none}.station-map-view.active .station-map-back{width:34px;min-width:34px;height:34px;min-height:34px}.station-map-quick-rail{top:45px!important;gap:3px}.station-map-quick-rail button{width:33px;height:33px;border-radius:9px}.station-map-mobile-source{top:45px!important}.station-map-mobile-layers{top:83px!important}.station-map-reset{top:121px!important}.station-map-locate{top:161px!important}.station-map-3d-toggle{top:201px!important}.station-map-forecast-menu{top:43px;right:47px!important}.station-map-forecast-timebar{bottom:max(5px,env(safe-area-inset-bottom));width:min(372px,calc(100vw - 144px))}}

/* V1.7.3.15 — map typography legibility */
.station-map-popover>button,.station-map-rain-times button,.station-map-choice button{font-size:9.3px}.station-map-popover>button small{font-size:7.7px}.station-map-menu-title{font-size:7.7px}.station-map-layer-menu>small{font-size:7.6px}.station-map-mobile-source,.station-map-mobile-layers{font-size:8.3px}.station-map-legend{font-size:7.8px}.station-map-panel-kicker,.station-map-panel-time{font-size:8.6px}.station-map-field span{font-size:8.2px}.station-map-model-head span{font-size:7.8px}.station-map-model-head small,.station-map-model-grid small{font-size:7.3px}.station-map-model-grid span{font-size:7.9px}.station-map-v173-head>span,.station-map-mini-head>span{font-size:8.4px}.station-map-v173-head small{font-size:7.7px}.station-map-trend-grid div{font-size:7.5px}.station-map-daily-grid span,.station-map-daily-grid small{font-size:7.2px}.station-map-daily-grid small{font-size:6.8px}.station-map-mini-periods button{font-size:7.2px}.station-map-mini-card>div:first-child,.station-map-6h-summary,.station-map-wind-value{font-size:7.7px}.station-map-extreme-title{font-size:7.5px}.station-map-extreme-grid span{font-size:7.2px}.station-map-extreme-grid b{font-size:8px}
@media(max-width:759px){.station-map-view.active .station-map-topbar p{font-size:7.7px}.station-map-view.active .station-map-count{font-size:7.6px}.station-map-popover>button,.station-map-rain-times button,.station-map-choice button{font-size:9.1px}.station-map-menu-title{font-size:7.5px}.station-map-quick-label{font-size:7.5px}.station-map-mobile-source[data-control-label]::after,.station-map-mobile-layers[data-control-label]::after,.station-map-reset[data-control-label]::after,.station-map-locate[data-control-label]::after,.station-map-3d-toggle[data-control-label]::after{font-size:7.1px}.station-map-legend{font-size:7.2px}.station-map-panel-kicker,.station-map-panel-time{font-size:8.2px}.station-map-field span{font-size:8px}.station-map-model-head small,.station-map-model-grid small{font-size:7.1px}.station-map-v173-head small{font-size:7.4px}}
@media(max-width:980px) and (orientation:landscape) and (max-height:620px){.station-map-view.active .station-map-back-label{display:none!important}.station-map-view.active .station-map-back{padding:0!important}.station-map-view.active .station-map-topbar h1{font-size:14px}}

/* V1.7.3.16 — lazy MGM Samsun radar overlay controls */
.station-map-radar-controls{position:absolute;z-index:33;left:50%;bottom:48px;transform:translateX(-50%);width:min(430px,calc(100% - 130px));padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(8,8,11,.91);color:#e7e8ed;box-shadow:0 14px 38px rgba(0,0,0,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-variant-numeric:tabular-nums;pointer-events:auto}
.station-map-radar-controls[hidden]{display:none!important}
.station-map-radar-3d-button{width:40px!important;height:27px!important;border:1px solid rgba(80,203,255,.55)!important;border-radius:8px!important;background:rgba(24,135,181,.18)!important;color:#76dcff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.05em!important;cursor:pointer!important}.station-map-radar-3d-button:hover{background:rgba(28,163,217,.3)!important}.station-map-radar-3d-button:disabled{opacity:.55;cursor:wait!important}
.station-map-canvas-wrap.radar3d-active>.station-map-radar-controls{display:none!important}
.station-map-radar-3d{position:absolute;inset:0;z-index:45;display:grid;place-items:center;padding:54px 72px 42px;background:rgba(0,4,8,.56);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto}
.radar3d-card{display:grid;grid-template-rows:auto minmax(250px,1fr) auto auto;width:min(100%,1050px);height:min(100%,760px);overflow:hidden;border:1px solid rgba(117,213,255,.25);border-radius:20px;background:rgba(5,9,14,.97);color:#f4f7fa;box-shadow:0 24px 80px rgba(0,0,0,.68)}
.radar3d-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(27,151,204,.13),transparent)}
.radar3d-card>header>div{display:grid;gap:3px}.radar3d-card>header strong{font-size:15px;line-height:1}.radar3d-card>header strong i{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:8px;background:#6e2529;color:#ff969b;font-size:8px;font-style:normal;text-transform:uppercase}.radar3d-card>header span{color:#929dac;font-size:9px;font-weight:650}
.radar3d-card>header button{height:31px;padding:0 11px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:#202630;color:#e8eef3;font-size:10px;font-weight:850;cursor:pointer}
.radar3d-stage{position:relative;min-height:0;overflow:hidden;background:#05090d}.radar3d-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.radar3d-stage canvas:active{cursor:grabbing}
.radar3d-loading{position:absolute;inset:0;display:grid;place-content:center;gap:7px;text-align:center;background:rgba(3,7,11,.78);pointer-events:none}.radar3d-loading b{font-size:13px}.radar3d-loading span{color:#8f9cab;font-size:10px}
.radar3d-orbit{position:absolute;left:12px;bottom:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.52);color:#abb7c3;font-size:9px;font-weight:700;pointer-events:none}
.radar3d-info{position:absolute;right:12px;top:12px;display:grid;min-width:210px;gap:4px;padding:10px 29px 10px 11px;border:1px solid rgba(101,213,255,.35);border-radius:11px;background:rgba(4,10,16,.9);box-shadow:0 8px 28px rgba(0,0,0,.42);font-size:10px}.radar3d-info[hidden]{display:none}.radar3d-info strong{font-size:11px;color:#79dcff}.radar3d-info span{color:#b7c2cc}.radar3d-info b{color:#fff}.radar3d-info button{position:absolute;right:5px;top:5px;width:21px;height:21px;border:0;border-radius:7px;background:#202832;color:#fff;cursor:pointer}
.radar3d-bands{display:flex;gap:6px;overflow-x:auto;padding:9px 12px;border-top:1px solid rgba(255,255,255,.08);scrollbar-width:thin}.radar3d-bands button{flex:1 0 62px;height:29px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#171c24;color:#aeb7c1;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}.radar3d-bands button.active{border-color:#4ed1ff;background:#12384a;color:#dff8ff;box-shadow:inset 0 0 0 1px rgba(75,210,255,.2)}
.radar3d-bands::-webkit-scrollbar{height:3px}.radar3d-bands::-webkit-scrollbar-track{background:#090c11}.radar3d-bands::-webkit-scrollbar-thumb{border-radius:3px;background:#48525e}
.radar3d-card>footer{display:flex;align-items:center;gap:10px;padding:0 13px 11px;color:#8895a3;font-size:9px}.radar3d-card>footer b{color:#bcd6e3;font-size:9px}.radar3d-card>footer span{margin-left:auto;text-align:right}
@media(max-width:760px){.station-map-radar-3d{padding:48px 45px 39px}.radar3d-card{height:100%;border-radius:15px}.radar3d-card>header{padding:9px 10px}.radar3d-card>header strong{font-size:12px}.radar3d-card>header span{font-size:7.5px}.radar3d-card>header button{height:28px;font-size:8px}.radar3d-bands{gap:4px;padding:7px 8px}.radar3d-bands button{flex-basis:54px;height:25px;font-size:8px}.radar3d-card>footer{display:grid;gap:2px;padding:0 9px 8px;font-size:7.5px}.radar3d-card>footer span{margin:0;text-align:left}.radar3d-orbit{font-size:7.5px}.radar3d-info{right:7px;top:7px;min-width:180px;font-size:8.5px}}
@media(max-height:520px) and (orientation:landscape){.station-map-radar-3d{padding:8px 48px}.radar3d-card{width:min(100%,900px);height:100%;grid-template-rows:auto minmax(180px,1fr) auto auto}.radar3d-card>header{padding:6px 9px}.radar3d-card>header span{display:none}.radar3d-card>header button{height:25px}.radar3d-bands{padding:5px 8px}.radar3d-bands button{height:23px}.radar3d-card>footer{display:flex;padding:0 9px 5px}.radar3d-card>footer span{margin-left:auto;text-align:right}}
.station-map-radar-3d-panel{position:absolute;z-index:38;left:50%;bottom:47px;transform:translateX(-50%);width:min(640px,calc(100% - 145px));overflow:hidden;border:1px solid rgba(91,204,250,.25);border-radius:15px;background:rgba(5,8,12,.92);color:#edf3f7;box-shadow:0 15px 46px rgba(0,0,0,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto}
.station-map-radar-3d-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.09)}.station-map-radar-3d-panel>header>div{display:grid;gap:2px;min-width:0}.station-map-radar-3d-panel>header strong{font-size:11px;line-height:1}.station-map-radar-3d-panel>header strong i{display:inline-flex;margin-left:4px;padding:2px 5px;border-radius:6px;background:#6d2228;color:#ff959b;font-size:7px;font-style:normal;text-transform:uppercase}.station-map-radar-3d-panel>header span{overflow:hidden;color:#8f9aa6;font-size:7.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.station-map-radar-3d-panel>header button{flex:0 0 auto;height:27px;padding:0 9px;border:1px solid rgba(90,210,255,.32);border-radius:8px;background:#182732;color:#dff7ff;font-size:8px;font-weight:850;cursor:pointer}
.radar3d-map-help{padding:6px 9px 0;color:#a9b4be;font-size:7.5px;font-weight:650}.station-map-radar-3d-panel.loading .radar3d-map-help{color:#67d8ff}.station-map-radar-3d-panel.failed .radar3d-map-help{color:#ff9797}
.station-map-radar-3d-panel .radar3d-bands{padding:6px 8px;border-top:0}.station-map-radar-3d-panel .radar3d-bands button{height:24px;flex-basis:55px;font-size:7.5px}
.radar3d-map-info{position:relative;display:flex;align-items:center;gap:8px;margin:0 8px 6px;padding:6px 26px 6px 8px;border:1px solid rgba(81,207,255,.22);border-radius:8px;background:rgba(20,58,74,.42);font-size:7.5px}.radar3d-map-info[hidden]{display:none}.radar3d-map-info strong{color:#72ddff}.radar3d-map-info span{color:#c2ccd3}.radar3d-map-info button{position:absolute;right:4px;top:3px;width:20px;height:20px;border:0;border-radius:6px;background:#202832;color:#fff;cursor:pointer}
.station-map-radar-3d-panel>footer{display:flex;align-items:center;gap:8px;padding:0 9px 7px;color:#8895a3;font-size:7.5px}.station-map-radar-3d-panel>footer b{color:#bad9e6;font-size:7.5px}.station-map-radar-3d-panel>footer span{margin-left:auto;text-align:right}
@media(max-width:760px){.station-map-radar-3d-panel{left:44px;right:44px;bottom:max(42px,calc(env(safe-area-inset-bottom) + 40px));width:auto;transform:none;border-radius:12px}.station-map-radar-3d-panel>header{padding:6px 7px}.station-map-radar-3d-panel>header strong{font-size:9px}.station-map-radar-3d-panel>header span{max-width:205px;font-size:6.5px}.station-map-radar-3d-panel>header button{height:24px;font-size:7px}.radar3d-map-help{padding:5px 7px 0;font-size:6.5px}.station-map-radar-3d-panel .radar3d-bands{gap:3px;padding:5px 6px}.station-map-radar-3d-panel .radar3d-bands button{height:22px;flex-basis:48px;font-size:6.5px}.station-map-radar-3d-panel>footer{display:grid;gap:1px;padding:0 7px 5px;font-size:6.5px}.station-map-radar-3d-panel>footer span{margin:0;text-align:left}.radar3d-map-info{display:grid;gap:2px;font-size:6.5px}}
@media(max-height:520px) and (orientation:landscape){.station-map-radar-3d-panel{bottom:7px;width:min(590px,calc(100% - 130px))}.radar3d-map-help{display:none}.station-map-radar-3d-panel .radar3d-bands{padding:4px 6px}.station-map-radar-3d-panel>footer{display:flex;padding-bottom:4px}.station-map-radar-3d-panel>footer span{margin-left:auto;text-align:right}}
.station-map-radar-3d-panel .radar3d-opacity{display:flex;gap:5px;padding:6px 8px 0}.station-map-radar-3d-panel .radar3d-opacity button{flex:1;height:23px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#20252c;color:#bfc9d2;font-size:7.5px;font-weight:800;cursor:pointer}.station-map-radar-3d-panel .radar3d-opacity button.active{border-color:#57d1ff;background:#16455b;color:#eafaff;box-shadow:inset 0 0 0 1px rgba(87,209,255,.14)}@media(max-width:760px){.station-map-radar-3d-panel .radar3d-opacity{gap:3px;padding:5px 6px 0}.station-map-radar-3d-panel .radar3d-opacity button{height:21px;font-size:6.5px}}
.radar3d-timeline{display:grid;grid-template-columns:25px 29px 25px minmax(80px,1fr) 42px;align-items:center;gap:5px;padding:6px 8px 0}.radar3d-timeline button{height:23px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#20252c;color:#dce6ee;font-size:13px;font-weight:850;cursor:pointer}.radar3d-timeline button.play{background:#dce7ee;color:#111820}.radar3d-timeline input{width:100%;accent-color:#55d2ff}.radar3d-timeline strong{color:#c7d1d9;font-size:7px;text-align:right;white-space:nowrap}.station-map-radar-3d-panel.loading .radar3d-timeline{opacity:.64;pointer-events:none}@media(max-width:760px){.radar3d-timeline{grid-template-columns:22px 26px 22px minmax(60px,1fr) 36px;gap:3px;padding:5px 6px 0}.radar3d-timeline button{height:21px}.radar3d-timeline strong{font-size:6px}}
@media(min-width:761px){.station-map-mobile-source[data-control-label]::after,.station-map-mobile-layers[data-control-label]::after,.station-map-reset[data-control-label]::after,.station-map-locate[data-control-label]::after,.station-map-3d-toggle[data-control-label]::after{font-size:9.2px!important;padding:4px 6px!important}.station-map-quick-label{font-size:8.8px!important}}
.station-map-radar-head{display:grid;grid-template-columns:auto minmax(0,1fr) 25px;align-items:center;gap:7px;min-height:27px}
.station-map-radar-title{display:flex;align-items:center;gap:6px;min-width:0;font-size:10px;white-space:nowrap}.station-map-radar-title .station-map-mini-svg{width:17px;height:17px;color:#64d2ff}.station-map-radar-title i{padding:3px 5px;border-radius:5px;background:rgba(255,69,58,.17);color:#ff7770;font-size:6.8px;font-style:normal;font-weight:900;letter-spacing:.45px}
.station-map-radar-head>span:nth-child(2){overflow:hidden;color:#92959f;font-size:7.4px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.station-map-radar-head>span.error{color:#ff8b85}
.station-map-radar-head>button,.station-map-radar-timeline button,.station-map-radar-opacity button{appearance:none;font-family:inherit;border:1px solid rgba(255,255,255,.11);background:rgba(46,47,54,.72);color:#c9cbd2;cursor:pointer}
.station-map-radar-head>button{width:25px;height:25px;padding:0;border-radius:8px;font-size:16px;line-height:1}
.station-map-radar-opacity{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:7px}
.station-map-radar-opacity button{height:24px;padding:0;border-radius:7px;font-size:7.7px;font-weight:850}.station-map-radar-opacity button.active{border-color:rgba(100,210,255,.55);background:rgba(32,138,193,.35);color:#ebfaff;box-shadow:inset 0 0 0 1px rgba(100,210,255,.12)}
.station-map-radar-timeline{display:grid;grid-template-columns:27px 31px 27px minmax(70px,1fr) 45px;align-items:center;gap:5px;margin-top:7px}.station-map-radar-timeline button{width:27px;height:27px;padding:0;border-radius:8px;font-size:15px;font-weight:850;line-height:1}.station-map-radar-timeline button.play{width:31px;color:#fff;background:rgba(62,65,74,.92)}
.station-map-radar-timeline input{width:100%;height:20px;margin:0;accent-color:#5ac8fa;cursor:pointer}.station-map-radar-timeline strong{font-size:7.8px;color:#d4d5db;text-align:right;white-space:nowrap}
.station-map-radar-svg{stroke-width:1.8}

@media(max-width:759px){
  .station-map-radar-controls{left:50px;right:50px;bottom:max(45px,calc(env(safe-area-inset-bottom) + 43px));width:auto;transform:none;padding:7px;border-radius:13px}
  .station-map-radar-head{grid-template-columns:auto minmax(0,1fr) 24px;gap:5px}.station-map-radar-title{font-size:8.6px}.station-map-radar-title i{font-size:6px}.station-map-radar-head>span:nth-child(2){font-size:6.7px}.station-map-radar-head>button{width:24px;height:24px}
  .station-map-radar-opacity{gap:3px;margin-top:6px}.station-map-radar-opacity button{height:23px;font-size:7px}
  .station-map-radar-timeline{grid-template-columns:25px 29px 25px minmax(54px,1fr) 39px;gap:4px;margin-top:6px}.station-map-radar-timeline button{width:25px;height:25px}.station-map-radar-timeline button.play{width:29px}.station-map-radar-timeline strong{font-size:7px}
}
@media(max-width:380px){
  .station-map-radar-controls{left:43px;right:43px}.station-map-radar-title strong{font-size:8px}.station-map-radar-title i{display:none}.station-map-radar-head>span:nth-child(2){font-size:6.2px}.station-map-radar-timeline{grid-template-columns:24px 28px 24px minmax(45px,1fr) 36px}
}

/* V1.7.3.17 — clearer compact map controls */
.station-map-popover>button,.station-map-rain-times button,.station-map-choice button{font-size:10px;line-height:1.25}
.station-map-popover>button small{font-size:8.2px}.station-map-menu-title{font-size:8.3px}
.station-map-panel-kicker,.station-map-panel-time{font-size:9.1px}.station-map-field span{font-size:8.8px}
.station-map-model-head span{font-size:8.4px}.station-map-model-head small,.station-map-model-grid small{font-size:7.9px}
.station-map-v173-head>span,.station-map-mini-head>span{font-size:8.9px}.station-map-v173-head small{font-size:8.1px}
.station-map-wind-value,.station-map-6h-summary,.station-map-mini-card>div:first-child{font-size:8.3px}
.station-map-forecast-menu{width:min(210px,calc(100vw - 112px));padding:7px;border-radius:13px}
.station-map-forecast-title{padding:3px 6px 7px;font-size:7.6px}
.station-map-forecast-menu button{gap:8px;min-height:42px;margin-bottom:4px;padding:6px 8px;border-radius:10px;font-size:10px}
.station-map-forecast-menu button small{font-size:7.6px;line-height:1.25}.station-map-forecast-glyph{width:27px;min-width:27px;height:27px;font-size:9px}
.station-map-forecast-timebar{grid-template-columns:38px minmax(140px,320px) 38px;gap:6px;width:min(420px,calc(100vw - 116px));padding:6px 7px;border-radius:13px}
.station-map-forecast-timebar>button{height:31px;border-radius:8px;font-size:8.4px}.station-map-forecast-timebar>div{gap:3px}.station-map-forecast-timebar span{font-size:8.3px}.station-map-forecast-timebar input{height:12px}
.station-map-radar-title{font-size:10.4px}.station-map-radar-head>span:nth-child(2){font-size:8px}.station-map-radar-opacity button{font-size:8.2px}.station-map-radar-timeline strong{font-size:8.2px}
@media(min-width:760px){
  .station-map-quick-rail button{width:44px;height:44px;border-radius:13px;font-size:17px}
  .station-map-quick-rail .station-map-mini-svg{width:22px;height:22px}.station-map-quick-label{right:50px;font-size:8.9px}
}
@media(max-width:759px){
  .station-map-quick-rail button{width:41px;height:41px;font-size:16px}.station-map-quick-rail .station-map-mini-svg{width:21px;height:21px}.station-map-quick-label{font-size:8px}
  .station-map-popover>button,.station-map-rain-times button,.station-map-choice button{font-size:9.7px}.station-map-menu-title{font-size:8px}
  .station-map-panel-kicker,.station-map-panel-time{font-size:8.7px}.station-map-field span{font-size:8.5px}
  .station-map-forecast-menu{width:min(202px,calc(100vw - 102px));padding:6px}.station-map-forecast-menu button{min-height:40px;font-size:9.6px}.station-map-forecast-menu button small{font-size:7.4px}
  .station-map-forecast-timebar{grid-template-columns:35px minmax(116px,1fr) 35px;width:min(390px,calc(100vw - 74px));padding:5px}.station-map-forecast-timebar>button{height:30px;font-size:8px}.station-map-forecast-timebar span{font-size:7.8px}
  .station-map-radar-title{font-size:9.3px}.station-map-radar-head>span:nth-child(2){font-size:7.5px}.station-map-radar-opacity button{font-size:7.8px}.station-map-radar-timeline strong{font-size:7.7px}
}
@media(max-width:980px) and (orientation:landscape) and (max-height:620px){.station-map-quick-rail button{width:36px;height:36px}.station-map-quick-rail .station-map-mini-svg{width:19px;height:19px}}


/* V1.7.3.18 — balanced mobile controls and clearer forecast glyph */
.station-map-forecast-svg{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}
.station-map-radar-timeline input{touch-action:none}
@media(max-width:759px){
  .station-map-quick-rail{gap:4px}.station-map-quick-rail button{width:38px;height:38px;border-radius:11px;font-size:15px}.station-map-quick-rail .station-map-mini-svg{width:19px;height:19px}.station-map-quick-label{right:41px;font-size:7.6px}
  .station-map-forecast-menu{width:min(194px,calc(100vw - 100px));padding:5px}.station-map-forecast-menu button{min-height:37px;padding:5px 7px;font-size:9.2px}.station-map-forecast-menu button small{font-size:7.1px}.station-map-forecast-glyph{width:25px;min-width:25px;height:25px}
  .station-map-radar-controls{padding:6px}.station-map-radar-opacity button{height:22px}.station-map-radar-timeline button{height:25px}
}


/* V1.7.3.19 — each map icon opens only its own compact choices */
#stationMapVariableMenu.station-map-scoped-menu{min-width:0;width:min(350px,calc(100vw - 118px));padding:9px 10px;border-radius:15px}
#stationMapVariableMenu.station-map-scoped-menu[data-menu-scope="humidity"],#stationMapVariableMenu.station-map-scoped-menu[data-menu-scope="dew"],#stationMapVariableMenu.station-map-scoped-menu[data-menu-scope="wind"]{width:min(300px,calc(100vw - 118px))}
#stationMapVariableMenu .station-map-scope-hidden{display:none!important}
#stationMapVariableMenu.station-map-scoped-menu>.station-map-menu-title:first-child{padding:1px 3px 8px;color:#c8cad1;font-size:9px;letter-spacing:.055em}
#stationMapVariableMenu.station-map-scoped-menu>button{min-height:36px;margin:0 0 3px;border-radius:9px}
#stationMapVariableMenu.station-map-scoped-menu>.station-map-rain-times{margin:4px 0 2px}
@media(max-width:759px){
  #stationMapVariableMenu.station-map-scoped-menu{width:min(330px,calc(100vw - 106px));max-height:min(70dvh,520px);padding:7px 8px;border-radius:13px}
  #stationMapVariableMenu.station-map-scoped-menu[data-menu-scope="humidity"],#stationMapVariableMenu.station-map-scoped-menu[data-menu-scope="dew"],#stationMapVariableMenu.station-map-scoped-menu[data-menu-scope="wind"]{width:min(270px,calc(100vw - 106px))}
  #stationMapVariableMenu.station-map-scoped-menu>button{min-height:34px}
}


/* V1.7.3.20 — compact current pressure-level group */
+#stationMapVariableMenu.station-map-scoped-menu>.station-map-menu-separator{margin-top:7px;padding-top:8px!important;font-size:7.7px}


/* V1.7.3.21 — radar render release */


/* V1.7.3.22 — monthly archive availability release */


/* V1.7.3.24 — monthly metric availability */
#stationMapVariableMenu .station-map-monthly-metric button:disabled,
#stationMapVariableMenu #stationMapMonthlyGroup button:disabled{opacity:.38;cursor:default;filter:saturate(.25)}
#stationMapVariableMenu .station-map-monthly-metric button:disabled:hover,
#stationMapVariableMenu #stationMapMonthlyGroup button:disabled:hover{transform:none;background:rgba(255,255,255,.035)}

/* V1.7.3.34 — compact map identity, clock, search and local favorites */
.station-map-head-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:6px!important;min-width:0;padding:0 2px!important;text-shadow:none!important}
.station-map-wordmark{font-size:17px;font-weight:950;letter-spacing:-.7px;color:#f5f7fa}.station-map-wordmark>span{color:#55cfff}
.station-map-search-toggle{appearance:none;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(18,20,27,.82);color:#d8dde3;display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.station-map-search-toggle>span{font-size:16px;line-height:1;color:#70d9ff}.station-map-search-toggle[aria-expanded="true"]{border-color:rgba(88,210,255,.38);background:rgba(25,92,121,.44);color:#fff}
.station-map-clock{min-width:93px;height:36px;padding:4px 8px;border:1px solid rgba(255,255,255,.105);border-radius:10px;background:rgba(12,15,21,.78);display:grid;align-content:center;justify-items:end;font-variant-numeric:tabular-nums;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.station-map-clock strong{font-size:10px;line-height:1;color:#eef5fa;letter-spacing:.35px}.station-map-clock span{margin-top:3px;color:#8d99a5;font-size:5.8px;font-weight:800;letter-spacing:.22px}
.station-map-search-panel{position:fixed;z-index:9490;top:62px;right:72px;width:min(360px,calc(100vw - 90px));max-height:calc(100dvh - 76px);padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(17,19,25,.97);box-shadow:0 20px 56px rgba(0,0,0,.52);overflow:auto;overscroll-behavior:contain;color:#eef1f4;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.station-map-search-panel[hidden]{display:none!important}
.station-map-search-panel>header{display:grid;grid-template-columns:minmax(0,1fr) auto 27px;align-items:center;gap:7px;padding:1px 1px 8px}.station-map-search-panel>header>div{display:grid;gap:2px}.station-map-search-panel>header strong{font-size:11px}.station-map-search-panel>header span{color:#747e88;font-size:6.7px;font-weight:700}.station-map-search-panel>header>b{padding:4px 6px;border-radius:7px;background:rgba(83,205,255,.1);color:#74dcff;font-size:7px}.station-map-search-panel>header>button{width:27px;height:27px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#262a32;color:#e7e9ed;font-size:16px;cursor:pointer}
.station-map-search-input{height:37px;padding:0 10px;margin-bottom:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#101219;display:flex;align-items:center;gap:7px}.station-map-search-input>span{color:#69d6ff;font-size:16px}.station-map-search-input input{width:100%;border:0;outline:0;background:transparent;color:#f3f5f7;font-family:inherit;font-size:9px;font-weight:750}.station-map-search-input input::placeholder{color:#626b75}
.station-map-favorite-list{display:grid;gap:5px}.station-map-favorite-card{position:relative;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.025);overflow:hidden}.station-map-favorite-main{appearance:none;width:100%;min-height:60px;padding:8px 32px 8px 9px;border:0;background:transparent;color:#eef1f4;text-align:left;display:grid;gap:2px;cursor:pointer}.station-map-favorite-main>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.station-map-favorite-main>span{color:#77818c;font-size:6.7px}.station-map-favorite-main>div{display:flex;align-items:center;gap:8px;margin-top:4px;color:#99a4af;font-size:6.8px}.station-map-favorite-main>div>b{color:#ffd20a;font-size:11px}.station-map-favorite-main>div>small{font-size:6.8px}.station-map-favorite-main>div>i{margin-left:auto;color:#68727c;font-size:6.3px;font-style:normal}.station-map-favorite-remove{position:absolute;right:6px;top:6px;width:22px;height:22px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#262a31;color:#9ca5ae;cursor:pointer}
.station-map-favorite-empty,.station-map-search-hint{padding:12px 9px;border:1px dashed rgba(255,255,255,.085);border-radius:10px;color:#737d87;font-size:7.4px;line-height:1.45;text-align:center}.station-map-search-section-title{margin:10px 2px 6px;color:#838d97;font-size:6.8px;font-weight:900;letter-spacing:.65px;text-transform:uppercase}.station-map-search-results{display:grid;gap:4px}.station-map-search-result{min-height:45px;padding:5px 5px 5px 8px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(255,255,255,.018);display:grid;grid-template-columns:minmax(0,1fr) auto 29px;align-items:center;gap:5px}.station-map-search-result>div{min-width:0;display:grid;gap:2px}.station-map-search-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.3px}.station-map-search-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#727c86;font-size:6.4px}.station-map-search-result>button{height:28px;padding:0 7px;border:1px solid rgba(91,208,255,.18);border-radius:8px;background:rgba(53,147,187,.09);color:#cdefff;font-family:inherit;font-size:7px;font-weight:800;cursor:pointer;white-space:nowrap}.station-map-search-result>button:last-child{width:29px;padding:0;font-size:13px}.station-map-search-result>button.active{color:#ffd60a;border-color:rgba(255,214,10,.22);background:rgba(255,214,10,.07)}
.station-map-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.station-map-panel-actions button{min-height:34px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.03);color:#bcc5ce;font-family:inherit;font-size:8px;font-weight:800;cursor:pointer}.station-map-panel-actions button:first-child{border-color:rgba(255,214,10,.18);color:#f0d66d}.station-map-panel-actions button:first-child.active{background:rgba(255,214,10,.09);color:#ffe36c}
.station-map-search-pulse{width:18px;height:18px;border:2px solid #6ad9ff;border-radius:50%;background:rgba(73,204,255,.18);box-shadow:0 0 0 0 rgba(73,204,255,.55);animation:stationMapSearchPulse 1s ease-out infinite;pointer-events:none}@keyframes stationMapSearchPulse{to{box-shadow:0 0 0 20px rgba(73,204,255,0)}}
.radar3d-top-label{position:relative;padding:4px 7px;border:1px solid rgba(104,217,255,.36);border-radius:7px;background:rgba(8,15,22,.86);box-shadow:0 5px 16px rgba(0,0,0,.34);color:#eefaff;font-family:inherit;font-size:8px;font-weight:850;line-height:1;white-space:nowrap;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.radar3d-top-label:after{content:"";position:absolute;left:50%;top:100%;margin-left:-3px;border:3px solid transparent;border-top-color:rgba(104,217,255,.52)}
@media(max-width:759px){.station-map-wordmark{font-size:13px}.station-map-head-actions{gap:4px!important}.station-map-search-toggle{width:31px;height:31px;padding:0;justify-content:center}.station-map-search-toggle>b{display:none}.station-map-search-toggle>span{font-size:15px}.station-map-clock{min-width:66px;height:31px;padding:3px 5px}.station-map-clock strong{font-size:8px}.station-map-clock span{font-size:4.8px}.station-map-view.active .station-map-count{display:none}.station-map-search-panel{top:48px;left:44px;right:5px;width:auto;max-height:calc(100dvh - 55px);padding:8px;border-radius:13px}.station-map-search-panel>header strong{font-size:9.5px}.station-map-favorite-main{min-height:56px}.station-map-favorite-main>div{gap:6px}.station-map-search-result{grid-template-columns:minmax(0,1fr) auto 27px}.radar3d-top-label{font-size:6.5px;padding:3px 5px}}
@media(max-width:390px){.station-map-clock{display:none}.station-map-search-panel{left:40px}.station-map-wordmark{font-size:12px}}


/* Hasköy söküm/taşıma süresince arşivi silmeden otomatik pasif görünüm. */
#btn-haskoy,#station-haskoy,#forecast-haskoy{order:99}
.temporarily-passive{opacity:.42!important;filter:saturate(.35);cursor:not-allowed!important}
.temporarily-passive .station-health-dot{background:#777!important;box-shadow:none!important}

/* V1.7.3.35: separate contrast and unobtrusive, geometry-projected top labels. */
.station-map-radar-3d-panel .radar3d-setting-label{padding:5px 9px 0;color:#8f9aa7;font-size:9px;font-weight:600}
.station-map-radar-3d-panel .radar3d-contrast{display:flex;gap:5px;padding:4px 8px 0}
.station-map-radar-3d-panel .radar3d-contrast button{flex:1;min-height:26px;border:1px solid #ffffff21;border-radius:7px;background:#20252c;color:#bfc9d2;font-size:10px;font-weight:700;cursor:pointer}
.station-map-radar-3d-panel .radar3d-contrast button.active{border-color:#57d1ff;background:#16455b;color:#eafaff}
.radar3d-top-label{width:max-content;max-width:90px;padding:2px 4px;border:0;border-radius:3px;background:rgba(9,16,23,.38);box-shadow:none;color:rgba(239,249,255,.78);font-size:10px;font-weight:500;line-height:1.15;backdrop-filter:none;-webkit-backdrop-filter:none}
.radar3d-top-label:after{display:none}.radar3d-top-label[hidden]{display:none!important}
@media(max-width:759px){.radar3d-top-label{font-size:9px;padding:2px 3px}.station-map-radar-3d-panel .radar3d-contrast{gap:4px}}

/* Compact controls: contrast uses the same understated type as opacity. */
.station-map-radar-3d-panel .radar3d-setting-label{padding:3px 8px 0;font-size:7px;font-weight:500}
.station-map-radar-3d-panel .radar3d-contrast{gap:4px;padding:3px 8px 0}
.station-map-radar-3d-panel .radar3d-contrast button{min-height:22px;height:22px;font-size:7.5px;font-weight:600;border-radius:6px}
@media(max-width:760px){.station-map-radar-3d-panel .radar3d-contrast{gap:3px;padding:3px 6px 0}.station-map-radar-3d-panel .radar3d-contrast button{font-size:6.5px;height:21px;min-height:21px}.station-map-radar-3d-panel .radar3d-setting-label{font-size:6.5px;padding-left:7px}}

.radar3d-base-row{display:flex;align-items:center;gap:7px;padding:4px 8px 0;font-size:7px;color:#82909d}
.radar3d-base-row button{height:22px;padding:0 8px;border:1px solid #ffffff21;border-radius:6px;background:#20252c;color:#bfc9d2;font-family:inherit;font-size:7.5px;font-weight:600;cursor:pointer}
.radar3d-base-row button[aria-pressed="true"]{border-color:#57d1ff66;background:#16455b;color:#dcf5ff}
@media(max-width:760px){.radar3d-base-row{padding:4px 6px 0;font-size:6.5px}.radar3d-base-row button{height:21px;font-size:6.5px}}

/* V1.7.3.40: compact movable radar controls; touch and keyboard access. */
.station-map-radar-3d-panel{max-height:calc(100% - 12px);overflow-y:auto;overscroll-behavior:contain}
.station-map-radar-3d-panel>header{cursor:grab;touch-action:none;user-select:none;position:sticky;top:0;z-index:2;background:rgba(5,8,12,.96);gap:6px}
.station-map-radar-3d-panel.dragging>header{cursor:grabbing}
.station-map-radar-3d-panel>header>div{flex:1}
.station-map-radar-3d-panel>header [data-panel-collapse]{width:29px;padding:0;font-size:16px;font-weight:500}
.station-map-radar-3d-panel.collapsed{width:min(300px,calc(100% - 24px))!important;right:auto}
.station-map-radar-3d-panel.collapsed>:not(header):not(.radar3d-map-info){display:none!important}
.station-map-radar-3d-panel.collapsed>.radar3d-map-info{flex-wrap:wrap;margin-top:5px}
.station-map-radar-3d-panel.collapsed>.radar3d-map-info[hidden]{display:none!important}
button.radar3d-top-label{appearance:none;cursor:pointer;pointer-events:auto;font-family:inherit;text-align:center}
button.radar3d-top-label:focus-visible{outline:1px solid #8acfe9;outline-offset:2px}
@media(pointer:coarse){button.radar3d-top-label:before{content:"";position:absolute;inset:-9px}}
@media(max-width:760px){.station-map-radar-3d-panel>header{min-height:32px}.station-map-radar-3d-panel>header [data-panel-collapse]{width:30px;height:30px}.station-map-radar-3d-panel.collapsed{left:44px;max-width:calc(100% - 56px)!important}.station-map-radar-3d-panel .radar3d-map-info{font-size:7px}}

/* Shared 2D/3D idle fade and compact controls. */
.station-map-radar-controls,.station-map-radar-3d-panel,.maplibregl-ctrl-group{transition:opacity .35s ease}
.station-map-view.controls-idle .station-map-radar-controls:not(:hover),.station-map-view.controls-idle .station-map-radar-3d-panel:not(:hover):not(.dragging),.station-map-view.controls-idle .maplibregl-ctrl-group:not(:hover){opacity:.25}
.station-map-radar-controls:has(:focus-visible),.station-map-radar-3d-panel:has(:focus-visible){opacity:1!important}
.station-map-radar-head{display:flex!important;flex-wrap:wrap;align-items:center;gap:5px;cursor:grab;touch-action:none;user-select:none}
.station-map-radar-head .station-map-radar-title{flex:1;min-width:105px}.station-map-radar-head #stationMapRadarStatus{display:none!important}
#stationMapRadarClock{display:inline-block!important;font-size:8px;font-weight:600;color:#c3d6df;white-space:nowrap;font-variant-numeric:tabular-nums}
.station-map-radar-head [data-panel-collapse]{width:27px;height:27px;padding:0;border:1px solid #57d1ff55;border-radius:7px;background:#182732;color:#dff7ff;font-size:16px;cursor:pointer}
.station-map-radar-controls.collapsed{width:min(320px,calc(100% - 24px))!important;max-width:calc(100% - 24px)!important}
.station-map-radar-controls.collapsed>:not(.station-map-radar-head){display:none!important}
.station-map-radar-controls.dragging .station-map-radar-head{cursor:grabbing}
.station-map-rotate{display:block;width:100%;margin-top:8px;min-height:34px;border:1px solid #ffffff22;border-radius:8px;background:#19232e;color:#c8eaf8;font:inherit;font-size:10px}
@media(pointer:fine){.station-map-rotate{display:none}}
@media(max-width:760px){#stationMapRadarClock{font-size:7px}.station-map-radar-head .station-map-radar-title strong{font-size:8px}.station-map-radar-head .station-map-radar-title i{display:none}.station-map-radar-controls.collapsed{left:44px;right:auto;width:min(310px,calc(100% - 58px))!important}}

/* V1.7.3.40: compact lower-fill opacity and separate metric menus. */
.radar3d-base-row{flex-wrap:wrap;gap:5px}
.radar3d-lower-opacity{display:flex;align-items:center;gap:3px;margin-left:auto}
.radar3d-lower-opacity[hidden]{display:none!important}
.radar3d-lower-opacity>span{font-size:7px;margin-right:2px}
.radar3d-base-row .radar3d-lower-opacity button{padding:0 6px;font-size:7px;min-width:30px}
.station-map-quick-rail{align-items:flex-end}
.station-map-quick-group{display:flex;align-items:stretch;gap:3px;position:relative;flex-shrink:0}
.station-map-quick-rail .station-map-metric-options{width:24px;min-width:24px;height:auto;align-self:stretch;border-radius:7px;font-size:12px;box-shadow:none}
.station-map-quick-rail .station-map-metric-options[aria-expanded="true"]{border-color:#57d1ff;background:#16455b;color:#eafaff}
.station-map-quick-group .station-map-quick-label{right:calc(100% + 31px)}
.station-map-view.active #stationMapVariableMenu{right:88px!important;max-width:calc(100% - 100px)}
.station-map-metric-options:focus-visible{outline:2px solid #8bdcff;outline-offset:2px}
@media(max-width:760px){.radar3d-lower-opacity>span{font-size:6.5px}.radar3d-base-row .radar3d-lower-opacity button{font-size:6.5px;padding:0 5px}.station-map-view.active #stationMapVariableMenu{right:84px!important;max-width:calc(100% - 96px)}}

/* V39: stable touch controls and readable 2D frame time. */
.station-map-radar-head #stationMapRadarClock{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 100%;order:10;text-align:left!important;font-size:9px!important;line-height:1.3;color:#bed9e8!important;white-space:nowrap;min-height:12px}
.station-map-radar-3d-panel.loading .radar3d-timeline{pointer-events:auto;opacity:1}
.radar-touch-panel.station-map-radar-3d-panel,.radar-touch-panel.station-map-radar-controls{width:var(--radar-panel-width,320px)!important;max-width:calc(100% - 58px)!important;right:auto!important;left:44px;max-height:calc(100% - 64px);transition:opacity .35s ease}
.radar-touch-panel.collapsed{width:min(285px,calc(100% - 58px))!important}
.radar-touch-panel .radar3d-map-help{display:block!important;font-size:7px}
.radar-touch-panel.station-map-radar-3d-panel>footer{display:block!important;font-size:6.5px}
.radar-touch-panel.station-map-radar-3d-panel>footer span{display:block;text-align:left;margin:2px 0 0}
.radar-touch-panel .radar3d-bands{gap:3px;padding:4px 6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.radar-touch-panel .radar3d-bands button{min-width:0;height:22px}
.radar-touch-panel>header strong{font-size:9px}
.radar-touch-panel>header span{font-size:7px}
.station-map-view .maplibregl-canvas-container,.station-map-view .maplibregl-canvas{touch-action:none}
.station-map-view.controls-idle .station-map-radar-controls:not(:hover),.station-map-view.controls-idle .station-map-radar-3d-panel:not(:hover):not(.dragging),.station-map-view.controls-idle .maplibregl-ctrl-group:not(:hover){opacity:.45}
@media(pointer:coarse){.station-map-view.controls-idle .station-map-radar-controls,.station-map-view.controls-idle .station-map-radar-3d-panel:not(.dragging),.station-map-view.controls-idle .maplibregl-ctrl-group{opacity:.45}}

.radar-source-choices{display:flex;align-items:center;gap:5px;padding:5px 10px;flex-wrap:wrap}
.radar-source-choices button{font-size:9px;line-height:1.2;padding:5px 9px;min-height:26px;border:1px solid #3b4855;background:#19222a;color:#b8c7d2;border-radius:7px;cursor:pointer}
.radar-source-choices button.active{background:#123f50;border-color:#51d1f6;color:#e8faff}
.radar-source-choices [data-radar-live]{margin-left:auto;color:#7edcff}
.station-map-radar-controls.collapsed .radar-source-choices,.station-map-radar-3d-panel.collapsed .radar-source-choices{display:none!important}
.radar-touch-panel .radar-source-choices{padding:4px 6px;gap:4px}.radar-touch-panel .radar-source-choices button{font-size:8px;padding:4px 6px;min-height:24px}

/* ============================================================
   ZIRVEKENT HAVA 1.0 — sade, hızlı, yerel kullanıcı görünümü
   ============================================================ */
:root{--zirve-nav-h:64px}
html.zirvekent-mode,html.zirvekent-mode body{background:#000}
body{padding-bottom:calc(var(--zirve-nav-h) + env(safe-area-inset-bottom))}
.zirvekent-brand{width:min(100%,380px);margin:0 auto 8px;padding:8px 13px 3px;display:flex;align-items:center;gap:9px;color:#fff;position:relative;z-index:3}
.zirvekent-brand img{width:30px;height:30px;border-radius:9px;object-fit:cover}
.zirvekent-brand div{display:flex;flex-direction:column;min-width:0}.zirvekent-brand strong{font-size:12px;line-height:1.05;letter-spacing:.05em}.zirvekent-brand span{margin-top:2px;color:#777780;font-size:7.5px;font-weight:700}
#liveView .station-map-page-link{display:none!important}
#liveView .live-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#liveView .live-station-switcher{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:380px;margin-left:auto;margin-right:auto}
#liveView .live-atmos-strip{display:none!important}
#liveView .live-compare-row{align-items:stretch}
#liveView .delta-bar{min-height:44px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;text-align:left!important;padding:7px 10px!important}
#liveView .delta-bar>span:first-child{font-size:8px;color:#a8a8b0}#liveView .delta-bar>span:last-child{font-size:8.5px;line-height:1.3}
#liveView .station-compare-trigger{min-width:102px!important}

/* Detail and forecast: only Zirvekent + nearby Meşe are visible choices. */
#detailView #station-canik,#detailView #station-kasyayla,#detailView #station-duzoren,
#forecastView #forecast-canik,#forecastView #forecast-kasyayla,#forecastView #forecast-duzoren,#forecastView #forecast-atakum{display:none!important}
#detailView .toolbar-card .station-switcher,#forecastView .forecast-stations{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#forecastView .forecast-level-pair{display:none!important}
#forecastView .forecast-profile-open,#forecastView [onclick*="forecastOpenProfile"]{display:none!important}
#forecastView .forecast-model-line{font-size:8.2px!important;color:#9696a0!important}
#forecastView .forecast-card#forecastModelsCard{border-color:rgba(100,210,255,.13)}
#forecastView #forecastModelsCard .forecast-model-row span:nth-child(5),
#forecastView #forecastModelsCard .forecast-model-row span:nth-child(6){display:none!important}
#forecastView #forecastModelsCard .forecast-model-row{grid-template-columns:1.15fr 1fr .8fr .8fr!important}
#forecastView #forecastModelsCard .forecast-model-row.head span:nth-child(5),
#forecastView #forecastModelsCard .forecast-model-row.head span:nth-child(6){display:none!important}

/* Preserve MGM/Windy radar and official MGM rain products on Tahmin page. */
#forecastRadarCard,#forecastMgmRainCard{display:block!important}

/* Zirvekent map: keep 3D/SST/weather, remove map radar and advanced model layers. */
#stationMapView [data-map-quick="radar"],#stationMapRadarControls,
#stationMapView [data-map-layer="t850"],#stationMapView [data-map-layer="t500"],
#stationMapView [data-map-forecast="forecastTemp"],#stationMapView [data-map-forecast="forecast850"]{display:none!important}
#stationMapView .station-map-topbar h1{letter-spacing:.01em}
#stationMapView .station-map-station-panel{padding-bottom:calc(10px + env(safe-area-inset-bottom))}

.zirvekent-bottom-nav{position:fixed;z-index:9800;left:50%;bottom:max(7px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100vw - 16px));height:58px;padding:5px 7px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(18,18,23,.94);box-shadow:0 12px 35px rgba(0,0,0,.48);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.zirvekent-bottom-nav button{appearance:none;border:0;border-radius:12px;background:transparent;color:#85858e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;font-family:inherit;cursor:pointer}
.zirvekent-bottom-nav button span{font-size:17px;line-height:1}.zirvekent-bottom-nav button b{font-size:7.5px;line-height:1;font-weight:800;white-space:nowrap}
.zirvekent-bottom-nav button.active{background:rgba(10,132,255,.10);color:#4bb3ff}.zirvekent-bottom-nav button.active span{filter:drop-shadow(0 0 6px rgba(10,132,255,.28))}
#detailView .page,#forecastView .forecast-page{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
@media(max-width:759px){
  .station-map-view.active{bottom:0!important}
  .station-map-view.active .station-map-canvas-wrap{bottom:0!important}
  .station-map-view.active .station-map-legend{bottom:calc(var(--zirve-nav-h) + 10px + env(safe-area-inset-bottom))!important}
  .station-map-view.active .station-map-mapbox-logo{bottom:calc(var(--zirve-nav-h) + 44px + env(safe-area-inset-bottom))!important}
  .station-map-station-panel{max-height:min(68dvh,650px)!important;bottom:calc(var(--zirve-nav-h) + 4px)!important}
  .zirvekent-brand{padding-top:max(7px,env(safe-area-inset-top))}
}
@media(min-width:760px){.zirvekent-brand{width:min(920px,calc(100vw - 32px));padding-left:0}.zirvekent-bottom-nav{height:60px}.zirvekent-bottom-nav button b{font-size:8px}}


/* ZIRVEKENT FINAL UX PATCH 1.0.1 */
.zirvekent-advanced-forecast{margin:12px 0;border:1px solid rgba(100,210,255,.16);border-radius:18px;background:rgba(19,20,27,.86);overflow:hidden}
.zirvekent-advanced-forecast summary{list-style:none;display:flex;align-items:center;gap:11px;padding:14px 16px;cursor:pointer;min-height:58px}
.zirvekent-advanced-forecast summary::-webkit-details-marker{display:none}
.zirvekent-advanced-forecast summary>span{font-size:20px}
.zirvekent-advanced-forecast summary>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.zirvekent-advanced-forecast summary strong{font-size:14px;color:#f5f5f7}
.zirvekent-advanced-forecast summary small{font-size:10px;color:#8e8e93}
.zirvekent-advanced-forecast summary>b{font-size:20px;color:#64d2ff;transition:transform .18s ease}
.zirvekent-advanced-forecast[open] summary>b{transform:rotate(90deg)}
.zirvekent-advanced-body{border-top:1px solid rgba(255,255,255,.07);padding:12px 16px 15px}
.zirvekent-advanced-body p{margin:0 0 10px;color:#8e8e93;font-size:11px;line-height:1.45}
.zirvekent-advanced-btn{width:100%;min-height:44px;border:1px solid rgba(100,210,255,.22);border-radius:13px;background:rgba(30,80,105,.22);color:#dff7ff;font-weight:700}
#forecastNowGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){#forecastNowGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}