:root{color-scheme:dark;--bg:#07090b;--panel:#10151a;--soft:#0c1115;--line:#27323a;--text:#f2f5f7;--muted:#96a4ae;--blue:#79c7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% -10%,rgba(121,199,255,.14),transparent 34rem),var(--bg);color:var(--text);font-family:"Helvetica Neue",Arial,sans-serif}button,a,input{color:inherit;font:inherit}a{text-decoration:none}.wx-shell{width:min(1500px,calc(100% - 32px));margin:auto}.topbar,.panel-head,.satellite-foot,footer,.location-bar{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar{min-height:82px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #375468;border-radius:9px;color:var(--blue);font-weight:800}.brand strong,.brand small{display:block}.brand small,.topbar-status,.panel-head p,.satellite-foot,footer,.metric small{color:var(--muted)}.topbar-status,.controls,.zip-form{display:flex;align-items:center;gap:10px}main{display:grid;gap:22px;padding:34px 0 46px}.panel,.metric{border:1px solid var(--line);border-radius:12px;background:rgba(16,21,26,.94)}.panel{padding:22px}.location-bar{padding:16px 20px}.location-bar .eyebrow{margin-bottom:4px}.zip-form label{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.zip-form input{width:105px;height:38px;border:1px solid var(--line);border-radius:7px;background:#091015;padding:0 11px}.hero{min-height:240px;display:flex;align-items:end;justify-content:space-between;gap:32px;padding:40px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(115deg,rgba(9,16,22,.94),rgba(16,34,47,.65)),url("https://cdn.star.nesdis.noaa.gov/GOES19/ABI/CONUS/GEOCOLOR/latest.jpg") center/cover;overflow:hidden}.eyebrow{margin:0 0 7px;color:var(--blue);font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:9px;font-size:clamp(2.2rem,5vw,5rem);letter-spacing:-.06em}h2{margin-bottom:6px;font-size:1.45rem}.hero-summary{max-width:620px;margin-bottom:0;color:#c8d2d9}.temperature-lockup{text-align:right}.temperature-lockup strong,.temperature-lockup span{display:block}.temperature-lockup strong{font-size:clamp(4rem,9vw,8rem);font-weight:500;letter-spacing:-.09em;line-height:.85}.temperature-lockup span{margin-top:14px;color:#d3dce2}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.metric{min-height:132px;display:grid;align-content:space-between;padding:18px}.metric-accent{border-color:#775d35;background:linear-gradient(145deg,rgba(73,52,25,.72),var(--panel))}.metric>span{color:var(--muted);font-size:.73rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.metric strong{margin:12px 0 7px;font-size:1.65rem}.panel-head{margin-bottom:17px}.panel-head p{margin-bottom:0}.button{min-height:38px;padding:9px 13px;border:1px solid var(--line);border-radius:7px;background:#121a20;cursor:pointer}.button:hover,.button.is-active{border-color:#47728e;background:#172834}.button-small{min-height:32px;padding:6px 10px}.satellite-stage,.radar-stage{position:relative;height:min(72vh,780px);min-height:360px;border-radius:8px;overflow:hidden}.satellite-stage{background:#020304}.radar-stage{background:#071017}#satelliteViewer,#radarMap{position:absolute;inset:0}.satellite-stage .leaflet-container{background:#020304}.radar-stage .leaflet-container{background:#071017}.satellite-stage .leaflet-container,.radar-stage .leaflet-container{font:inherit;border-radius:8px}.satellite-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:600;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:rgba(7,9,11,.86);color:var(--muted);pointer-events:none;text-align:center}.satellite-foot{padding-top:12px;font-size:.78rem}.forecast-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.forecast-day{padding:17px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.forecast-day strong,.forecast-day span{display:block}.forecast-day strong{margin-bottom:10px}.forecast-temps{margin:9px 0;font-size:1.35rem}.forecast-low,.forecast-detail{color:var(--muted)}.forecast-detail{font-size:.79rem}.error-banner{padding:14px 17px;border:1px solid #7d4343;border-radius:8px;background:#321d1d;color:#ffd0d0}footer{padding:18px 0 28px;border-top:1px solid var(--line);font-size:.75rem}@media(max-width:1100px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.wx-shell{width:min(100% - 20px,1500px)}.topbar,.hero,.panel-head,.satellite-foot,footer,.location-bar,.zip-form{align-items:stretch;flex-direction:column}.topbar{padding:14px 0}.topbar-status,.controls{width:100%;flex-wrap:wrap}.zip-form input{width:100%}.hero{min-height:320px;padding:24px;background-position:center}.temperature-lockup{text-align:left}.quick-grid,.forecast-strip{grid-template-columns:1fr 1fr}.satellite-stage,.radar-stage{height:58vh;min-height:340px}.panel{padding:14px}.controls .button{flex:1;text-align:center}}@media(max-width:480px){.quick-grid,.forecast-strip{grid-template-columns:1fr}.button{flex:1;text-align:center}}
.hero{background-image:linear-gradient(115deg,rgba(9,16,22,.94),rgba(16,34,47,.65)),url("https://cdn.star.nesdis.noaa.gov/GOES19/ABI/CONUS/GEOCOLOR/thumbnail.jpg")}
.wx-frame{transition:opacity .22s linear}

/* Tabbed modules */
.tab-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.tab{flex:0 0 auto;min-height:44px;padding:10px 20px;border:1px solid var(--line);border-radius:9px;background:#10151a;cursor:pointer;font-weight:600;color:var(--muted)}
.tab:hover{border-color:#47728e}
.tab.is-active{border-color:#47728e;background:#172834;color:var(--blue)}
[data-panel][hidden]{display:none}

/* Severe weather outlook */
#outlookMap{position:absolute;inset:0}
.outlook-stage{background:#0a0f14}
.outlook-stage .leaflet-container{background:#0a0f14;font:inherit;border-radius:8px}

/* Severe weather toolbox */
.meso-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:-4px 0 14px}
.control-label{color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-right:4px}
#mesoButtons{display:inline-flex;gap:8px;flex-wrap:wrap}
.meso-bar .button{min-height:34px;padding:6px 11px;font-size:.85rem}
.meso-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:800;background:#0a0f14;cursor:zoom-in}
.severe-params{margin-top:14px}
.severe-params .metric{min-height:108px;padding:14px}

/* Dark popups for all wx maps */
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#141b22;color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.leaflet-popup-content small{color:var(--muted)}
.leaflet-container a.leaflet-popup-close-button{color:var(--muted)}

@media(max-width:760px){.tab{flex:1;min-width:0;text-align:center;padding:10px 8px;font-size:.86rem}}