:root{--page: #f9f9f7;--surface: #fcfcfb;--ink: #0b0b0b;--secondary: #52514e;--muted: #898781;--border: rgba(11, 11, 11, .1);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--page: #0d0d0d;--surface: #1a1a19;--ink: #ffffff;--secondary: #c3c2b7;--muted: #898781;--border: rgba(255, 255, 255, .1)}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:900px;margin:0 auto;padding:clamp(16px,4vw,32px) clamp(12px,3vw,24px);display:flex;flex-direction:column;gap:16px;min-height:100dvh}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.head-text{min-width:0}.repo-link{flex:none;display:inline-flex;margin-top:2px;color:var(--secondary);transition:color .12s ease}.repo-link:hover{color:var(--ink)}.head h1{margin:0;font-size:clamp(1.25rem,4vw,1.6rem);font-weight:650;letter-spacing:-.01em}.head .sub{margin:4px 0 0;color:var(--secondary);font-size:.9rem}.head .updated{margin:2px 0 0;color:var(--muted);font-size:.8rem}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 8px 8px}.chart-box{width:100%;height:min(62vh,460px)}.chart-wrap{position:relative;width:100%;height:100%;touch-action:pan-y}.chart-controls{position:absolute;top:4px;right:8px;z-index:2;display:flex;gap:6px}.chart-btn{padding:4px 10px;font:inherit;font-size:.76rem;color:var(--secondary);background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer}.chart-btn:hover{color:var(--ink)}.tide-info{position:absolute;bottom:84px;right:12px;z-index:2;padding:5px 8px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid;border-radius:8px;font-size:.72rem;line-height:1.35;pointer-events:none}.tide-info-title{font-weight:600;margin-bottom:2px}.tide-info-row{display:flex;gap:8px;white-space:nowrap}.tide-info-kind{font-weight:600;width:2.4em}.tide-info-val{margin-left:auto;font-weight:600}.stale-warning{border:1px solid;border-radius:8px;padding:8px 12px;font-size:.9rem}.status{height:240px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.95rem}.legend{display:flex;flex-wrap:wrap;gap:10px 18px;padding:0 4px}.leg-item{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;color:var(--secondary)}.leg-item svg{flex:none}.leg-toggle{font-family:inherit;background:none;border:0;padding:2px 0;cursor:pointer;transition:opacity .12s ease}.leg-toggle:hover{color:var(--ink)}.leg-toggle.off{opacity:.4;text-decoration:line-through}.leg-link{text-decoration:none;border-bottom:1px dotted currentcolor}.leg-link:hover{color:var(--ink)}.leg-hint{flex-basis:100%;margin:2px 0 0;color:var(--muted);font-size:.74rem;line-height:1.5}.foot{margin-top:auto;padding-top:8px;border-top:1px solid var(--border);color:var(--muted);font-size:.74rem;line-height:1.5}.foot p{margin:4px 0}