:root{--tide-blue:#4d88bb;--tide-blue-strong:#1e86c8;--tide-blue-dark:#285a82;--tide-teal:#078fa1;--tide-red:#ff3d3d;--tide-ink:#1e2b36;--tide-muted:#5d6c77;--tide-line:#c8d3dc;--tide-soft-line:#e7eef3;--tide-surface:#fff;--tide-page:#f2f6f9}html,body{background:var(--tide-page)}.tide-dashboard{min-height:100vh;color:var(--tide-ink);background:var(--tide-page);padding:90px 0 4rem}.tide-forecast-shell{z-index:10;overscroll-behavior-x:contain;background:#f8fbfd;border-bottom:2px solid #325f83;position:relative;overflow:auto hidden;box-shadow:0 18px 34px #2a4e6c1f}.tide-forecast-shell.is-loading{place-items:center;min-height:26rem;display:grid}.tide-forecast-board{background:var(--tide-surface)}.tide-date-row,.tide-weekday-row,.tide-forecast-row{grid-template-columns:var(--tide-grid-columns);display:grid}.tide-date-row{z-index:3;background:var(--tide-blue);color:#fff;height:50px;position:sticky;top:0}.tide-corner-cell,.tide-date-cell{text-align:center;border-bottom:1px solid #2f638f;border-right:1px solid #ffffff6b;justify-content:center;align-items:center;font-size:1rem;font-weight:800;line-height:1.1;display:flex}.tide-date-cell.is-today{font-size:1.05rem}.tide-corner-cell svg{fill:currentColor;width:26px;height:26px}.tide-corner-cell svg circle{fill:var(--tide-blue)}.tide-weekday-row{color:#10161b;background:#fff;border-bottom:1px solid #7d97aa;height:42px}.tide-weekday-spacer,.tide-weekday-cell{border-right:1px solid #9db0bf}.tide-weekday-cell{justify-content:center;align-items:center;gap:.4rem;font-size:1.28rem;font-weight:700;display:flex}.tide-period-labels{flex:1;grid-template-columns:1fr 1fr;align-items:center;height:100%;display:grid}.tide-period-labels b{place-items:center;height:100%;font-size:1.25rem;font-weight:750;display:grid}.tide-period-labels b+b{border-left:1px solid #9db0bf}.tide-expand-button{color:#1c2b34;cursor:pointer;background:#fff;border:1px solid #8a9cab;border-radius:4px;place-items:center;width:28px;height:28px;padding:0;display:inline-grid}.tide-expand-button svg{fill:currentColor;width:17px;height:17px}.tide-graph-row{grid-template-columns:var(--tide-axis-width) 1fr;background:#fff;display:grid}.tide-y-axis{background:#fff;border-right:1px solid #8398a8;position:relative}.tide-y-axis span{color:#10161b;white-space:nowrap;font-size:1rem;font-weight:650;line-height:1;position:absolute;right:7px;transform:translateY(-50%)}.tide-graph-canvas{background:#fff;position:relative;overflow:hidden}.tide-graph-svg{width:100%;height:100%;display:block}.tide-day-band{fill:#edf2f5}.tide-day-line{stroke:#8ca2b3;stroke-width:1px}.tide-quarter-line{stroke:#e0e8ee;stroke-width:1px}.tide-height-line{stroke:#e5edf2;stroke-width:1px}.tide-zero-line{stroke:#284e6b;stroke-width:1.4px}.tide-area{fill:url(#tideAreaFill)}.tide-line{fill:none;stroke:var(--tide-blue-strong);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.tide-point-stem{stroke:#2674a21f;stroke-width:1px}.tide-point{stroke:#fff;stroke-width:2px}.tide-point-high{fill:#2d9bdd}.tide-point-low{fill:#078fa1}.tide-now-line,.tide-now-horizontal{stroke:var(--tide-red);stroke-dasharray:8 8;stroke-width:1.5px}.tide-now-dot{fill:var(--tide-red);stroke:var(--tide-red);stroke-width:2px}.tide-now-label{fill:var(--tide-red);font-size:12px;font-weight:800}.tide-callout line{stroke:#3aa0dd;stroke-width:1.4px}.tide-callout rect{fill:#fffffff5;stroke:#3aa0dd;stroke-width:1.3px}.tide-callout text{text-anchor:middle;font-weight:800}.tide-callout-time{fill:var(--tide-blue);font-size:15px}.tide-callout-height{fill:#3e4a54;font-size:14px}.tide-forecast-row{background:#fff;border-top:2px solid #2e5d81;min-height:118px}.tide-low-row{border-top-width:1px}.tide-row-label{color:var(--tide-blue);text-align:center;border-right:1px solid #8aa1b2;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.7rem .45rem;display:flex}.tide-low-row .tide-row-label{color:var(--tide-teal)}.tide-row-label strong{font-size:1.08rem;line-height:1}.tide-row-label span{color:#252c32;font-size:.94rem;line-height:1.1}.tide-row-icon{width:31px;height:31px}.tide-row-icon circle{fill:currentColor}.tide-row-icon path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.tide-row-cell{text-align:center;border-right:1px solid #a7b6c2;flex-direction:column;justify-content:center;gap:.62rem;min-width:0;padding:.72rem .5rem;display:flex}.tide-high-row .tide-row-cell{background:#eef7fc}.tide-row-event{gap:.05rem;line-height:1.12;display:grid}.tide-row-event strong{color:var(--tide-blue);font-size:1.02rem;font-weight:850}.tide-low-row .tide-row-event strong{color:var(--tide-teal)}.tide-row-event span{color:#2b3137;font-size:.98rem;font-weight:600}.tide-empty{color:#96a4ad}.tide-today-section{width:min(100% - 2rem,1320px);margin:2rem auto 0}.tide-today-intro{margin-bottom:1.7rem}.tide-today-intro h1{color:var(--tide-blue);letter-spacing:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:850;line-height:1.05}.tide-today-intro p{color:#30343a;max-width:1180px;margin-top:.85rem;font-size:clamp(1.05rem,2vw,1.5rem);font-weight:560;line-height:1.45}.tide-today-grid{grid-template-columns:minmax(300px,.92fr) minmax(360px,1.08fr);align-items:stretch;gap:1.25rem;display:grid}.tide-live-card,.tide-times-card{background:#fff;border-radius:8px;min-height:28rem;overflow:hidden;box-shadow:0 18px 36px #1f3d542e}.tide-live-card{--tide-live-water-color:#4382b4;color:#fff;background:#345f8f;grid-template-columns:1fr;display:grid;position:relative}.tide-live-visual{background:linear-gradient(#163054f5,#4182b4e6),radial-gradient(circle at 20% 20%,#ffffff26,#0000 30%);position:absolute;inset:0;overflow:hidden}.tide-live-visual:after{content:"";height:calc(var(--live-water-level) + 24px);opacity:.36;pointer-events:none;background:repeating-linear-gradient(-8deg,#4382b42e 0 2px,#0000 2px 42px);animation:36s linear infinite tideWaterShimmer;position:absolute;inset:auto -25% 0}.tide-live-water{height:var(--live-water-level);background:var(--tide-live-water-color);transform-origin:0 0;position:absolute;bottom:0;left:-3%;right:-3%;overflow:visible;transform:skewY(-1deg)}.tide-live-water:before,.tide-live-water:after{content:"";pointer-events:none;background-repeat:repeat-x;width:220%;position:absolute;left:-60%}.tide-live-water:before{opacity:1;background-image:url("data:image/svg+xml,%3Csvg width='240' height='72' viewBox='0 0 240 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 38 C40 12 80 12 120 38 C160 64 200 64 240 38 V72 H0 Z' fill='%234382b4'/%3E%3C/svg%3E");background-size:240px 72px;height:72px;animation:24s linear infinite tideWaveDrift;top:-36px}.tide-live-water:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg width='180' height='58' viewBox='0 0 180 58' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30 C30 10 60 10 90 30 C120 50 150 50 180 30 V58 H0 Z' fill='%234382b4'/%3E%3C/svg%3E");background-size:180px 58px;height:58px;animation:34s linear infinite tideWaveDriftReverse;top:-25px}.tide-live-bubble{z-index:1;color:#fff;background:var(--tide-red);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;width:92px;height:92px;display:flex;position:absolute;top:24%;right:7%;box-shadow:0 12px 28px #0000003d}.tide-live-direction{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;width:28px;height:28px}.tide-live-bubble strong{font-size:1.08rem;line-height:1}.tide-live-content{z-index:1;text-shadow:0 2px 12px #0000003d;flex-direction:column;justify-content:center;gap:1.15rem;padding:clamp(1.2rem,3vw,2rem);display:flex;position:relative}.tide-live-label{background:var(--tide-red);width:fit-content;text-shadow:none;border-radius:6px;padding:.55rem .9rem;font-size:1.08rem;font-weight:850}.tide-live-events{gap:1rem;max-width:min(34rem,100% - 118px);display:grid}.tide-live-events p,.tide-live-status,.tide-live-time{font-size:clamp(1.06rem,2vw,1.45rem);font-weight:650;line-height:1.55}.tide-live-events strong,.tide-live-status strong,.tide-live-time strong{font-weight:900}.tide-live-rule{background:#ffffffd1;width:min(100% - 118px,360px);height:2px;margin-top:1.2rem}@keyframes tideWaveDrift{0%{transform:translate(0,0)}to{transform:translate(-240px)}}@keyframes tideWaveDriftReverse{0%{transform:translate(-180px)}to{transform:translate(0,0)}}@keyframes tideWaterShimmer{0%{transform:translate(0,0)}to{transform:translate(120px)}}@media (prefers-reduced-motion:reduce){.tide-live-visual:after,.tide-live-water:before,.tide-live-water:after{animation:none}}.tide-times-card{flex-direction:column;display:flex}.tide-times-header{color:#fff;background:var(--tide-blue);text-align:center;padding:1.1rem 1.5rem}.tide-times-header h2{font-size:clamp(1.25rem,2.5vw,1.8rem);font-weight:850;line-height:1.15}.tide-times-header p{margin-top:.15rem;font-size:1rem;font-weight:700}.tide-times-table{border-collapse:collapse;table-layout:fixed;width:100%}.tide-times-table thead{color:#fff;background:var(--tide-blue);border-top:2px solid #ffffffe6}.tide-times-table th,.tide-times-table td{text-align:center;vertical-align:middle;padding:1rem .9rem}.tide-times-table thead th{font-size:clamp(1rem,2vw,1.35rem);font-weight:850;line-height:1.12}.tide-times-table thead span{display:block}.tide-times-table tbody tr:nth-child(2n){background:#f7f9fb}.tide-times-table tbody th{color:var(--tide-blue-dark);font-size:clamp(1rem,2vw,1.25rem);font-weight:850}.tide-times-table tbody td strong{color:#05090d;font-size:clamp(1.05rem,2vw,1.32rem);font-weight:900;line-height:1.12;display:block}.tide-times-table tbody td span{color:#20262b;font-size:clamp(.94rem,1.7vw,1.05rem);font-style:italic;line-height:1.2;display:block}.tide-datum{color:#05090d;text-align:center;margin-top:auto;padding:1rem;font-weight:800}.tide-empty-state{border:1px solid var(--tide-line);width:min(100% - 2rem,34rem);color:var(--tide-muted);text-align:center;background:#fff;border-radius:8px;margin:2rem auto;padding:1rem 1.2rem;font-weight:700}@media (width<=820px){.tide-today-grid{grid-template-columns:1fr}.tide-live-card,.tide-times-card{min-height:24rem}}@media (width<=560px){.tide-date-row,.tide-weekday-row,.tide-forecast-row{grid-template-columns:var(--tide-grid-columns)}.tide-today-section{width:min(100% - 1rem,1320px);margin-top:1.25rem}.tide-today-intro h1{font-size:1.72rem}.tide-today-intro p{font-size:1rem}.tide-live-content{padding:1.05rem}.tide-live-bubble{width:72px;height:72px;top:1rem;right:1rem}.tide-live-events{max-width:100%;padding-top:4.2rem}.tide-live-rule{width:min(100%,360px)}.tide-times-table th,.tide-times-table td{padding:.82rem .45rem}}