:root{color-scheme:dark;--bg:#0d1b20;--panel:#11242a;--raised:#192f36;--text:#edf3f1;--muted:#9aafb4;--border:#2a3e44;--accent:#8ce4d5;--audio:#e9bd7d;--map:#10242c;--shadow:0 8px 35px #0004;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[data-theme=light]{color-scheme:light;--bg:#f4f7f6;--panel:#fff;--raised:#e9f0ee;--text:#183b40;--muted:#567177;--border:#d5e0dd;--accent:#166d62;--audio:#986423;--map:#dce7e8;--shadow:0 8px 35px #143b4015}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 32px;background:var(--bg)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:27px;font-weight:600;letter-spacing:-1px}.brand svg{width:39px;height:39px;stroke:var(--accent);fill:none;stroke-width:2.6}.brand-sub{display:block;font-size:12px;letter-spacing:2.2px;font-weight:500;color:var(--muted);margin-top:3px}.header-right{display:flex;gap:27px;align-items:center}.local-time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.theme{border:1px solid var(--border);border-radius:24px;background:transparent;color:var(--text);padding:10px 16px;font-size:14px;display:flex;gap:9px;align-items:center}#theme-icon{font-size:21px;line-height:1}main{display:grid;grid-template-columns:390px minmax(0,1fr);height:calc(100dvh - 90px);min-height:720px}.sidebar{overflow-y:auto;padding:32px 28px 20px;border-right:1px solid var(--border);scrollbar-width:thin}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;color:var(--muted);margin:0}h1{font-family:Georgia,"Times New Roman",serif;font-size:40px;font-weight:400;line-height:1.1;letter-spacing:-1.5px;margin:16px 0 12px}.intro>p:last-child{font-size:14px;color:var(--muted);margin-bottom:30px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{font-size:12px;letter-spacing:1px;color:var(--accent)}h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:16px 0 6px}.location-sub{font-size:13px;color:var(--muted);margin:0 0 17px}.viewer{aspect-ratio:16/10;background:#071217;border:1px solid var(--border);border-radius:8px;overflow:hidden;position:relative}.viewer iframe{width:100%;height:100%;border:0}.description{font-size:14px;color:var(--muted);line-height:1.6;margin:13px 0 10px}.source-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;align-items:center}.source-row a{font-size:12px;text-decoration-color:var(--border);text-underline-offset:4px}.source-row>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.audio-section{margin-top:27px;padding-top:23px;border-top:1px solid var(--border)}.audio-section h2{font-size:18px;margin:0}.sound-icon{color:var(--audio);font-size:30px;line-height:1}.audio-section>p{font-size:13px;color:var(--muted);line-height:1.5;margin:8px 0 14px}select{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-size:14px}.audio-controls{display:flex;align-items:center;gap:12px;margin:18px 0 15px}#play{flex:0 0 43px;width:43px;height:43px;border:0;border-radius:50%;background:var(--accent);color:var(--bg);font-size:17px}.audio-info{display:flex;flex-direction:column;gap:5px;min-width:0}.audio-info strong{font-size:14px;font-weight:500}.audio-info>span{font-size:12px;color:var(--muted)}.sound-bars{display:flex;align-items:center;gap:3px;height:24px;margin-left:auto}.sound-bars i{background:var(--accent);width:2px;height:4px;border-radius:2px}.sound-bars.playing i{animation:wave 1.1s infinite alternate}.sound-bars i:nth-child(2){animation-delay:-.4s}.sound-bars i:nth-child(3){animation-delay:-.7s}.sound-bars i:nth-child(4){animation-delay:-.2s}.sound-bars i:nth-child(5){animation-delay:-.8s}@keyframes wave{to{height:24px}}.volume-row{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.volume-row input{min-width:40px;flex:1;width:100%;accent-color:var(--accent);height:3px}.volume-row a{white-space:nowrap;font-size:12px;text-underline-offset:4px}.audio-section .audio-note{font-size:12px;line-height:1.5;margin-top:15px}.sidebar-foot{font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--border);padding-top:17px;margin-top:20px}.map-section{position:relative;overflow:hidden;background:var(--map)}#map{position:absolute;inset:0;background:var(--map);z-index:0}.map-heading{position:absolute;top:30px;left:30px;pointer-events:none;z-index:400;background:var(--bg);padding:16px 20px;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.map-heading p{font-family:Georgia,serif;font-size:31px;margin:8px 0 4px;letter-spacing:-.7px}.map-heading>span:last-child{font-size:12px;color:var(--muted)}.map-tools{position:absolute;right:24px;top:30px;z-index:400;display:flex;flex-direction:column;gap:9px}.map-tools button{width:40px;height:40px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);font-size:23px;box-shadow:var(--shadow)}.legend{position:absolute;right:24px;top:196px;z-index:400;display:flex;flex-direction:column;gap:10px;background:var(--bg);padding:13px 15px;border:1px solid var(--border);border-radius:7px;font-size:12px;color:var(--muted)}.legend>span{display:flex;align-items:center;gap:8px}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.camera-dot{background:var(--accent)}.audio-dot{background:var(--audio)}.station-dock{position:absolute;bottom:30px;left:26px;right:26px;z-index:400;border:1px solid var(--border);border-radius:10px;padding:17px 19px;background:var(--bg);box-shadow:var(--shadow)}.dock-heading{display:flex;justify-content:space-between;margin-bottom:12px}.dock-heading>span:last-child{font-size:12px;color:var(--muted)}.station-list{display:flex;overflow-x:auto;gap:8px;padding:2px 1px 7px;scrollbar-width:thin}.station{flex:0 0 158px;padding:12px;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px}.station[aria-pressed=true]{border-color:var(--accent);background:var(--raised)}.station strong{display:block;font-size:13px;font-weight:500;line-height:1.4}.station span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.station .station-type{display:flex;gap:6px;align-items:center;color:var(--accent);font-size:12px;letter-spacing:.7px;margin:0 0 8px}.station.audio .station-type{color:var(--audio)}.leaflet-control-attribution{font-size:12px!important;background:var(--bg)!important;color:var(--muted)!important}.leaflet-control-attribution a{color:var(--muted)!important}.pin{background:transparent;border:0}.pin-inner{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1.5px solid var(--accent);color:var(--accent);border-radius:50%;box-shadow:0 0 0 5px #8ce4d515,0 3px 12px #0005}.pin-inner.audio{color:var(--audio);border-color:var(--audio);box-shadow:0 0 0 4px #e9bd7d15,0 3px 12px #0005}.pin-inner.active{background:var(--accent);color:var(--bg);box-shadow:0 0 0 7px #8ce4d525}.pin-inner svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.leaflet-tooltip{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:none!important;font:12px ui-sans-serif,sans-serif!important;border-radius:5px!important}.leaflet-tooltip:before{display:none}.hydro-view{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:var(--panel);color:var(--audio)}.hydro-view svg{width:50px;height:50px;fill:none;stroke:currentColor;stroke-width:1}.hydro-view span{font-size:12px;letter-spacing:1px}.map-error{position:absolute;top:210px;left:30px;right:30px;z-index:401;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){main{grid-template-columns:420px 1fr}.sidebar{padding:35px}}@media(max-width:1000px){main{grid-template-columns:340px minmax(0,1fr)}.sidebar{padding:26px 22px}.map-heading{left:18px;top:20px}.map-heading p{font-size:25px}.map-heading .eyebrow{font-size:12px}.legend{top:190px;right:15px}.map-tools{right:15px;top:20px}.station-dock{left:16px;right:16px}}@media(max-width:720px){header{height:76px;padding:0 18px}.brand{font-size:24px}.local-time{display:none}.theme{padding:9px 11px;font-size:12px}main{height:auto;min-height:0;display:flex;flex-direction:column}.map-section{order:-1;height:520px;min-height:520px}.sidebar{overflow:visible;border:0;padding:28px 22px}.intro h1{font-size:34px}.intro h1 br{display:none}.intro>p:last-child{margin-bottom:24px}.map-heading{top:16px;left:16px;padding:12px 15px}.map-heading p{font-size:24px}.map-heading>span:last-child{font-size:12px}.map-tools{top:16px}.legend{top:174px;padding:10px;font-size:12px}.station-dock{bottom:23px;padding:12px}.station{flex-basis:148px}.station-list{padding-bottom:4px}.viewer{aspect-ratio:16/9}.sidebar-foot{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.viewer video{width:100%;height:100%;object-fit:contain;background:#071217}.camera-notice{position:absolute;inset:35% 10% auto;font-size:14px;line-height:1.5;text-align:center;color:#edf3f1;background:#071217de;padding:10px;border-radius:6px;pointer-events:none}.camera-notice[hidden]{display:none}.description{font-size:16px}.station strong,.location-sub,.theme,.intro>p:last-child{font-size:14px}.source-row{flex-wrap:wrap}.pin:focus{outline:3px solid var(--accent)}

[data-theme=dark] .leaflet-tile-pane{filter:invert(1) hue-rotate(165deg) saturate(.35) brightness(.8)}[data-theme=light] .leaflet-tile-pane{filter:saturate(.4)}

.youtube-view{min-height:200px}.youtube-view iframe{width:100%;height:100%;min-height:200px}.location-cluster{display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--accent);border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 0 5px #8ce4d525;font-size:14px;font-weight:600}.location-cluster:focus-visible{outline:3px solid var(--text);outline-offset:4px}