.sea-now{margin:0 0 28px;padding:26px;border:1px solid rgb(var(--ink)/.14);border-radius:24px;background:rgb(var(--surface)/.75);box-shadow:0 12px 40px rgba(0,0,0,.04)}.sea-now__header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.sea-now__header h2{margin:0;font-size:24px;line-height:1.25;font-weight:600}.sea-now__forecast{font-size:12px;color:rgb(var(--ink)/.6);text-align:right}.sea-now__body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:28px;align-items:center}.sea-now__figure{min-width:0;margin:0}.sea-shore{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;color:#31586a}.sea-shore svg{display:block;width:100%;height:auto}.sea-shore__sky-top{stop-color:#d4eaf5}.sea-shore__sky-bottom{stop-color:#eef4ed}.sea-shore__water-top{stop-color:#51b5cd}.sea-shore__water-bottom{stop-color:#116b93}.sea-shore__sand-top{stop-color:#edd5a9}.sea-shore__sand-bottom{stop-color:#b49b77}.sea-shore--night .sea-shore__sky-top{stop-color:#15304b}.sea-shore--night .sea-shore__sky-bottom{stop-color:#536f7e}.sea-shore--night .sea-shore__water-top{stop-color:#4794b6}.sea-shore--night .sea-shore__water-bottom{stop-color:#183f68}.sea-shore--night .sea-shore__sand-top{stop-color:#b7b2a1}.sea-shore--night .sea-shore__sand-bottom{stop-color:#7f8079}.sea-shore__reference{stroke:#466979;stroke-width:1.5;stroke-dasharray:3 7;opacity:.6}.sea-shore--night .sea-shore__reference{stroke:#d6edf2;opacity:.5}.sea-shore__water{transition:transform .8s ease}.sea-shore__badge{position:absolute;right:14px;top:12px;padding:4px 8px;border-radius:8px;background:#f8fbfcbd;color:#354f61;font-size:11px}.sea-shore__reading{position:absolute;right:24px;transform:translateY(-100%);display:flex;align-items:baseline;gap:9px;padding:8px 13px;border:1px solid #abcddb;border-radius:12px 12px 0 12px;background:#f8fcfff5;color:#1a6385;box-shadow:0 4px 16px #15374814;transition:top .8s ease}.sea-shore__reading span{font-size:11px}.sea-shore__reading strong{font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.sea-now__references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 3px 0}.sea-now__references div{display:grid;gap:4px}.sea-now__references div+div{border-left:1px solid rgb(var(--ink)/.1);padding-left:14px}.sea-now__references span{color:rgb(var(--ink)/.6);font-size:11px;line-height:1.4}.sea-now__references strong{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.sea-now__advice-label{margin:0 0 10px;font-size:12px;color:rgb(var(--ink)/.6)}.sea-now__advice h3{display:flex;align-items:flex-start;gap:9px;margin:0 0 10px;font-size:22px;line-height:1.25;font-weight:600;color:rgb(var(--sea))}.sea-now__advice h3>span{flex-shrink:0}.sea-now__advice--lower h3{color:#956726}.dark .sea-now__advice--lower h3{color:#e9bd77}.sea-now__advice--unknown h3{color:rgb(var(--ink)/.7)}.sea-now__advice>p:not(.sea-now__advice-label){margin:0;color:rgb(var(--ink)/.75);font-size:14px;line-height:1.6}.sea-now__advice>p.sea-now__caution{margin-top:18px;padding-top:14px;border-top:1px solid rgb(var(--ink)/.12);font-size:12px;color:rgb(var(--ink)/.6)}.sea-now__method{margin-top:12px;font-size:12px;color:rgb(var(--ink)/.6);line-height:1.6}.sea-now__method summary{cursor:pointer}.sea-now__method p{margin:8px 0 0}.sea-now__unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;text-align:center;color:rgb(var(--ink)/.6)}.sea-now__unavailable>span{color:rgb(var(--sea));font-size:38px}.sea-now__unavailable p{margin:5px 0}@media (max-width:820px){.sea-now__body{grid-template-columns:1fr;gap:22px}.sea-now__advice h3{font-size:22px}.sea-now__advice>p.sea-now__caution{margin-top:12px}}@media (max-width:700px){.sea-now{padding:20px 16px;border-radius:20px}.sea-now__header{align-items:flex-start;flex-direction:column;gap:9px}.sea-now__header h2{font-size:22px}.sea-shore{border-radius:14px}.sea-shore__reading{right:14px;padding:7px 9px;gap:6px}.sea-shore__reading span{font-size:10px}.sea-shore__reading strong{font-size:18px}.sea-shore__badge{font-size:10px;right:10px;top:8px}.sea-now__references{gap:8px}.sea-now__references div+div{padding-left:9px}}@media (prefers-reduced-motion:reduce){.sea-shore__reading,.sea-shore__water{transition:none}}.sea-page{max-width:1100px;margin:0 auto;padding-bottom:40px}.sea-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:30px;color:rgb(var(--ink)/.7);font-size:15px}.sea-back:hover{color:rgb(var(--sea))}.sea-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.sea-eyebrow{margin:0 0 8px;color:rgb(var(--sea));font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sea-heading h1{margin:0 0 12px;font-family:inherit;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.15}.sea-heading>div>p:last-child{margin:0;max-width:650px;color:rgb(var(--ink)/.7);font-size:17px;line-height:1.6}.sea-timezone{flex-shrink:0;padding:9px 14px;border:1px solid rgb(var(--ink)/.14);border-radius:99px;font-size:12px;color:rgb(var(--ink)/.7)}.sea-locations{margin-bottom:28px}.sea-locations h2{margin:0 0 14px;font-size:16px;font-weight:600}.sea-locations__chips{display:flex;flex-wrap:wrap;gap:9px}.sea-locations__chips button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid rgb(var(--ink)/.16);border-radius:99px;padding:8px 15px;background:rgb(var(--surface)/.5);font-size:14px;transition:background .16s,border-color .16s}.sea-locations__chips button svg{flex-shrink:0}.sea-locations__chips button:hover{border-color:rgb(var(--sea))}.sea-locations__chips button[aria-pressed=true]{background:rgb(var(--sea));border-color:rgb(var(--sea));color:#fff}html.dark .sea-locations__chips button[aria-pressed=true]{color:#0c202c}.sea-panel{padding:28px;border:1px solid rgb(var(--ink)/.14);border-radius:24px;background:rgb(var(--surface)/.7);box-shadow:0 12px 40px rgba(0,0,0,.06)}.sea-panel__top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.sea-panel__top h2{margin:0;font-size:26px;font-weight:600}.sea-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}.sea-date{display:grid;gap:5px;font-size:12px;color:rgb(var(--ink)/.65)}.sea-date input{min-width:0;min-height:42px;padding:8px 12px;border:1px solid rgb(var(--ink)/.18);border-radius:12px;background:rgb(var(--surface)/.6);color:rgb(var(--ink));font:inherit;font-size:14px}.sea-period{display:flex;gap:3px;padding:4px;border:1px solid rgb(var(--ink)/.14);border-radius:14px}.sea-period button{min-height:34px;padding:7px 14px;border-radius:9px;white-space:nowrap;font-size:14px;color:rgb(var(--ink)/.7)}.sea-period button[aria-pressed=true]{background:rgb(var(--sea)/.18);color:rgb(var(--sea));font-weight:600}.sea-period-caption{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;color:rgb(var(--ink)/.6);font-size:14px}.sea-period-caption button{color:rgb(var(--sea));text-decoration:underline;text-underline-offset:3px;padding:4px}.sea-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0;padding:22px 0;border-block:1px solid rgb(var(--ink)/.1)}.sea-metrics>div+div{border-left:1px solid rgb(var(--ink)/.1);padding-left:24px}.sea-metrics dt{font-size:13px;color:rgb(var(--ink)/.65)}.sea-metrics dd{margin:6px 0;font-size:clamp(25px,4vw,38px);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.sea-metrics__selected dd{color:rgb(var(--sea))}.sea-metrics dd.sea-metrics__time{display:block;font-size:12px;font-weight:400;line-height:1.5;color:rgb(var(--ink)/.6)}.sea-chart{overflow-x:auto;overscroll-behavior-x:contain;padding:4px;margin:0 -4px}.sea-chart svg{display:block;width:100%;min-width:520px;color:rgb(var(--sea));overflow:visible}.sea-chart__grid{stroke:rgb(var(--ink)/.08)}.sea-chart__zero{stroke:rgb(var(--ink)/.28);stroke-width:1.3}.sea-chart__line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.sea-chart__label{fill:rgb(var(--ink)/.65);font-size:13px}.sea-chart__now{stroke:currentColor;stroke-width:1.2;stroke-dasharray:4 5;opacity:.7}.sea-chart__cursor{stroke:currentColor;opacity:.18}.sea-chart-hint{margin:12px 0 4px;text-align:center;color:rgb(var(--ink)/.55);font-size:12px}.sea-notice{border-left:3px solid rgb(var(--sand));padding:10px 14px;margin-top:22px;background:rgb(var(--sand)/.1);color:rgb(var(--ink)/.75);font-size:14px}.sea-source-note{margin:24px 0 0;padding-top:18px;border-top:1px solid rgb(var(--ink)/.1);color:rgb(var(--ink)/.55);font-size:12px;line-height:1.6}.sea-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:310px;padding:30px 16px;text-align:center}.sea-state h2,.sea-state h3{margin:0;font-size:22px;font-weight:600}.sea-state p{margin:0;max-width:480px;color:rgb(var(--ink)/.65);font-size:16px;line-height:1.6}.sea-loading-wave,.sea-state__wave{color:rgb(var(--sea));font-size:64px;line-height:1}.sea-loading-wave{animation:sea-loading 1.8s ease-in-out infinite}.sea-button{min-height:44px;margin-top:8px;padding:10px 18px;border:1px solid rgb(var(--sea)/.4);border-radius:12px;background:rgb(var(--sea)/.12);color:rgb(var(--sea));font-size:15px}.sea-hourly{margin-top:24px;border:1px solid rgb(var(--ink)/.14);border-radius:20px;background:rgb(var(--surface)/.5)}.sea-hourly summary{padding:20px 24px;cursor:pointer;font-size:17px;font-weight:600}.sea-hourly summary>span{margin-left:14px;font-size:13px;font-weight:400;color:rgb(var(--ink)/.6)}.sea-hourly__days{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px;padding:0 24px 24px}.sea-hourly__days h3{font-size:15px;font-weight:600;margin-bottom:14px}.sea-hourly table{width:100%;font-size:14px;font-variant-numeric:tabular-nums}.sea-hourly th{font-weight:400;color:rgb(var(--ink)/.55)}.sea-hourly td,.sea-hourly th{padding:7px 9px;border-bottom:1px solid rgb(var(--ink)/.07);text-align:left}.sea-hourly td:last-child,.sea-hourly th:last-child{text-align:right}.sea-hourly__now{background:rgb(var(--sea)/.12);color:rgb(var(--sea));font-weight:600}.sea-page :is(button,a,input,summary,svg[tabindex]):focus-visible{outline:3px solid rgb(var(--sea));outline-offset:3px}@keyframes sea-loading{50%{opacity:.4;transform:translateX(8px)}}@media (max-width:700px){.sea-heading{align-items:flex-start;flex-direction:column;gap:16px}.sea-panel{padding:20px 16px;border-radius:20px}.sea-panel__top{align-items:stretch;flex-direction:column}.sea-controls{justify-content:space-between;gap:12px}.sea-period button{padding-inline:10px}.sea-metrics{gap:12px}.sea-metrics>div+div{padding-left:12px}.sea-metrics dt{font-size:12px}.sea-metrics dd.sea-metrics__time{font-size:11px}.sea-chart__label{font-size:20px}.sea-hourly summary{padding:18px 16px}.sea-hourly summary>span{display:block;margin:8px 0 0}.sea-hourly__days{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.sea-loading-wave{animation:none}.sea-locations__chips button{transition:none}}