:root{color-scheme:light;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,sans-serif;line-height:1.35;color:#122033;--panel-bg: rgba(255, 255, 255, .74);--panel-border: rgba(255, 255, 255, .85);--text-soft: #5b6c81;--accent: #0a84ff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(1100px 520px at 50% -120px,rgba(132,209,255,.55),transparent 62%),linear-gradient(180deg,#d8efff,#c8e6ff 32%,#edf5ff)}button,input,select{font:inherit}button{cursor:pointer}#root,.app-shell{min-height:100vh}.app-shell{padding:clamp(14px,2.8vw,24px)}.app-shell--standalone{overscroll-behavior-y:contain}.pull-refresh-indicator{position:fixed;top:8px;left:50%;z-index:50;pointer-events:none;background:#153554db;color:#f7fbfffa;border-radius:999px;padding:6px 11px;font-size:.72rem;font-weight:600;letter-spacing:.01em;box-shadow:0 8px 22px #071d3447;transition:transform .12s ease,background-color .12s ease,opacity .12s ease;opacity:.92}.pull-refresh-indicator--ready{background:#165fa7eb}.pull-refresh-indicator--refreshing{background:#165fa7fa}.app-shell__inner{width:min(100%,680px);margin:0 auto;display:grid;gap:8px}.app-shell__inner>*{min-width:0}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:var(--text-soft)}.panel,.status-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:26px;padding:16px;box-shadow:0 20px 38px #08203c1f,inset 0 1px #ffffffd9;-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%)}.panel--compact{padding:14px}.panel--state strong{display:block;margin-bottom:4px}.panel--error{border-color:#d6404566}.panel--updating{opacity:.68;filter:grayscale(.35);transition:opacity .16s ease,filter .16s ease}.status-card{padding:12px;overflow:hidden}.status-card__sport-shelf{margin:-4px 0 10px;padding:0}.status-card--updating{transition:opacity .16s ease,filter .16s ease}.status-card--updating .status-card__title,.status-card--updating .status-hero__signal,.status-card--updating .status-hero__metrics,.status-card--updating .wind-chip,.status-card--updating .status-card__evaluation,.status-card--updating .hourly-embedded{opacity:.52;filter:grayscale(.42)}.status-card--updating .location-chip,.status-card--updating .location-chip-spinner{opacity:1;filter:none}.status-card__title{margin:0;text-align:center;font-size:clamp(2rem,8vw,2.85rem);line-height:1.02;letter-spacing:-.02em;font-weight:700}.status-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 0 8px;position:relative;width:100%}.sport-selector{display:flex;width:100%;max-width:none;margin:0 auto;padding:4px;border-radius:14px;border:1px solid rgba(20,44,66,.14);background:#a4bcd447;box-shadow:inset 0 1px 1px #ffffffb8;gap:0}.sport-selector__pill{flex:1;min-width:0;border:0;border-radius:10px;background:transparent;color:#3a4f65;padding:8px;font-size:.8rem;line-height:1.15;font-weight:600;text-align:center;white-space:nowrap;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.sport-selector__label--mobile{display:none}.sport-selector__label--desktop{display:inline}.sport-selector__pill--active{background:#ffffffeb;color:#154e8f;box-shadow:0 1px 2px #0c223b24,inset 0 1px #ffffffe6}@media (max-width: 640px){.status-card__sport-shelf{margin:-2px -4px 8px}.sport-selector{padding:2px;border-radius:12px}.sport-selector__pill{padding:7px 4px;border-radius:9px;font-size:.76rem;letter-spacing:-.01em}.sport-selector__pill--active{box-shadow:0 1px 1px #0c223b1f,inset 0 1px #ffffffe0}.sport-selector__label--desktop{display:none}.sport-selector__label--mobile{display:inline}}.status-hero{padding:10px 18px 8px}.status-notice{width:calc(100% + 24px);margin:0 -12px 2px;display:flex;align-items:center;gap:8px;border-radius:0;padding:14px 14px 12px;background:#4e8de5;color:#fffffffa;box-shadow:inset 0 1px #ffffff29}.location-chip-row,.status-hero__metrics,.status-hero__signal-wrap,.status-card__evaluation{justify-self:center}.status-notice__copy{flex:1;min-width:0;text-align:center}.status-notice__title{margin:0 auto;font-size:.85rem;line-height:1.25;font-weight:600;letter-spacing:.01em}.status-notice__description{margin:6px 0 0;font-size:.8rem;line-height:1.3;opacity:.9}.status-notice__learn-more{margin:8px 0 0;font-size:.8rem;line-height:1.2;font-weight:500;opacity:.9}.status-notice__close{border:0;padding:0;margin:0;width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#fffffff5;flex:0 0 auto}.status-notice__close svg{width:20px;height:20px;display:block}.status-notice__close:hover{background:#ffffff24}.status-notice__close:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:2px}.status-hero__metrics{display:flex;gap:8px;justify-content:center;position:relative;z-index:3}.status-card__source{font-size:.78rem;line-height:1.2;color:#1f3244b3;text-align:center;margin-top:-2px}.app-footer{margin:4px 0;text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:.62rem;line-height:1.25;color:#1f324475}.app-footer a{color:inherit;text-decoration:underline;text-underline-offset:1px}.app-footer__sep{opacity:.65}.app-footer__x-link{display:inline-flex;align-items:center;gap:4px}.app-footer__sun-link{display:inline-flex;align-items:center}.app-footer__x-link svg{width:11px;height:11px;display:block}.status-card__evaluation{max-width:32rem;text-align:center;margin-top:-2px;position:relative;z-index:3}.status-card__evaluation p{margin:0;color:#1f3244;font-size:clamp(2rem,8vw,2.85rem);line-height:1.02;letter-spacing:-.02em;font-weight:700}.status-card__evaluation small{display:block;margin-top:6px;color:#1f32449e;font-size:.78rem;line-height:1.35}.status-card__evaluation .status-card__updated-at{margin-top:8px;color:#1f32446b;font-size:.78rem;line-height:1.35}.status-card__disclaimer{margin:12px 2px 2px;color:#1f32447a;font-size:.64rem;line-height:1.28;text-align:center;position:relative;z-index:4}.temp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid rgba(20,40,60,.08);background:#ffffffeb;color:#1f3244;font-size:.93rem;font-weight:550}.wind-chip{color:#2d4359;position:relative;z-index:3}.location-chip{max-width:min(86vw,360px);position:relative;z-index:4}.location-chip-row{display:inline-flex;align-items:stretch;gap:8px;position:relative;z-index:3}.location-recents{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:min(92vw,460px);margin-top:-2px}.location-recents--in-popover{justify-content:flex-start;max-width:100%;margin-top:0;margin-bottom:2px}.location-recent-pill{border:1px solid rgba(20,44,66,.12);border-radius:999px;background:#ffffffd1;color:#3a4f65;padding:4px 9px;font-size:.77rem;line-height:1.2;font-weight:500;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-recent-pill:hover{border-color:#0a84ff57;background:#f6faffeb}.location-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-chip__trigger{cursor:pointer;border-color:#0a84ff47;box-shadow:0 2px 6px #0a84ff24,inset 0 1px #ffffffeb;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease}.location-chip__trigger:hover{border-color:#0a84ff80;background:#f5fafffa;box-shadow:0 2px 6px #0a84ff24,inset 0 1px #ffffffeb}.location-chip__trigger:focus-visible{outline:2px solid rgba(10,132,255,.45);outline-offset:2px;border-color:#0a84ff99}.location-chip__trigger:active{transform:translateY(1px) scale(.995)}.location-popover{width:100%;max-width:100%;min-width:0;justify-self:stretch;align-items:stretch;box-sizing:border-box;border:1px solid rgba(20,44,66,.1);border-radius:14px;background:#fffffff5;box-shadow:0 10px 22px #071d3424;padding:8px;display:grid;gap:5px;z-index:5}.location-popover__search-row{display:grid;gap:0;width:100%}.location-popover__input{border:1px solid rgba(22,48,72,.12);border-radius:10px;padding:8px 10px;background:#fffffffa;width:100%;min-width:0;display:block;font-size:.95rem;line-height:1.2}.location-chip-spinner{height:100%;aspect-ratio:1 / 1;border:1px solid rgba(10,132,255,.28);border-radius:999px;background:#ffffffeb;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0a84ff24,inset 0 1px #ffffffeb}.location-chip-spinner:before{content:"";width:14px;height:14px;border-radius:999px;border:2px solid rgba(45,95,146,.2);border-top-color:#2d5f92;animation:location-spin .8s linear infinite}.location-chip-action{height:100%;aspect-ratio:1 / 1;border:1px solid rgba(10,132,255,.28);border-radius:999px;background:#ffffffeb;display:inline-flex;align-items:center;justify-content:center;color:#2d5f92;cursor:pointer;box-shadow:0 2px 6px #0a84ff24,inset 0 1px #ffffffeb;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease}.location-chip-action:hover{border-color:#0a84ff80;background:#f5fafffa;box-shadow:0 2px 6px #0a84ff24,inset 0 1px #ffffffeb}.location-chip-action:focus-visible{outline:2px solid rgba(10,132,255,.45);outline-offset:2px;border-color:#0a84ff99}.location-chip-action:active{transform:translateY(1px) scale(.995)}@keyframes location-spin{to{transform:rotate(360deg)}}.location-popover__suggestions{display:grid;gap:5px;max-height:min(42vh,250px);overflow:auto}.location-popover__option{border:1px solid rgba(20,44,66,.09);border-radius:10px;background:#fffffff0;padding:7px 10px;text-align:left;color:inherit;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px}.location-popover__option>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;line-height:1.2}.location-popover__option small{color:var(--text-soft);white-space:nowrap;flex:0 0 auto;font-size:.86rem}.location-popover__option--single{justify-content:flex-start}.location-popover__option--active{border-color:#0a84ff80;background:#eaf4fff2}.location-popover__empty{border-radius:10px;background:#f8fbffe6;color:var(--text-soft);padding:7px 10px;font-size:.85rem}.temp-icon{width:18px;height:18px;flex:0 0 18px;display:block}.temp-icon--air{color:#f5b400}.temp-icon--water{color:#57b8ff}.temp-icon--location{color:#2d5f92}.temp-icon--wind{color:#2fa7a0}.status-hero__signal-wrap{--decision-icon-size: min(48vw, 172px);position:relative;width:var(--decision-icon-size);aspect-ratio:1;margin:30px 0}.status-hero__signal{position:relative;width:100%;aspect-ratio:1;border-radius:999px;background:var(--signal-color);box-shadow:0 24px 48px #00000029,inset 0 0 0 5px #fff3,inset 0 -10px 30px #0000001f;--marker-nudge-y: -3%;z-index:2;overflow:visible;isolation:isolate}.status-hero__signal--loading{box-shadow:0 16px 30px #00000014,inset 0 0 0 4px #ffffff73,inset 0 -6px 18px #0000000f}.status-hero__signal-wrap--placeholder{opacity:.82}.status-hero__signal--placeholder{background:#b6c2cf;box-shadow:0 16px 30px #00000014,inset 0 0 0 4px #ffffff73,inset 0 -6px 18px #00000014}.status-hero__arrow--placeholder{opacity:.76}.shoreline-orientation-circle{position:absolute;left:50%;top:50%;width:125%;height:125%;border-radius:999px;pointer-events:none;z-index:0;background:conic-gradient(from 0deg,#53a4e975,#53a4e975 180deg,#dec49b66 180deg,#dec49b66 360deg);box-shadow:inset 0 0 0 1px #ffffff59,0 8px 24px #1a2e4029}.status-hero__arrow{position:absolute;left:50%;top:50%;transform-origin:center;width:clamp(76px,40vw,130px);height:clamp(76px,40vw,130px);display:grid;place-items:center;z-index:2}.status-hero__arrow--calm{font-size:clamp(4.8rem,28vw,9rem);line-height:1;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.28),0 0 0 2px rgba(255,255,255,.24)}.status-hero__triangle{width:90%;height:90%;display:block;transform:translateY(var(--marker-nudge-y))}.status-hero__triangle polygon{fill:#fff;stroke:#0000005c;stroke-width:5;stroke-linejoin:round;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}.hourly-embedded{margin-top:8px}.forecast-gate{position:relative}.forecast-gate--locked .hourly-embedded{filter:blur(3px) saturate(.85);opacity:.65;pointer-events:none;-webkit-user-select:none;user-select:none}.forecast-gate__overlay{position:absolute;top:8px;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden;display:grid;place-items:center;z-index:6}.forecast-gate__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.45}.forecast-gate--locked .forecast-gate__image{display:none}.forecast-gate__card{position:relative;z-index:1;width:min(88%,360px);border-radius:14px;border:1px solid rgba(255,255,255,.72);background:#fff;box-shadow:0 12px 28px #071d3429;padding:12px 14px;text-align:center}.forecast-gate__card strong{display:block;color:#1f3244;font-size:.98rem}.forecast-gate__card p{margin:5px 0 10px;color:#1f3244bf;font-size:.82rem}.forecast-gate__input{width:100%;border:1px solid rgba(20,44,66,.14);border-radius:10px;padding:8px 10px;margin-bottom:10px;background:#f8fbfff5;color:#1f3244;font-size:.84rem;line-height:1.2;box-shadow:inset 0 1px #ffffffd9}.forecast-gate__input::placeholder{color:#1f32448c}.forecast-gate__button{border:1px solid rgba(10,132,255,.34);border-radius:999px;background:#0a84ff1f;color:#0a5eb4;font-size:.86rem;font-weight:620;padding:7px 14px;min-width:110px;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.forecast-gate__button:hover:not(:disabled){filter:brightness(.96)}.forecast-gate__button:active:not(:disabled){transform:translateY(1px) scale(.995)}.forecast-gate__button:disabled{opacity:.6;cursor:not-allowed}.forecast-gate__actions{display:flex;gap:8px;justify-content:center}.forecast-gate__button--secondary{border-color:#1f32447a;background:#33485f;color:#f6f9fc}.forecast-gate__message{margin:0 0 8px;font-size:.8rem}.forecast-gate__message--error{color:#b73b3f}.hourly-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.hourly-graph{max-width:none;display:block}.hourly-empty-frame{fill:#ffffff29;stroke:#34465a24;stroke-width:1;rx:10}.hourly-empty-axis-band{fill:#ffea0024}.hourly-line{fill:none;stroke:#34465a7a;stroke-width:2}.hourly-line--wind{stroke:#34465a47;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.hourly-tide-line{fill:none;stroke:#0a84ff57;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hourly-tide-extreme-dot{fill:#0a84ff;stroke:#fff;stroke-width:1.2}.hourly-tide-extreme-hitbox{fill:transparent;stroke:transparent;pointer-events:all;cursor:pointer}.hourly-tide-tooltip rect{fill:#fffffff2;stroke:#14283c29;stroke-width:1}.hourly-tide-tooltip-text{text-anchor:middle;font-size:13px;font-weight:550;fill:#2d4359;alignment-baseline:middle;dominant-baseline:central}.hourly-daylight-band,.hourly-night-band{pointer-events:none}.hourly-time-guide{stroke:#505e6d0f;stroke-width:1}.hourly-time-guide--empty{stroke:#505e6d1f}.hourly-day-separator{stroke:#0a84ff85;stroke-width:1}.hourly-sun-marker{stroke-width:1.5;stroke-dasharray:4 3;pointer-events:none}.hourly-sun-marker-hitbox{stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer}.hourly-sun-marker--sunrise,.hourly-sun-marker--sunset{stroke:#ffad33d1}.hourly-sun-tooltip rect{fill:#fffffff2;stroke:#14283c29;stroke-width:1}.hourly-sun-tooltip-text{text-anchor:middle;font-size:13px;font-weight:550;fill:#2d4359;alignment-baseline:middle;dominant-baseline:central}.hourly-point{cursor:pointer}.hourly-point-marker{fill:currentColor;stroke:#fffffffa;stroke-width:2.2;paint-order:stroke fill;filter:drop-shadow(0 1px 1px rgba(0,0,0,.035)) drop-shadow(0 2px 4px rgba(0,0,0,.03))}.hourly-point{filter:drop-shadow(0 0 1px rgba(0,0,0,.28))}.hourly-point-hitbox{fill:transparent;pointer-events:all}.hourly-point--green{fill:#34c759;color:#34c759}.hourly-point--amber{fill:#ff9f0a;color:#ff9f0a}.hourly-point--red{fill:#ff453a;color:#ff453a}.hourly-point--interpolated{fill:#9aa6b2;color:#9aa6b2}.hourly-point.hourly-point--interpolated,.hourly-point.hourly-point--interpolated .hourly-point-marker{fill:#9aa6b2!important;color:#9aa6b2!important}.hourly-tooltip rect{stroke-width:1}.hourly-tooltip-text{text-anchor:middle;font-size:14px;font-weight:500;fill:#fff;alignment-baseline:middle;dominant-baseline:central}.hourly-tooltip--green rect{fill:#34c759;stroke:#34c759}.hourly-tooltip--amber rect{fill:#ff9f0a;stroke:#ff9f0a}.hourly-tooltip--red rect{fill:#ff453a;stroke:#ff453a}.hourly-tooltip--interpolated rect{fill:#9aa6b2;stroke:#9aa6b2}.hourly-label{font-size:11px;text-anchor:middle;fill:#4c6075}.hourly-y-label{font-size:10px;text-anchor:end;fill:#5a6f85;alignment-baseline:middle;dominant-baseline:central}.hourly-empty{margin:6px 0 0;color:var(--text-soft);font-size:.9rem}.test-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.test-links--secondary{margin-top:8px}.test-link{border:0;background:transparent;color:var(--accent);text-decoration:underline;padding:0;font-size:.95rem}.test-link--active{text-decoration-thickness:2px;font-weight:700}.field-group{display:grid;gap:6px}.field-group label{font-size:.88rem;color:var(--text-soft)}.location-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.location-searching{font-size:.8rem;color:var(--text-soft)}input,select{width:100%;border:1px solid rgba(22,48,72,.12);border-radius:14px;padding:12px 13px;background:#fffffff2;color:inherit;box-shadow:inset 0 1px #ffffffe6}input:focus,select:focus{outline:2px solid rgba(10,132,255,.35);border-color:#0a84ff80}.location-suggestions{margin-top:8px;display:grid;gap:7px}.location-suggestion{border:1px solid rgba(20,44,66,.09);border-radius:14px;background:#ffffffeb;padding:10px 12px;text-align:left;color:inherit;display:flex;justify-content:space-between;align-items:center;gap:10px}.location-suggestion small{color:var(--text-soft)}.location-suggestion--active{border-color:#0a84ff80;background:#eaf4fff2}.location-suggestion--empty{background:#f8fbffe6;color:var(--text-soft)}.location-actions{display:flex;gap:8px;margin-top:10px}.button{border:0;border-radius:14px;padding:10px 14px;background:var(--accent);color:#fff;white-space:nowrap;font-weight:600}.button--ghost{background:#ffffffe6;color:#1f4467;border:1px solid rgba(10,132,255,.35)}.lead{margin:8px 0 14px;font-size:1.04rem;color:#1d3044}.reason-list{margin:8px 0 14px;padding-left:19px}.reason-list li{margin-bottom:6px}@media (max-width: 640px){.app-shell{padding:12px}.panel,.status-card{border-radius:22px}.status-card__title,.status-card__evaluation p{font-size:clamp(1.8rem,8vw,2.5rem)}.status-notice{width:calc(100% + 24px);margin:0 -12px;border-radius:0;gap:10px;padding:11px 12px 10px}.status-notice__title{font-size:.78rem}.status-notice__learn-more,.status-notice__description{font-size:.74rem}.status-notice__close{width:24px;height:24px}.status-notice__close svg{width:18px;height:18px}.location-actions{flex-direction:column}}