:root,:root[data-theme=dark]{--bg:#070d12;--surface:#0b141b;--surface-2:#12202a;--border:#ffffff17;--text:#dce6ec;--text-dim:#8fa6b2;--text-faint:#7893a1;--accent:#2dd4bf;--accent-dim:#0f766e;--warm:#e8933c;--scrim-top:#070d1259;--scrim-bottom:#070d12;--glass:#ffffff14;--glass-border:#ffffff29}:root[data-theme=light]{--bg:#0e211f;--surface:#17302c;--surface-2:#1f3d3a;--border:#ffffff1f;--text:#f2ece2;--text-dim:#bcd0c8;--text-faint:#7fa99b;--accent:#7fa99b;--accent-dim:#2f5c55;--warm:#e8933c;--scrim-top:#0e211f47;--scrim-bottom:#0e211f;--glass:#ffffff21;--glass-border:#ffffff38}:root{--good:#35c88a;--ok:#e8b13c;--poor:#e2654a;--warn:#f0554a;--font-display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--r-sm:8px;--r-md:12px;--r-lg:18px;--gap:clamp(14px, 3vw, 22px);--pad:clamp(16px, 4vw, 32px);--maxw:1240px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.app{padding-bottom:calc(64px + var(--safe-bottom))}.section,.foot,.dd,.banner{max-width:var(--maxw);margin-left:auto;margin-right:auto}.loading{min-height:70vh;color:var(--text-dim);justify-content:center;align-items:center;gap:12px;font-size:15px;display:flex}.loading__pulse{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.loading__pulse{opacity:.8;animation:none}}.section{padding:0 calc(var(--pad) + var(--safe-right)) 0 calc(var(--pad) + var(--safe-left));margin-top:calc(var(--gap) * 1.6)}.section__title{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin:0 0 12px;font-size:10px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.tone-great,.tone-good{color:var(--good)}.tone-ok{color:var(--ok)}.tone-poor{color:var(--poor)}.tone-warning{color:var(--warn)}.hero{min-height:calc(72vh + var(--safe-top));min-height:calc(72svh + var(--safe-top));display:flex;position:relative;overflow:hidden}@media (width>=700px){.hero{min-height:100svh}}.hero__photo{object-fit:cover;filter:brightness(.62)saturate(.78)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.hero__scrim{background:linear-gradient(180deg, #0000008c 0%, transparent 18%), linear-gradient(180deg, var(--scrim-top) 0%, transparent 38%, color-mix(in srgb, var(--scrim-bottom) 78%, transparent) 68%, var(--scrim-bottom) 100%);position:absolute;inset:0}.hero__inner{padding:var(--pad);width:100%;padding-left:calc(var(--pad) + var(--safe-left));padding-right:calc(var(--pad) + var(--safe-right));max-width:var(--maxw);flex-direction:column;justify-content:flex-end;gap:12px;margin:0 auto;display:flex;position:relative}@media (width>=700px){.hero__inner{gap:14px}}.hero__top{top:calc(var(--pad) + var(--safe-top));padding:0 calc(var(--pad) + var(--safe-left)) 0 calc(var(--pad) + var(--safe-right));max-width:var(--maxw);letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:.92;justify-content:space-between;margin:0 auto;font-size:11px;font-weight:600;display:flex;position:absolute;left:0;right:0}.hero__badge{background:var(--warm);color:#22150a;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:5px 10px;font-size:10px;font-weight:700}.hero__verdict{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(34px,8.4vw,76px);font-weight:600;line-height:.95}.hero__toggle{gap:6px;display:flex}.hero__toggle button{font:inherit;cursor:pointer;color:var(--text);background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600}.hero__toggle button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:#0000}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(18px);padding:13px 14px}@media (width>=700px){.glass{padding:16px}}.glass__pill{background:var(--warm);color:#22150a;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-block}.glass__pill--muted{background:var(--text-faint);color:var(--bg)}.glass__time{font-family:var(--font-display);letter-spacing:-.03em;margin:9px 0 3px;font-size:clamp(23px,5vw,32px);font-weight:600}.glass__why{opacity:.86;margin:0;font-size:13px;line-height:1.5}.glass__scores{border-top:1px solid var(--glass-border);gap:18px;margin-top:11px;padding-top:11px;display:flex}.glass__scores span{letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-bottom:4px;font-size:9px;font-weight:600;display:block}.glass__scores b{font-size:20px;font-weight:600}.glass__scores i{opacity:.6;font-size:11px;font-style:normal}@media (width>=900px){.hero__inner>:not(.hero__top){max-width:620px}}.inst{background:var(--border);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}@media (width>=620px){.inst{grid-template-columns:repeat(4,1fr)}}@media (width>=1000px){.inst{grid-template-columns:repeat(8,1fr)}}.inst__cell{background:var(--surface);padding:12px 11px}.inst__cell span{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px;font-size:9px;display:block}.inst__cell b{letter-spacing:-.02em;font-size:19px;font-weight:500}.inst__cell i{color:var(--text-faint);margin-left:3px;font-size:10px;font-style:normal}.wind--offshore b,.wind--glassy b{color:var(--good)}.wind--cross-shore b{color:var(--ok)}.wind--onshore b{color:var(--poor)}.inst__wetsuit{color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:8px;margin:12px 0 0;font-size:13px;display:flex}.inst__wetsuit span{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.inst__wetsuit strong{color:var(--text);font-weight:600}.inst__wetsuit em{opacity:.8;font-style:normal}.inst__wetsuit small{opacity:.65;font-size:12px}.tide{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 4px}.tide__svg{width:100%;height:clamp(180px,30vw,240px);display:block}.tide__area{fill:color-mix(in srgb, var(--accent) 14%, transparent);stroke:none}.tide__curve{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.tide__window{fill:color-mix(in srgb, var(--good) 15%, transparent)}.tide__dot{fill:var(--text)}.tide__label{fill:var(--text-dim);font-family:var(--font-mono);font-size:11px}.tide__tick{fill:var(--text-faint);font-family:var(--font-mono);font-size:10px}.tide__now{stroke:var(--warm);stroke-width:1.5px;stroke-dasharray:3 3}.tide__nowlabel{fill:var(--warm);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.hours{align-items:flex-end;gap:5px;padding-bottom:4px;display:flex}.hour{flex-direction:column;flex:1 0 26px;align-items:center;gap:6px;display:flex}.hour__track{background:var(--surface);border-radius:var(--r-sm);align-items:flex-end;width:100%;height:92px;display:flex;overflow:hidden}.hour__fill{border-radius:var(--r-sm);background:var(--text-faint);width:100%}.tone-bg-great .hour__fill{background:var(--good)}.tone-bg-good .hour__fill{background:var(--good);opacity:.72}.tone-bg-ok .hour__fill{background:var(--ok)}.tone-bg-poor .hour__fill{background:var(--poor);opacity:.6}.tone-bg-warning .hour__fill{background:var(--warn)}.hour__time{color:var(--text-faint);font-size:10px}.hour--now .hour__time{color:var(--warm);font-weight:600}.hour--now .hour__track{outline:1px solid var(--warm);outline-offset:1px}.outlook{gap:var(--gap);padding-bottom:6px;display:flex}.outlook--past{opacity:.72}.day{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);flex:0 0 160px;padding:13px}.day--oversized,.day--unsafe{border-color:color-mix(in srgb, var(--warn) 55%, transparent)}.day--muted{background:0 0}.day__head{align-items:baseline;gap:7px;display:flex}.day__name{font-family:var(--font-display);font-size:15px;font-weight:600}.day__date{color:var(--text-faint);font-size:11px}.day__best{background:var(--warm);color:#22150a;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.day__score{letter-spacing:-.02em;margin:8px 0 2px;font-size:26px;font-weight:500}.day__score i{color:var(--text-faint);font-size:12px;font-style:normal}.day__verdict{color:var(--text-dim);min-height:2.4em;margin:0 0 10px;font-size:12px}.day__stats{gap:4px;margin:0;display:grid}.day__stats>div{justify-content:space-between;font-size:11px;display:flex}.day__stats dt{color:var(--text-faint)}.day__stats dd{margin:0}.muted{color:var(--text-faint);font-size:13px}@media (width>=1000px){.outlook{grid-template-columns:repeat(7,1fr);display:grid}.day{flex:initial}}.water{gap:var(--gap);grid-template-columns:1fr;display:grid}@media (width>=640px){.water{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.water{grid-template-columns:repeat(4,1fr)}}.water h3{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 8px;font-size:10px;font-weight:600}.water__big{font-family:var(--font-display);margin:0 0 6px;font-size:22px;font-weight:600}.water__sub{color:var(--text-dim);margin:0;font-size:12px;line-height:1.5}.water__link{color:var(--accent);font-size:12px;text-decoration:none}.water__link:hover{text-decoration:underline}.water__hazards{color:var(--text-dim);margin:0;padding-left:16px;font-size:12.5px}.water__hazards li{margin-bottom:5px}.card--warn{border-color:color-mix(in srgb, var(--warn) 50%, transparent)}.foot{padding:36px calc(var(--pad) + var(--safe-right)) 0 calc(var(--pad) + var(--safe-left));color:var(--text-faint);font-size:12px;line-height:1.6}.foot p{max-width:62ch;margin:0 0 8px}.foot__tide,.foot__warn{color:var(--text-dim)}.banner{margin:var(--pad) var(--pad) 0;border-radius:var(--r-md);padding:12px 14px;font-size:13px}.banner--stale{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--text)}.banner--error{background:var(--surface);border:1px solid var(--border);text-align:center;padding:40px 20px}.banner--error h1{font-family:var(--font-display);margin:0 0 8px;font-size:22px}.banner--error p{color:var(--text-dim);margin:0 0 16px}.banner--error button{font:inherit;cursor:pointer;background:var(--accent);color:var(--bg);border:0;border-radius:999px;padding:10px 20px;font-weight:600}.buoy{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px}.buoy--stale{opacity:.72}.buoy__row{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width>=640px){.buoy__row{grid-template-columns:repeat(4,1fr)}}.buoy__stat span{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px;font-size:9px;display:block}.buoy__stat b{font-size:21px;font-weight:500}.buoy__stat i{color:var(--text-faint);margin-left:2px;font-size:11px;font-style:normal}.buoy__delta{color:var(--text-dim);margin-top:4px;font-size:11px;display:block}.buoy__delta--match{color:var(--good)}.buoy__note{border-radius:var(--r-sm);background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--text);margin:14px 0 0;padding:10px 12px;font-size:12.5px}.buoy__meta{color:var(--text-faint);margin:12px 0 0;font-size:11px;line-height:1.5}.day__confidence{color:var(--text-faint);margin:0 0 8px;padding-left:12px;font-size:10.5px;line-height:1.35;position:relative}.day__confidence:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:0}.day__confidence--high{color:var(--good)}.day__confidence--moderate{color:var(--ok)}.day__confidence--low{color:var(--poor)}.info{cursor:pointer;border:1px solid var(--border);width:15px;height:15px;color:var(--text-faint);font:600 10px/1 var(--font-body);vertical-align:middle;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:0;display:inline-flex}.info:hover,.info:focus-visible{color:var(--text);border-color:var(--text-faint)}.infopanel{z-index:50;background:#0000008c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=700px){.infopanel{align-items:center;padding:20px}}.infopanel__inner{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:22px calc(22px + var(--safe-right)) calc(22px + var(--safe-bottom)) calc(22px + var(--safe-left));width:100%;max-width:520px;max-height:80vh;overflow-y:auto}@media (width>=700px){.infopanel__inner{border-radius:var(--r-lg)}}.infopanel__item h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 10px;font-size:18px;font-weight:600}.infopanel__item p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.62}.infopanel__close{font:inherit;cursor:pointer;background:var(--text);color:var(--bg);border:0;border-radius:999px;margin-top:20px;padding:10px 18px;font-size:13px;font-weight:600}.day{font:inherit;color:inherit;text-align:left;cursor:pointer;flex-direction:column;display:flex}.day:hover,.day:focus-visible{border-color:var(--text-faint)}.day__more{color:var(--text-faint);margin-top:10px;font-size:10.5px}.dd{margin-top:calc(var(--gap) * 1.6);width:calc(100% - var(--pad) * 2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.dd:focus{outline:none}.dd__head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.dd__date{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin:0 0 6px;font-size:10px;font-weight:600}.dd__verdict{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(22px,5vw,30px);font-weight:600}.dd__close{font:inherit;cursor:pointer;border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;flex:none;padding:7px 14px;font-size:12px;font-weight:600}.dd__reason{color:var(--text-dim);margin:12px 0 0;font-size:13.5px;line-height:1.55}.dd__confidence{margin:10px 0 0;font-size:12px}.dd__confidence--high{color:var(--good)}.dd__confidence--moderate{color:var(--ok)}.dd__confidence--low{color:var(--poor)}.dd__grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}@media (width>=660px){.dd__grid{grid-template-columns:repeat(3,1fr)}}.dd__grid span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px;font-size:9px;display:block}.dd__grid b{font-size:18px;font-weight:500}.dd__grid i{color:var(--text-faint);margin-left:2px;font-size:10px;font-style:normal}.dd__cols{gap:var(--gap);margin-top:20px;display:grid}@media (width>=760px){.dd__cols{grid-template-columns:2fr 1fr}}.dd__cols h3{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 10px;font-size:10px;font-weight:600}.dd__hours{align-items:flex-end;gap:4px;display:flex}.dd__hour{flex-direction:column;flex:1 0 22px;align-items:center;gap:5px;display:flex}.dd__bar{background:var(--surface);border-radius:var(--r-sm);align-items:flex-end;width:100%;height:72px;display:flex;overflow:hidden}.dd__fill{border-radius:var(--r-sm);background:var(--text-faint);width:100%}.dd__hour span{color:var(--text-faint);font-size:9.5px}.dd__hour--now span{color:var(--warm);font-weight:700}.dd__hour--now .dd__bar{outline:1px solid var(--warm);outline-offset:1px}.dd__tides{margin:0;padding:0;list-style:none}.dd__tides li{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;padding:6px 0;font-size:13px;display:flex}.dd__tides li:last-child{border-bottom:0}.dd__tides span{color:var(--text-faint);width:34px;font-size:11px}.dd__tides b{font-weight:600}.dd__tides i{color:var(--text-faint);margin-left:auto;font-size:12px;font-style:normal}.dd__wetsuit{color:var(--text-dim);margin:18px 0 0;font-size:12.5px}.dd__wetsuit strong{color:var(--text)}.foot__refresh{font:inherit;cursor:pointer;border:1px solid var(--border);color:var(--accent);background:0 0;border-radius:999px;margin-left:8px;padding:6px 12px;font-size:12px;font-weight:600}.foot__refresh:hover,.foot__refresh:focus-visible{border-color:var(--accent)}.foot__refresh[disabled]{opacity:.55;cursor:default}.src table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}.src th{text-align:left;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border);padding:0 12px 8px 0;font-size:9.5px;font-weight:600}.src td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px 10px 0}.src tr:last-child td{border-bottom:0}.src a{color:var(--text);font-weight:600;text-decoration:none}.src a:hover{color:var(--accent)}.src__attr{color:var(--text-faint);font-size:12px}.src__fresh{color:var(--text-dim);white-space:nowrap;font-size:12px}.src__fresh--live:before{content:"● ";color:var(--good)}.src__fresh--stale{color:var(--poor)}.src__note{color:var(--text-faint);max-width:62ch;margin:14px 0 0;font-size:12px;line-height:1.55}