.tide-app{--dash-ink: #ecfbff;--dash-text: #c7dce2;--dash-muted: #8faab2;--dash-paper: #071f2a;--dash-panel: rgb(6 25 36 / .9);--dash-line: rgb(130 221 231 / .2);--dash-on-light: #07313b;--dash-water: #42c9db;--dash-deep: #8beef5;--dash-teal: #1a9b96;--dash-gold: #f1b74a;--dash-coral: #db6b50;--dash-green: #4e8f61;--dash-violet: #6867ac;--dash-shadow: 0 24px 64px rgb(0 8 14 / .34);--dash-radius: 8px;color:var(--dash-text);background:linear-gradient(180deg,#03111ad1,#02080eeb 42%,#03111ae0),url(/images/brand/abstract-aquatic-background.svg) center top / cover fixed no-repeat,url(/images/generated/north-atlantic-fish-watermark.webp) right 7rem / min(58vw,760px) auto no-repeat}.tide-shell{width:min(1240px,calc(100% - 2rem));margin-inline:auto}.tide-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--dash-line);background:linear-gradient(90deg,#05232ef0,#05232ec7 46%,#05232e5c),url(/images/generated/long-island-fishing-guide.webp) center / cover no-repeat;color:#fff9e8}.tide-hero:after{position:absolute;inset:auto 0 0;height:42px;background:linear-gradient(180deg,transparent,rgb(3 17 26 / .95));content:""}.tide-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.62fr);gap:2rem;align-items:end;min-height:420px;padding:4.5rem 0 3.5rem}.tide-hero__copy{max-width:780px}.tide-eyebrow,.tide-panel__label{margin:0 0 .45rem;color:var(--dash-gold);font-size:.78rem;font-weight:850;letter-spacing:0;line-height:1.35;text-transform:uppercase}.tide-hero h1{max-width:760px;margin-bottom:.85rem;color:#fff;font-size:4rem;line-height:1.02;text-wrap:balance}.tide-hero p{max-width:700px;color:#fff4d5;font-size:1.12rem;line-height:1.6}.tide-search{display:grid;gap:.75rem;border:1px solid rgb(255 255 255 / .24);border-radius:var(--dash-radius);background:#fffdf71f;padding:1rem;backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000038}.tide-search label,.tide-field span{color:inherit;font-size:.82rem;font-weight:850;line-height:1.3}.tide-search__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.tide-search input,.tide-search button,.tide-field input,.tide-field select,.tide-now-button{min-height:46px;min-width:0;border-radius:var(--dash-radius);font:inherit}.tide-search input,.tide-field input,.tide-field select{width:100%;border:1px solid var(--dash-line);background:#020c12b8;color:var(--dash-ink);padding:.72rem .8rem}.tide-search button,.tide-now-button{border:0;background:var(--dash-gold);color:#241806;cursor:pointer;font-weight:900;padding:.72rem 1rem;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.tide-search button:hover,.tide-now-button:hover{background:#ffd06b;box-shadow:0 12px 24px #10272c2e;transform:translateY(-1px)}.tide-status{min-height:1.35rem;margin:0;color:#fff4d5;font-size:.86rem}.tide-controls{display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(170px,.45fr) minmax(150px,.38fr) auto;gap:.8rem;align-items:end;margin-top:1.25rem;border:1px solid var(--dash-line);border-radius:var(--dash-radius);background:var(--dash-panel);padding:1rem;box-shadow:var(--dash-shadow)}.tide-field{display:grid;gap:.35rem}.tide-field span{color:var(--dash-muted)}.tide-now-button{align-self:end;white-space:nowrap}.helm-dashboard{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:1rem;align-items:stretch;margin-top:1rem;border:1px solid rgb(4 24 31 / .42);border-radius:var(--dash-radius);background:linear-gradient(135deg,#ffffff14,#00000038),linear-gradient(180deg,#263a3f,#121f24 58%,#091318);box-shadow:0 30px 80px #03151c57,inset 0 1px #ffffff2e;padding:1rem}.cabin-view{position:relative;display:grid;min-height:460px;overflow:hidden;border:1px solid rgb(255 255 255 / .12);border-radius:var(--dash-radius);background:linear-gradient(180deg,rgb(255 255 255 / .08),transparent),#081b23;box-shadow:inset 0 0 0 8px #00000042,inset 0 0 36px #0000009e;isolation:isolate}.cabin-glass{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;background:linear-gradient(180deg,rgb(255 255 255 / .1),transparent 45%),linear-gradient(90deg,rgb(255 255 255 / .08),transparent 24%,transparent 76%,rgb(255 255 255 / .08))}.cabin-glass:before{position:absolute;inset:8%;border:10px solid rgb(5 17 22 / .78);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 999px #00000014;content:"";z-index:20}.cabin-glass:after{position:absolute;inset:8% 50% 8% auto;width:10px;background:#051116c7;content:"";z-index:21}.cabin-sky,.cabin-sun,.cabin-stars,.cabin-horizon,.cabin-water,.cabin-swell,.cabin-cloud,.cabin-rain,.cabin-sleet,.cabin-snow,.cabin-spray,.cabin-wiper{position:absolute;pointer-events:none}.cabin-sky{inset:8% 8% 43%;z-index:1;background:radial-gradient(circle at 18% 18%,rgb(255 219 142 / var(--sun-glow, .28)),transparent 24%),linear-gradient(180deg,var(--sky-top, #78a8bf),var(--sky-bottom, #d3dbd5));transition:background .36s ease}.cabin-sun{top:15%;left:18%;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff9cb 0 18%,#f6c75d 42%,#e1893f 72%,transparent 74%),#f3bb51;box-shadow:0 0 26px #ffd26f85,0 0 68px #ffc15a38;z-index:2;opacity:var(--sun-visibility, .82);transform:scale(var(--sun-scale, 1));transition:opacity .36s ease,transform .36s ease}.cabin-stars{inset:8%;z-index:2;opacity:var(--star-opacity, 0);background:radial-gradient(circle at 18% 18%,rgb(255 255 255 / .9) 0 1px,transparent 1.6px),radial-gradient(circle at 42% 28%,rgb(255 255 255 / .8) 0 1px,transparent 1.7px),radial-gradient(circle at 74% 18%,rgb(255 255 255 / .86) 0 1px,transparent 1.6px),radial-gradient(circle at 62% 38%,rgb(255 235 178 / .82) 0 1px,transparent 1.7px),radial-gradient(circle at 29% 44%,rgb(255 255 255 / .76) 0 1px,transparent 1.6px);transition:opacity .36s ease}.cabin-horizon{left:8%;right:8%;top:var(--horizon-top, 56%);height:3px;background:#ffffff85;box-shadow:0 3px 14px #ffffff3d;z-index:3;opacity:var(--horizon-opacity, .48);transition:top .36s ease}.cabin-water{left:8%;right:8%;bottom:8%;z-index:4;height:var(--water-level, 37%);background:repeating-linear-gradient(calc(90deg + var(--wind-angle, 180deg)),rgb(255 255 255 / .18) 0 2px,transparent 2px var(--wave-crest-spacing, 24px)),radial-gradient(ellipse at 45% 18%,rgb(255 255 255 / .18),transparent 42%),linear-gradient(180deg,var(--water-top, #387c8c),var(--water-bottom, #0d3442));background-size:220px 100%,100% 80%,100% 100%;transform:skewY(var(--sea-skew, -2deg));transform-origin:center top;transition:height .36s ease,background .36s ease,transform .36s ease;animation:cabin-water-drift var(--wave-roll-speed, 9s) linear infinite}.cabin-water:before,.cabin-water:after{position:absolute;right:-8%;left:-8%;height:44%;border-radius:50%;content:"";opacity:var(--wave-opacity, .48)}.cabin-water:before{top:-17%;background:radial-gradient(ellipse at 12% 72%,rgb(255 255 255 / .58),transparent 46%),radial-gradient(ellipse at 38% 68%,rgb(255 255 255 / .46),transparent 43%),radial-gradient(ellipse at 66% 72%,rgb(255 255 255 / .5),transparent 45%),radial-gradient(ellipse at 89% 70%,rgb(255 255 255 / .52),transparent 44%);filter:blur(1.2px);transform:scaleY(var(--wave-scale, 1));transform-origin:center bottom}.cabin-water:after{top:10%;background:repeating-radial-gradient(ellipse at 50% 100%,rgb(255 255 255 / .24) 0 2px,transparent 3px var(--wave-crest-spacing, 42px));transform:translate(-8%) scaleY(calc(var(--wave-scale, 1) * .72));animation:cabin-wave-chop var(--wave-chop-speed, 5.4s) ease-in-out infinite alternate}.cabin-swell{left:4%;right:4%;width:112%;overflow:visible;color:var(--water-top, #387c8c);filter:drop-shadow(0 10px 16px rgb(2 25 33 / .25));transform-origin:50% 72%;will-change:transform}.cabin-swell--back{top:var(--swell-back-top, 43%);z-index:5;height:var(--swell-back-height, 118px);opacity:var(--swell-back-opacity, .54);animation:cabin-swell-back var(--swell-back-speed, 16s) linear infinite}.cabin-swell--front{top:var(--swell-front-top, 38%);z-index:6;height:var(--swell-front-height, 144px);opacity:var(--swell-front-opacity, .88);animation:cabin-swell-front var(--swell-front-speed, 10s) linear infinite}.cabin-swell__water{fill:currentColor;opacity:var(--swell-fill-opacity, .68)}.cabin-swell__crest,.cabin-swell__foam{fill:none;stroke-linecap:round;stroke-linejoin:round}.cabin-swell__crest{stroke:rgb(235 252 255 / var(--swell-crest-opacity, .76));stroke-width:var(--swell-crest-width, 5)}.cabin-swell__foam{stroke:rgb(255 255 255 / var(--whitecap-opacity, .28));stroke-width:var(--whitecap-width, 7);stroke-dasharray:72 46;animation:cabin-foam-run var(--swell-foam-speed, 5.2s) linear infinite}.cabin-cloud{width:180px;height:42px;border-radius:999px;background:rgb(255 255 255 / var(--cloud-opacity, .34));filter:blur(7px);z-index:7;transition:opacity .36s ease,background .36s ease}.cabin-cloud--one{left:13%;top:21%;animation:cabin-cloud-drift 28s ease-in-out infinite alternate}.cabin-cloud--two{right:13%;top:32%;width:150px;animation:cabin-cloud-drift 34s ease-in-out infinite alternate-reverse}.cabin-cloud--three{left:42%;top:15%;width:210px;opacity:var(--heavy-cloud-opacity, .22);animation:cabin-cloud-drift 42s ease-in-out infinite alternate}.cabin-rain{inset:8%;z-index:12;opacity:var(--rain-opacity, 0);background:repeating-linear-gradient(105deg,transparent 0 14px,rgb(255 255 255 / .36) 15px 17px);transform:translate(var(--rain-drift, 0));animation:cabin-rain-fall .8s linear infinite}.cabin-sleet{inset:8%;z-index:12;opacity:var(--sleet-opacity, 0);background:repeating-linear-gradient(115deg,transparent 0 18px,rgb(226 244 255 / .5) 19px 20px),radial-gradient(circle at 20% 24%,rgb(245 250 255 / .76) 0 1px,transparent 1.8px),radial-gradient(circle at 58% 42%,rgb(245 250 255 / .72) 0 1px,transparent 1.8px),radial-gradient(circle at 82% 34%,rgb(245 250 255 / .68) 0 1px,transparent 1.8px);animation:cabin-rain-fall 1.15s linear infinite}.cabin-snow{inset:8%;z-index:12;opacity:var(--snow-opacity, 0);background:radial-gradient(circle at 12% 22%,rgb(255 255 255 / .9) 0 2px,transparent 2.4px),radial-gradient(circle at 35% 14%,rgb(255 255 255 / .82) 0 1.6px,transparent 2.2px),radial-gradient(circle at 62% 28%,rgb(255 255 255 / .88) 0 2px,transparent 2.5px),radial-gradient(circle at 82% 18%,rgb(255 255 255 / .82) 0 1.6px,transparent 2.2px);background-size:190px 190px;animation:cabin-snowfall 7s linear infinite}.cabin-spray{left:9%;right:9%;bottom:20%;z-index:11;height:24px;opacity:var(--spray-opacity, .28);background:radial-gradient(ellipse at center,rgb(255 255 255 / .34),transparent 70%);filter:blur(4px)}.cabin-view[data-sky=starry] .cabin-cloud{opacity:.22}.cabin-view[data-sky=clear] .cabin-cloud,.cabin-view[data-sky=sunny] .cabin-cloud{opacity:.3}.cabin-view[data-sky=cloudy] .cabin-cloud,.cabin-view[data-sky=partly-cloudy] .cabin-cloud{opacity:1}.cabin-wiper{right:20%;bottom:8%;z-index:13;width:7px;height:48%;border-radius:999px;background:#040d11b3;box-shadow:0 0 0 1px #ffffff1f;transform:rotate(var(--wiper-angle, 28deg));transform-origin:bottom center;transition:transform .42s ease}.cabin-readout{position:relative;z-index:1;align-self:end;margin:1rem;border:1px solid rgb(255 255 255 / .14);border-radius:var(--dash-radius);background:#051218bd;color:#e9f5f1;padding:1rem;backdrop-filter:blur(12px)}.cabin-readout h2{margin:0 0 .35rem;color:#fff;font-size:clamp(1.3rem,2.2vw,1.9rem)}.cabin-readout p:not(.tide-panel__label){color:#d8e7e4;font-size:.95rem}.helm-clock-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;justify-content:space-between;margin-top:1rem}.helm-clock-row span{color:var(--dash-gold);font-size:1.45rem;font-weight:950;line-height:1}.helm-refresh{min-height:38px;border:1px solid rgb(255 255 255 / .18);border-radius:var(--dash-radius);background:#ffffff1a;color:#fff;cursor:pointer;font:inherit;font-size:.82rem;font-weight:900;padding:.5rem .65rem}.helm-refresh:hover{background:#f1b74a42}.helm-gauge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.helm-gauge{--gauge-metal: #b78b45;--gauge-face: #eee3c7;--gauge-ink: #16262d;--gauge-label-bg: rgb(255 244 202 / .78);--gauge-label-border: rgb(63 38 13 / .36);--gauge-accent: #b54e35;--gauge-shadow: rgb(0 0 0 / .28);--gauge-tick: rgb(17 30 35 / .72);--gauge-major-tick: rgb(10 18 22 / .88);display:grid;min-height:218px;justify-items:center;align-content:start;gap:.45rem;border:1px solid rgb(255 255 255 / .11);border-radius:var(--dash-radius);background:radial-gradient(ellipse at 50% -18%,rgb(255 235 180 / .18),transparent 36%),linear-gradient(135deg,rgb(255 255 255 / .12),transparent 30%),repeating-linear-gradient(94deg,#8f5b2f29 0 2px,#121b1d0a 2px 8px),linear-gradient(180deg,#263332,#10191b 62%,#070f12);box-shadow:inset 0 1px #ffffff1f,0 18px 36px #0000003d;padding:.78rem}.helm-gauge .tide-panel__label{color:#ffd06d;font-size:.72rem;font-weight:950;line-height:1.15;text-align:center;text-shadow:0 1px 0 rgb(0 0 0 / .9),0 0 10px rgb(241 183 74 / .34)}.helm-gauge strong{color:#fff;font-size:1.34rem;font-weight:950;line-height:1.1;text-align:center;text-shadow:0 2px 0 rgb(0 0 0 / .86),0 0 12px rgb(255 255 255 / .16)}.helm-gauge>span{min-height:2.4rem;color:#e2f4f0;font-size:.82rem;font-weight:880;line-height:1.28;text-align:center;text-shadow:0 1px 0 rgb(0 0 0 / .92),0 0 8px rgb(0 0 0 / .55)}.analog-gauge{--needle: 0deg;position:relative;width:min(128px,100%);aspect-ratio:1;isolation:isolate;border:10px solid var(--gauge-metal);border-radius:50%;background:radial-gradient(circle at 50% 62%,rgb(118 80 43 / .16) 0 22%,transparent 23%),radial-gradient(circle at 34% 22%,rgb(255 255 255 / .42),transparent 21%),repeating-conic-gradient(from 225deg,rgb(22 34 38 / .7) 0 1deg,transparent 1deg 7deg),conic-gradient(from 225deg,#b54532 0 42deg,#d7a13b 42deg 100deg,#6f9052 100deg 188deg,#377a85 188deg 270deg,transparent 270deg 360deg),radial-gradient(circle at 50% 50%,var(--gauge-face),#d3c096 72%);box-shadow:inset 0 0 0 2px #17120b,inset 0 0 0 5px #ffeba647,inset 0 0 0 9px #20160c2e,inset 0 -16px 20px #4a2f153d,0 0 0 1px #ffffff1a,0 13px 24px var(--gauge-shadow)}.analog-gauge:before{position:absolute;inset:10px;z-index:1;border-radius:inherit;border:1px solid rgb(83 57 28 / .32);background:repeating-conic-gradient(from 225deg,var(--gauge-major-tick) 0 2.2deg,transparent 2.2deg 30deg),repeating-conic-gradient(from 225deg,var(--gauge-tick) 0 1deg,transparent 1deg 6deg),radial-gradient(circle at 50% 50%,transparent 0 58%,rgb(7 14 17 / .2) 59% 60%,transparent 61%);content:"";-webkit-mask:radial-gradient(circle at 50% 50%,transparent 0 46%,#000 47% 100%);mask:radial-gradient(circle at 50% 50%,transparent 0 46%,#000 47% 100%)}.analog-gauge:after{position:absolute;inset:0;z-index:3;border-radius:inherit;background:radial-gradient(circle at 18% 18%,#15100a 0 2px,#d6aa5a 2.2px 4.8px,#3b2a14 5px 6px,transparent 6.2px),radial-gradient(circle at 82% 18%,#15100a 0 2px,#d6aa5a 2.2px 4.8px,#3b2a14 5px 6px,transparent 6.2px),radial-gradient(circle at 82% 82%,#15100a 0 2px,#d6aa5a 2.2px 4.8px,#3b2a14 5px 6px,transparent 6.2px),radial-gradient(circle at 18% 82%,#15100a 0 2px,#d6aa5a 2.2px 4.8px,#3b2a14 5px 6px,transparent 6.2px),linear-gradient(142deg,rgb(255 255 255 / .38) 0 14%,rgb(255 255 255 / .08) 14% 28%,transparent 44%),radial-gradient(ellipse at 35% 20%,rgb(255 255 255 / .28),transparent 32%),linear-gradient(145deg,transparent 42%,rgb(0 0 0 / .22) 100%);content:"";pointer-events:none}.gauge-needle{position:absolute;left:calc(50% - 6px);bottom:48%;z-index:4;width:12px;height:45%;border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,rgb(255 255 255 / .28),transparent 28% 72%,rgb(0 0 0 / .38)),#050606;box-shadow:0 0 0 1px #000000a6,0 5px 8px #0000005c;clip-path:polygon(50% 0,92% 76%,66% 100%,34% 100%,8% 76%);transform:rotate(var(--needle)) translateY(6px);transform-origin:bottom center;transition:transform .42s ease}.compass-needle{height:48%;background:linear-gradient(90deg,rgb(255 255 255 / .26),transparent 28% 72%,rgb(0 0 0 / .42)),#030404}.gauge-hub{position:absolute;left:50%;top:50%;z-index:5;width:22px;height:22px;border:4px solid #11110e;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgb(255 244 191 / .9),transparent 24%),linear-gradient(145deg,#e6bd67,#8a5d24 66%,#3d2912);box-shadow:inset 0 0 0 1px #ffffff52,0 0 0 1px #ffeea638,0 3px 7px #0000006b;transform:translate(-50%,-50%)}.gauge-scale,.compass-point{position:absolute;z-index:4;color:var(--gauge-ink);max-width:3.05rem;border:1px solid var(--gauge-label-border);border-radius:999px;background:var(--gauge-label-bg);box-shadow:0 1px #ffffff7a inset,0 1px 3px #00000038;font-size:.64rem;font-weight:950;line-height:.95;padding:.1rem .18rem .09rem;text-align:center;text-shadow:0 1px 0 rgb(255 255 255 / .58),0 0 4px rgb(255 250 228 / .62);text-transform:uppercase;white-space:normal}.gauge-scale{left:7%;bottom:17%}.gauge-scale--mid{left:50%;top:13%;bottom:auto;transform:translate(-50%)}.gauge-scale--max{right:6%;left:auto;bottom:17%}.compass-point--n{left:50%;top:11%;transform:translate(-50%)}.compass-point--e{right:10%;top:50%;transform:translateY(-50%)}.compass-point--s{left:50%;bottom:11%;transform:translate(-50%)}.compass-point--w{left:10%;top:50%;transform:translateY(-50%)}.compass-gauge{--gauge-face: #e8dcc0;--gauge-tick: rgb(28 42 47 / .74);background:linear-gradient(0deg,transparent 48%,rgb(20 39 44 / .22) 49% 51%,transparent 52%),linear-gradient(90deg,transparent 48%,rgb(20 39 44 / .22) 49% 51%,transparent 52%),radial-gradient(circle at 50% 50%,transparent 0 29%,rgb(45 55 58 / .16) 30% 32%,transparent 33%),repeating-conic-gradient(from 0deg,rgb(25 37 42 / .76) 0 1.2deg,transparent 1.2deg 15deg),conic-gradient(from 45deg,rgb(177 72 49 / .32),transparent 28%,rgb(63 127 133 / .3) 50%,transparent 73%,rgb(217 168 70 / .26)),radial-gradient(circle at 50% 50%,var(--gauge-face),#c8b584 74%)}.wind-speed-gauge{--gauge-metal: #9c8451;--gauge-face: #edf0df;--gauge-accent: #2f7e88;background:radial-gradient(ellipse at 50% 76%,rgb(31 88 100 / .16) 0 20%,transparent 21%),repeating-conic-gradient(from 225deg,rgb(22 55 64 / .7) 0 1deg,transparent 1deg 8deg),conic-gradient(from 225deg,#6f9253 0 82deg,#d9a846 82deg 174deg,#b54e35 174deg 270deg,transparent 270deg 360deg),radial-gradient(circle at 50% 50%,var(--gauge-face),#c5d7cf 72%)}.tide-clock-gauge{--gauge-metal: #ad9156;--gauge-face: #efe8d0;--gauge-accent: #5a5b9a;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 13px,rgb(39 72 82 / .1) 13px 14px),radial-gradient(circle at 50% 50%,transparent 0 36%,rgb(56 73 84 / .17) 37% 38%,transparent 39%),conic-gradient(from 225deg,#3f7f85 0 68deg,#d9a846 68deg 134deg,#5a5b9a 134deg 203deg,#d9a846 203deg 270deg,transparent 270deg),radial-gradient(circle at 50% 50%,var(--gauge-face),#cdbb93 72%)}.barometer-gauge{--gauge-metal: #be9c63;--gauge-face: #f2e6c8;--gauge-accent: #9b3d2c;background:radial-gradient(circle at 35% 20%,rgb(255 255 255 / .45),transparent 22%),conic-gradient(from 225deg,#6d8391 0 42deg,#b54e35 42deg 84deg,#d9a846 84deg 142deg,#6f9253 142deg 218deg,#3f7f85 218deg 270deg,transparent 270deg 360deg),radial-gradient(circle at 50% 50%,var(--gauge-face),#c7b283 71%)}.solunar-gauge{--gauge-metal: #9a8558;--gauge-face: #202939;--gauge-ink: #f1ead9;--gauge-label-bg: rgb(15 22 34 / .82);--gauge-label-border: rgb(255 241 184 / .32);--gauge-accent: #d7c979;--gauge-tick: rgb(245 238 208 / .68);--gauge-major-tick: rgb(255 248 208 / .88);background:radial-gradient(circle at 28% 24%,rgb(255 255 235 / .9) 0 8%,transparent 9%),radial-gradient(circle at 66% 38%,rgb(255 255 255 / .42) 0 1px,transparent 1.8px),radial-gradient(circle at 42% 62%,rgb(255 255 255 / .42) 0 1px,transparent 1.8px),conic-gradient(from 225deg,#3f4f75 0 92deg,#6d5f9d 92deg 178deg,#d9a846 178deg 270deg,transparent 270deg),radial-gradient(circle at 50% 50%,#202939,#0e151f 72%)}.solunar-gauge .gauge-scale{text-shadow:0 1px 0 rgb(0 0 0 / .88),0 0 5px rgb(255 250 210 / .28)}.uv-gauge{--gauge-metal: #c3a44f;--gauge-face: #fbefd2;--gauge-accent: #e18831;background:radial-gradient(circle at 50% 28%,rgb(255 226 101 / .45),transparent 18%),conic-gradient(from 225deg,#6f9253 0 84deg,#d9a846 84deg 174deg,#b54e35 174deg 270deg,transparent 270deg 360deg),radial-gradient(circle at 50% 50%,var(--gauge-face),#d5b66e 71%)}.uv-gauge .gauge-scale{bottom:14%;font-size:.56rem;max-width:2.85rem}.uv-gauge .gauge-scale--max{right:4%;bottom:25%}.temp-gauge{--gauge-metal: #b59b85;--gauge-face: #f4ece0;--gauge-accent: #b54e35;background:linear-gradient(90deg,transparent 0 42%,rgb(255 255 255 / .18) 42% 58%,transparent 58%),conic-gradient(from 225deg,#3f7f85 0 88deg,#6f9253 88deg 154deg,#d9a846 154deg 210deg,#b54e35 210deg 270deg,transparent 270deg),radial-gradient(circle at 50% 50%,var(--gauge-face),#d4c2aa 72%)}.tide-power-gauge{--gauge-metal: #9a8759;--gauge-face: #e6efea;--gauge-accent: #234d5a;background:repeating-radial-gradient(circle at 50% 50%,rgb(25 66 78 / .14) 0 1px,transparent 1px 12px),linear-gradient(0deg,transparent 48%,rgb(25 66 78 / .14) 49% 51%,transparent 52%),conic-gradient(from 225deg,#71898f 0 70deg,#d9a846 70deg 158deg,#3f7f85 158deg 218deg,#b54e35 218deg 270deg,transparent 270deg),radial-gradient(circle at 50% 50%,var(--gauge-face),#b8cbc8 72%)}@keyframes cabin-water-drift{0%{background-position:0 0,0 0,0 0}to{background-position:220px 0,36px 0,0 0}}@keyframes cabin-swell-front{0%{transform:translate(-13%) skewY(var(--sea-skew, -2deg)) scaleY(var(--swell-front-scale, 1))}to{transform:translate(2%) skewY(var(--sea-skew, -2deg)) scaleY(var(--swell-front-scale, 1))}}@keyframes cabin-swell-back{0%{transform:translate(1%) skewY(var(--sea-skew-back, -1deg)) scaleY(var(--swell-back-scale, .82))}to{transform:translate(-11%) skewY(var(--sea-skew-back, -1deg)) scaleY(var(--swell-back-scale, .82))}}@keyframes cabin-foam-run{0%{stroke-dashoffset:0}to{stroke-dashoffset:-118}}@keyframes cabin-cloud-drift{0%{transform:translate(-12px)}to{transform:translate(18px)}}@keyframes cabin-rain-fall{0%{background-position:0 0}to{background-position:0 34px}}@keyframes cabin-wave-chop{0%{transform:translate(-8%) scaleY(calc(var(--wave-scale, 1) * .72))}to{transform:translate(6%) scaleY(calc(var(--wave-scale, 1) * .9))}}@keyframes cabin-snowfall{0%{background-position:0 0}to{background-position:28px 190px}}@media(prefers-reduced-motion:reduce){.cabin-water,.cabin-cloud,.cabin-rain,.cabin-sleet,.cabin-snow,.cabin-swell,.cabin-swell__foam,.gauge-needle{animation:none;transition:none}}.tide-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:1rem;margin-top:1rem}.tide-panel{overflow:hidden;border:1px solid var(--dash-line);border-radius:var(--dash-radius);background:var(--dash-panel);box-shadow:var(--dash-shadow)}.tide-panel h2{margin:0;color:var(--dash-ink);font-size:1.35rem;line-height:1.15}.tide-panel p{margin-bottom:0}.tide-panel__header{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1rem 1rem 0}.tide-chip{display:inline-flex;min-height:30px;align-items:center;border:1px solid var(--dash-line);border-radius:999px;background:#42c9db1f;color:var(--dash-muted);font-size:.78rem;font-weight:850;line-height:1.25;padding:.32rem .6rem;white-space:nowrap}.tide-score-panel{display:grid;grid-template-columns:minmax(0,1fr) 172px;gap:1.2rem;align-items:center;min-height:226px;padding:1.25rem;background:linear-gradient(115deg,#081f2af5,#0b3d49b8),linear-gradient(90deg,#1a9b962e,#f1b74a29)}.tide-score-panel h2{font-size:2rem}.tide-score-panel p:not(.tide-panel__label){max-width:58rem;color:var(--dash-muted);font-size:1rem}.tide-score-ring{position:relative;display:block;width:172px;height:172px;border-radius:50%;background:radial-gradient(circle at center,var(--dash-paper) 0 55%,transparent 56%),conic-gradient(var(--dash-green) var(--score),rgb(19 75 85 / .12) 0);box-shadow:inset 0 0 0 1px #82dde738,0 18px 40px #00080e57}.tide-score-ring span{position:absolute;top:48%;left:50%;width:100%;color:var(--dash-ink);font-size:2.35rem;font-weight:950;font-variant-numeric:tabular-nums;line-height:1;text-align:center;transform:translate(-50%,-50%)}.tide-score-ring small{position:absolute;top:64%;left:50%;width:100%;margin:0;color:var(--dash-muted);font-size:.74rem;font-weight:900;text-align:center;text-transform:uppercase;transform:translate(-50%)}.tide-moon-panel{display:grid;grid-template-columns:154px minmax(0,1fr);gap:1rem;align-items:center;min-height:226px;padding:1.25rem;background:linear-gradient(125deg,#092531f0,#166c7adb),url(/images/generated/surfcasting-watermark.webp) center / cover no-repeat;color:#eef9f5}.tide-moon-panel h2,.tide-moon-panel .tide-panel__label{color:#fff}.tide-moon-panel p:not(.tide-panel__label){color:#d7ece9}.moon-stage{display:grid;min-height:154px;place-items:center;perspective:820px}.moon-scene{position:relative;display:grid;width:154px;height:154px;place-items:center;transform-style:preserve-3d}.moon-globe{--moon-light: 50%;--moon-angle: 90deg;--moon-tilt: 0deg;position:relative;width:118px;height:118px;overflow:hidden;border:1px solid rgb(255 255 255 / .26);border-radius:50%;background:linear-gradient(var(--moon-angle),#f4f0dd 0 var(--moon-light),#111c24 var(--moon-light) 100%),#d4d0c0;box-shadow:inset -22px -26px 34px #00000075,inset 16px 12px 24px #ffffff47,0 20px 44px #0006;transform:rotateX(-8deg) rotateY(var(--moon-tilt)) translateZ(18px)}.moon-globe:before,.moon-globe:after{position:absolute;inset:0;border-radius:inherit;content:""}.moon-globe:before{background:radial-gradient(circle at 34% 24%,rgb(255 255 255 / .5),transparent 24%),radial-gradient(circle at 65% 72%,rgb(0 0 0 / .26),transparent 30%),linear-gradient(115deg,transparent 26%,rgb(0 0 0 / .22) 100%);mix-blend-mode:screen}.moon-globe:after{box-shadow:inset 16px 10px 24px #ffffff2e,inset -30px -20px 38px #00000061}.moon-crater{position:absolute;z-index:1;border-radius:50%;background:radial-gradient(circle at 35% 32%,#ffffff29,#3d444861 58%,#0000002e);box-shadow:inset 2px 2px 5px #ffffff21,inset -3px -3px 5px #0000003b}.moon-crater--one{top:28px;left:32px;width:18px;height:18px}.moon-crater--two{top:48px;right:27px;width:24px;height:24px}.moon-crater--three{right:42px;bottom:26px;width:14px;height:14px}.moon-crater--four{bottom:39px;left:25px;width:12px;height:12px}.moon-floor{position:absolute;bottom:13px;width:124px;height:24px;border-radius:50%;background:radial-gradient(ellipse at center,rgb(255 255 255 / .22),rgb(0 0 0 / .34) 72%,transparent 74%);filter:blur(2px);transform:rotateX(72deg) translateZ(-18px)}.tide-workspace{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:1rem;margin-top:1rem}.tide-map-panel,.tide-chart-panel{min-height:620px}.google-map-wrap{position:relative;overflow:hidden;width:calc(100% - 2rem);min-height:430px;margin:1rem;border-radius:var(--dash-radius);background:#d7e5e4;box-shadow:inset 0 0 0 1px #ffffff9e}.google-map{display:block;width:100%;height:100%;min-height:430px;border:0;filter:saturate(.88) contrast(.96);pointer-events:none}.migration-overlay{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;min-height:430px;pointer-events:none}.migration-path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.migration-path--shadow{stroke:#05161d57}.migration-path--active{filter:drop-shadow(0 2px 3px rgb(5 22 29 / .36))}.migration-station__halo{fill:#f1b74a33;stroke:#ffffffb8;stroke-width:1.5}.migration-station__ring{fill:#05232ebd;stroke:#fff;stroke-width:2}.migration-station__dot{fill:var(--dash-gold)}.migration-map-legend{display:grid;width:calc(100% - 2rem);gap:.55rem;margin:0 1rem 1rem;border:1px solid var(--dash-line);border-radius:var(--dash-radius);background:#061924e6;box-shadow:0 12px 28px #00080e47;color:var(--dash-text);padding:.85rem}.migration-map-legend strong{color:var(--dash-deep);font-size:.92rem;line-height:1.2}.migration-map-legend>span{color:var(--dash-text);font-size:.78rem;font-weight:760;line-height:1.35}.migration-map-legend div{display:flex;flex-wrap:wrap;gap:.3rem}.migration-key{display:inline-flex;gap:.32rem;align-items:center;border:1px solid rgb(10 55 66 / .22);border-radius:999px;background:#f7fbf9fa;color:var(--dash-on-light);font-size:.76rem;font-weight:850;line-height:1.2;padding:.36rem .5rem;box-shadow:0 1px #ffffffbd,0 8px 16px #00080e1a}.migration-key i{width:.58rem;height:.58rem;flex:0 0 auto;border-radius:999px;background:var(--species-color);box-shadow:0 0 0 2px #ffffffe6,0 0 0 3px #234e5929}.google-map-actions,.map-station-list{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;padding:0 1rem 1rem}.google-map-actions{justify-content:space-between;color:var(--dash-text);font-size:.82rem;font-weight:800}.google-map-actions a,.map-station-button{display:inline-flex;align-items:center;border:1px solid var(--dash-line);border-radius:999px;background:#081f2ac7;color:var(--dash-deep);cursor:pointer;font:inherit;font-size:.78rem;font-weight:850;line-height:1.25;padding:.38rem .6rem;text-decoration:none}.google-map-actions a:hover,.map-station-button:hover,.map-station-button.is-active{border-color:#f1b74ac7;background:#f1b74a2e;color:#ffd36d}.tide-chart-panel canvas{display:block;width:calc(100% - 2rem);height:auto;aspect-ratio:2 / 1;margin:1rem;border:1px solid var(--dash-line);border-radius:var(--dash-radius);background:linear-gradient(180deg,#092331,#061923)}.tide-factor-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:0 1rem 1rem}.factor-item{display:grid;gap:.2rem;border-top:3px solid var(--factor-color, var(--dash-teal));background:#ffffff0a;padding:.55rem 0 0}.factor-item strong{color:var(--dash-ink);font-size:.9rem}.factor-item span{color:var(--dash-muted);font-size:.82rem;line-height:1.4}.tide-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.tide-data-grid .tide-panel{min-height:430px}.event-list,.condition-grid,.species-list{display:grid;gap:.7rem;padding:1rem}.event-row,.condition-row,.species-row{display:grid;gap:.28rem;border-top:1px solid var(--dash-line);padding-top:.72rem}.event-row:first-child,.condition-row:first-child,.species-row:first-child{border-top:0;padding-top:0}.event-row__top,.species-row__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.event-row strong,.condition-row strong,.species-row strong{color:var(--dash-ink);font-size:.98rem;line-height:1.2}.event-row span,.condition-row span,.species-row span{color:var(--dash-muted);font-size:.84rem;line-height:1.38}.event-pill{border-radius:999px;background:#1a9b961f;color:var(--dash-deep);font-size:.74rem;font-weight:900;padding:.18rem .48rem;white-space:nowrap}.event-pill--high{background:#176c7a29}.event-pill--low{background:#db6b5029}.condition-value{color:var(--dash-ink);font-size:1.4rem;font-weight:950;line-height:1}.species-meter{position:relative;overflow:hidden;height:8px;border-radius:999px;background:#0738441a}.species-meter span{display:block;width:var(--species-score, 0%);height:100%;border-radius:inherit;background:var(--species-color, var(--dash-green))}.tide-sources{display:grid;grid-template-columns:minmax(260px,.5fr) minmax(0,1fr);gap:1.25rem;align-items:start;margin-top:1rem;border:1px solid var(--dash-line);border-radius:var(--dash-radius);background:#061924d6;padding:1.25rem}.tide-sources h2{margin:0;color:var(--dash-ink);font-size:1.35rem}.tide-sources p{margin:0;color:var(--dash-muted);font-size:.95rem}.source-links{display:flex;flex-wrap:wrap;grid-column:1 / -1;gap:.7rem}.source-links a{border:1px solid var(--dash-line);border-radius:999px;background:#081f2ac7;color:var(--dash-deep);font-size:.86rem;font-weight:850;padding:.45rem .7rem;text-decoration:none}.source-links a:hover{border-color:#f1b74aad;color:#ffd36d}.is-muted{color:var(--dash-muted)}.is-loading{opacity:.72}@media(max-width:1180px){.helm-gauge-grid,.tide-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.helm-dashboard,.tide-hero__grid,.tide-controls,.tide-overview,.tide-workspace,.tide-sources{grid-template-columns:1fr}.tide-hero__grid{min-height:0;padding:3.5rem 0 3rem}.tide-hero h1{font-size:3rem}.cabin-view{min-height:420px}.tide-now-button{width:100%}.tide-map-panel,.tide-chart-panel{min-height:0}}@media(max-width:720px){.tide-shell{width:min(100% - 1rem,1240px)}.tide-hero h1{font-size:2.25rem}.tide-hero p{font-size:1rem}.tide-search__row,.helm-gauge-grid,.tide-score-panel,.tide-moon-panel,.tide-data-grid,.tide-factor-list{grid-template-columns:1fr}.tide-search button,.tide-score-ring{width:100%}.tide-score-ring{max-width:172px;justify-self:start}.helm-dashboard{padding:.75rem}.cabin-view,.google-map-wrap,.google-map,.migration-overlay{min-height:360px}.migration-map-legend{padding:.72rem}.migration-key{width:100%;font-size:.74rem}.cabin-readout{margin:.75rem;padding:.85rem}.helm-clock-row{display:grid;justify-items:start}.helm-refresh{width:100%}.tide-panel__header{display:grid}.tide-chip{width:fit-content;white-space:normal}}