:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173c43;background:#f5f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1400px;margin:auto;display:flex;gap:24px;align-items:center;padding:24px 36px;border-bottom:1px solid #d9e4df}header>span,.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;color:#54716c}header>span:nth-child(2){margin-left:auto}.brand{font-size:24px;font-weight:750;text-decoration:none;color:#173c43}.prototype{border:1px solid #cfdcd5;padding:6px 10px;border-radius:20px}main{max-width:1400px;margin:auto;padding:38px 36px 28px}h1{font-size:clamp(32px,4vw,48px);font-weight:650;line-height:1.12;letter-spacing:-.04em;margin:12px 0}p{line-height:1.6}.intro{font-size:16px;max-width:800px;color:#526b6c;margin-bottom:24px}.notice{border:1px solid #dac899;border-left:4px solid #b18432;background:#fff9e9;border-radius:8px;padding:15px 20px;font-size:13px;color:#68501c}.notice p{margin:4px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}h2{font-size:21px;letter-spacing:-.025em}.section-title>span{font-size:13px;color:#526b6c}button,input,select{font:inherit}button,select,input{border:1px solid #c9d8d0;border-radius:7px;background:white;color:#173c43}button{cursor:pointer;padding:10px 14px;font-size:13px}button:hover{background:#edf3ef}button:disabled{opacity:.6;cursor:wait}input,select{width:100%;padding:12px;font-size:14px;height:46px}label{display:block;font-size:12px;font-weight:650;margin-bottom:8px;color:#526b6c}:focus-visible{outline:3px solid #397f73;outline-offset:3px}.filters{display:flex;align-items:end;gap:16px}.search-field{flex:1}.filters>div:nth-child(2){width:270px}.filters>button{height:46px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:20px;align-items:start}.map-column{min-width:0}#map{height:510px;border:1px solid #cfdbd3;border-radius:12px;background:#e3ece6;z-index:0}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;padding:14px 0 0;font-size:11px;color:#526b6c}.legend span{display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:10px;height:10px;min-width:10px;border-radius:50%;background:#8c9696}.below{background:#387b76}.yellow{background:#c49b14}.orange{background:#dc7528}.red{background:#be3f48}.review{background:#856297}.stale{background:#727c85}.unknown{background:#8c9696}.map-note{font-size:11px;color:#657c76;margin:10px 0}.detail{background:white;border:1px solid #dce5df;border-radius:12px;padding:24px;min-height:510px;scroll-margin-top:20px}.detail h3{font-size:20px;margin:12px 0;line-height:1.35}.river{font-size:12px;color:#5f7573}.value{font-size:40px;letter-spacing:-.04em;font-weight:650;margin:20px 0 8px}.value span{font-size:15px;color:#657c76;letter-spacing:0;font-weight:400}.time{font-size:12px;line-height:1.6;color:#657c76}.quality{display:flex;gap:8px;align-items:center;font-size:12px;background:#f0f3f1;border-radius:6px;padding:12px;margin:18px 0 10px;line-height:1.4}.detail-note{font-size:12px;color:#657c76}dl{display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0;font-size:13px}dt{color:#657c76}dd{margin:0;font-variant-numeric:tabular-nums}a{color:#27675c;text-underline-offset:4px;font-size:13px}.source-link{display:block;padding-top:16px;border-top:1px solid #e5ece7}.station-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.station-result{display:flex;text-align:left;align-items:center;gap:12px;padding:16px;min-width:0}.station-result[aria-pressed=true]{border-color:#27675c;background:#e6efea;box-shadow:inset 0 0 0 1px #27675c}.result-copy{flex:1;min-width:0}.result-copy strong{display:block;font-size:12px;line-height:1.4}.result-copy small{display:block;color:#657c76;font-size:11px;margin-top:4px}.result-value{font-size:13px;white-space:nowrap}.empty{grid-column:1/-1;padding:28px;border:1px dashed #c9d8d0;border-radius:8px;color:#657c76}#status,#map-message{font-size:13px;color:#785517}#map-message:empty{display:none}#status{min-height:20px;margin:12px 0}.leaflet-container{font-family:inherit}.leaflet-tooltip{font-family:inherit}.leaflet-control-attribution a{font-size:10px}.station-marker{background:transparent;border:0}.pin{display:block;width:18px;height:18px;border:3px solid white;border-radius:50%;background:var(--pin-color);box-shadow:0 1px 5px #173c4355}.station-marker.selected .pin{outline:3px solid #173c43;outline-offset:2px}.station-marker:focus-visible{outline:3px solid #173c43;border-radius:50%}footer{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #d9e4df;margin-top:32px;padding-top:20px}footer p{font-size:11px;color:#657c76;flex-basis:100%;margin:0}.results-heading{margin-top:18px}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 290px}.detail{padding:20px}.station-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){header{padding:18px;gap:12px}header>span:nth-child(2){font-size:9px;max-width:95px;text-align:right}.prototype{display:none}main{padding:26px 18px}.intro{font-size:14px}.notice{padding:13px 15px}.workspace{grid-template-columns:1fr;gap:12px}#map{height:370px}.detail{min-height:0}.filters{flex-wrap:wrap;gap:12px}.search-field{flex-basis:100%}.filters>div:nth-child(2){flex:1;width:auto}.filters>button{padding:8px}.section-title h2{font-size:19px}.section-title button{font-size:11px;padding:9px}.station-list{grid-template-columns:1fr}.detail .value{margin-top:14px}.legend{gap:10px 12px}}
.update-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.update-heading button{padding:7px 10px;white-space:nowrap}.notice.problem{border-color:#b78738;background:#fff6e6}#connection:empty{display:none}.history{border-top:1px solid #e2e9e5;margin-top:20px;padding-top:16px}.history h4{font-size:15px;margin:0 0 12px}.history-ranges{display:flex;gap:6px;margin-bottom:8px}.history-ranges button{font-size:11px;padding:6px 10px}.history-ranges button[aria-pressed=true]{background:#e6efea;border-color:#27675c}.history svg{width:100%;display:block}.history svg text{font-family:inherit;font-size:12px;fill:#657c76}.history-note{font-size:11px;line-height:1.5;color:#657c76}.history details{font-size:11px;color:#526b6c}.history summary{cursor:pointer;padding:8px 0}.history-table-wrap{max-height:230px;overflow:auto}.history table{border-collapse:collapse;width:100%;font-size:10px}.history th,.history td{text-align:left;padding:7px 4px;border-bottom:1px solid #e2e9e5}.detail{min-width:0}.detail .source-link{margin-top:18px}@media(max-width:700px){.update-heading{align-items:start}.update-heading strong{max-width:190px}.history svg{max-height:220px}}