:root{color-scheme:dark;--bg:#07101c;--panel:#0d1928;--panel2:#102033;--line:#1f3248;--text:#f4f7fb;--muted:#8fa1b6;--clear:#39d98a;--watch:#f6c85f;--warning:#ff8a47;--danger:#ff4d5e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#102440 0,#07101c 48%);color:var(--text);font:15px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.shell{width:min(1180px,calc(100% - 28px));margin:auto;padding:28px 0 40px}.topbar,.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#67b8ff;font-weight:800;margin:0 0 4px}h1{font-size:clamp(28px,5vw,46px);line-height:1;margin:.1em 0 .45em}h2{margin:0;font-size:20px}h3{margin:0 0 3px;font-size:17px}.muted{color:var(--muted)}.card{background:linear-gradient(180deg,rgba(17,34,54,.96),rgba(10,24,39,.96));border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.hero{padding:24px;display:flex;justify-content:space-between;gap:24px;align-items:end}.label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.risk{font-size:clamp(38px,7vw,72px);font-weight:900;letter-spacing:-.05em}.risk.clear{color:var(--clear)}.risk.watch{color:var(--watch)}.risk.warning{color:var(--warning)}.risk.danger{color:var(--danger)}.hero-meta{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:10px;min-width:300px}.hero-meta div{padding:14px;background:#091523;border:1px solid var(--line);border-radius:13px}.hero-meta span,.metrics span{display:block;color:var(--muted);font-size:12px}.hero-meta strong{font-size:18px}.section-head{margin:28px 0 14px}.section-head.compact{margin:0 0 14px}.station-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.station{padding:17px;border-left:3px solid var(--clear)}.station.watch{border-left-color:var(--watch)}.station.warning{border-left-color:var(--warning)}.station.danger{border-left-color:var(--danger)}.station.stale{opacity:.62;border-left-color:#546579}.station-head,.station-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.station-head span{font-size:11px;color:var(--muted)}.dot{width:9px;height:9px;background:var(--clear);border-radius:50%;box-shadow:0 0 12px currentColor}.watch .dot{background:var(--watch)}.warning .dot{background:var(--warning)}.danger .dot{background:var(--danger)}.stale .dot{background:#546579}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.metrics div{background:#081421;padding:12px;border-radius:12px;border:1px solid #172c42}.metrics strong{font-size:20px}.station-foot{font-size:11px;color:var(--muted)}.error{font-size:12px;color:#d8a8a8;margin:10px 0 0}.events-card{padding:20px;margin-top:28px}.events{display:grid;gap:8px}.event{display:flex;gap:12px;padding:12px;border-radius:10px;background:#091523}.event strong{min-width:90px}.event.watch strong{color:var(--watch)}.event.warning strong{color:var(--warning)}.event.danger strong{color:var(--danger)}.pill{padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-weight:800;font-size:12px}.pill.clear{color:var(--clear);border-color:#225d48}.pill.watch{color:var(--watch);border-color:#67592e}.pill.warning{color:var(--warning);border-color:#713e2b}.pill.danger{color:var(--danger);border-color:#71303a}.pill.neutral{color:var(--muted)}button{background:#152a42;border:1px solid #2a4563;color:#fff;padding:10px 14px;border-radius:10px;font-weight:750;cursor:pointer}button:hover{background:#1b3552}footer{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px;padding:24px 4px}footer a{color:#88c5ff}@media(max-width:850px){.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{align-items:stretch;flex-direction:column}.hero-meta{min-width:0}}@media(max-width:560px){.shell{width:min(100% - 18px,1180px);padding-top:16px}.station-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.hero{padding:18px}.hero-meta{grid-template-columns:1fr 1fr}.section-head{align-items:end}.risk{font-size:48px}}

.trend{display:block;margin-top:5px;font-size:11px;font-weight:800}.trend.up{color:var(--warning)}.trend.down{color:#65bfff}.trend.flat,.trend.neutral{color:var(--muted)}button:disabled{opacity:.6;cursor:wait}.metrics strong{word-break:break-word}@media(min-width:1000px){.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.weather-badge{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:999px;background:#162a40;border:1px solid #294762;color:#9fd0ff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}

.weather-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;font-size:20px;vertical-align:-2px}
.station-head h3{display:flex;align-items:center;gap:2px}
@media(min-width:700px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr));}}

.source-note{display:block;margin-top:3px;color:#7f91a7;font-size:10px}
.station.virtual{border-left-color:#67b8ff}


/* Radar-DPC */
.radar-card{margin-top:24px;padding:18px;overflow:hidden}.radar-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.radar-head h2{margin:2px 0 4px}.radar-map-wrap{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#081421}.radar-map{height:500px;min-height:380px;z-index:1}.radar-overlay{position:absolute;z-index:500;left:12px;bottom:12px;display:flex;gap:8px;align-items:center;pointer-events:none}.radar-overlay span,.radar-overlay strong{padding:7px 10px;border-radius:999px;background:rgba(4,11,19,.88);border:1px solid rgba(126,161,195,.35);backdrop-filter:blur(8px);font-size:11px}.radar-live{color:var(--clear)!important}.radar-stale{color:var(--warning)!important}.radar-timeline{padding:13px 4px 2px}.radar-timeline input{width:100%;accent-color:#67b8ff}.radar-timeline div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.radar-note{margin:10px 2px 0;color:var(--muted);font-size:11px}.leaflet-container{background:#07101c;font-family:inherit}.leaflet-tooltip{background:#081421;color:#fff;border:1px solid #36516d;box-shadow:none}.leaflet-tooltip-top:before{border-top-color:#36516d}@media(max-width:700px){.radar-card{padding:12px}.radar-head{align-items:flex-start}.radar-map{height:420px;min-height:340px}.radar-overlay{left:8px;bottom:8px;flex-direction:column;align-items:flex-start;gap:5px}.radar-timeline div span:nth-child(2){display:none}}

.radar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.radar-actions button{white-space:nowrap}.radar-actions button.active{border-color:#67b8ff;box-shadow:0 0 0 1px rgba(103,184,255,.18) inset}@media(max-width:700px){.radar-actions{justify-content:flex-end;gap:6px}.radar-actions button{font-size:11px;padding:8px 10px}}