:root{--bg: #eef2f8;--bg-elev: #ffffff;--panel: #ffffff;--chip: #f1f5fb;--line: rgba(30, 50, 90, .14);--ink: #11203f;--ink-soft: #44557a;--ink-mute: #7b87a4;--accent: #2563eb;--accent-bright: #2563eb;--shadow: 0 1px 3px rgba(20, 40, 90, .08);--safe: #16a34a;--watch: #d97706;--alert: #dc2626;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}.app{display:grid;grid-template-columns:380px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "sidebar map";height:100vh;width:100vw}.topbar{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:var(--bg-elev);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:18px}.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 12px var(--accent)}.topbar-loc{font-size:13px;color:var(--ink-soft)}.sidebar{grid-area:sidebar;background:var(--bg-elev);border-right:1px solid var(--line);overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:16px}.map-wrap{grid-area:map;position:relative}.leaflet-container{height:100%;width:100%;background:#dfe7f1}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.card h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);margin-bottom:12px}.status{border-radius:14px;padding:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.status--safe{background:#22c55e1f;border-color:#22c55e66}.status--watch{background:#f59e0b1f;border-color:#f59e0b73}.status--alert,.status--danger{background:#dc262629;border-color:#dc262699;animation:pulse 1.6s ease-in-out infinite}.status--degraded{background:#d9770629;border-color:#d9770699}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.status-label{font-family:var(--font-display);font-weight:700;font-size:22px}.status-sub{font-size:14px;color:var(--ink-soft);margin-top:4px}.current{display:flex;align-items:center;gap:14px}.current-temp{font-family:var(--font-display);font-weight:600;font-size:42px;line-height:1}.current-meta{font-size:13px;color:var(--ink-soft);display:grid;gap:2px}.hourly{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.hour{flex:none;text-align:center;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:62px}.hour-label{font-size:11px;color:var(--ink-mute)}.hour-temp{font-weight:600;margin:4px 0}.hour-precip{font-size:11px;color:var(--accent-bright)}.strike-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.strike-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:8px 10px;border-radius:9px;background:var(--chip);border:1px solid var(--line)}.strike-dist{font-family:var(--font-display);font-weight:600}.strike-type{font-size:11px;color:var(--ink-mute)}.strike-row--near{border-color:#ef444480;background:#ef44441a}.legend{position:absolute;bottom:16px;left:16px;z-index:500;background:#ffffffeb;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--ink-soft);display:grid;gap:6px;box-shadow:var(--shadow)}.legend-row{display:flex;align-items:center;gap:8px}.legend-ring{width:12px;height:12px;border-radius:50%;border:1px solid var(--accent-bright)}.leaflet-div-icon.bolt-marker{background:transparent;border:none}.bolt-marker svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.muted{color:var(--ink-mute);font-size:12px}.error-banner{background:#dc26261a;border:1px solid rgba(220,38,38,.45);color:#b91c1c;border-radius:10px;padding:10px 12px;font-size:13px}.geo-note{background:#2563eb14;border:1px solid rgba(37,99,235,.3);color:var(--ink-soft);border-radius:10px;padding:10px 12px;font-size:13px}@media (max-width: 820px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header" "sidebar" "map";height:auto;min-height:100vh}.map-wrap{min-height:60vh}}