@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#13343e;background:#e9f1ef;font-synthesis:none;--ink: #0b303b;--sea: #0d7180;--foam: #f6faf8;--line: #ccdcda;--sand: #e9cba0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,table{font:inherit}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 85% 8%,rgba(87,174,174,.24),transparent 30rem),linear-gradient(150deg,#edf5f2,#dfeceb)}main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:44px 0 30px}.hero{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:end;margin-bottom:36px}.brand{align-self:start;display:flex;align-items:center;gap:10px;color:var(--sea);font-size:.76rem;font-weight:700;letter-spacing:.18em}.brand svg{width:38px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round}.eyebrow{margin:0 0 9px;color:var(--sea);text-transform:uppercase;letter-spacing:.16em;font:500 .72rem DM Mono,monospace}h1{margin:0;color:var(--ink);font-size:clamp(2.5rem,6vw,5.3rem);line-height:.94;letter-spacing:-.065em}.hero-copy>p:last-child{margin:19px 0 0;color:#587078;font-size:1rem}.forecast-card{min-height:420px;overflow:hidden;border:1px solid rgba(14,71,81,.16);border-radius:18px;background:#f7fbf9e6;box-shadow:0 22px 60px #0c2f371a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.forecast-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line)}.location-name{color:var(--ink);font-size:.9rem}.state button:focus-visible{outline:3px solid var(--sand);outline-offset:2px}.updated{display:flex;align-items:center;gap:8px;color:#657b80;font:400 .72rem DM Mono,monospace;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#31a171;box-shadow:0 0 0 4px #31a1711f}.status-dot.stale{background:#dc9b37;box-shadow:0 0 0 4px #dc9b371f}.warning{padding:11px 22px;color:#6b4b14;background:#fff4d9;font-size:.82rem}.context-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.context-panel{min-width:0;padding:18px 22px 20px;background:#f7fbf9f5}.context-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.context-heading h2{margin:2px 0 0;color:var(--ink);font-size:1rem;letter-spacing:-.015em}.context-heading>span,.context-meta>span{color:#819397;font:400 .64rem DM Mono,monospace;white-space:nowrap}.context-meta{display:grid;justify-items:end;gap:5px;text-align:right}.context-meta a{color:var(--sea);font-size:.68rem;font-weight:700;white-space:nowrap}.context-meta a:focus-visible{outline:3px solid var(--sand);outline-offset:2px}.context-eyebrow{margin:0;color:var(--sea);font:500 .62rem DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.context-empty{margin:0;color:#71868a;font-size:.8rem}.tide-days{display:grid;gap:7px}.tide-day{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px}.tide-day h3{margin:0;color:var(--sea);font-size:.69rem;font-weight:700;text-transform:capitalize}.tide-events{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.tide-events li{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:9px 10px;border:1px solid #dae6e3;border-radius:10px;background:#fff}.tide-events li>span:not(.tide-symbol){color:#60767b;font-size:.67rem}.tide-events strong{grid-column:2;color:var(--ink);font:500 .86rem DM Mono,monospace}.tide-events small{grid-column:2;margin-top:2px;font:600 .58rem Manrope,system-ui,sans-serif;white-space:nowrap}.tide-symbol{grid-row:1 / 5;color:#b57b2b;font-size:.8rem}.tide-events li.past{opacity:.42;background:#edf1f0}.tide-range-help{margin:10px 0 0 70px;color:#71868a;font-size:.66rem}.aemet-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.aemet-day{display:grid;gap:5px;min-width:0;padding:9px 10px;border:1px solid #dae6e3;border-radius:10px;background:#fff}.aemet-day>strong{color:var(--ink);font-size:.69rem;text-transform:capitalize}.aemet-day>span{overflow:hidden;color:#60767b;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.aemet-day b{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:3px;border-radius:5px;color:var(--sea);background:#e4f0ed;font:600 .57rem DM Mono,monospace}.table-shell{max-height:min(66vh,680px);overflow:auto}table{width:100%;min-width:600px;border-collapse:separate;border-spacing:0;text-align:center}thead{position:sticky;top:0;z-index:3}thead th{padding:14px 16px 12px;color:#597178;background:#edf4f2;border-bottom:1px solid var(--line);font-size:.72rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}thead small{font:400 .65rem DM Mono,monospace;letter-spacing:0;text-transform:none}tbody td,tbody>tr:not(.day-divider) th{height:49px;padding:8px 16px;border-bottom:1px solid #e1eae8;color:#38535a;font:400 .82rem DM Mono,monospace}tbody>tr:not(.day-divider):hover td,tbody>tr:not(.day-divider):hover th{background:#daece873}.time-column{position:sticky;left:0;z-index:2;width:92px;color:var(--ink)!important;background:#f6faf8}thead .time-column{z-index:4;background:#edf4f2}.day-divider th{padding:11px 16px;color:var(--sea);background:#dfecea;border-bottom:1px solid #cfdfdc;text-align:left;text-transform:capitalize;font-size:.78rem;letter-spacing:.02em}.primary-value{color:var(--ink);font-weight:500}.muted{color:#83979b}.missing{color:#a8b8ba}.direction{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:54px}.arrow{display:inline-block;color:var(--sea);font-family:system-ui,sans-serif;font-size:1rem;line-height:1}.tide{display:inline-flex;align-items:center;gap:6px;font-family:Manrope,system-ui,sans-serif;font-size:.74rem;font-weight:600}.tide>span{color:var(--sea);font-size:.9rem}.tide-high>span,.tide-low>span{color:#b57b2b}.hourly-tide-event{display:inline-flex;align-items:center;gap:6px;color:#6f501a;font-family:Manrope,system-ui,sans-serif;font-size:.7rem;font-weight:600;text-align:left}.hourly-tide-event>span:first-child{color:#b57b2b;font-size:.82rem}.hourly-tide-event small{display:block;color:#8e754d;font:500 .61rem DM Mono,monospace}.range-low{color:#71868a}.range-medium{color:var(--sea)}.range-high{color:#a56620}.state{min-height:420px;display:grid;place-content:center;justify-items:center;padding:32px;text-align:center}.state h2{margin:14px 0 4px;color:var(--ink)}.state p{margin:4px 0;color:#647b80}.error-state>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:#bd5d4e;font-size:1.25rem;font-weight:700}.state button{margin-top:20px;padding:10px 16px;border:0;border-radius:9px;color:#fff;background:var(--ink);cursor:pointer}.loader{width:34px;height:34px;border:3px solid #c6dbd7;border-top-color:var(--sea);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{display:flex;justify-content:space-between;gap:30px;padding:18px 4px 0;color:#71868a;font-size:.72rem}footer p{margin:0}footer a{color:var(--sea)}@media(max-width:720px){main{width:calc(100% - 24px);padding-top:24px}.hero{display:block;margin-bottom:24px}.brand{margin-bottom:42px}h1{font-size:3.2rem}.forecast-toolbar{align-items:stretch;flex-direction:column;padding:14px}.updated{padding-left:5px}.context-grid{grid-template-columns:1fr}.context-panel{padding:16px 14px 18px}.tide-days{overflow-x:auto;padding-bottom:3px}.tide-day{min-width:520px}.tide-range-help{margin-left:0}.aemet-days{overflow-x:auto;grid-template-columns:repeat(3,minmax(190px,1fr));padding-bottom:3px}.table-shell{max-height:64vh}footer{flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){.loader{animation:none}}