:root{--panel-bg:rgba(10,19,18,.96);--panel-line:rgba(119,206,179,.2);--ui-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[data-theme=light]{--panel-bg:rgba(255,255,255,.97);--panel-line:rgba(29,84,75,.22)}
.version-label{font:9px var(--ui-font);letter-spacing:1.7px;color:var(--c-text-dim);margin-left:10px}
#actionbar{position:fixed;right:12px;top:59px;z-index:1002;display:flex;gap:5px}
#actionbar button,.dash-button{border:1px solid var(--panel-line);border-radius:7px;background:var(--panel-bg);color:var(--c-text);font:11px var(--ui-font);padding:9px 11px;cursor:pointer;min-height:34px}
#actionbar button:hover,.dash-button:hover{border-color:var(--c-primary);color:var(--c-primary)}
#actionbar button.active{background:#124538;color:#b2ffe0}
#insight-panel{position:fixed;right:12px;top:102px;width:304px;max-height:calc(100dvh - 234px);overflow:auto;z-index:1001;border:1px solid var(--panel-line);border-radius:12px;background:var(--panel-bg);box-shadow:0 12px 40px #0004;color:var(--c-text);font:12px/1.55 var(--ui-font);backdrop-filter:blur(16px)}
#insight-panel[hidden],.insight-view[hidden]{display:none!important}
.insight-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 15px 5px;font-size:14px;font-weight:650}
.insight-kicker{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--c-text-dim);padding:0 15px 10px}
.insight-tabs{display:flex;gap:3px;padding:0 12px 10px;border-bottom:1px solid var(--panel-line)}
.insight-tabs button{flex:1;font:11px var(--ui-font);padding:6px 0;border:0;border-radius:5px;background:transparent;color:var(--c-text-dim);cursor:pointer}
.insight-tabs button[aria-selected=true]{color:var(--c-primary);background:#34876b22}
.insight-view{padding:13px 15px}.dash-muted{color:var(--c-text-dim);font-size:11px}.dash-subtitle{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--c-text-dim);margin:12px 0 8px}
.dash-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dash-metric{border:1px solid var(--panel-line);border-radius:7px;padding:9px 11px}.dash-metric strong{font:23px var(--font-mono,monospace);color:var(--c-primary);display:block}.dash-metric span{font-size:10px;color:var(--c-text-dim)}
.dash-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dash-presets button{text-align:left;background:transparent}
.dash-health{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:13px}.dash-health .led{width:6px;height:6px;border-radius:50%;background:#f3b04b}.dash-health .led.ok{background:#54dfad}
#dash-source-message{overflow-wrap:anywhere}.dash-source-link{background:none;border:0;color:var(--c-primary);padding:0;cursor:pointer;font:inherit}
.forecast-now{font-size:32px;letter-spacing:-1px;line-height:1.1;margin:8px 0}.forecast-current{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:10px 0 15px;font-size:11px;color:var(--c-text-dim)}
.forecast-chart{height:70px;width:100%;display:block;margin:10px 0}.forecast-chart text{fill:var(--c-text-dim);font:8px var(--ui-font)}
.forecast-day{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--panel-line);font-size:11px}.forecast-day strong{color:var(--c-text)}
.dash-place{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--panel-line)}.dash-place button{border:0;background:none;color:var(--c-primary);cursor:pointer;font:12px var(--ui-font)}.dash-place small{color:var(--c-text-dim)}
.rain-controls{display:flex;gap:6px;align-items:center;margin:10px 0}.rain-controls input{width:100%;accent-color:var(--c-primary)}
#toast{position:fixed;left:50%;bottom:112px;transform:translate(-50%,12px);opacity:0;pointer-events:none;max-width:min(90vw,520px);padding:12px 18px;background:var(--panel-bg);border:1px solid var(--panel-line);box-shadow:0 4px 24px #0005;border-radius:8px;color:var(--c-text);font:12px/1.5 var(--ui-font);z-index:20000;transition:opacity .2s,transform .2s}
#toast.visible{opacity:1;transform:translate(-50%,0)}
#connection-banner{display:none;position:fixed;top:0;left:0;right:0;z-index:90000;background:#914017;color:#fff;text-align:center;font:12px var(--ui-font);padding:9px}.offline #connection-banner{display:block}
.leaflet-control-attribution{font:9px var(--ui-font)!important;background:var(--panel-bg)!important;color:var(--c-text-dim)!important;margin-bottom:110px!important;max-width:60vw}.leaflet-control-attribution a{color:var(--c-text-dim)!important}
button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px}
.source-sub a{color:var(--c-primary)}.source-dot.wait{background:#f3b04b}
#layer-panel{border-radius:10px;box-shadow:0 10px 30px #0003}.layer-item{min-height:38px}
#insight-panel .close-panel{border:0;background:transparent;color:var(--c-text-dim);font-size:17px;cursor:pointer}
@media(min-width:769px) and (max-width:1100px){#search-wrap{width:260px;left:45%}#insight-panel{width:266px}#actionbar button{padding:9px 8px}.version-label{display:none}}
@media(max-width:768px){.version-label{display:none}#actionbar{top:139px;right:7px;flex-direction:column;gap:5px}#actionbar button{font-size:11px;padding:9px 8px}#insight-panel{top:139px;right:61px;left:7px;width:auto;max-height:calc(100dvh - 255px)}.leaflet-control-attribution{max-width:90vw}#actionbar .action-label{display:none}#actionbar button{width:44px}#toast{bottom:112px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#radar-sweep,#scanlines{display:none!important}}

.tiles-night img{filter:invert(1) hue-rotate(180deg) saturate(.6) brightness(.8) contrast(.95)}
.tiles-night-gray img{filter:invert(1) grayscale(1) brightness(.8)}
.kaarten-opt[data-map=dark] img,.map-option[data-map=dark] img{filter:invert(1) hue-rotate(180deg) saturate(.6)}
.kaarten-opt[data-map=darkclean] img,.map-option[data-map=darkclean] img{filter:invert(1) grayscale(1)}
#scanlines{opacity:.2} .clock{position:static!important;margin:auto} .version-label{white-space:nowrap}

#insight-panel{color:#d0e6df}#insight-panel .dash-muted,#insight-panel .dash-subtitle,#insight-panel .dash-metric span,#insight-panel .insight-kicker{color:#a0b9b0}#insight-panel .insight-heading{color:#d9fff0}#insight-panel .insight-tabs button{color:#9db8ad}#insight-panel .insight-tabs button[aria-selected=true]{color:#77edbd}#insight-panel .dash-button{color:#c3e3d6}#insight-panel .dash-metric strong{color:#7fefba}#insight-panel .forecast-current{color:#a0b9b0}#layer-panel .layer-name{color:#b5daca}#topbar .logo{letter-spacing:2px}
[data-theme=light] #insight-panel{color:#1b3e32}[data-theme=light] #insight-panel .dash-muted,[data-theme=light] #insight-panel .dash-subtitle,[data-theme=light] #insight-panel .dash-metric span,[data-theme=light] #insight-panel .insight-kicker,[data-theme=light] #insight-panel .forecast-current{color:#516c61}[data-theme=light] #insight-panel .insight-heading,[data-theme=light] #insight-panel .dash-button{color:#174632}[data-theme=light] #insight-panel .dash-metric strong{color:#086943}[data-theme=light] #layer-panel .layer-name{color:#174632}