:root{
  --navy:#0b1d2a;--navy2:#102b3d;--paper:#fff;--text:#13232f;--muted:#647582;
  --green:#27ae60;--amber:#f3b61f;--red:#d9363e;--unknown:#9aa7b1;--shadow:0 12px 40px rgba(9,28,42,.18)
}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#dce7ed}body{overflow:hidden}.topbar{position:fixed;z-index:1000;left:0;top:0;right:0;height:66px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 2px 14px rgba(0,0,0,.22)}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:16px;display:block;letter-spacing:.1px}.brand small{display:block;color:#bcd0dc;font-size:11px;margin-top:2px}.beacon-logo{width:35px;height:35px;border:2px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;position:relative}.beacon-logo:before,.beacon-logo:after{content:"";position:absolute;width:8px;height:2px;background:#fff;border-radius:2px;opacity:.9}.beacon-logo:before{transform:translateX(-18px)}.beacon-logo:after{transform:translateX(18px)}.beacon-logo span{width:12px;height:12px;background:#f3b61f;border-radius:50%;box-shadow:0 0 14px #ffd963}.top-actions{display:flex;gap:8px}.icon-btn{width:38px;height:38px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;font-size:18px;cursor:pointer}.icon-btn:hover{background:rgba(255,255,255,.16)}main,#map{height:100%;width:100%}#map{position:absolute;inset:66px 0 0;height:calc(100% - 66px);background:#d8e2e8}.leaflet-control-attribution{font-size:10px!important}.leaflet-control-zoom{border:0!important;box-shadow:var(--shadow)!important}.leaflet-control-zoom a{border:0!important;width:36px!important;height:36px!important;line-height:36px!important}.map-tools{position:fixed;z-index:800;top:82px;left:18px;width:min(420px,calc(100vw - 36px));pointer-events:none}.search-wrap{height:48px;border-radius:14px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;position:relative;pointer-events:auto;border:1px solid rgba(12,42,59,.08)}.search-icon{font-size:24px;margin-left:13px;color:#58707e;transform:rotate(-20deg)}#searchInput{flex:1;border:0;outline:0;height:100%;font-size:15px;padding:0 8px;color:var(--text);background:transparent}#clearSearch{border:0;background:transparent;font-size:24px;padding:0 13px;color:#82909a;cursor:pointer}.search-results{position:absolute;top:55px;left:0;right:0;background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;max-height:340px;overflow-y:auto}.search-result{width:100%;border:0;background:#fff;text-align:left;padding:11px 14px;display:flex;justify-content:space-between;gap:10px;cursor:pointer;border-bottom:1px solid #edf1f3}.search-result:hover{background:#f4f8fa}.search-result b{font-size:13px}.search-result small{display:block;color:var(--muted);margin-top:2px}.filters{display:flex;gap:7px;margin-top:10px;pointer-events:auto;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;border:1px solid rgba(15,45,60,.12);background:rgba(255,255,255,.94);padding:8px 11px;border-radius:999px;box-shadow:0 4px 14px rgba(9,28,42,.08);font-size:12px;cursor:pointer;color:#334a57}.filter.active{background:var(--navy);border-color:var(--navy);color:#fff}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot.red{background:var(--red)}.dot.amber{background:var(--amber)}.dot.green{background:var(--green)}.legend-card{position:fixed;z-index:700;left:18px;bottom:76px;width:245px;background:rgba(255,255,255,.97);border-radius:14px;padding:13px;box-shadow:var(--shadow);border:1px solid rgba(12,42,59,.08)}.legend-title{font-weight:800;font-size:13px;margin-bottom:9px;color:#203744}.legend-row{display:flex;align-items:center;gap:10px;padding:5px 0}.legend-row b{display:block;font-size:12px}.legend-row small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.legend-beacon{width:18px;height:18px;border-radius:50%;display:block;flex:none;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 10px currentColor}.legend-beacon.level0{background:var(--green);color:var(--green)}.legend-beacon.level1{background:var(--amber);color:var(--amber);animation:flash1 1.333s infinite}.legend-beacon.level2{background:var(--red);color:var(--red);animation:flash2 .667s infinite}.legend-beacon.unknown{background:var(--unknown);color:var(--unknown)}.safety-banner{position:fixed;z-index:650;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(11,29,42,.94);color:#e8f0f4;padding:9px 14px;border-radius:10px;box-shadow:var(--shadow);font-size:11px;max-width:min(680px,calc(100vw - 36px));text-align:center}.lake-marker{width:24px;height:24px;display:grid;place-items:center}.lake-marker .ring{width:20px;height:20px;border-radius:50%;border:3px solid white;box-shadow:0 1px 6px rgba(0,0,0,.38),0 0 0 1px rgba(0,0,0,.16);position:relative}.lake-marker .ring:after{content:"";position:absolute;inset:4px;border-radius:50%;background:rgba(255,255,255,.88)}.lake-marker.level-0 .ring{background:var(--green)}.lake-marker.level-1 .ring{background:var(--amber);animation:flash1 1.333s infinite}.lake-marker.level-2 .ring{background:var(--red);animation:flash2 .667s infinite}.lake-marker.level-unknown .ring{background:var(--unknown)}@keyframes flash1{0%,45%{filter:brightness(1);box-shadow:0 0 0 1px rgba(0,0,0,.12),0 0 14px rgba(243,182,31,.9)}46%,100%{filter:brightness(.58);box-shadow:0 0 0 1px rgba(0,0,0,.12)}}@keyframes flash2{0%,45%{filter:brightness(1);box-shadow:0 0 0 1px rgba(0,0,0,.12),0 0 15px rgba(217,54,62,.95)}46%,100%{filter:brightness(.55);box-shadow:0 0 0 1px rgba(0,0,0,.12)}}@media (prefers-reduced-motion:reduce){.lake-marker .ring,.legend-beacon{animation:none!important}}.lake-tooltip{background:#0b1d2a!important;color:#fff!important;border:0!important;border-radius:8px!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important;font-size:11px!important;padding:6px 8px!important}.lake-tooltip:before{border-top-color:#0b1d2a!important}.details-panel{position:fixed;z-index:900;right:18px;top:82px;bottom:18px;width:min(390px,calc(100vw - 36px));background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:22px;transform:translateX(calc(100% + 40px));transition:transform .25s ease;overflow-y:auto}.details-panel.open{transform:translateX(0)}.close-details{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#eef3f5;color:#50616c;font-size:23px;cursor:pointer}.details-head{display:flex;gap:14px;align-items:center;padding-right:30px}.details-head h1{font-size:24px;line-height:1.05;margin:3px 0 8px}.eyebrow{font-size:11px;font-weight:700;color:#788994;text-transform:uppercase;letter-spacing:.8px}.big-beacon{width:54px;height:54px;border-radius:50%;border:5px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.12),0 0 22px currentColor;flex:none}.big-beacon.level0{background:var(--green);color:var(--green)}.big-beacon.level1{background:var(--amber);color:var(--amber);animation:flash1 1.333s infinite}.big-beacon.level2{background:var(--red);color:var(--red);animation:flash2 .667s infinite}.big-beacon.unknown{background:var(--unknown);color:var(--unknown)}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-pill.level0{background:#e9f8ef;color:#16713b}.status-pill.level1{background:#fff5d9;color:#8d6400}.status-pill.level2{background:#fde7e8;color:#9b1f27}.status-pill.unknown{background:#edf1f3;color:#657681}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.metric{background:#f5f8f9;border-radius:12px;padding:12px;min-height:88px}.metric.important{grid-column:1/-1;background:#eef5f8}.metric span{display:block;color:#6e7f89;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.metric strong{font-size:25px;display:inline-block;margin-top:7px}.metric small{font-size:10px;color:#72838e;margin-left:4px}.forecast-note{margin-top:13px;border:1px solid #dce7ec;border-radius:12px;padding:11px;display:flex;gap:9px;font-size:11px;line-height:1.45}.forecast-note span{color:#647b88}.source-box{margin-top:13px;border-top:1px solid #edf1f3;padding-top:12px}.source-box div{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:3px 0}.source-box span{color:#7b8a93}.source-box b{text-align:right}.loading-card{position:fixed;z-index:1100;top:82px;left:50%;transform:translateX(-50%);background:#fff;border-radius:14px;padding:12px 16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:11px;transition:.2s}.loading-card.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-8px)}.loading-card b{display:block;font-size:12px}.loading-card small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.spinner{width:22px;height:22px;border:3px solid #d6e2e7;border-top-color:#1e607f;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:1200;top:80px;left:50%;transform:translate(-50%,-20px);background:#142a37;color:#fff;border-radius:10px;padding:9px 13px;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal[hidden]{display:none}.modal{position:fixed;z-index:2000;inset:0;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(6,20,29,.62);backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(520px,calc(100vw - 34px));background:#fff;border-radius:18px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.3);font-size:13px;line-height:1.55}.modal-card h2{margin-top:0}.modal-close{position:absolute;right:12px;top:10px;border:0;background:#eef3f5;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}@media (max-width:720px){.topbar{height:58px;padding:0 12px}.brand strong{font-size:14px}.brand small{font-size:9px}.beacon-logo{width:31px;height:31px}.icon-btn{width:34px;height:34px}#map{inset:58px 0 0;height:calc(100% - 58px)}.map-tools{top:70px;left:10px;width:calc(100vw - 20px)}.search-wrap{height:45px}.legend-card{left:10px;bottom:84px;width:218px;padding:10px}.legend-row{padding:3px 0}.safety-banner{bottom:10px;font-size:9px;padding:7px 10px}.details-panel{right:0;left:0;top:auto;bottom:0;width:100%;max-height:78vh;border-radius:18px 18px 0 0;transform:translateY(105%);padding:19px 16px 24px}.details-panel.open{transform:translateY(0)}.details-head h1{font-size:21px}.big-beacon{width:46px;height:46px}.loading-card{top:70px}.leaflet-control-zoom{margin-bottom:110px!important}}
.dot.gray{background:var(--unknown)}
.text-metric{font-size:15px!important;line-height:1.3;word-break:break-word}
.metric.important .text-metric{font-size:18px!important}

