:root{--bg: #060a0f;--panel: #0d1520;--border: #1a2e44;--cyan: #00e5c8;--amber: #f5a623;--red: #ff3d57;--green: #39ff6e;--text: #c8dde8;--text-dim: #4a6070;--text-mid: #7a9aaa;--font-display: "Oswald", sans-serif;--font-mono: "Share Tech Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{font-size:13px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);margin:0;min-height:100dvh;display:flex;flex-direction:column;font-family:var(--font-mono)}.atd-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;border-bottom:1px solid var(--border);flex-shrink:0;gap:1rem;flex-wrap:wrap}.atd-header-left,.atd-header-right{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em}.atd-header-center{flex:1;text-align:center;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-toggle{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;padding:0 .25rem;line-height:1;flex-shrink:0}.theme-toggle:hover{color:var(--cyan)}.atd-org{color:var(--cyan);font-size:.7rem;letter-spacing:.12em}.atd-network{color:var(--text-mid)}.atd-divider{color:var(--border)}.atd-status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:pulse 2.5s ease-in-out infinite;flex-shrink:0}.atd-status-text{color:var(--cyan);font-size:.7rem;letter-spacing:.12em}.atd-date{color:var(--text-mid);font-size:.7rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chart-wrapper{flex:1;display:flex;align-items:stretch;padding:1rem 1.5rem;min-height:0}.chart-frame{flex:1;position:relative;border:1px solid var(--border);overflow:hidden;background:var(--panel)}.scanline{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 1px,rgba(0,0,0,.12) 1px,rgba(0,0,0,.12) 2px);pointer-events:none;z-index:2}.basin-chart{display:block;width:100%;height:100%;max-height:calc(100vh - 8rem)}.sounding{font-family:Share Tech Mono,monospace;font-size:9.5px;fill:#7a9aaa;text-anchor:middle;dominant-baseline:middle}.sounding--dim{fill:#4a6070}.pin-id{font-family:Share Tech Mono,monospace;font-size:9.5px;fill:#c8dde8;stroke:#060a0ff2;stroke-width:4px;paint-order:stroke fill;letter-spacing:.06em;pointer-events:none}.pin-id--dim{font-size:8px;fill:#7a9aaa;stroke:#060a0fe6;stroke-width:3px;paint-order:stroke fill;letter-spacing:.06em;pointer-events:none}.pin-id--beached{font-size:8px;fill:#4a5a50;stroke:#060a0fe6;stroke-width:3px;paint-order:stroke fill;letter-spacing:.06em;pointer-events:none}.chart-title-org{font-family:Oswald,sans-serif;font-size:9px;font-weight:400;fill:#7a9aaa;letter-spacing:.15em}.chart-title-name{font-family:Oswald,sans-serif;font-size:18px;font-weight:600;fill:#c8dde8;letter-spacing:.08em}.chart-title-meta{font-family:Share Tech Mono,monospace;font-size:7.5px;fill:#7a9aaa;letter-spacing:.05em}.chart-title-desc{font-family:Share Tech Mono,monospace;font-size:7.5px;fill:#6a8898;letter-spacing:.04em}.legend-header-lg{font-family:Share Tech Mono,monospace;font-size:9px;fill:#7a9aaa;letter-spacing:.14em}.legend-sub{font-family:Share Tech Mono,monospace;font-size:7px;fill:#4a6070;letter-spacing:.07em}.legend-label-main{font-family:Share Tech Mono,monospace;font-size:9px;fill:#c8dde8}.legend-label-dim{font-family:Share Tech Mono,monospace;font-size:8.5px;fill:#4a6070}.legend-cta{font-family:Share Tech Mono,monospace;font-size:7.5px;fill:#00e5c873;letter-spacing:.06em}.callout-link{cursor:pointer}.callout-link:hover .callout-cta-sm{fill:var(--cyan)}.callout-id{font-family:Share Tech Mono,monospace;font-size:7.5px;fill:#4a6070;letter-spacing:.1em}.callout-name{font-family:Oswald,sans-serif;font-weight:600;font-size:12.5px;fill:#c8dde8;letter-spacing:.04em}.callout-series{font-family:Share Tech Mono,monospace;font-size:7.5px;fill:#7a9aaa;letter-spacing:.08em}.callout-phase{font-family:Share Tech Mono,monospace;font-size:7.5px;letter-spacing:.06em}.callout-cta-sm{font-family:Share Tech Mono,monospace;font-size:7.5px;fill:#4a6070;letter-spacing:.08em}.legend-header{font-family:Share Tech Mono,monospace;font-size:7px;fill:#4a6070;letter-spacing:.1em}.legend-label{font-family:Share Tech Mono,monospace;font-size:8px;fill:#7a9aaa}.compass-label{font-family:Oswald,sans-serif;font-size:10px;font-weight:600;fill:#00e5c8;letter-spacing:.1em}.compass-label-dim{font-family:Oswald,sans-serif;font-size:8px;font-weight:300;fill:#4a6070}.compass-inner{font-family:Share Tech Mono,monospace;font-size:5px;fill:#2a3a44;letter-spacing:.1em}.scale-label{font-family:Share Tech Mono,monospace;font-size:6.5px;fill:#4a6070;letter-spacing:.08em}.scale-tick{font-family:Share Tech Mono,monospace;font-size:7px;fill:#4a6070;text-anchor:middle}.zone-label{font-family:Share Tech Mono,monospace;font-size:6.5px;fill:#00e5c833;letter-spacing:.12em}.station-pin a{cursor:pointer}.station-pin--high-water a:hover circle:last-of-type,.station-pin--incoming a:hover circle:last-of-type{filter:url(#pin-glow-amber);opacity:1}.station-pin--ebbing a:hover circle:nth-of-type(2){fill:#00e5c8a6}.status-bar{display:flex;align-items:center;padding:.75rem 2.5rem;border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;gap:.5rem}.status-item{display:flex;gap:.5rem;align-items:baseline}.status-label{font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);letter-spacing:.1em}.status-value{font-family:var(--font-mono);font-size:.7rem;color:var(--cyan);letter-spacing:.06em}.status-sep{width:1px;height:1rem;background:var(--border);margin:0 .5rem}[data-theme=light]{--bg: #f4f5f0;--panel: #ffffff;--border: #c8d4cc;--text: #1a2020;--text-dim: #6a8070;--text-mid: #4a6058}