*{box-sizing:border-box;margin:0;padding:0}:root{--app-bg:#edf2f8;--panel-bg:#ffffffe6;--panel-border:#1d325e1f;--text-main:#16233b;--text-muted:#61708a;--accent:#2d58d6;--danger:#c72a37;--success:#2f7d4a;--warning:#f08c2e;--shadow-soft:0 24px 64px #16233b14;--radius-xl:28px;--radius-lg:22px;--radius-md:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#6388ff29,#0000 26%),linear-gradient(#f6f9fd 0%,#edf2f8 100%);margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif}code{font-family:IBM Plex Mono,Cascadia Code,monospace}#root{min-height:100vh}a{color:inherit}button,input,select{font:inherit}.leaflet-map{border-radius:26px;flex:1;width:100%;height:100%;min-height:0;overflow:hidden;box-shadow:inset 0 0 0 1px #0b162d14}.province-label{color:#0f2042b3;letter-spacing:.04em;text-shadow:0 1px #ffffffe0;white-space:nowrap;font-size:11px;font-weight:600}.province-label-active{color:#1739a7}.leaflet-tooltip-card{min-width:140px}.leaflet-tooltip-title{margin-bottom:4px;font-weight:700}@media (width<=1200px){.leaflet-map{min-height:520px}}.home-page{flex-direction:column;gap:10px;height:100vh;min-height:100vh;padding:14px 16px 16px;display:flex;overflow:hidden}.home-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.home-header-main h2.ant-typography{color:var(--text-main);margin-bottom:0;font-size:clamp(28px,2vw,40px);line-height:1.08}.snapshot-status{color:var(--text-muted);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.snapshot-status .ant-tag{margin-inline-end:0}.home-header-controls{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.basemap-switch{border:1px solid var(--panel-border);background:#ffffffbd;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.basemap-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 12px;transition:all .2s}.basemap-button.active{background:var(--text-main);color:#fff}.summary-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.summary-metric{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:12px 16px}.summary-metric strong{margin-top:4px;font-size:24px;line-height:1.1;display:block}.summary-metric.summary-danger strong{color:var(--danger)}.summary-metric.summary-safe strong{color:var(--success)}.summary-label{color:var(--text-muted);font-size:12px}.home-content{flex:1;grid-template-columns:360px minmax(0,1fr);gap:14px;min-height:0;display:grid}.home-sidebar,.home-map-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);min-height:0}.home-sidebar{flex-direction:column;gap:12px;padding:16px;display:flex;overflow:hidden}.sidebar-section{flex-direction:column;gap:8px;display:flex}.sidebar-section-tight{gap:8px}.sidebar-title{color:var(--text-main);align-items:center;gap:8px;font-weight:700;display:inline-flex}.sidebar-heading-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-province-select{flex:none;min-width:128px;max-width:148px}.sidebar-meta-strip{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.sidebar-meta-strip span{background:#2d58d614;border-radius:999px;padding:4px 9px}.sidebar-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow:auto}.sidebar-empty{justify-content:center;padding:32px 0;display:flex}.water-body-card{background:#ffffffb8;border:1px solid #16233b14;border-radius:20px;flex:none;min-height:84px;overflow:hidden}.water-body-card.active{border-color:#2d58d652;box-shadow:inset 0 0 0 1px #2d58d614}.water-body-trigger,.station-subitem{text-align:left;cursor:pointer;background:0 0;border:none;width:100%}.water-body-trigger{color:var(--text-main);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.water-body-title-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.water-body-title-row strong,.station-subitem strong{color:var(--text-main);font-size:15px;line-height:1.4}.water-body-meta,.station-submeta{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.water-body-score{color:var(--text-main);white-space:nowrap;font-size:20px;font-weight:700}.station-sublist{flex-direction:column;gap:10px;padding:0 12px 12px;display:flex}.station-subitem{color:var(--text-main);background:#edf2f8db;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 12px;display:flex}.station-risk{color:var(--text-main);flex-direction:column;align-items:flex-end;gap:4px;display:flex}.home-map-panel{flex-direction:column;gap:0;min-height:0;padding:12px 14px 14px;display:flex}@media (width<=1200px){.home-page{height:auto;overflow:visible}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.home-content{grid-template-columns:1fr}.home-sidebar,.home-map-panel{min-height:0}}@media (width<=768px){.home-page{padding:14px}.home-header{flex-direction:column}.home-header-controls{align-items:flex-start;width:100%}.sidebar-heading-row{flex-wrap:wrap}.sidebar-province-select{width:100%;max-width:none}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.basemap-switch{flex-wrap:wrap}}.station-page{min-height:100vh;padding:28px}.station-page-header{align-items:center;gap:18px;margin-bottom:18px;display:flex}.station-page-title h2.ant-typography{margin-bottom:0}.back-button{color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-soft);background:#ffffffdb;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.station-page-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.station-filter-bar{border-radius:var(--radius-xl);background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px 20px;display:flex}.station-filter-meta{flex-direction:column;gap:4px;display:flex}.station-filter-meta span{color:var(--text-muted);font-size:13px}.station-filter-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.station-tabs{margin-top:18px}.station-tabs .ant-tabs-nav{margin-bottom:18px}.station-tabs .ant-tabs-tab{border-radius:999px;padding:10px 16px}.station-panel-grid{gap:18px;display:grid}.station-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:20px}.section-heading{color:var(--text-main);margin-bottom:14px;font-weight:700}.station-inline-note{color:var(--text-muted);margin-left:10px}.station-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card span{color:var(--text-muted);font-size:13px}.metric-card strong{margin-top:8px;font-size:24px;line-height:1.35;display:block}.chart-card{overflow:hidden}.forecast-card-grid,.horizon-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.forecast-card{background:#edf2f8e6;border:1px solid #16233b14;border-radius:18px;flex-direction:column;gap:6px;padding:14px;display:flex}.forecast-card.compact{min-height:0}.forecast-day{color:var(--text-muted);font-size:12px}.reason-summary{color:var(--text-main);margin-bottom:14px;line-height:1.7}.reason-evidence-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.reason-evidence-card{background:#edf2f8e6;border:1px solid #16233b14;border-radius:18px;flex-direction:column;gap:6px;padding:16px;display:flex}.reason-evidence-card span{color:var(--text-muted);font-size:12px}.reason-evidence-card strong{color:var(--text-main);font-size:20px}.reason-evidence-card small{color:var(--text-main);line-height:1.6}.reason-evidence-card.warning{background:#f08c2e17}.reason-evidence-card.danger{background:#d1495b14}.accuracy-definition{color:var(--text-main);background:#edf2f8e6;border-radius:18px;gap:6px;margin-bottom:14px;padding:14px 16px;display:grid}.accuracy-alert{margin-bottom:16px}.accuracy-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.accuracy-strip.expanded{grid-template-columns:repeat(7,minmax(0,1fr))}.accuracy-metric{background:#edf2f8e6;border-radius:18px;padding:14px 16px}.accuracy-metric span{color:var(--text-muted);font-size:13px}.accuracy-metric strong{margin-top:8px;font-size:24px;display:block}@media (width<=1200px){.accuracy-strip.expanded{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=960px){.station-page{padding:18px}.station-page-header,.station-filter-bar{flex-direction:column;align-items:stretch}.station-page-summary,.station-metrics-grid,.accuracy-strip,.accuracy-strip.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.station-filter-controls{justify-content:stretch}}@media (width<=640px){.station-page-summary,.station-metrics-grid,.accuracy-strip,.accuracy-strip.expanded{grid-template-columns:1fr}.station-filter-controls{flex-direction:column;align-items:stretch}}.App{width:100%;min-height:100vh;color:var(--text-main);background:var(--app-bg)}