:root{
  --bg:#f4f7f8;--surface:#fff;--surface-soft:#f7fafb;--ink:#10242c;--muted:#647780;
  --line:#dce6e9;--water:#087b95;--water-dark:#075469;--current:#167b70;--rising:#c47819;
  --strong:#9c4770;--falling:#3474a5;--stale:#77838a;--missing:#aeb8bc;
  --header:#0f172a;--header-muted:#94a3b8;--overlay:rgba(255,255,255,.95);--chart-grid:#e7edef;
  --shadow:0 10px 30px rgba(15,36,44,.18);--header-h:58px;--notice-h:42px;--footer-h:36px;--left-w:238px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--bg);font-synthesis:none
}
@media(prefers-color-scheme:dark){
  :root:where(:not([data-theme="light"])){
    color-scheme:dark;--bg:#0a0f1a;--surface:#131a29;--surface-soft:#0f1522;--ink:#f1f5f9;--muted:#94a3b8;
    --line:rgba(255,255,255,.1);--water:#45a8c0;--water-dark:#69bfd2;--overlay:rgba(19,26,41,.95);
    --chart-grid:rgba(255,255,255,.09);--shadow:0 12px 34px rgba(0,0,0,.5)
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;--bg:#0a0f1a;--surface:#131a29;--surface-soft:#0f1522;--ink:#f1f5f9;--muted:#94a3b8;
  --line:rgba(255,255,255,.1);--water:#45a8c0;--water-dark:#69bfd2;--overlay:rgba(19,26,41,.95);
  --chart-grid:rgba(255,255,255,.09);--shadow:0 12px 34px rgba(0,0,0,.5)
}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--ink)}button,input,select{font:inherit;color:inherit}
button{border:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-header{height:var(--header-h);display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--header);border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:1001;color:#fff}
.brand{display:flex;align-items:center;gap:10px;min-width:var(--left-w)}.brand-logo{width:32px;height:32px;object-fit:contain;flex:none}.brand div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:14px;letter-spacing:.03em}.brand div span{font-size:10px;color:#64748b;margin-top:3px;text-transform:uppercase;letter-spacing:.06em}.brand-flag{display:flex;flex-direction:column;width:20px;height:13px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.15);margin-left:3px}.brand-flag i{display:block;flex:1}.brand-flag i:nth-child(1){background:#000}.brand-flag i:nth-child(2){background:#d00}.brand-flag i:nth-child(3){background:#ffce00}.county-crest{height:24px;width:auto;flex:none}
.network-summary{margin-left:auto;text-align:right;font-size:11px;color:var(--header-muted);line-height:1.4}.network-summary strong{display:block;color:#e2e8f0;font-weight:600}.icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:transparent;cursor:pointer}.icon-button:hover{background:var(--surface-soft)}.app-header .icon-button{color:#cbd5e1}.app-header .icon-button:hover{background:rgba(255,255,255,.12);color:#fff}.theme-button{flex:none}.mobile-menu-button{display:none}
.build-notice{height:var(--notice-h);display:flex;align-items:center;gap:9px;padding:0 16px;background:#fef3c7;border-bottom:2px solid #f59e0b;color:#92400e;font-size:12px;position:relative;z-index:1000}.build-notice>svg{width:19px;height:19px;flex:none}.build-notice[hidden]{display:none!important}.notice-close{margin-left:auto;display:flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #f59e0b;border-radius:6px;background:#fef9c3;color:#92400e;cursor:pointer;font-size:11px}.notice-close svg{width:14px;height:14px}.notice-close:hover{background:#fde68a}
.app-shell{height:calc(100vh - var(--header-h) - var(--notice-h) - var(--footer-h));display:grid;grid-template-columns:var(--left-w) minmax(0,1fr);background:var(--surface);position:relative}.notice-dismissed .app-shell{height:calc(100vh - var(--header-h) - var(--footer-h))}
.filter-panel{z-index:700;padding:18px 15px 14px;border-right:1px solid var(--line);overflow-y:auto;background:var(--surface)}
.search-wrap{position:relative}.search-wrap>svg{position:absolute;left:10px;top:10px;width:16px;color:var(--muted)}.search-wrap input{width:100%;height:38px;padding:0 10px 0 34px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);font-size:12px;outline:none}.search-wrap input:focus{border-color:#65a9b8;box-shadow:0 0 0 3px rgba(8,123,149,.1)}
.search-results{position:absolute;top:42px;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);z-index:1200;max-height:260px;overflow:auto}.search-results button{width:100%;padding:9px 10px;text-align:left;background:var(--surface);cursor:pointer;border-bottom:1px solid var(--line);font-size:12px}.search-results button:hover,.search-results button:focus{background:var(--surface-soft)}.search-results small{display:block;color:var(--muted);margin-top:2px}
.filter-section{margin-top:20px}.filter-section h2,.marker-legend h2,.filter-section>label{display:block;margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.filter-section select{width:100%;height:36px;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:0 9px;font-size:12px}
.type-filter{display:grid;gap:5px}.type-button{height:39px;padding:0 9px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;text-align:left;border-radius:7px;background:var(--surface);color:var(--muted);cursor:pointer}.type-button:hover{background:var(--surface-soft)}.type-button.active{background:color-mix(in srgb,var(--water) 15%,var(--surface));color:var(--water-dark);font-weight:650}.type-button b{font-size:10px;min-width:23px;padding:2px 5px;border-radius:10px;background:var(--surface-soft);text-align:center}
.section-toggle{width:100%;padding:0 0 8px;background:transparent;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.section-toggle span:first-child{display:flex;align-items:center;gap:6px}.section-toggle svg{width:15px}.layer-controls{display:grid;gap:9px}.layer-controls label{display:flex;justify-content:space-between;align-items:center;font-size:12px}.layer-controls label>span{display:flex;align-items:center;gap:6px}.layer-controls select{width:92px;height:30px}.layer-controls input{accent-color:var(--water);width:16px;height:16px}
.marker-legend{margin-top:22px;padding-top:15px;border-top:1px solid var(--line);display:grid;gap:7px}.marker-legend span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.marker-legend p{font-size:10px;line-height:1.45;color:var(--muted);margin:5px 0}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.state-current{background:var(--current)}.state-rising{background:var(--rising)}.state-strong{background:var(--strong)}.state-falling{background:var(--falling)}.state-stale{background:var(--stale)}
.analysis-link{margin-top:12px;display:flex;align-items:center;gap:6px;color:var(--water-dark);font-size:11px;text-decoration:none;font-weight:650}.analysis-link svg{width:13px}.analysis-link:hover{text-decoration:underline}
.map-region{position:relative;min-width:0;background:#dce5e7}.map{position:absolute;inset:0}.leaflet-control-attribution{font-size:9px!important}.leaflet-control-zoom a{color:#10242c!important}
.situation-card{position:absolute;z-index:500;left:14px;top:14px;min-width:205px;padding:10px 12px;border-radius:8px;background:var(--overlay);border:1px solid var(--line);backdrop-filter:blur(8px);font-size:11px;box-shadow:0 2px 10px rgba(15,36,44,.08)}.situation-card strong{display:block;margin-bottom:5px;font-size:12px}.situation-list{display:grid;gap:4px}.situation-row{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.situation-row b{color:var(--ink)}.situation-updated{margin-top:6px;padding-top:5px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.rain-legend{position:absolute;z-index:500;left:14px;bottom:24px;width:245px;padding:10px 12px;border-radius:8px;background:var(--overlay);border:1px solid var(--line);font-size:10px;color:var(--muted)}.rain-legend strong{display:block;font-size:11px;color:var(--ink)}.rain-scale{display:flex;height:9px;border-radius:3px;overflow:hidden;margin:7px 0 3px}.rain-scale i{flex:1}.rain-labels{display:flex;justify-content:space-between}.rain-legend p{margin:6px 0 0;color:var(--muted)}
.map-filter-button{display:none}.map-error{position:absolute;z-index:600;left:50%;top:16px;transform:translateX(-50%);background:#fff5f1;color:#9a3f2c;border:1px solid #efc4b9;border-radius:7px;padding:8px 12px;font-size:11px}
.station-panel{position:absolute;z-index:1000;left:var(--left-w);right:0;bottom:0;height:min(41vh,370px);border-top:1px solid var(--line);background:var(--surface);box-shadow:0 -10px 30px rgba(15,36,44,.18);overflow-y:auto;transform:translateY(calc(100% + 20px));visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}.app-shell.panel-open .station-panel{transform:translateY(0);visibility:visible;transition:transform .28s ease}.panel-close{position:absolute;right:12px;top:10px;z-index:2}.station-empty{display:none}
.station-content{display:grid;grid-template-columns:minmax(230px,340px) minmax(0,1fr);gap:26px;padding:20px 52px 16px 24px;min-height:100%}.station-overview{min-width:0;border-right:1px solid var(--line);padding-right:24px}.station-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--water);font-weight:750}.station-content h1{font-size:20px;line-height:1.15;margin:5px 0 2px}.station-water{font-size:12px;color:var(--muted);margin:0}.station-measurements{display:flex;align-items:flex-end;gap:24px}.primary-value{margin-top:16px;display:flex;flex-direction:column}.primary-value strong{font-size:36px;line-height:1;font-weight:680;letter-spacing:-.035em}.primary-value span{font-size:11px;color:var(--muted);margin-top:4px}.trend{min-height:20px;margin-top:8px;font-size:12px;font-weight:650}.trend.up{color:var(--rising)}.trend.strong{color:var(--strong)}.trend.down{color:var(--falling)}.trend.stable{color:var(--current)}.secondary-value{margin:0 0 2px;padding:0;font-size:11px}.secondary-value strong{font-size:17px;display:block}.freshness{margin-top:9px;padding:8px 10px;background:var(--surface-soft);border-radius:7px;font-size:10px;line-height:1.4}.freshness b{display:block}.freshness.current b{color:var(--current)}.freshness.delayed b{color:var(--rising)}.freshness.stale b,.freshness.missing b{color:var(--stale)}
.station-chart-column{min-width:0}.chart-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.chart-header span{display:flex;align-items:center;gap:6px}.chart-header svg{width:15px}.chart-wrap{height:210px;position:relative;margin-top:5px}.station-chart,.station-chart svg{display:block;width:100%;height:100%}.station-chart .chart-grid-line{stroke:var(--chart-grid);stroke-width:1}.station-chart .chart-axis-label{fill:var(--muted);font:10px Inter,ui-sans-serif,system-ui,sans-serif}.station-chart .chart-line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.station-chart .chart-area{opacity:.12}.chart-message{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:var(--muted);text-align:center;padding:20px;background:var(--surface)}.chart-message[hidden]{display:none!important}.range-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.range-buttons button{height:28px;border-radius:6px;background:var(--surface-soft);color:var(--muted);font-size:10px;cursor:pointer}.range-buttons button.active{background:var(--water-dark);color:var(--surface)}.station-note{font-size:10px;color:var(--muted);line-height:1.4;margin:7px 0 0}.sheet-handle{display:none}
.sensor-marker{background:transparent;border:0}.sensor-marker-inner{position:relative;width:34px;height:42px;filter:drop-shadow(0 2px 2px rgba(11,35,43,.22));cursor:pointer}.sensor-marker-inner svg{width:34px;height:42px;fill:var(--marker,#167b70);stroke:#fff;stroke-width:1.4}.sensor-marker-inner .sensor-glyph{position:absolute;left:9px;top:8px;width:16px;height:16px;color:#fff;fill:none;stroke:#fff;stroke-width:2}.sensor-marker.selected .sensor-marker-inner{transform:scale(1.16)}.sensor-marker.selected .sensor-marker-inner:after{content:"";position:absolute;inset:-4px -3px -1px;border:2px solid var(--ink);border-radius:50%}
.selected-catchment-label{background:var(--surface);border:1px solid #f59e0b;color:var(--ink);box-shadow:0 2px 8px rgba(15,23,42,.2);font-size:11px;font-weight:700;padding:5px 8px}
footer{height:var(--footer-h);display:flex;align-items:center;justify-content:center;gap:18px;padding:0 16px;border-top:1px solid var(--line);background:var(--surface-soft);color:var(--muted);font-size:10px}footer a,.footer-link{color:var(--water-dark);font-weight:650;text-decoration:none}.footer-link{padding:0;background:transparent;cursor:pointer;font-size:inherit}.footer-link:hover,footer a:hover{text-decoration:underline}
.legal-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}.legal-modal[hidden]{display:none!important}.legal-dialog{position:relative;width:min(640px,94vw);max-height:88vh;overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35);padding:28px 32px;font-size:13px;line-height:1.65}.legal-close{position:absolute;right:12px;top:11px}.legal-dialog h2{font-size:18px;margin:0 36px 18px 0;padding-bottom:10px;border-bottom:2px solid var(--line)}.legal-dialog h3{font-size:14px;margin:22px 0 7px}.legal-dialog p{margin:9px 0}.legal-dialog a{color:var(--water-dark);font-weight:650}.legal-version{margin-top:22px!important;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
@media(max-width:1050px){:root{--left-w:215px}.brand{min-width:auto}.county-crest,.brand-flag{display:none}.station-content{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:760px){
  :root{--header-h:58px;--notice-h:54px;--footer-h:0px}body{overflow:hidden}.app-header{padding:0 10px;gap:5px}.brand-logo{width:30px;height:30px}.brand{gap:7px}.brand strong{font-size:13px}.brand div span{font-size:8px}.network-summary{font-size:9px;line-height:1.3;max-width:115px}.network-summary strong{font-size:9px}.theme-button,.mobile-menu-button{display:grid;width:32px;height:32px}.build-notice{padding:6px 9px;gap:7px;font-size:10px;line-height:1.3}.notice-close{padding:5px}.notice-close span{display:none}
  .app-shell,.app-shell.panel-open{height:calc(100dvh - var(--header-h) - var(--notice-h));display:block;position:relative}.notice-dismissed .app-shell,.notice-dismissed .app-shell.panel-open{height:calc(100dvh - var(--header-h))}.map-region{position:absolute;inset:0}.filter-panel{display:block;position:absolute;z-index:1100;left:8px;right:8px;top:8px;max-height:calc(100dvh - 76px);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);transform:translateY(-120%);opacity:0;transition:.22s ease;padding:15px}.filter-panel.open{transform:translateY(0);opacity:1}.marker-legend,.analysis-link{display:none}.type-filter{grid-template-columns:repeat(3,1fr)}.type-button{height:54px;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:center;padding:4px}.type-button b{display:none}.filter-section{margin-top:14px}.layers-section{margin-bottom:5px}
  .situation-card{top:10px;left:10px;min-width:180px;padding:8px 10px}.map-filter-button{display:flex;position:absolute;z-index:500;right:10px;top:10px;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-size:11px;font-weight:650;box-shadow:0 2px 8px rgba(15,36,44,.1)}.map-filter-button svg{width:15px}.rain-legend{left:10px;bottom:12px;width:220px}
  .station-panel{left:0;height:min(68dvh,560px);border:0;border-radius:14px 14px 0 0;box-shadow:var(--shadow)}.station-content{display:block;padding:22px 18px 16px}.station-overview{border:0;padding:0}.station-content h1{font-size:19px}.primary-value{margin-top:13px}.primary-value strong{font-size:34px}.station-chart-column{margin-top:16px}.chart-wrap{height:170px}.sheet-handle{display:block;width:42px;height:4px;border-radius:3px;background:var(--line);margin:8px auto 0}.panel-close{top:13px}footer{display:flex;position:fixed;z-index:900;left:8px;bottom:8px;width:auto;height:auto;padding:5px 8px;border:1px solid var(--line);border-radius:7px;box-shadow:0 2px 8px rgba(15,36,44,.12)}footer>span,footer>a{display:none}.legal-dialog{padding:24px 20px;width:calc(100vw - 20px);max-height:90dvh}.legal-modal{padding:10px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}