.count-mini{float:right;font-size:9px;color:#71838e;font-weight:500}.lake-marker{position:relative}.accuracy{display:block!important;margin:5px 0 0!important;font-size:9px!important;font-weight:700!important}.accuracy.good{color:#16713b!important}.source-box a{color:#17698e;text-decoration:none}.source-box a:hover{text-decoration:underline}.stats-inline{opacity:.8;margin-left:4px}@media(max-width:720px){.stats-inline{display:none}.count-mini{font-size:8px}}

/* V4: exact-only marker clustering */
.station-cluster{background:transparent!important;border:0!important}
.cluster-bubble{width:48px;height:48px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(11,29,42,.92);color:#fff;border:3px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.30),0 0 0 1px rgba(11,29,42,.25)}
.cluster-bubble b{font-size:16px;line-height:16px}.cluster-bubble span{font-size:7px;text-transform:uppercase;letter-spacing:.35px;margin-top:2px;opacity:.78}
.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background:transparent!important}
.marker-cluster div{background:transparent!important}
@media (max-width:720px){.brand small{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-card{bottom:72px}.safety-banner{max-width:calc(100vw - 20px)}}

/* V5 live-source states */
.source-health{font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;margin-left:auto;margin-right:10px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);white-space:nowrap}.source-health.good{color:#bff3d1}.source-health.partial{color:#ffe49a}.source-health.bad{color:#ffc2c5}
.legend-beacon.offline{background:#9aa7b1;color:#9aa7b1}.legend-beacon.error{background:#5d6870;color:#5d6870;box-shadow:0 0 0 2px #d9363e,0 0 9px rgba(217,54,62,.55)}
.lake-marker.level-offline .ring{background:#9aa7b1}.lake-marker.level-error .ring{background:#5d6870;box-shadow:0 0 0 2px #d9363e,0 1px 7px rgba(0,0,0,.45)}
.big-beacon.offline{background:#9aa7b1;color:#9aa7b1}.big-beacon.error{background:#5d6870;color:#d9363e;box-shadow:0 0 0 2px #d9363e,0 0 18px rgba(217,54,62,.45)}
.status-pill.offline{background:#edf1f3;color:#657681}.status-pill.error{background:#fde7e8;color:#9b1f27}
.tip-live{color:#8ee9b1!important;font-weight:700}.source-section-title{display:block!important;margin:8px 0 4px!important;padding-top:6px!important;border-top:1px solid #edf1f3!important;color:#37586a!important;font-size:9px!important;font-weight:900!important;letter-spacing:.7px!important}.source-section-title:first-child{border-top:0!important;margin-top:0!important}.source-message{display:block!important;background:#f5f8f9;border-radius:8px;padding:8px!important;margin:5px 0 8px;font-size:10px!important;line-height:1.4;color:#526974}
@media(max-width:720px){.source-health{display:none}}