@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--clay: #d97756;--stone: #4a4540;color-scheme:light;--background: #17171c01;--body-bg: #ffffff;--foreground: #1c1917;--card: #ffffff;--primary: #0a0b0f;--primary-foreground: #faf9f7;--secondary: #17171c0d;--muted-foreground: #17171c80;--accent: #e63e32;--accent-hover: #d82619;--border: #17171c1a;--input-bg: #ffffff;--input-border: #38384b66;--input-shadow: 0px 1px 3px rgba(0, 0, 0, .07), 0px 1px 2px rgba(0, 0, 0, .05);--emphasis-bg: #0a0b0f08;--card-shadow: 0px 2px 5px rgba(0, 0, 0, .06), 0px 1px 2px rgba(0, 0, 0, .04);--sheet-shadow: 0 6px 20px rgba(0, 0, 0, .14);--seg-active-shadow: 0px 1px 2px rgba(0, 0, 0, .05);--rating-flat: #ef4444;--rating-flat-fg: #ef4444;--rating-poor: #f97316;--rating-fair: #eab308;--rating-good: #22c55e;--rating-firing: #15803d;--warn-orange: #f97316;--chart-bar: #186a83;--tide-mark: #9d6e6d2d;--font-sans: "Inter Variable", "Inter", system-ui, sans-serif;--font-heading: var(--font-sans);--inter-features: "calt" 1, "liga" 1, "kern" 1, "ss01" 1, "ss02" 1, "cv01" 1, "cv02" 1, "cv03" 1, "cv04" 1}:root[data-theme=dark]{color-scheme:dark;--background: #060607;--body-bg: #000000;--foreground: #f5f0e8;--card: #0e0d0d;--primary: #262121;--primary-foreground: #f5f0e8;--secondary: #17171d;--muted-foreground: #736b6b;--border: #151518;--input-bg: #181b21;--input-border: #2621214c;--input-shadow: 0px 1px 3px rgba(0, 0, 0, .3), 0px 1px 2px rgba(0, 0, 0, .2);--emphasis-bg: #ffffff0c;--card-shadow: 0px 2px 5px rgba(0, 0, 0, .3), 0px 1px 2px rgba(0, 0, 0, .2);--sheet-shadow: 0 6px 20px rgba(0, 0, 0, .45);--seg-active-shadow: 0px 1px 2px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:var(--inter-features);font-optical-sizing:auto;overflow-anchor:none}body{margin:0;background:var(--body-bg);color:var(--foreground)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;border:none;background:transparent;cursor:pointer;color:inherit;padding:0}.tabular{font-variant-numeric:tabular-nums}.eyebrow{font-size:13.2px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}.app{max-width:430px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--background);box-shadow:0 0 24px #00000014}.page{flex:1;display:flex;flex-direction:column}.state{padding:24px 16px;font-size:14.3px;color:var(--muted-foreground)}.app-head{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 12px 0 16px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 2px #0000001a}.brand{--brand-dot: 2.5px;display:inline-flex;align-items:center;gap:9px;color:var(--foreground)}.brand-mark{height:17.6px;width:auto;display:block}.brand-lead{font-family:var(--font-heading);font-weight:700;font-size:18.7px;letter-spacing:-.01em;line-height:1}.brand-word{font-family:var(--font-heading);font-weight:700;font-size:18.7px;line-height:1}.brand-dot{display:inline-block;vertical-align:baseline;width:var(--brand-dot);height:var(--brand-dot);margin-left:var(--brand-dot);border-radius:50%;background:#d82619}.head-note{font-size:13.2px;color:var(--muted-foreground)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--muted-foreground)}.spot-top{display:flex;align-items:center;gap:6px;padding:6px 10px}.spot-back{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:var(--muted-foreground);transition:background .15s}.spot-back:active{background:var(--secondary)}.spot-top .star-btn{flex:none}.spot-top .spot-top-search{flex:none;margin-left:auto}.spot-top .spot-top-name{flex:0 1 auto;min-width:0;font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-sticky{position:sticky;top:0;z-index:19;padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.spot-sticky .date-bar{position:static;top:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.spot-swipe{flex:1;display:flex;flex-direction:column}.spot-view{animation:spot-fade .28s ease both}.spot-view.from-right{animation:spot-slide-right .28s ease both}.spot-view.from-left{animation:spot-slide-left .28s ease both}@keyframes spot-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes spot-slide-right{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes spot-slide-left{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.spot-view,.spot-view.from-right,.spot-view.from-left{animation:none}}.pill{height:22px;display:inline-flex;align-items:center;padding:0 10px;border-radius:9999px;font-size:12.7px;font-weight:600}.pill[data-bucket=FLAT]{background:color-mix(in srgb,var(--rating-flat) 13%,transparent);color:var(--rating-flat-fg)}.pill[data-bucket=POOR]{background:color-mix(in srgb,var(--rating-poor) 13%,transparent);color:var(--rating-poor)}.pill[data-bucket=FAIR]{background:color-mix(in srgb,var(--rating-fair) 13%,transparent);color:var(--rating-fair)}.pill[data-bucket=GOOD]{background:color-mix(in srgb,var(--rating-good) 13%,transparent);color:var(--rating-good)}.pill[data-bucket=FIRING]{background:color-mix(in srgb,var(--rating-firing) 13%,transparent);color:var(--rating-firing)}.rank-list{display:flex;flex-direction:column;gap:12px;padding:14px 16px 20px}.range-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.surf-range{display:block;font-weight:600;color:var(--foreground);line-height:1.1}.rank-card .surf-range{font-size:20.9px;margin-top:4px}.detail-card .surf-range{font-size:26.4px;margin-top:8px}.date-bar{position:sticky;top:52px;z-index:18;background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.date-bar .track{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 16px 10px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.date-bar .track::-webkit-scrollbar{display:none}.date-chip{flex:none;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:46px;padding:6px 10px;border-radius:11px;color:var(--muted-foreground);transition:background .18s ease,color .18s ease,transform .18s ease}.date-chip .dow{font-size:11.6px;font-weight:600}.date-chip .dnum{font-size:16.5px;font-weight:700;color:var(--foreground)}.date-chip.on{background:var(--primary)}.date-chip.on .dow,.date-chip.on .dnum{color:var(--primary-foreground)}.date-chip .day-dot{width:6px;height:6px;border-radius:9999px;margin-top:3px}.date-chip:active{transform:scale(.95)}.day-carousel{display:flex;align-items:flex-start;flex:1;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.day-carousel::-webkit-scrollbar{display:none}.day-panel{flex:0 0 100%;width:100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always}.sat-map{display:block;position:relative;width:100%;overflow:hidden;background:var(--secondary)}.sat-map .sm-tiles img{position:absolute;display:block;max-width:none}.sat-map .sm-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.sat-map .sm-attr{position:absolute;right:6px;bottom:4px;font-size:8.8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.detail-card{background:var(--card);border-radius:16px;box-shadow:var(--card-shadow);overflow:hidden;width:100%}.detail-card .open{display:block;width:100%;text-align:left}.detail-card .dc-cover{display:block;position:relative}.detail-card .dc-cam{display:block;width:100%;height:141px;object-fit:cover;object-position:center}.detail-card .cam-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#0006;color:#f5f0e8}.detail-card .dc-body{display:block;padding:14px 16px}.detail-card .top{display:flex;align-items:center;justify-content:space-between}.detail-card .top .spot-title b{font-size:16.5px}.detail-card .line{display:block;font-size:13.2px;color:var(--muted-foreground);margin-top:5px}.detail-card .range-row{margin-top:8px}.detail-card .tide-sec{padding:12px 0 2px;margin-top:4px}.detail-card .temps-row{margin-top:4px;padding:10px 0;border-top:none}.detail-card .foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px}.detail-card .window{font-size:12.7px;color:var(--muted-foreground)}.detail-card .window b{color:var(--foreground);font-weight:600;font-variant-numeric:tabular-nums}.detail-card .hc-rail{display:flex;justify-content:center;min-width:64px}.detail-card .pill{height:26px;padding:0 13px;font-size:15px;font-weight:700}.coast{display:flex;flex-direction:column;padding-bottom:20px;--col-w: calc(min(100vw, 430px) * .88 / 3.4)}.coast .track{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.coast .track::-webkit-scrollbar{display:none}.coast-head{position:sticky;top:52px;z-index:10;padding:10px var(--edge, 12px) 16px;background:var(--body-bg)}.coast-day{flex:none;width:var(--col-w);display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--muted-foreground)}.coast-day .dow{font-size:13px;font-weight:600}.coast-day .dnum{font-size:18px;font-weight:700;color:var(--foreground)}.coast-row{display:block;padding:10px 0 12px;color:var(--foreground);text-decoration:none;border-bottom:1px solid var(--border)}.coast-name{display:block;padding:0 var(--edge, 12px) 10px;font-size:16px;font-weight:700}.coast-cells{padding:0 var(--edge, 12px)}.coast-cell{flex:none;width:50px;display:flex;flex-direction:column;align-items:center;gap:8px}.coast-h{font-size:11.5px;font-weight:700}.coast-bars{display:flex;gap:3px;width:42px}.coast-bar{flex:1;height:5px;border-radius:3px}.day-scrub .track{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 12px 8px;scroll-snap-type:x proximity;scroll-padding-left:12px;overscroll-behavior-x:contain}.day-scrub .track::-webkit-scrollbar{display:none}.day-col{flex:none;width:56px;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:3px;color:var(--muted-foreground)}.dcol-head{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 9px 5px;border-radius:11px;transition:background .18s ease}.day-col.on .dcol-head{background:var(--primary)}.dcol-head .dow{font-size:11px;font-weight:600}.dcol-head .dnum{font-size:15.5px;font-weight:700;color:var(--foreground)}.day-col.on .dcol-head .dow,.day-col.on .dcol-head .dnum{color:var(--primary-foreground)}.dcol-head .day-dot{width:6px;height:6px;border-radius:9999px;margin-top:2px}.dcol-bars{display:flex;flex-direction:column;align-items:center;gap:6px;max-height:90px;overflow:hidden;transition:max-height .22s ease,opacity .18s ease,margin-top .22s ease}.spot-sticky.condensed .dcol-bars{max-height:0;opacity:0;margin-top:-6px}.chart-col{flex:none;width:var(--col-w);display:flex;flex-direction:column;align-items:center;gap:7px}.chart-wind{height:14px;color:var(--muted-foreground);display:flex;align-items:center}.chart-plot{display:flex;align-items:flex-end;gap:3px;width:calc(var(--col-w, 50px) * .84)}.chart-bar{flex:1;min-width:0;border-radius:2px 2px 0 0;background:var(--chart-bar)}.chart-bar.stub{background:var(--border)}.coast .chart-val{font-size:calc(var(--col-w) * .16);letter-spacing:-.01em}.chart-rule{width:42px;height:3px;border-radius:2px;background:var(--border)}.chart-empty{flex:1;align-self:stretch;border-radius:3px;background:repeating-linear-gradient(-45deg,var(--border) 0,var(--border) 2px,transparent 2px,transparent 5px);opacity:.5}.chart-val{width:var(--col-w, 50px);text-align:center;font-size:11px;font-weight:700;color:var(--foreground);white-space:nowrap}.coast-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 var(--edge, 12px) 10px}.coast-name-row .coast-name{padding:0;color:inherit;text-decoration:none}.coast-cells-link{display:block;color:inherit;text-decoration:none}.segmented.compact button{padding:5px 10px}.rank-card{background:var(--card);border-radius:16px;box-shadow:var(--card-shadow);padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;color:var(--foreground);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}a.rank-card:hover{color:var(--foreground)}.rank-card .mid{min-width:0}.rank-card .title-row{display:flex;align-items:center;gap:7px}.rank-card .title-row .star-btn{width:22px;height:22px;flex:none}.rank-card .name-link{min-width:0}.rank-card .card-side,.spot-row-card .card-side{display:flex;align-items:center;gap:8px}.rank-card .cam-mark,.spot-row-card .cam-mark{display:inline-flex;color:var(--muted-foreground)}.rank-card:active{transform:scale(.985)}.detail-card,.spot-row-card{transition:transform .15s ease,box-shadow .15s ease}.spot-row-card:active{transform:scale(.985)}.star-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--muted-foreground)}.star-btn svg{fill:none;stroke:currentColor}.star-btn.on{color:var(--accent)}.star-btn.on svg{fill:currentColor}.rank-card .open{min-width:0;text-align:left}.spot-title{display:flex;align-items:baseline;gap:6px}.spot-title b{font-size:16px;font-weight:600;color:var(--foreground)}.spot-title small{font-size:12.1px;font-weight:400;color:var(--muted-foreground)}.rank-card .line{display:block;font-size:13.2px;color:var(--muted-foreground);margin-top:3px}.rank-card .range-row{margin-top:4px}.rank-card .side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.rank-card .rank-n{font-size:11.6px;color:var(--muted-foreground)}.rank-card .card-top{display:flex;align-items:center;gap:8px}.rank-card .card-stats{display:flex;align-items:baseline;gap:14px;margin-top:5px}.rank-card .card-stats .surf-range{margin-top:0}.rank-card .wind-stat{font-size:14.5px;font-weight:600;color:var(--muted-foreground)}.group-chips{display:flex;flex:none;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px 12px}.group-chips::-webkit-scrollbar{display:none}.spots-page .group-chips{margin:0 -16px}.home .group-chips{padding:10px var(--edge) 2px}.group-chip{flex:none;padding:8px 16px;border-radius:999px;border:1px solid var(--border);font-size:13.5px;font-weight:600;color:var(--muted-foreground);white-space:nowrap}.group-chip.on{background:var(--foreground);color:var(--body-bg);border-color:var(--foreground)}.spots-page{flex:1;padding:14px 16px 20px;display:flex;flex-direction:column;gap:14px}.search-box{position:relative}.search-box svg{position:absolute;left:12px;top:12px;color:var(--muted-foreground)}.search-box input{height:40px;padding:0 12px 0 36px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--foreground);font-size:14.9px;font-family:inherit;box-shadow:var(--input-shadow);width:100%}.search-box input::placeholder{color:var(--muted-foreground)}.search-box input:focus,.search-box input:focus-visible{outline:none}.search-head{display:flex;align-items:center;gap:6px;padding:8px 10px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-box.grow{flex:1;min-width:0;animation:search-open .28s ease-out both}.search-box.grow input{border-color:transparent;box-shadow:none;background:var(--secondary)}@keyframes search-open{0%{clip-path:inset(0 0 0 100% round 8px);opacity:0}to{clip-path:inset(0 0 0 0 round 8px);opacity:1}}@media(prefers-reduced-motion:reduce){.search-box.grow{animation:none}}.spot-group-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.spots-page .rank-list{padding:0;gap:10px;margin-top:10px}.fav-region-head{display:block;margin-top:12px;font-size:12.5px;font-weight:600;color:var(--muted-foreground)}.spot-row-card{background:var(--card);border-radius:16px;box-shadow:var(--card-shadow);padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;width:100%}.spot-row-card .tier-dot{width:10px;height:10px;border-radius:9999px;flex:none}.spot-row-card .mid{flex:1;min-width:0}.spot-row-card .mid .spot-title b{font-size:15.4px}.spot-row-card .line{display:block;font-size:12.7px;color:var(--muted-foreground);margin-top:2px}.spot-row-card>svg{flex:none}.spot-row-card.plain{background:none;box-shadow:none;border-radius:0;padding:8px 4px}.area-row .area-pin{display:inline-flex;flex:none;color:var(--accent)}.area-row>svg{color:var(--muted-foreground)}.search-empty{font-size:13.2px;color:var(--muted-foreground);padding:4px 2px}.empty-center{flex:1;display:flex;align-items:center;justify-content:center;margin:0;font-size:14.3px;color:var(--muted-foreground);text-align:center}.sheet-empty{height:120px;display:flex;align-items:center;justify-content:center;margin:0;font-size:14.3px;color:var(--muted-foreground);text-align:center}.spot-main{flex:1;display:flex;flex-direction:column;padding:14px 0 calc(32px + env(safe-area-inset-bottom))}.spot-card{display:flex;align-items:flex-start;gap:16px;margin:0 16px;padding:16px;background:var(--card);border-radius:16px;box-shadow:var(--card-shadow);overflow:hidden}.spot-card .rc-left{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.spot-card .rc-right{flex:none;display:flex;flex-direction:column;gap:14px;padding-left:16px;border-left:1px solid var(--border)}.spot-card .rc-temps{display:flex;flex-direction:column;gap:10px}.spot-card .rc-temps>span{display:flex;align-items:center;gap:6px;font-size:13.2px;color:var(--foreground)}.spot-card .rc-temps svg{color:var(--muted-foreground);flex:none}.spot-card .rc-temps .suit{font-weight:500}.why-bars{display:flex;flex-direction:column;gap:8px;margin-top:14px;align-self:stretch}.why-bars .bar{display:flex;align-items:center;gap:10px}.why-bars .bar>span:first-child{width:48px;font-size:12.1px;font-weight:500;color:var(--muted-foreground)}.why-bars .track{flex:1;height:6px;border-radius:9999px;background:var(--emphasis-bg)}.why-bars .track i{display:block;height:100%;border-radius:9999px}.q-good{background:var(--rating-good)}.q-fair{background:var(--rating-fair)}.q-warn{background:var(--warn-orange)}.q-poor{background:var(--rating-poor)}.hour-grid.row.best{background:color-mix(in srgb,var(--rating-good) 4%,transparent)}.hour-grid.row.best-first{border-top-left-radius:10px;border-top-right-radius:10px}.hour-grid.row.best-last{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.best-tag{position:absolute;top:4px;right:10px;font-size:9.9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rating-good);pointer-events:none}.temps-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 0;border-top:1px solid var(--border)}.temps-row>span{display:flex;align-items:center;gap:6px;font-size:13.2px;color:var(--foreground)}.temps-row svg{color:var(--muted-foreground)}.temps-row .suit{font-weight:500}.accent-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13.2px;font-weight:600;color:var(--accent)}.day-pills{display:flex;gap:4px;margin:22px 16px 0}.day-pills button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0;border-radius:9px;color:var(--muted-foreground)}.day-pills button.on{background:var(--primary);color:var(--primary-foreground)}.day-pills .l{font-size:11.6px;font-weight:600}.day-pills .dot{width:6px;height:6px;border-radius:9999px}.day-title{padding:14px 16px 8px;display:flex;justify-content:space-between;align-items:baseline}.day-title b{font-size:14.3px;font-weight:600;color:var(--foreground)}.day-title span{font-size:12.7px;color:var(--muted-foreground)}.hour-grid{display:grid;grid-template-columns:26px 6px 1fr .9fr 1fr .7fr;gap:6px;align-items:center;padding:10px 10px 10px 6px}.hour-grid.head{padding:6px 10px 5px 6px}.hour-grid.head span{font-size:9.9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);text-align:center}.cam{margin:0 0 14px}.cam-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--secondary)}.cam-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.cam-credit{margin:6px 16px 0;font-size:11.5px;color:var(--muted-foreground)}.cam-credit a{color:var(--muted-foreground);text-decoration:underline;text-underline-offset:2px}.cam-picker{margin:10px 12px 0}.cam-tabs{display:flex;gap:7px;margin-bottom:9px}.cam-thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px}.cam-thumbs::-webkit-scrollbar{display:none}.cam-thumb{flex:none;width:126px;padding:0;background:none;text-align:left}.cam-thumb img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;border:2px solid transparent;background:var(--secondary)}.cam-thumb.on img{border-color:var(--accent)}.cam-thumb span{display:block;margin-top:4px;font-size:11px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cam-thumb.on span{color:var(--foreground);font-weight:600}.hour-grid.head .grid-info{display:flex;align-items:center;justify-content:center;margin:-8px -7px;padding:8px 7px;color:var(--muted-foreground);opacity:.65}.hour-grid.head .grid-info:active{opacity:1}.hour-grid.row{position:relative;border-top:1px solid var(--border)}.hour-grid .t{justify-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;color:var(--muted-foreground)}.hour-grid .bar{align-self:stretch;min-height:40px;border-radius:2px;background:var(--border);display:flex;align-items:flex-end;overflow:hidden}.hour-grid .bar>i{display:block;width:100%;border-radius:2px}.hour-grid .surf{display:flex;flex-direction:column;align-items:center;line-height:1.25}.hour-grid .surf b{font-size:18px;font-weight:700;color:var(--foreground)}.hour-grid .surf small{font-size:14px;font-weight:700;color:var(--muted-foreground)}.hour-grid .vec{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14.3px;color:var(--foreground)}.hour-grid .vec svg{color:var(--muted-foreground);flex:none}.hour-grid .vec small{font-size:10.5px;color:var(--muted-foreground)}.hour-grid .swell-cell{flex-direction:column;gap:2px;line-height:1.15}.hour-grid .swell-cell .top{display:inline-flex;align-items:center;gap:4px}.hour-grid .swell-cell .top b{font-size:18px;font-weight:600;color:var(--foreground)}.hour-grid .swell-cell .top svg{color:var(--foreground)}.hour-grid .swell-cell small{font-size:12px;color:var(--muted-foreground)}.hour-grid .wind-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.15;padding:4px 2px;border-radius:8px;background:var(--emphasis-bg)}.hour-grid .wind-cell .top{display:inline-flex;align-items:center;gap:4px}.hour-grid .wind-cell .top b{font-size:14px;font-weight:600;color:var(--foreground);font-variant-numeric:tabular-nums}.hour-grid .wind-cell .cardinal{font-size:10.5px;color:var(--muted-foreground)}.hour-grid .wind-cell .wclass{font-size:9.9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hour-grid .wind-cell.wc-offshore .wclass{color:var(--rating-good)}.hour-grid .wind-cell.wc-offshore .top svg{color:var(--rating-good)}.hour-grid .wind-cell.wc-cross-shore .wclass{color:var(--warn-orange)}.hour-grid .wind-cell.wc-cross-shore .top svg{color:var(--warn-orange)}.hour-grid .wind-cell.wc-onshore .wclass{color:var(--rating-flat)}.hour-grid .wind-cell.wc-onshore .top svg{color:var(--rating-flat)}.hour-grid .pp{display:flex;flex-direction:column;align-items:center;line-height:1.5}.hour-grid .pp .power{font-size:14px;font-weight:700;color:var(--foreground)}.hour-grid .pp .press{font-size:11px;color:var(--muted-foreground)}.hour-grid.head .pp-head{display:flex;flex-direction:column;align-items:center;line-height:1.3}.hour-grid.head .pp-head small{font-size:inherit}.tide-sec{padding:12px 16px 4px;border-top:1px solid var(--border)}.tide-sec .head{display:flex;justify-content:space-between;align-items:baseline}.tide-sec .head .eyebrow{font-size:11px}.tide-sec .note{font-size:11px;color:var(--muted-foreground)}.tide-chart{position:relative;margin-top:6px}.tide-chart svg{display:block;width:100%;height:96px}.tide-ext{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap}.tide-ext b{font-size:11.6px}.tide-ext small{font-size:10.6px;color:var(--muted-foreground)}.sun-row{display:flex;justify-content:space-between;padding:12px 16px 0;margin-top:8px;border-top:1px solid var(--border)}.nearby-sec{padding:16px 0 22px;margin-top:12px;border-top:1px solid var(--border)}.nearby-sec .eyebrow{display:block;padding:0 16px 10px;font-size:11px}.map-cards.nearby-cards{--cw: 66%;padding:2px 16px;scroll-snap-type:none}.map-cards.nearby-cards .map-card{scroll-snap-align:start}.sun-row>span{display:flex;flex-direction:column;gap:2px}.sun-row>span:first-child{align-items:flex-start}.sun-row>span:last-child{align-items:flex-end}.sun-row>span:not(:first-child):not(:last-child){align-items:center}.sun-row .eyebrow{font-size:9.9px}.sun-row b{font-size:12.7px;font-weight:500;color:var(--foreground)}.map-page{overflow:hidden}.map-screen{position:relative;overflow:hidden}.map-canvas{width:100%;height:calc(100dvh - 58px - env(safe-area-inset-bottom,0px))}.map-fab{position:absolute;top:12px;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;color:var(--foreground);background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px #00000038}.map-fab.back{left:12px}.map-fab.search{right:12px}.map-fab:active{background:var(--secondary)}.map-sheet{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:6px 0 12px;background:var(--card);border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 -6px 24px #0000002e}.sheet-grip{display:block;width:36px;height:4px;margin:4px auto 8px;border-radius:9999px;background:var(--border)}.map-cards{--cw: 74%;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:2px calc((100% - var(--cw)) / 2);-webkit-overflow-scrolling:touch}.map-cards::-webkit-scrollbar{display:none}.map-card{position:relative;flex:none;width:var(--cw);height:118px;scroll-snap-align:center;display:block;overflow:hidden;border-radius:14px;background:#22262f;opacity:.75;transition:opacity .2s}.map-card.center{opacity:1}.map-card-bg{position:absolute;top:0;right:0;bottom:0;left:0}.map-card-bg .sat-map{width:100%}.map-card-bg .sm-attr{font-size:8px;opacity:.7}.map-card-cam{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.map-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#0008}.map-card-body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:2px;padding:12px 14px;color:#f5f0e8}.map-card-head{display:flex;justify-content:flex-end;align-items:center;gap:6px}.map-card-live{order:-1;margin-right:auto;display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f5f0e8;background:#0006;border-radius:999px;padding:2px 7px}.map-card-name{margin-top:auto}.map-card-name .spot-title b{font-size:15px;color:#f5f0e8}.map-card-h{font-size:26px;font-weight:700;letter-spacing:-.01em;text-shadow:0 1px 3px rgba(0,0,0,.5)}.map-card-sub{font-size:12px;color:#a8a29e}.map-screen .maplibregl-ctrl-bottom-left{left:6px;bottom:calc(var(--sheet-h, 150px) + 8px)}.map-screen .maplibregl-ctrl-attrib.maplibregl-compact{background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--muted-foreground);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.map-screen .maplibregl-ctrl-attrib a{color:var(--foreground)}.map-screen .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button{background-color:transparent}:root[data-theme=dark] .map-screen .maplibregl-ctrl-attrib-button{filter:invert(1)}.map-search{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;background:linear-gradient(var(--background),var(--background)) var(--body-bg)}.spot-dot{width:13px;height:13px;border-radius:9999px;background:var(--tier);cursor:pointer;box-sizing:content-box;display:grid;place-items:center}.spot-dot .dot-label{display:none}.spot-dot.focus{width:auto;height:auto;padding:4px 9px;border-radius:9999px;z-index:3}.spot-dot.focus .dot-label{display:block;font-size:12.5px;font-weight:700;line-height:1;color:#14110f;white-space:nowrap;font-variant-numeric:tabular-nums}.map-cluster{padding:3px;border-radius:9999px;display:grid;place-items:center;box-shadow:0 2px 8px #0000004d;cursor:pointer}.map-cluster-inner{min-width:28px;height:28px;padding:0 6px;border-radius:9999px;background:var(--card);color:var(--foreground);font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums;display:grid;place-items:center}.you-dot{width:12px;height:12px;border-radius:9999px;background:#3b82f6;border:2px solid #fff;box-shadow:0 1px 4px #00000059}.map-locations{flex:1;min-height:0;overflow-y:auto;padding:0 12px 12px;-webkit-overflow-scrolling:touch}.map-loc{display:flex;align-items:center;gap:8px;padding:5px 4px;border-bottom:1px solid var(--border)}.map-loc-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:left;padding:6px 0}.map-loc .tier-dot{width:10px;height:10px;border-radius:9999px;flex:none}.map-loc .mid{flex:1;min-width:0}.map-loc .mid .spot-title b{font-size:15px}.map-loc .line{display:block;font-size:12.5px;color:var(--muted-foreground);margin-top:2px}.map-loc.active{background:var(--secondary)}.maplibregl-ctrl-attrib{font-size:9.9px}.settings-page{flex:1;display:flex;flex-direction:column;gap:14px;padding:14px 16px 20px}.settings-card{background:var(--card);border-radius:16px;box-shadow:var(--card-shadow);padding:4px 16px}.settings-card .card-title{padding:12px 0 8px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--border);width:100%}.settings-row.tall{padding:12px 0}.settings-row.about-link{border-top:none;padding:15px 0}.settings-row .label{font-size:14.9px;font-weight:500;color:var(--foreground)}.settings-row .value{display:flex;align-items:center;gap:4px;font-size:13.8px;color:var(--muted-foreground)}.segmented{display:inline-flex;padding:3px;background:var(--secondary);border-radius:8px;gap:2px}.segmented button{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:6px;font-size:13.8px;font-weight:500;color:var(--muted-foreground)}.segmented button.on{background:var(--card);color:var(--foreground);box-shadow:var(--seg-active-shadow)}.settings-foot{text-align:center;font-size:12.1px;color:var(--muted-foreground);padding:4px 0}.settings-foot p{margin:2px 0}.about-page{padding:0}.about-hero{position:relative;width:100%;aspect-ratio:1 / 1;background-size:cover;background-position:center;display:flex;align-items:flex-end}.about-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 42%,rgba(0,0,0,.2) 62%,rgba(0,0,0,.72) 100%)}.about-back{position:absolute;top:12px;left:12px;z-index:2;width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#00000057;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-back:active{background:#00000080}.about-hero-cap{position:relative;z-index:1;width:100%;padding:0 20px 20px}.about-hero-brand{--brand-dot: 3px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.about-hero-logo{display:block;height:24px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.45))}.about-hero-word{font-family:var(--font-heading);font-weight:700;font-size:22px;line-height:1;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.3)}.about-hero-dot{display:inline-block;vertical-align:baseline;width:var(--brand-dot);height:var(--brand-dot);margin-left:var(--brand-dot);border-radius:50%;background:#d82619}.about-hero-title{color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:42px;font-size:clamp(34px,11vw,52px);padding:0;margin:0}.about-body{padding:18px 20px 30px;font-size:15px;line-height:1.6;color:var(--foreground)}.about-body h2{font-size:15.5px;font-weight:700;margin:22px 0 6px;color:var(--foreground)}.about-body p{margin:10px 0;color:var(--muted-foreground)}.about-body .about-lead{font-size:17px;font-weight:600;color:var(--foreground);margin-top:2px}.about-body .about-muted{font-size:12.5px}.about-steps{margin:12px 0;padding-left:20px;display:flex;flex-direction:column;gap:16px}.about-steps>li{color:var(--muted-foreground);line-height:1.55}.about-steps b{color:var(--foreground)}.about-sub{margin:8px 0 0;padding-left:18px;list-style:disc;display:flex;flex-direction:column;gap:5px}.about-body>.about-sub{color:var(--muted-foreground);margin:10px 0;gap:8px}.about-body .about-note{margin-top:20px;padding:12px 14px;background:var(--secondary);border-radius:12px;font-size:13.8px}.about-links{margin:10px 0;padding-left:18px;list-style:disc;display:flex;flex-direction:column;gap:8px;color:var(--muted-foreground)}.about-links a{color:var(--accent);font-weight:600;text-decoration:none}.about-links a:active{opacity:.7}.tabs{display:flex;height:58px;position:sticky;bottom:0;z-index:20;background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11.6px;font-weight:500;color:var(--muted-foreground)}.tabs a svg{stroke-width:2}:root:not([data-theme=dark]) .tabs a:not(.on) svg{color:#57534e}.tabs a:hover{color:var(--muted-foreground)}.tabs a.on,.tabs a.on:hover{color:var(--foreground);font-weight:700}.settings-note{margin:0;padding:10px 16px 14px;font-size:12.7px;line-height:1.45;color:var(--muted-foreground)}.fb-row{display:flex;align-items:center;gap:8px;margin:0 16px;padding:12px 10px 12px 16px;background:var(--card);border-radius:14px;box-shadow:var(--card-shadow)}.fb-row .fb-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.fb-row b{font-size:14px}.fb-row small{font-size:12.7px;color:var(--muted-foreground)}.fb-row .fb-actions{display:flex;align-items:center;gap:2px}.fb-row .fb-actions button{font-size:17px;padding:8px 9px;border-radius:10px}.fb-row .fb-actions button:active{background:var(--secondary)}.fb-row .fb-x{color:var(--muted-foreground);font-size:13px}.fb-row .fb-yes,.fb-row .fb-no{font-size:19px;font-weight:700;line-height:1}.fb-row .fb-yes{color:var(--rating-good)}.fb-row .fb-no{color:var(--rating-flat)}.map-fab.locate{right:12px;top:auto;bottom:calc(var(--sheet-h, 150px) + 12px)}.map-fab.locate.err{color:var(--rating-flat)}.map-fab.north{right:12px;top:60px}.map-fab.north svg{transform:rotate(var(--brg, 0deg));transition:transform .2s}.tide-sec .tide-best{margin:6px 0 0;font-size:12px;color:var(--muted-foreground)}.install-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.install-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:#0000006b;animation:installFade .25s ease}.install-sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 24px calc(24px + env(safe-area-inset-bottom));background:var(--card);border-radius:22px 22px 0 0;box-shadow:var(--sheet-shadow);animation:installRise .32s cubic-bezier(.22,1,.36,1)}.install-sheet .install-mark{border-radius:14px}.install-sheet h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.install-sheet p{margin:0;max-width:30ch;font-size:14px;line-height:1.45;color:var(--muted-foreground)}.install-sheet p b{color:var(--foreground);font-weight:600}.install-actions{display:flex;gap:10px;width:100%;max-width:340px;margin-top:8px}.install-actions button{flex:1;padding:13px 16px;border-radius:13px;font-size:15px;font-weight:600}.install-go{background:var(--accent);color:#fff}.install-go:disabled{opacity:.6}.settings-install{padding:9px 20px;border-radius:11px;font-size:14px;font-weight:600}.install-later{background:var(--secondary);color:var(--foreground)}@keyframes installRise{0%{transform:translateY(100%)}}@keyframes installFade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.install-sheet,.install-scrim{animation:none}}.coast-group{padding:2px 0 10px}.coast-group+.coast-group{padding-top:8px}.group-label{margin:18px var(--edge, 16px) 6px;font-size:12.4px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-foreground)}.coast .group-label:first-child,.rank-list .group-label:first-child{margin-top:4px}.home{--cw: 88%;--edge: calc((100% - var(--cw)) / 2)}.home-cards{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:14px var(--edge) 10px;-webkit-overflow-scrolling:touch}.home-cards::-webkit-scrollbar{display:none}.home-cards .hc-slide{flex:0 0 var(--cw);min-width:0;scroll-snap-align:center;display:flex}.home-cards .detail-card,.home-cards .detail-card .open{display:flex;flex-direction:column;flex:1}.home-cards .dc-body{flex:1}.swell-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.charts-deck{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;flex-direction:column;padding:18px 14px 10px;background:linear-gradient(to top,color-mix(in srgb,var(--background) 92%,transparent) 55%,color-mix(in srgb,var(--background) 55%,transparent) 82%,transparent)}.deck-head{position:relative;display:flex;align-items:center;gap:12px}.deck-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:9999px;border:1px solid color-mix(in srgb,var(--foreground) 16%,transparent);background:color-mix(in srgb,var(--secondary) 55%,transparent);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--foreground)}.deck-tag .chev{transition:transform .18s ease;color:var(--muted-foreground)}.deck-tag .chev.up{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.deck-tag .chev{transition:none}}.deck-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7}.deck-menu{position:absolute;left:0;bottom:calc(100% + 10px);z-index:8;display:flex;flex-direction:column;min-width:170px;padding:5px;border-radius:14px;background:color-mix(in srgb,var(--card) 96%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:var(--card-shadow)}.deck-menu button{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:9px;background:none;font-size:13.5px;font-weight:500;text-align:left;color:var(--foreground)}.deck-menu button.on{font-weight:700;background:color-mix(in srgb,var(--secondary) 70%,transparent)}.deck-menu button.on:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.deck-run{margin-top:3px;padding:7px 11px 5px;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--muted-foreground)}.deck-timeline{display:flex;align-items:center;gap:11px;padding-top:8px}.deck-play{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9999px;border:1px solid color-mix(in srgb,var(--foreground) 18%,transparent);background:color-mix(in srgb,var(--secondary) 55%,transparent);color:var(--foreground)}.charts-deck.playing .deck-play{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.deck-ruler{position:relative;flex:1;min-width:0;height:38px}.deck-ticks{position:absolute;top:3px;right:0;bottom:14px;left:0;display:flex;justify-content:space-between;align-items:flex-end}.deck-ticks .tick{position:relative;width:1px;height:8px;background:color-mix(in srgb,var(--foreground) 22%,transparent)}.deck-ticks .tick.maj{height:14px;background:color-mix(in srgb,var(--foreground) 38%,transparent)}.deck-ticks .tklb{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap}.deck-needle{position:absolute;top:0;bottom:12px;width:2px;border-radius:1px;background:var(--accent);transform:translate(-50%);pointer-events:none}.deck-needle:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}.charts-deck.playing .deck-needle{transition:left .45s linear}@media(prefers-reduced-motion:reduce){.charts-deck.playing .deck-needle{transition:none}}.deck-scrub{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.deck-ruler:has(.deck-scrub:focus-visible){outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.deck-legend{flex:1;min-width:0;height:4px;border-radius:2px}.deck-clock{flex:none;margin-left:auto;white-space:nowrap;font-size:15px;font-weight:700;color:var(--foreground)}.deck-clock small{margin-right:6px;font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}.swell-note{position:absolute;left:12px;bottom:calc(var(--sheet-h, 150px) + 44px);z-index:6;margin:0;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--card) 88%,transparent);font-size:12.5px;color:var(--muted-foreground)}.charts-basins{position:absolute;top:10px;left:10px;right:10px;z-index:6;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px}.charts-basins::-webkit-scrollbar{display:none}.charts-basins .group-chip{flex:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--card-shadow)}.charts-basins .group-chip:not(.on){background:color-mix(in srgb,var(--card) 88%,transparent)}