*{box-sizing:border-box} :root{color-scheme:dark;--bg:#080d16;--panel:#0d1522;--line:#1c2a3c;--muted:#8291a6;--text:#e9f0f8;--red:#ff4d5d;--orange:#ff9d42;--cyan:#37c8e8} body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:22px;background:#0a111d}.brand{display:flex;align-items:center;gap:10px;color:#f5f8fc;text-decoration:none;font-weight:850;letter-spacing:2px;font-size:17px}.brand-mark{color:#ff5967;font-size:28px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#8493a8;font-weight:600}.top-status{margin-left:auto;display:flex;align-items:center;gap:9px;color:#91a0b4;font-size:10px;letter-spacing:1px}.live-dot{width:7px;height:7px;border-radius:50%;background:#39d99a;box-shadow:0 0 10px #39d99a}.divider{height:14px;border-left:1px solid #334155}.icon-btn{background:#121e2d;border:1px solid #29394e;color:white;border-radius:7px;width:34px;height:34px;font-size:20px;cursor:pointer}.layout{height:calc(100vh - 64px);min-height:600px;display:grid;grid-template-columns:228px minmax(400px,1fr) 320px}.sidebar,.details{background:var(--panel);padding:20px 16px;overflow:auto}.sidebar{border-right:1px solid var(--line)}.details{border-left:1px solid var(--line)}.section-heading,.eyebrow{font-size:9px;letter-spacing:1.6px;color:#74859b;font-weight:800}.nav-item{width:100%;margin-top:7px;background:transparent;border:1px solid transparent;border-radius:7px;color:#b9c6d6;padding:10px;text-align:left;display:flex;gap:10px;align-items:center;cursor:pointer;font-size:12px}.nav-item span{font-size:16px}.nav-item b{margin-left:auto;color:#7f91a8;font-size:10px}.nav-item.active{background:#152235;border-color:#263d59;color:#fff}.side-divider{border-top:1px solid var(--line);margin:19px 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;color:#b7c3d2;font-size:11px;padding:10px 0;cursor:pointer}.toggle-row input{accent-color:#2eb9da}.legend{display:flex;align-items:center;gap:9px;margin:12px 0;color:#aab8c9;font-size:10px}.legend-dot{width:8px;height:8px;border-radius:50%}.red{background:var(--red)}.orange{background:var(--orange)}.yellow{background:#f2d35c}.cyan{background:var(--cyan)}.side-note{margin-top:18px;padding:11px;border:1px solid #59452c;background:#211b14;color:#c9ad7f;border-radius:6px;font-size:10px}.source-block{margin-top:24px;color:#8291a6;font-size:10px}.source-block p{margin:7px 0}.map-shell{position:relative;min-width:0;background:#0b1420}.map-toolbar{height:70px;position:absolute;z-index:500;top:0;left:0;right:0;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0b1420 75%,transparent)}h1{font-size:17px;margin:1px 0;font-weight:650}.map-actions{display:flex;gap:7px}.map-actions button{border:1px solid #2b3c51;background:#101e2e;color:#b9c9dc;border-radius:5px;padding:7px 10px;font-size:9px;letter-spacing:1px;cursor:pointer}#map{height:100%;width:100%;background:#101b2a}.map-attribution{position:absolute;bottom:5px;left:8px;z-index:400;font-size:9px;color:#8b9bad;background:#0b1420bb;padding:3px 6px;border-radius:3px}.map-key{position:absolute;z-index:400;bottom:26px;left:12px;background:#0b1420e8;border:1px solid #2a3b50;border-radius:5px;padding:9px 11px;display:flex;gap:13px;font-size:9px;color:#aebbd0}.map-key i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.key-red{background:var(--red)}.key-orange{background:var(--orange)}.key-cyan{background:var(--cyan)}.panel-head{display:flex;justify-content:space-between;align-items:center}h2{font-size:16px;margin:2px 0 0}.live-pill{font-size:9px;color:#4ce0a4;border:1px solid #205b49;background:#102a24;border-radius:20px;padding:4px 8px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.metric{background:#111e2d;border:1px solid #203149;border-radius:6px;padding:11px}.metric span{display:block;color:#8495aa;font-size:8px;letter-spacing:1px}.metric strong{display:block;font-size:18px;margin-top:5px}.red-text{color:var(--red)}.panel-section{border-top:1px solid var(--line);padding:16px 0}.section-title{display:flex;justify-content:space-between;color:#899bb1;font-size:9px;letter-spacing:1.2px;font-weight:800;margin-bottom:11px}.section-title span{color:#dce7f4}.alert-list{display:grid;gap:7px;max-height:260px;overflow:auto}.alert-card{padding:10px;background:#121e2d;border:1px solid #28394f;border-left:3px solid var(--orange);border-radius:5px;cursor:pointer}.alert-card.tornado{border-left-color:var(--red)}.alert-card strong{font-size:11px;display:block}.alert-card small{display:block;color:#8ea0b6;margin-top:4px;font-size:9px}.empty{color:#8291a6;font-size:11px;padding:10px 0}.selected-panel{min-height:100px}.selection-title{font-weight:700;font-size:12px}.selection-meta{font-size:10px;color:#91a2b8;margin-top:5px}.explain{font-size:10px;color:#91a2b8;line-height:1.65;margin:0}footer{border-top:1px solid var(--line);padding-top:14px;color:#718198;font-size:8px;letter-spacing:.6px;line-height:1.8}.leaflet-container{font:11px system-ui}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#101c2b;color:#eaf1f8;border:1px solid #33465d}.leaflet-control-zoom a{background:#101c2b!important;color:#eaf1f8!important;border-color:#33465d!important}.warning-area{fill:#ff4d5d;fill-opacity:.13;color:#ff4d5d;weight:2}.storm-area{fill:#ff9d42;fill-opacity:.12;color:#ff9d42;weight:1.5}@media(max-width:1050px){.layout{grid-template-columns:190px minmax(300px,1fr)}.details{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.details .panel-head,.details .metric-grid,.details footer{grid-column:1/-1}.map-shell{min-height:560px}}@media(max-width:650px){.topbar{padding:0 12px}.top-status{font-size:8px}.layout{height:auto;min-height:0;display:flex;flex-direction:column}.sidebar{order:2;border-right:0;border-top:1px solid var(--line)}.map-shell{order:1;height:65vh;min-height:440px}.details{order:3;display:block}.map-key{flex-wrap:wrap;gap:7px}.source-block{display:none}}