:root{--sn-navy:#002448;--sn-navy-deep:#00183c;--sn-green:#006030;--sn-green-mid:#58a058;--sn-leaf:#88b868;--sn-steel:#5888a8;--sn-harbor:#184870;--sn-deep:#083058;--sn-sky:#c0d8e4;--sn-mist:#d8e4e4;--sn-foam:#e4f0e4;--sn-cloud:#f0f0f0;--sn-paper:#fcfcfc;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, monospace;--ground:var(--sn-navy-deep);--ink:#eaf2f7;--ink-soft:#eaf2f7c7;--ink-faint:#7d9cb8;--surface:#06203f;--hairline:#14375c;--accent:var(--sn-leaf);--flood:#4a9fd8;--ebb:#e8a33d;--go:#88b868;--rising:var(--flood);--falling:var(--ebb);--curve:var(--sn-sky);--selected:var(--sn-harbor);--warn:#ef6f4a;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.6}h1,h2{font-family:var(--font-sans);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.05}button,input{font:inherit;color:inherit}a{color:var(--accent);text-underline-offset:2px}::selection{background:var(--sn-leaf);color:var(--sn-navy)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}abbr{color:var(--ink-faint);margin-left:.18em;font-size:.46em;text-decoration:none}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:.75rem;font-weight:500}.rule{background:var(--sn-leaf);border:0;width:2.5rem;height:2px;margin:0 0 1.5rem}@keyframes sn-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{opacity:0;animation:.8s cubic-bezier(.2,.7,.2,1) forwards sn-rise}.gate{min-height:100%;padding:2rem 1.5rem max(2rem, env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 78% 8%, #88b86829, transparent 55%), linear-gradient(176deg, var(--sn-sky) 0%, var(--sn-steel) 32%, var(--sn-harbor) 60%, var(--sn-deep) 82%, var(--sn-navy-deep) 100%);color:var(--sn-paper);place-items:center;display:grid;position:relative}.gate:after{content:"";pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");position:absolute;inset:0}.gate-inner{z-index:1;max-width:32rem;position:relative}.gate .eyebrow{color:var(--sn-sky)}.gate h1{text-wrap:balance;margin:1.25rem 0 1rem;font-size:clamp(2.1rem,6.5vw,3.1rem)}.gate-body{color:#fcfcfcd9;text-wrap:pretty;max-width:30rem;margin:0 0 2rem}.gate-steps{color:#fcfcfcd9;text-wrap:pretty;gap:.6rem;max-width:30rem;margin:0 0 2rem;padding-left:1.4rem;display:grid}.gate-actions{flex-wrap:wrap;gap:.75rem;display:flex}button.primary,button.ghost{cursor:pointer;border-radius:999px;padding:.8rem 1.6rem;font-size:.95rem;font-weight:500;transition:background .16s,border-color .16s,color .16s}button.primary{background:var(--sn-leaf);border:1px solid var(--sn-leaf);color:var(--sn-navy)}button.primary:hover:not(:disabled){background:var(--sn-paper);border-color:var(--sn-paper)}button.primary:disabled{opacity:.65;cursor:progress}button.ghost{color:var(--sn-paper);background:0 0;border:1px solid #fcfcfc66}button.ghost:hover{border-color:var(--sn-paper)}.gate-fine{color:#fcfcfc9e;margin:2rem 0 0;font-size:.875rem}.shell{min-height:100%}.content{padding:1.25rem 1.25rem max(2rem, env(safe-area-inset-bottom));align-content:start;gap:1.25rem;display:grid}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:1.5rem}.topbar{display:flex}.picker{border:1px solid var(--hairline);border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;align-items:baseline;gap:.7rem;width:100%;padding:.75rem 1rem;display:flex}.picker:hover{border-color:var(--sn-steel)}.picker-name{flex:1;font-weight:500}.picker-caret{color:var(--ink-faint)}.hero-body{align-items:flex-start;gap:1rem;display:flex}.hero-aside{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.75rem;display:flex}.reading-compact{text-align:right;flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}.place{flex:auto;min-width:0;position:relative}.place h1{font-size:clamp(1.6rem,4.5vw,2.15rem)}.place .context{color:var(--ink-faint);margin:.35rem 0 0;font-size:.95rem}.place-star{border:1px solid var(--hairline);width:2.6rem;height:2.6rem;color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:12px;font-size:1.4rem;line-height:1}.place-star:hover{border-color:var(--sn-steel)}.place-star.starred{color:var(--sn-leaf)}.match{color:var(--ink-faint);margin:.6rem 0 0;font-size:.875rem}.match.approximate,.match.nearest{color:var(--sn-leaf)}.station-chooser{margin:.35rem 0 0}.chooser-toggle{color:var(--sn-leaf);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem}.chooser-toggle:hover{color:var(--ink)}.chooser-list{flex-direction:column;gap:.3rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.chooser-option{border:1px solid var(--hairline);width:100%;color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.4rem .6rem;font-size:.875rem;display:flex}.chooser-option:hover:not(:disabled){border-color:var(--sn-steel)}.chooser-option:disabled{color:var(--ink-faint);cursor:default}.chooser-option.current{border-color:var(--sn-leaf)}.chooser-option-meta{color:var(--ink-faint);flex-shrink:0}.reading{flex-wrap:wrap;align-items:baseline;gap:1rem;margin:1.75rem 0 .5rem;display:flex}.reading.chs-signal,.reading.chs-loading{flex-direction:column;gap:.35rem}.reading.chs-signal .dir{color:var(--ink-soft);font-size:1.05rem}.dir{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.875rem;font-weight:500}.dir.rising,.dir.flood{color:var(--rising)}.dir.falling,.dir.ebb{color:var(--falling)}.compass-arrow{font-size:1.15rem;line-height:1;display:inline-block}.compass-arrow.flood{color:var(--rising)}.compass-arrow.ebb{color:var(--falling)}.value{font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(1.9rem,7vw,2.6rem);font-weight:600;line-height:1}.next{color:var(--ink-soft);margin:.75rem 0 0}.muted{color:var(--ink-faint)}.chart-panel{padding:1.25rem 1rem .75rem}.chart{width:100%;height:auto;display:block}.chart-note{margin:.5rem .25rem 0;font-size:.875rem;line-height:1.4}.chart .grid{stroke:var(--hairline);stroke-width:1px}.chart .axis{fill:var(--ink-faint);font-size:14px;font-family:var(--font-mono)}.chart .curve{fill:none;stroke:var(--curve);stroke-width:2.25px;stroke-linejoin:round}.chart .area{stroke:none}.chart .dot.high{fill:var(--rising)}.chart .dot.low{fill:var(--falling)}.chart .grid.zero{stroke-opacity:.5}.chart .dot.slack{fill:var(--go)}.chart .dot.flood{fill:var(--rising)}.chart .dot.ebb{fill:var(--falling)}.chart .nowline{stroke:var(--ink);stroke-width:1.25px;opacity:.4}.chart .nowdot{fill:var(--ink)}.chart .readout{fill:var(--ink);font-weight:600}.chart .scrub-target{cursor:pointer;touch-action:none}.events-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.events h2{font-size:1.35rem}.events-date{color:var(--ink-faint);margin:.3rem 0 0;font-size:.875rem}.pager{gap:.35rem;display:flex}.pager button{border:1px solid var(--hairline);cursor:pointer;min-width:2.4rem;min-height:2.4rem;color:var(--ink-soft);background:0 0;border-radius:999px;padding:0 .7rem}.pager button:hover:not(:disabled){border-color:var(--sn-steel);color:var(--ink)}.pager button:disabled{opacity:.35;cursor:default}.pager .today{font-size:.875rem}.event-rows{margin:0;padding:0;list-style:none}.event{border-top:1px solid var(--hairline)}.event:first-child{border-top:none}.event-row{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.8rem .7rem;display:grid}.event-row:hover{background:var(--hairline)}.event.past{opacity:.55}.event.empty{color:var(--ink-faint);display:block}.event.nearest{box-shadow:inset 3px 0 0 var(--sn-leaf);opacity:1}.event .pill{font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;color:var(--sn-navy);border-radius:999px;padding:.2rem .6rem;font-size:.875rem;font-weight:600}.event .pill.high{background:var(--rising)}.event .pill.low{background:var(--falling)}.event .pill.sun{background:var(--ink-faint)}.event .pill.flood{background:var(--rising)}.event .pill.ebb{background:var(--falling)}.event .pill.slack{background:var(--go)}.event .pill .compass-arrow{vertical-align:-.05em;font-size:.875rem}.event time,.event .height{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.event time{font-size:1.05rem}.event .height{font-size:1.05rem;font-weight:500}.sidebar{background:var(--ground);border-right:1px solid var(--hairline);flex-direction:column;min-height:0;display:flex}.sidebar-head{justify-content:space-between;align-items:center;padding:1.4rem 1.25rem .75rem;display:flex}.close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.05rem}.stations{flex-direction:column;flex:1;gap:1.5rem;min-height:0;padding:.25rem 1.25rem 2rem;display:flex;overflow-y:auto}.search-entry{border:1px solid var(--hairline);color:var(--ink-faint);cursor:pointer;text-align:left;background:0 0;border-radius:999px;align-items:center;gap:.5rem;margin:0 1.25rem .5rem;padding:.6rem 1rem;font-size:.9rem;display:flex}.search-entry:hover{border-color:var(--sn-steel);color:var(--ink)}.sidebar-foot{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.settings-entry{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:.4rem 0;font-size:.9rem}.settings-entry:hover{color:var(--ink)}.station-group{flex-direction:column;gap:.6rem;display:flex}.station-group-head{justify-content:space-between;align-items:center;display:flex}.station-group .eyebrow{color:var(--sn-leaf)}.all-toggle{color:var(--sn-leaf);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.875rem;font-weight:500}.all-toggle:hover{color:var(--ink)}.station-cards{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.search-screen{min-height:100%;padding:1.5rem 1.25rem max(2rem, env(safe-area-inset-bottom));flex-direction:column;gap:1.1rem;width:100%;max-width:40rem;margin:0 auto;display:flex}.search-head{justify-content:space-between;align-items:baseline;display:flex}.search-head h1{font-size:clamp(1.6rem,4.5vw,2rem)}.search-cancel{color:var(--sn-leaf);cursor:pointer;background:0 0;border:none;padding:.4rem 0;font-size:.95rem;font-weight:500}.search-cancel:hover{color:var(--ink)}.search-input{background:var(--surface);border:1px solid var(--hairline);border-radius:999px;width:100%;padding:.85rem 1.25rem}.search-input:focus-visible{border-color:var(--sn-steel)}.search-input::placeholder{color:var(--ink-faint)}.search-label{color:var(--sn-leaf)}.search-empty{color:var(--ink-faint)}.station-glyph{width:26px;height:26px;color:var(--ink-faint);flex:none;margin-top:2px}.station-glyph.rising,.station-glyph.flood{color:var(--flood)}.station-glyph.falling,.station-glyph.ebb{color:var(--ebb)}.station-glyph.slack{color:var(--go)}.station-glyph.unknown{color:var(--ink-faint)}.station-card{background:var(--surface);border:1px solid var(--hairline);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;padding:.85rem 1rem;display:flex}.station-card:hover{border-color:var(--sn-steel)}.station-card.current{border-color:var(--sn-leaf)}.station-card-main{flex-direction:column;flex:auto;gap:.15rem;min-width:0;display:flex}.station-card-name{font-family:var(--font-sans);margin:0;font-size:17px;font-weight:600}.pill{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-faint);border:1px solid var(--hairline);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.875rem}.station-card-context{color:var(--ink-faint);margin:0;font-size:.875rem}.station-card-dist{color:var(--ink-faint);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.station-card-reading{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.15rem;display:flex}.station-card-value{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1.1}.station-card-next{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.phase-pill{font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;color:var(--ink-faint);border:1px solid;border-radius:999px;padding:.2rem .6rem;font-size:.875rem;font-weight:600}.phase-pill.flood{color:var(--rising)}.phase-pill.ebb{color:var(--falling)}.phase-pill.slack{color:var(--go)}.location-card.unavailable{background:linear-gradient(155deg,#ef6f4a29,#ef6f4a0a);border:1px solid #ef6f4a66;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1rem;display:flex}.location-card.unavailable .pin-off{color:var(--warn)}.location-title{font-family:var(--font-sans);margin:.2rem 0 0;font-size:1.05rem;font-weight:600}.location-body{color:var(--ink-soft);margin:0;font-size:.88rem}.location-action{color:var(--warn);margin:0;font-size:.875rem}.location-card.askable{border:1px solid var(--hairline);background:#ffffff08;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1rem;display:flex}.location-card.askable .pin-off{color:var(--ink-soft)}.location-request{cursor:pointer;background:var(--sn-leaf);border:1px solid var(--sn-leaf);color:var(--sn-navy);border-radius:999px;align-self:flex-start;margin-top:.4rem;padding:.5rem 1.1rem;font-size:.875rem;font-weight:500}.location-request:hover{background:var(--sn-paper);border-color:var(--sn-paper)}dialog.settings{background:var(--surface);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius);width:min(24rem,100vw - 2.5rem);margin:auto;padding:1.5rem}dialog.settings::backdrop{background:#00183c8c}.settings-head{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.settings-head h2{font-size:1.4rem}.done{color:var(--sn-leaf);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.95rem;font-weight:500}.settings-section .eyebrow{color:var(--sn-leaf);margin-bottom:.6rem}.settings-section+.settings-section{margin-top:1.5rem}.settings-note{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.45}.segmented{border:1px solid var(--hairline);border-radius:999px;padding:.2rem;display:flex}.seg{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:999px;flex:1;padding:.55rem 1rem}.seg.current{background:var(--sn-leaf);color:var(--sn-navy);font-weight:500}footer{color:var(--ink-faint);padding:0 .25rem;font-size:.875rem}footer p{margin:.5rem 0}footer .warn{color:var(--ink-soft)}@media (width<=61.99rem){.sidebar{z-index:2;width:min(20rem,86vw);padding-top:env(safe-area-inset-top);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none}.scrim{z-index:1;background:#00183c73;position:fixed;inset:0}.content{padding-top:max(1.25rem, env(safe-area-inset-top))}}@media (width>=62rem){.shell{grid-template-columns:20rem 1fr;height:100%;display:grid}.sidebar{height:100vh;position:sticky;top:0}.close,.topbar,.scrim{display:none}.content{max-width:64rem;height:100vh;padding:2.5rem;overflow-y:auto}}@media (width>=82rem){.content{grid-template-columns:minmax(0,1.35fr) minmax(21rem,1fr);grid-template-areas:"hero events""chart events""footer events";max-width:80rem}.hero{grid-area:hero}.chart-panel{grid-area:chart}.content:has(.chart-panel~.chart-panel){grid-template-areas:"hero events""chart events""tide events""footer events"}.chart-panel~.chart-panel{grid-area:tide}.events{grid-area:events;align-self:start}footer{grid-area:footer}}@media (prefers-reduced-motion:reduce){*,.rise{opacity:1!important;transition:none!important;animation:none!important}}.update-toast{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:3;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;display:flex;position:fixed;transform:translate(-50%)}.offline-status{cursor:pointer;color:inherit;font:inherit;opacity:.85;background:0 0;border:none;align-items:center;gap:.4rem;padding:.25rem .5rem;display:flex}.offline-status:hover{opacity:1}.offline-status-icon{font-size:.9rem}.offline-status-text{white-space:nowrap;font-size:.875rem}.offline-status.muted{opacity:.7}.offline-status.ok .offline-status-icon{color:#7bd88f}.offline-status.warn .offline-status-icon,.offline-status.warn .offline-status-text{color:#e06a5b}.offline-meter{background:#ffffff26;border-radius:3px;width:72px;height:6px;display:inline-block;position:relative;overflow:hidden}.offline-meter-fill{background:#7bd88f;transition:width .3s;position:absolute;inset:0 auto 0 0}.offline-meter.warn .offline-meter-fill{background:#e06a5b}.offline-meter-pct,.offline-meter-label{opacity:.8;margin-left:.4rem;font-size:.875rem}.offline-manager .offline-through{opacity:.75;font-size:.875rem}.offline-actions{gap:.5rem;margin:.5rem 0;display:flex}.offline-list{margin:0 0 .75rem;padding:0;list-style:none}.offline-row{grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.35rem 0;display:grid}.offline-row-status{opacity:.7;font-size:.875rem}.offline-foot{margin-top:.5rem}.map-screen{flex-direction:column;height:100dvh;display:flex}.map-head{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.map-canvas{flex:1;min-height:0}.map-warn{margin:0;padding:.5rem 1rem}.map-popup .maplibregl-popup-content{background:var(--surface);color:var(--ink);border:1px solid var(--hairline);max-width:15rem;font-family:var(--font-sans);border-radius:8px;padding:.45rem .65rem;box-shadow:0 4px 16px #0006}.map-popup.maplibregl-popup-anchor-top .maplibregl-popup-tip,.map-popup.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,.map-popup.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:var(--surface)}.map-popup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,.map-popup.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,.map-popup.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:var(--surface)}.map-popup.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--surface)}.map-popup.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--surface)}.map-popup-name{font-family:var(--font-sans);font-size:.95rem;font-weight:600}.map-popup-context{color:var(--ink-soft);margin-top:.15rem;font-size:.875rem}.map-popup-reading{margin-top:.3rem;font-size:.875rem}