.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{--bg: #ffffff;--fg: #111418;--muted: #5b6470;--accent: #0a66c2;--warning: #c77200;--danger: #b42318;--chart-line: #0a66c2;--chart-stroke: 2px;--chart-grid: #e3e6ea;--chart-now: #b42318;--chart-band: rgba(0, 0, 0, .06);--day-0: rgba(10, 102, 194, .14);--day-1: rgba(200, 130, 20, .16);--day-2: rgba(30, 160, 130, .16);--font-size-sm: 14px;--font-size-base: 17px;--font-size-lg: 22px;--font-size-xl: 32px;--radius: 10px;--hit: 44px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0b0d10;--fg: #f0f2f5;--muted: #8a94a3;--chart-line: #5eb0ff;--chart-grid: #1e232a;--chart-now: #ff6b60;--chart-band: rgba(255, 255, 255, .06);--day-0: rgba(94, 176, 255, .18);--day-1: rgba(255, 180, 90, .16);--day-2: rgba(120, 220, 170, .15)}}:root[data-theme=sun]{--bg: #fafaf5;--fg: #000000;--muted: #1a1a1a;--accent: #000000;--warning: #8a4a00;--chart-line: #000000;--chart-stroke: 4px;--chart-grid: #bfbfbf;--chart-now: #000000;--chart-band: rgba(0, 0, 0, .08);--day-0: rgba(0, 0, 0, .06);--day-1: rgba(0, 0, 0, .22);--day-2: rgba(0, 0, 0, .14);--font-size-sm: 16px;--font-size-base: 20px;--font-size-lg: 28px;--font-size-xl: 40px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:-apple-system,SF Pro Text,Segoe UI Variable,Inter,system-ui,sans-serif;font-size:var(--font-size-base);font-weight:500;line-height:1.3;-webkit-font-smoothing:antialiased}:root[data-theme=sun] body{font-weight:600}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--muted);border-radius:var(--radius);min-height:var(--hit);padding:0 16px;cursor:pointer}button:active{background:var(--chart-band)}.app{max-width:720px;margin:0 auto;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.placeholder{color:var(--muted);margin:0}.station-header{display:flex;flex-direction:column;gap:8px}.station-header__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.station-header__row--meta{color:var(--muted);font-size:var(--font-size-sm)}.station-header__name{margin:0;font-size:var(--font-size-xl);font-weight:700;line-height:1.1;flex:1 1 auto;min-width:0}.station-header__refresh{min-height:36px;padding:0 12px;border-radius:8px;font-size:var(--font-size-sm)}.station-header__stats{color:var(--muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.station-header__stale{background:var(--warning);color:#fff;padding:8px 12px;border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:600}.sun-toggle{min-height:36px;padding:0 12px;border-radius:8px;font-size:var(--font-size-sm);white-space:nowrap}.tide-chart{width:100%;min-height:220px}.tide-chart__value-tip,.tide-chart__time-tip{position:absolute;pointer-events:none;white-space:nowrap;background:var(--bg);color:var(--fg);border:1px solid var(--chart-grid);border-radius:6px;padding:2px 8px;font-size:var(--font-size-sm);font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #0000001f}.tide-chart__value-tip{transform:translate(-50%,-140%)}.tide-chart__time-tip{top:100%;transform:translate(-50%,4px)}.tide-chart__y-guide{position:absolute;left:0;right:0;height:0;pointer-events:none;border-bottom:1px dashed #607D8B;transform:translateY(-.5px)}.hilo-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-rows:1fr;gap:8px}.hilo-strip--empty{color:var(--muted);padding:8px 0}.hilo-strip__item{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:2px 10px;padding:10px 12px;border:1px solid var(--chart-grid);border-radius:var(--radius);background:var(--bg)}.hilo-strip__type{font-weight:700;font-size:var(--font-size-sm);letter-spacing:.5px}.hilo-strip__item--high .hilo-strip__type{color:var(--chart-line)}.hilo-strip__item--low .hilo-strip__type{color:var(--muted)}.hilo-strip__value{justify-self:end;font-weight:700;font-size:var(--font-size-lg);white-space:nowrap}.hilo-strip__time{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.hilo-strip__date{justify-self:end;color:var(--muted);font-size:var(--font-size-sm);white-space:nowrap}.station-switcher__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.station-switcher__item{display:flex;align-items:stretch;gap:6px}.station-switcher__row{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--hit);padding:0 16px;border:1px solid var(--chart-grid);border-radius:var(--radius);background:var(--bg);font-size:var(--font-size-base);font-weight:600;text-align:left}.station-switcher__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-switcher__distance{flex:0 0 auto;color:var(--muted);font-size:var(--font-size-sm);font-weight:600;font-variant-numeric:tabular-nums}.station-switcher__row--active{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:700}.station-switcher__row--active .station-switcher__distance{color:var(--bg);opacity:.8}.station-switcher__unpin{flex:0 0 auto;width:var(--hit);min-height:var(--hit);padding:0;border:1px solid var(--chart-grid);border-radius:var(--radius);background:var(--bg);color:var(--muted);font-size:var(--font-size-lg);font-weight:700;line-height:1}.station-switcher__add{width:100%;min-height:var(--hit);margin-top:8px;padding:0 16px;border:1px dashed var(--muted);border-radius:var(--radius);background:transparent;color:var(--muted);font-weight:700;text-align:center}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100}.sheet{background:var(--bg);color:var(--fg);width:100%;max-width:720px;height:85vh;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;min-height:0;box-shadow:0 -4px 16px #0003}.sheet__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet__title{margin:0;font-size:var(--font-size-lg);font-weight:700}.sheet__close{min-width:var(--hit);min-height:var(--hit);padding:0;border:1px solid var(--chart-grid);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-size:var(--font-size-lg);font-weight:700;line-height:1}.sheet__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sheet__row{width:100%;min-height:var(--hit);padding:0 16px;border:1px solid var(--chart-grid);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-size:var(--font-size-base);font-weight:600;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet__row-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet__row-distance{flex:0 0 auto;color:var(--muted);font-size:var(--font-size-sm);font-weight:600;font-variant-numeric:tabular-nums}.sheet__empty{color:var(--muted);margin:0;padding:8px 0}.app__near-me{display:flex;justify-content:center}.near-me{width:100%;min-height:var(--hit);padding:0 20px;border-radius:var(--radius);font-weight:700}.app__footer{margin-top:16px;padding:12px 0;text-align:center;font-size:.875rem;color:var(--muted)}.app__footer a{color:inherit;text-decoration:underline}