:root{--bg-dark:#0f1419;--bg-panel:#1a2332;--bg-panel-hover:#223044;--accent:#38bdf8;--accent-dim:#0ea5e9;--text:#e2e8f0;--text-muted:#94a3b8;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--border:#334155;--radius:8px;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text);min-height:100vh;font-family:DM Sans,system-ui,-apple-system,sans-serif;overflow:hidden}.app{flex-direction:column;height:100vh;display:flex}.sidebar-title{border-bottom:1px solid var(--border);flex-direction:column;gap:.35rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.header-brand{align-items:center;gap:.75rem;min-width:0;display:flex}.header-logo{flex:none;width:clamp(2.5rem,5vw,3.5rem);height:auto;display:block}.sidebar-title h1{letter-spacing:-.02em;color:var(--text);font-size:1.35rem;font-weight:700}.subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.data-source{color:var(--text-muted);margin:0;font-size:.75rem}.data-source a{color:var(--accent);text-decoration:none}.data-source a:hover{text-decoration:underline}.layout{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{scrollbar-width:thin;scrollbar-color:#94a3b873 transparent;background:var(--bg-dark);border-right:1px solid var(--border);width:clamp(340px,30vw,420px);padding:1rem;overflow-y:auto}.sidebar::-webkit-scrollbar{width:8px}.fishing-access-list::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.fishing-access-list::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#94a3b866 padding-box padding-box;border:2px solid #0000;border-radius:999px}.fishing-access-list::-webkit-scrollbar-thumb{background:#94a3b866 padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b899 padding-box padding-box;border:2px solid #0000}.fishing-access-list::-webkit-scrollbar-thumb:hover{background:#94a3b899 padding-box padding-box;border:2px solid #0000}.sidebar-disclaimer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:1rem;padding-top:.85rem;font-size:.71rem;font-style:italic;line-height:1.45}.panel{background:var(--bg-panel);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1rem;padding:1rem 1.25rem}.panel h2{color:var(--text);margin-bottom:.75rem;font-size:.95rem;font-weight:600}.panel-accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;list-style:none;display:flex}.panel-accordion-summary::-webkit-details-marker{display:none}.panel-accordion-summary h2{margin-bottom:0}.panel-accordion-summary:after{content:"";border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);flex:none;width:.55rem;height:.55rem;transition:transform .15s;transform:rotate(45deg)}.fishing-access-panel[open] .panel-accordion-summary:after{transform:rotate(225deg)}.panel-accordion-content{margin-top:.85rem}.legend-list{flex-direction:column;gap:.6rem;display:flex}.legend-row{align-items:center;gap:.8rem;display:flex}.legend-symbol{flex:0 0 20%;justify-content:center;align-items:center;min-width:3rem;display:flex}.legend-label{color:var(--text);flex:80%;font-size:.9rem;font-weight:600;line-height:1.3}.legend-icon{object-fit:contain;width:1.2rem;height:1.2rem}.legend-river-line{border-top:4px solid var(--accent);border-radius:999px;width:2rem;height:0;display:block}.panel-search-input{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);width:100%;color:var(--text);font:inherit;background:#0f141973;padding:.7rem .8rem}.panel-search-input::placeholder{color:var(--text-muted)}.panel-search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #38bdf82e}.fishing-access-status{color:var(--text-muted);margin-top:.75rem;font-size:.9rem;line-height:1.4}.fishing-access-list{scrollbar-width:thin;scrollbar-color:#94a3b873 transparent;flex-direction:column;gap:.5rem;max-height:360px;margin-top:.75rem;padding-right:.2rem;display:flex;overflow-y:auto}.fishing-access-row{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);width:100%;color:var(--text);text-align:left;cursor:pointer;background:#0f141961;align-items:center;gap:.75rem;padding:.7rem .8rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.fishing-access-row:hover,.fishing-access-row:focus-visible{border-color:var(--accent);background:#38bdf81f;outline:none;transform:translateY(-1px)}.fishing-access-row.active{border-color:var(--accent);background:#38bdf829}.fishing-access-row-icon{object-fit:contain;flex:none;width:1.2rem;height:1.2rem}.fishing-access-row-name{font-weight:700;line-height:1.3}.controls{flex-wrap:wrap;gap:.5rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg-dark)}.btn-primary:hover{background:var(--accent-dim);transform:translateY(-1px)}.btn-primary.active{background:var(--success);color:var(--bg-dark);box-shadow:0 0 0 2px var(--success)}.btn-secondary{background:var(--bg-panel-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn .icon{object-fit:contain;flex:none;width:1em;height:1em;margin-right:.35rem}.results .placeholder{color:var(--text-muted);font-size:.9rem;line-height:1.5}.weather-overlay{--map-help-btn-size:2.5rem;--map-help-gap:.75rem;--map-edge-inset:1rem;bottom:var(--map-edge-inset);right:calc(var(--map-edge-inset) + var(--map-help-btn-size) + var(--map-help-gap));z-index:1100;width:min(360px, calc(100% - var(--map-edge-inset) - var(--map-help-btn-size) - var(--map-help-gap) - var(--map-edge-inset)));pointer-events:auto;position:absolute;top:auto;left:auto}.weather-overlay--collapsed{width:auto;max-width:min(360px, calc(100% - var(--map-edge-inset) - var(--map-help-btn-size) - var(--map-help-gap) - var(--map-edge-inset)))}.weather-panel{flex-direction:column;gap:.75rem;display:flex}.weather-panel--map{margin:0;padding:.5rem .65rem;box-shadow:0 4px 18px #00000073}.weather-panel--map.weather-panel--collapsed{padding:.35rem .5rem}.weather-panel-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.weather-panel--map .weather-panel-head h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0;font-size:.7rem;font-weight:700}.weather-panel-toggle{width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.weather-panel-toggle:hover{color:var(--text);background:var(--bg-panel-hover)}.weather-panel-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.weather-panel-toggle-icon{transition:transform .2s;display:block;transform:rotate(180deg)}.weather-panel--collapsed .weather-panel-toggle-icon{transform:rotate(0)}.weather-panel-body{margin-top:.35rem}.weather-panel--collapsed .weather-panel-body{display:none}.weather-panel--collapsed .weather-panel-head{margin-bottom:0}.weather-panel-main{grid-template-columns:minmax(12rem,14rem) minmax(0,1fr);align-items:start;gap:.9rem;display:grid}.weather-panel--map .weather-panel-main{grid-template-columns:minmax(6.25rem,7.5rem) minmax(0,1fr);align-items:start;gap:.45rem .65rem}.weather-panel--map .weather-input-group,.weather-panel--map .weather-output-group{min-width:0}.weather-input-group,.weather-output-group{flex-direction:column;gap:.45rem;display:flex}.weather-select-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.76rem;font-weight:700}.weather-select-wrap{position:relative}.weather-select-wrap:after{content:"";border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);pointer-events:none;width:.55rem;height:.55rem;position:absolute;top:50%;right:.95rem;transform:translateY(-65%)rotate(45deg)}.weather-select{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);width:100%;color:var(--text);font:inherit;appearance:none;cursor:pointer;background:#0f141973;padding:.75rem 2.9rem .75rem .85rem}.weather-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #38bdf82e}.weather-select:disabled{opacity:.72;cursor:wait}.weather-status{min-height:0;color:var(--text-muted);font-size:.8rem;line-height:1.35}.weather-status[data-state=loading]{color:var(--accent)}.weather-status[data-state=error]{color:var(--danger)}.weather-status[data-state=success]{color:var(--text-muted)}.weather-results{margin-top:0}.weather-city-name{color:var(--accent);margin-bottom:.1rem;font-size:.82rem;font-weight:600}.weather-panel--map .results-block .stat-row{border-bottom-color:#334155a6;padding:.15rem 0;font-size:.72rem}.weather-panel--map .results-block .label,.weather-panel--map .results-block .value{line-height:1.2}.weather-panel--map .weather-select{padding:.42rem 2.5rem .42rem .55rem;font-size:.78rem}.weather-panel--map .weather-select-label{font-size:.62rem}.weather-panel--map .weather-status{font-size:.7rem;line-height:1.3}.weather-panel--map .weather-city-name{margin-bottom:.1rem;font-size:.72rem}.weather-panel--map .weather-obs-time{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-bottom:.2rem;font-size:.65rem;line-height:1.25}.results-block .stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.results-block .stat-row:last-of-type{border-bottom:none}.point-conditions-heading{color:var(--text);margin-bottom:.65rem;font-size:1rem;font-weight:600;line-height:1.35}.point-flow-chart-container{margin-top:.75rem}.stat-row .label{color:var(--text-muted)}.stat-row .value{font-variant-numeric:tabular-nums;font-weight:600}.flow-chart-container{border-radius:var(--radius);background:#0003;height:200px;margin-top:1rem;padding:.75rem;position:relative}.hidden{display:none!important}.loading{color:var(--accent);font-size:.9rem}.sidebar-divider{margin:.75rem 0 1.25rem}.sidebar-divider-image{opacity:.9;width:100%;height:auto;display:block}.loading .loading-text{margin-bottom:.5rem;display:block}.progress-track{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;width:0%;height:100%;transition:width .2s ease-out}.error{color:var(--danger);margin-top:.5rem;font-size:.9rem}.value.high{color:var(--success)}.value.low{color:var(--warning)}.value.avg{color:var(--text)}.map-container{flex:1 1 0;min-height:400px;position:relative;overflow:hidden}.basemap-switcher{z-index:1000;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);gap:.25rem;padding:.25rem;display:flex;position:absolute;bottom:1rem;left:1rem;box-shadow:0 2px 8px #0000004d}.basemap-btn{color:var(--text);background:var(--bg-panel);border-radius:calc(var(--radius) - 2px);cursor:pointer;border:none;padding:.4rem .75rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.basemap-btn:hover{color:var(--text);background:var(--bg-panel-hover)}#map{background:#1e293b;position:absolute;inset:0}.leaflet-control-zoom a{background:var(--bg-panel)!important;color:var(--text)!important;border-color:var(--border)!important}.leaflet-control-zoom a:hover{background:var(--bg-panel-hover)!important}.leaflet-draw-toolbar a{background:var(--bg-panel)!important}.leaflet-bar{border-color:var(--border)!important}.float-description{color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:.5rem;padding:.4rem 0 .6rem;font-size:.82rem;font-style:italic;line-height:1.4}.float-description:empty{display:none}.map-point-icon,.usgs-gauge-icon{background:0 0!important;border:none!important}.layer-toggles{z-index:1000;flex-direction:column;gap:.25rem;display:flex;position:absolute;top:1rem;left:1rem}.leaflet-top.leaflet-right{top:1rem;right:1rem}.leaflet-top.leaflet-right .leaflet-control{margin-top:0;margin-right:0}.layer-btn{color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s,opacity .15s;display:flex;box-shadow:0 2px 8px #0000004d}.layer-btn:hover{color:var(--text);background:var(--bg-panel-hover)}.layer-btn.active{color:var(--bg-dark);background:var(--accent);border-color:var(--accent)}.layer-btn.loading{opacity:.6;cursor:wait}.layer-btn:disabled{cursor:wait}.map-help-control{z-index:1000;position:absolute;bottom:1rem;right:1rem}.map-help-btn{width:2.5rem;height:2.5rem;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:999px;place-items:center;padding:0;font-size:1rem;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:grid;box-shadow:0 2px 8px #0000004d}.map-help-btn:hover,.map-help-btn[aria-expanded=true]{color:var(--bg-dark);background:var(--accent);border-color:var(--accent)}.map-help-popup{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:min(22rem,100vw - 2rem);min-height:10rem;position:absolute;bottom:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 24px #00000059}.map-help-popup.hidden{display:none}.map-help-popup-header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;font-size:.9rem;font-weight:600;display:flex}.map-help-close{width:1.9rem;height:1.9rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.map-help-close:hover{color:var(--text);background:var(--bg-panel-hover)}.map-help-popup-content{min-height:7rem;padding:.9rem}.map-help-popup-content ol{color:var(--text-muted);padding-left:1.2rem;font-size:.9rem;line-height:1.55}.map-help-popup-content li+li{margin-top:.35rem}.usgs-popup-container .leaflet-popup-content-wrapper{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:0;box-shadow:0 4px 20px #00000080}.usgs-popup-container .leaflet-popup-content{margin:0;padding:0;line-height:1.4}.usgs-popup-container .leaflet-popup-tip-container{display:none}.usgs-popup-container .leaflet-popup-close-button{font-size:1.1rem;color:var(--text-muted)!important;padding:6px 8px!important;top:4px!important;right:4px!important}.usgs-popup-container .leaflet-popup-close-button:hover{color:var(--text)!important}.usgs-popup{min-width:200px;font-family:DM Sans,system-ui,sans-serif}.usgs-popup-header{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.75rem .75rem .25rem;display:flex}.usgs-popup-name{color:var(--text);font-size:.8rem;font-weight:600;line-height:1.3}.usgs-popup-id{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);padding:.2rem .75rem .5rem}.usgs-popup-table{border-collapse:collapse;width:100%;font-size:.8rem}.usgs-popup-table td{vertical-align:middle;padding:.3rem .75rem}.usgs-popup-table tr:not(:last-child) td{border-bottom:1px solid #33415580}.usgs-popup-label{color:var(--text-muted);white-space:nowrap;padding-right:.5rem}.usgs-popup-val{color:var(--text);text-align:right;font-weight:500}.usgs-flow{color:var(--accent);font-family:var(--font-mono);font-size:.85rem}.usgs-popup-time{color:var(--text-muted);font-family:DM Sans,system-ui,sans-serif;font-size:.68rem;font-weight:400;display:block}.usgs-popup-loading{text-align:center;color:var(--text-muted);font-size:.8rem;padding:.5rem .75rem!important}.usgs-popup-link{text-align:center;color:var(--accent);border-top:1px solid var(--border);padding:.5rem .75rem;font-size:.75rem;text-decoration:none;transition:background .15s;display:block}.usgs-popup-link:hover{background:var(--bg-panel-hover);text-decoration:underline}.leaflet-measure-path-measurement{font-family:var(--font-mono);color:var(--accent);font-size:12px;font-weight:600}@media (width<=900px){body{-webkit-overflow-scrolling:touch;overflow:hidden auto}.app{height:auto;min-height:100dvh}.layout{flex-direction:column}.map-container{flex:none;order:1;width:100%;height:min(48vh,420px);min-height:260px;max-height:55vh}.sidebar{border-right:none;border-top:1px solid var(--border);width:100%;max-width:none;min-height:0;padding:.75rem 1rem max(1.25rem, env(safe-area-inset-bottom,0px));flex:auto;order:2}.sidebar-title{margin-bottom:.75rem;padding-bottom:.75rem}.sidebar-title h1{font-size:1.2rem}.subtitle{font-size:.85rem;line-height:1.45}.panel{margin-bottom:.75rem;padding:.85rem 1rem}.flow-chart-container{height:180px}.layer-toggles{top:max(.75rem, env(safe-area-inset-top,0px));left:max(.75rem, env(safe-area-inset-left,0px))}.leaflet-top.leaflet-right{top:max(.75rem, env(safe-area-inset-top,0px));right:max(.75rem, env(safe-area-inset-right,0px))}.basemap-switcher{bottom:max(.75rem, env(safe-area-inset-bottom,0px));left:max(.75rem, env(safe-area-inset-left,0px))}.map-help-control{bottom:max(.75rem, env(safe-area-inset-bottom,0px));right:max(.75rem, env(safe-area-inset-right,0px))}.weather-overlay{bottom:max(.75rem, env(safe-area-inset-bottom,0px));top:auto;left:auto;right:calc(max(.75rem, env(safe-area-inset-right,0px)) + var(--map-help-btn-size) + var(--map-help-gap));width:min(360px, calc(100% - max(.75rem, env(safe-area-inset-left,0px)) - var(--map-help-btn-size) - var(--map-help-gap) - max(.75rem, env(safe-area-inset-right,0px))));max-width:none}.weather-overlay--collapsed{max-width:min(360px, calc(100% - max(.75rem, env(safe-area-inset-left,0px)) - var(--map-help-btn-size) - var(--map-help-gap) - max(.75rem, env(safe-area-inset-right,0px))))}.map-help-popup{width:min(22rem,100vw - 1rem);max-height:min(70vh,520px);overflow-y:auto}.btn{min-height:44px}}@media (width<=520px){.weather-panel--map .weather-panel-main{grid-template-columns:1fr;gap:.5rem}.layer-btn{padding:.45rem .65rem;font-size:.8rem}.basemap-btn{padding:.35rem .6rem;font-size:.8rem}}