@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: #11b7f2;--brand-mark: #11b7f2;--stone: #4a4540;color-scheme:light;--background: #ffffff1b;--body-bg: #f4f3f3;--foreground: #0d1225;--card: #ffffffc4;--primary: #1c2137;--primary-foreground: #faf9f7;--secondary: #17171c1b;--muted-foreground: #17171c80;--accent: #11b7f2;--accent-hover: #e4a022;--border: #3e3e4319;--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: #30384e3e;--rating-poor: #92b9e893;--rating-fair: #11b7f2;--rating-good: #24b161;--rating-firing: #0c6733;--rating-flat-fg: var(--foreground);--rating-poor-fg: var(--foreground);--rating-fair-fg: #ffffff;--rating-good-fg: #ffffff;--rating-firing-fg: #ffffff;--wind-good: #24b161;--wind-cross: #e48022;--wind-bad: #d0574a;--warn-orange: var(--wind-cross);--chart-bar: #186a83;--tide-mark: #9d6e6d2d;--tide-fill: color-mix(in srgb, var(--rating-fair) 8%, transparent);--tide-fill-secondary: color-mix(in srgb, var(--rating-fair) 50%, transparent);--glow-a: #032afa;--glow-b: #24b161;--glow-a-str: 16%;--glow-b-str: 12%;--glow-floor: 8%;--glow-h: 460px;--tabbar-h: 64px;--tabbar-inset: 16px;--tabbar-gap: var(--tabbar-inset);--tabbar-bg: #ffffff;--tabbar-shadow: 0 8px 26px rgba(0, 0, 0, .16);--tabbar-space: calc( var(--tabbar-h) + var(--tabbar-gap) + env(safe-area-inset-bottom, 0px) );--tabbar-clear: calc(var(--tabbar-space) + 32px);--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: #18192188;--primary: #1f2127;--primary-foreground: #f5f0e8;--secondary: #0c0c0d;--muted-foreground: #acb4d290;--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: #2a31492d;--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);--glow-a-str: 55%;--glow-b-str: 40%;--glow-floor: 12%;--tabbar-bg: #000000;--tabbar-shadow: 0 10px 30px rgba(0, 0, 0, .5);--rating-poor: #3c639293}:root[data-theme=dark] .map-screen .maplibregl-ctrl-attrib-button{filter:invert(1)}:root:not([data-theme=dark]) .tabs a:not(.on) svg{color:#57534e}*{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)}.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}.accent-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13.2px;font-weight:600;color:var(--accent)}.app{max-width:430px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--background);box-shadow:0 0 24px #00000014;isolation:isolate}.app:before{content:"";position:fixed;left:0;right:0;bottom:0;height:var(--glow-h);z-index:-1;pointer-events:none;background:radial-gradient(95% 100% at 18% 130%,color-mix(in srgb,var(--glow-a) var(--glow-a-str),transparent) 0%,transparent 72%),radial-gradient(85% 90% at 82% 120%,color-mix(in srgb,var(--glow-b) var(--glow-b-str),transparent) 0%,transparent 70%),linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--glow-a) var(--glow-floor),transparent) 100%)}.glow-particles{position:fixed;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;display:block;width:100%;height:var(--glow-h)}:root[data-theme=dark] .glow-particles{mix-blend-mode:screen}.page{flex:1;display:flex;flex-direction:column}.app:has(.tabs) .page:not(.map-page){padding-bottom:var(--tabbar-space)}.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:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.brand{--brand-dot: 2.5px;display:inline-flex;align-items:center;gap:9px;color:var(--foreground)}.brand-mark{height:17.6px;aspect-ratio:762.6 / 828.1;display:block;background:var(--brand-mark);-webkit-mask:url(/favicon.svg) center / contain no-repeat;mask:url(/favicon.svg) center / contain no-repeat}.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:var(--brand-mark)}.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)}.tabs{display:flex;height:var(--tabbar-h);position:fixed;left:50%;transform:translate(-50%);width:calc(min(430px,100%) - 2 * var(--tabbar-inset));bottom:calc(var(--tabbar-gap) + env(safe-area-inset-bottom,0px));z-index:20;margin:0;border-radius:9999px;background:var(--tabbar-bg);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);box-shadow:var(--tabbar-shadow);justify-content:center;gap:2px;padding:0 6px}.tabs a{flex:0 1 64px;display:flex;align-items:center;justify-content:center;border-radius:9999px;color:var(--muted-foreground)}.tabs a span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tabs a svg{width:26px;height:26px;stroke-width:2}.tabs a:hover{color:var(--muted-foreground)}.tabs a.on,.tabs a.on:hover{color:var(--foreground);font-weight:700}.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) 100%,transparent);color:var(--rating-flat-fg)}.pill[data-bucket=POOR]{background:color-mix(in srgb,var(--rating-poor) 100%,transparent);color:var(--rating-poor-fg)}.pill[data-bucket=FAIR]{background:color-mix(in srgb,var(--rating-fair) 100%,transparent);color:var(--rating-fair-fg)}.pill[data-bucket=GOOD]{background:color-mix(in srgb,var(--rating-good) 100%,transparent);color:var(--rating-good-fg)}.pill[data-bucket=FIRING]{background:color-mix(in srgb,var(--rating-firing) 100%,transparent);color:var(--rating-firing-fg)}.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)}.segmented.compact button{padding:5px 10px}.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}.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)}.group-chips{display:flex;flex:none;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px 12px}.group-chips::-webkit-scrollbar{display:none}.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)}.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}}.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)}.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}.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-pad: 12px}.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 calc(var(--edge, 12px) + var(--coast-pad)) 16px;background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.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;margin:0 var(--edge, 12px) 10px;padding:12px 0;overflow:hidden;color:var(--foreground);text-decoration:none;background:var(--card);border-radius:16px;box-shadow:var(--card-shadow);transition:transform .15s ease}.coast-row:active{transform:scale(.985)}.coast-name{display:block;padding:0 var(--coast-pad) 10px;font-size:16px;font-weight:700}.coast-cells{padding:0 var(--coast-pad)}.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}.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}.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}.rank-card .open{min-width:0;text-align:left}.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)}.home .group-chips{padding:10px var(--edge) 2px}.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(--wind-good)}.fb-row .fb-no{color:var(--wind-bad)}.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}.spot-row-card:active{transform:scale(.985)}.spots-page .group-chips{margin:0 -16px}.spots-page{flex:1;padding:14px 16px 20px;display:flex;flex-direction:column;gap:14px}.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}.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}}.spot-sticky.condensed .dcol-bars{max-height:0;opacity:0;margin-top:-6px}.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) 6%,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}.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:24px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.day-title-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.report-cta{flex:none;font-size:12.7px;font-weight:600;color:var(--muted-foreground);border:1px solid rgba(127,127,127,.35);border-radius:999px;padding:5px 14px;margin-top:1px}.report-cta:active{opacity:.6}.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:8px 16px 8px 12px}.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:8px;line-height:1.15;padding:8px;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,.hour-grid .wind-cell.wc-offshore .top svg{color:var(--wind-good)}.hour-grid .wind-cell.wc-cross-shore .wclass,.hour-grid .wind-cell.wc-cross-shore .top svg{color:var(--wind-cross)}.hour-grid .wind-cell.wc-onshore .wclass,.hour-grid .wind-cell.wc-onshore .top svg{color:var(--wind-bad)}.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)}.tide-sec .tide-best{margin:6px 0 0;font-size:12px;color:var(--muted-foreground)}.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}.map-page{overflow:hidden;height:100dvh}.map-screen{position:relative;overflow:hidden}.map-canvas{width:100%;height:100dvh}.app:has(.map-page){height:100dvh;overflow:hidden}.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 var(--tabbar-clear);background:none}.sheet-grip{display:none}.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:.95;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:linear-gradient(180deg,var(--tide-fill) 0%,rgba(0,0,0,.4) 100%)}.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;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.7)}.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:#f5f0e8d9}.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}.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}.map-fab.locate{right:12px;top:auto;bottom:calc(var(--sheet-h, 150px) + 12px)}.map-fab.locate.err{color:var(--wind-bad)}.map-fab.north{right:12px;top:60px}.map-fab.north svg{transform:rotate(var(--brg, 0deg));transition:transform .2s}.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 var(--tabbar-clear);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)}.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:8px 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:12px 0;border-bottom:1px solid var(--border)}.settings-row.about-link:last-child{border-bottom:none;padding-bottom:16px}.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)}.settings-foot{text-align:center;font-size:12.1px;color:var(--muted-foreground);padding:4px 0}.settings-foot p{margin:2px 0}.settings-note{margin:0;padding:12px 16px;font-size:14px;line-height:1.45;color:var(--muted-foreground)}.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:var(--brand-mark)}.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}.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}}@media(min-width:900px)and (min-height:620px){:root{--frame-h: min(932px, calc(100dvh - 40px) );--frame-backdrop: #dcd8d3;--frame-face: var(--body-bg);--frame-edge: rgba(0, 0, 0, .14)}:root[data-theme=dark]{--frame-backdrop: #000000;--frame-face: var(--background);--frame-edge: rgba(255, 255, 255, .1)}html,body{height:100%;overflow:hidden}body{display:flex;align-items:center;justify-content:center;background:var(--frame-backdrop)}.app{width:430px;height:var(--frame-h);min-height:0;overflow:hidden;background:var(--frame-face);border:1px solid var(--frame-edge);border-radius:30px;box-shadow:0 24px 60px #00000059;transform:translateZ(0)}.page{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.page::-webkit-scrollbar{display:none}.map-canvas{height:var(--frame-h)}}.contact-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.contact-text{width:100%;box-sizing:border-box;font:inherit;font-size:16px;line-height:1.45;color:inherit;background:var(--card, rgba(127, 127, 127, .12));border:1px solid rgba(127,127,127,.35);border-radius:12px;padding:12px 14px;resize:vertical;min-height:160px}.contact-text:focus{outline:2px solid var(--primary);outline-offset:1px}.contact-actions{display:flex;justify-content:flex-end}.contact-send{background:var(--primary);color:var(--primary-foreground);font-weight:600;font-size:15px;padding:12px 28px;border-radius:999px}.contact-send:disabled{opacity:.45;cursor:default}.contact-send:not(:disabled):active{opacity:.85}.contact-status{margin-top:8px}.contact-failed a{text-decoration:underline}.report-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;width:100%;max-width:430px;margin:0 auto;background:var(--body-bg);color:var(--foreground);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.report-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:6px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--body-bg);border-bottom:1px solid var(--border)}.report-head b{font-size:15px;font-weight:600}.report-back{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:inherit}.report-body{padding:20px 20px calc(28px + env(safe-area-inset-bottom))}.report-title{font-size:21px;font-weight:600;margin:0 0 2px}.report-lead{font-size:12.7px;color:var(--muted-foreground);margin:0 0 22px}.report-q{font-size:13px;font-weight:600;margin:0 0 10px}.report-list{display:flex;flex-direction:column;gap:8px}.report-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font-size:15px;padding:13px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:inherit}.report-row.on{border-color:var(--primary)}.report-box{flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid rgba(127,127,127,.5);display:inline-flex;align-items:center;justify-content:center;color:var(--primary-foreground)}.report-row.on .report-box{background:var(--primary);border-color:var(--primary)}.report-label{min-width:0}.report-note-label{display:block;font-size:13px;font-weight:600;margin:22px 0 8px}.report-note{min-height:96px}.report-foot{margin-top:22px}.report-send{width:100%;font-size:15px;font-weight:600;padding:15px 24px;border-radius:999px;background:var(--primary);color:var(--primary-foreground)}.report-send:disabled{opacity:.4}.report-fine{font-size:11.5px;color:var(--muted-foreground);text-align:center;margin:12px 0 0}