@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-vietnamese-500-normal-DGADhYWF.woff2) format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-500-normal-hJ2t9k9e.woff) format("woff");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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-ext-500-normal-BXdp1BvY.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-500-normal-rZeYuEMb.woff) format("woff");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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff) format("woff");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}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2) format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff) format("woff");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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff) format("woff");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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff) format("woff");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{color-scheme:light dark;--bg: #ffffff;--fg: #1a1a1a;--muted: #5f6368;--border: #d8d8d8;--card-bg: #fafafa;--flat: #6b7280;--optimistic: #b45309;--fun: #65a30d;--good: #15803d;--pumping: #6d28d9;--wind: #0369a1;--compass-wind: #4a6f93;--swell-reaches: #22c55e;--swell-partly: #f59e0b;--swell-misses: #9ca3af}@media(prefers-color-scheme:dark){:root{--bg: #17181a;--fg: #e8e8e8;--muted: #9aa0a6;--border: #3a3b3d;--card-bg: #202124;--flat: #9ca3af;--optimistic: #fbbf24;--fun: #bef264;--good: #4ade80;--pumping: #c084fc;--wind: #38bdf8;--compass-wind: #7ea6cf}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5}#app{max-width:640px;margin:0 auto;height:100dvh;display:flex;flex-direction:column}.app-header{flex:0 0 auto;padding:1rem;background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.add-spot-button{padding:.5rem 1rem;border:none;border-radius:8px;background:var(--pumping);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer}.add-spot-button:hover{filter:brightness(1.08)}.add-spot-button:disabled{opacity:.6;cursor:default}.app-content{flex:1 1 auto;overflow-y:auto;padding:1rem 1rem 3rem}.add-spot-slot{margin-bottom:1rem}@media(max-width:699px){.app-content[data-mobile-view=list] .detail-col,.app-content[data-mobile-view=detail] .list-col{display:none}}.back-to-list-button{flex:0 0 auto;width:100%;padding:.875rem 1rem;border:none;border-top:1px solid var(--border);background:var(--card-bg);color:var(--fg);font-size:.9375rem;font-weight:600;text-align:left;cursor:pointer}.detail-col{margin-top:1rem}@media(min-width:700px){#app{max-width:960px}.board{display:grid;grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:1.5rem}.detail-col{margin-top:0;position:sticky;top:1rem}.back-to-list-button{display:none}}.spot-list{display:flex;flex-direction:column;gap:1rem}.spot-card,.spot-detail{border:1px solid var(--border);border-radius:8px;background:var(--card-bg);padding:1rem}.spot-card--selected{border-color:var(--fg);border-width:2px;padding:calc(1rem - 1px)}.spot-card h3,.spot-detail h2{margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.score-band{margin:.25rem 0;display:flex;align-items:center;gap:.5rem}.label{font-size:1.5rem;font-weight:700}.label-flat{color:var(--flat)}.label-optimistic{color:var(--optimistic)}.label-fun{color:var(--fun)}.label-good{color:var(--good)}.label-pumping{color:var(--pumping)}.score-bar{flex:1 1 auto;height:.5rem;border-radius:4px;background:var(--border);overflow:hidden}.score-bar-fill{height:100%;border-radius:4px}.score-bar-fill--flat{background:var(--flat)}.score-bar-fill--optimistic{background:var(--optimistic)}.score-bar-fill--fun{background:var(--fun)}.score-bar-fill--good{background:var(--good)}.score-bar-fill--pumping{background:var(--pumping)}.score-number{font-size:.8125rem;font-weight:400;color:var(--muted)}.summary{margin:.5rem 0 0;font-size:.9375rem;font-weight:400}[data-score-header] .summary{min-height:2.8125rem}.peak-badge{font-size:.8125rem;color:var(--muted)}.exposure-caption{margin:.25rem 0 0;font-size:.8125rem;color:var(--muted)}.exposure-guessed-note{margin:.25rem 0 0;font-size:.8125rem;font-weight:600;color:var(--optimistic)}.selected-time-indicator{margin:.5rem 0 0;padding:.375rem .5rem;font-size:.8125rem;background:var(--border);border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.selected-time-indicator[data-active=false]{visibility:hidden}.reset-now-button{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border:1px solid var(--fg);border-radius:4px;background:none;color:inherit;cursor:pointer}.size-warning,.error{margin-top:.5rem;font-size:.875rem;font-weight:600}.factors{display:flex;gap:1.5rem;margin:.75rem 0}.factors dt{margin:0;font-size:.8125rem;color:var(--muted)}.factors dd{margin:0;font-size:1.125rem;font-weight:600}.partition-table-wrap{overflow-x:auto}.partition-table{width:100%;min-width:460px;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.partition-table th:nth-child(1),.partition-table td:nth-child(1){width:200px}.partition-table th:nth-child(2),.partition-table td:nth-child(2){width:60px}.partition-table th:nth-child(3),.partition-table td:nth-child(3){width:45px}.partition-table th:nth-child(4),.partition-table td:nth-child(4){width:105px}.partition-table th:nth-child(5),.partition-table td:nth-child(5){width:50px}.partition-table th{text-align:left;font-size:.75rem;font-weight:600;color:var(--muted);padding:.25rem .5rem .25rem 0;border-bottom:1px solid var(--border);white-space:nowrap}.partition-table td{padding:.375rem .5rem .375rem 0;border-bottom:1px solid var(--border);white-space:nowrap}.partition-row--dominant{font-weight:600}.partition-dominant-tag{font-size:.6875rem;font-weight:600;color:var(--good);text-transform:uppercase}.partition-absent{color:var(--muted);font-weight:400;font-style:italic}.chart-caption{margin:1rem 0 .25rem;font-size:.8125rem;font-weight:600;color:var(--muted)}.spot-map-section{max-width:320px;margin:0 auto}.spot-map-wrap{position:relative;width:100%;aspect-ratio:1 / 1}.spot-map-wrap>.spot-map{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:#dfe7ec}@media(prefers-color-scheme:dark){.spot-map-wrap>.spot-map{filter:invert(90%) hue-rotate(180deg)}}.spot-map-overlay-slot{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.spot-map-overlay{display:block;width:100%;height:100%;overflow:visible;font-family:Barlow Semi Condensed,system-ui,sans-serif}.spot-map-wedge{fill:var(--pumping);fill-opacity:.25;stroke:var(--pumping);stroke-width:2}.bearing-ring{fill:none;stroke:var(--fg);stroke-opacity:.55;stroke-width:1}.bearing-tick{stroke:var(--fg);stroke-opacity:.55;stroke-width:1}.bearing-tick--cardinal{stroke-width:1.75}.bearing-label{fill:var(--fg);font-size:11px;font-weight:600;letter-spacing:.06em;paint-order:stroke;stroke:var(--card-bg);stroke-width:3;stroke-linejoin:round}.swell-arrow-label{font-size:11px;font-weight:600;paint-order:stroke;stroke:var(--card-bg);stroke-width:3;stroke-linejoin:round}.swell-arrow-label--in{fill:var(--good)}.swell-arrow-label--feather{fill:var(--optimistic)}.swell-arrow-label--out{fill:var(--flat)}.spot-map-overlay .swell-arrow{stroke:#0f172a;stroke-opacity:.6;stroke-width:.75;stroke-linejoin:round}.spot-map-overlay .wind-arrow{stroke-width:2}.spot-map-pin{fill:#fff;stroke:#0f172a;stroke-width:2}.spot-map-attribution{margin:.25rem 0 0;font-size:.6875rem;color:var(--muted)}.compass-acceptance-arc{fill:var(--pumping);fill-opacity:.09;stroke:var(--pumping);stroke-opacity:.35;stroke-width:.75}.swell-arrow--in{fill:var(--swell-reaches)}.swell-arrow--feather{fill:var(--swell-partly)}.swell-arrow--out{fill:var(--swell-misses)}.wind-arrow{stroke:var(--compass-wind);stroke-width:1.5;stroke-dasharray:3 3}.wind-arrowhead{fill:var(--compass-wind)}.swell-wind-legend{display:flex;flex-wrap:wrap;gap:.375rem 1rem;margin:.5rem 0 0;padding:0;list-style:none;font-size:.75rem;color:var(--muted)}.swell-wind-legend li{display:flex;align-items:center;gap:.375rem}.swell-wind-legend-glyph{flex:none}.swell-wind-legend .compass-acceptance-arc{fill-opacity:.3;stroke-opacity:.9}.chart-wrap{position:relative}.chart-wrap svg{display:block;width:100%;height:auto;aspect-ratio:800 / 450;cursor:grab;touch-action:none}.chart-wrap svg:active{cursor:grabbing}.chart-axis{stroke:var(--fg);stroke-width:1}.chart-gridline,.chart-tick{stroke:var(--border);stroke-width:1}.chart-tick--day{stroke:var(--fg);stroke-width:1.5}.chart-x-label,.chart-y-label{fill:var(--muted);font-size:13px}.chart-line{stroke-width:2;fill:none}.chart-line--future{stroke:currentColor}.chart-line--past{stroke:currentColor;opacity:.35}.chart-now-line{stroke:var(--fg);stroke-width:1.5;stroke-dasharray:2 4}.chart-now-label{fill:var(--fg);font-size:13px;font-weight:700}.chart-marker{fill:var(--fg)}.chart-marker-label{fill:var(--fg);font-size:13px;font-weight:600}.chart-selected-line{stroke:var(--pumping);stroke-width:2}.chart-selected-handle{fill:var(--pumping);stroke:var(--bg);stroke-width:2}.chart-selected-label{fill:var(--pumping);font-size:13px;font-weight:700}.chart-crosshair{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.chart-hover-dot{fill:var(--fg)}.chart-tooltip{position:absolute;transform:translateY(-50%);background:var(--fg);color:var(--bg);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;pointer-events:none;white-space:nowrap}.tide-panel{margin-top:1rem}.tide-state{margin:.5rem 0 0;font-size:.9375rem;min-height:2.8125rem}.limitation{margin-top:1rem;font-size:.8125rem;color:var(--muted)}.limitations-notice{margin:0 0 1rem;padding:.625rem .75rem;border:1px solid var(--border);border-radius:4px;font-size:.8125rem;color:var(--muted)}.limitations-notice-dismiss{display:block;margin-top:.5rem;padding:.1875rem .5rem;font-size:.75rem;font-weight:600;border:1px solid var(--border);border-radius:4px;background:none;color:inherit;cursor:pointer}.add-spot-exposure-hint{margin:.5rem 0 0;font-size:.8125rem;color:var(--muted);min-height:2.8125rem}.add-spot-cancel-button{display:block;margin:0 0 .75rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border:1px solid var(--border);border-radius:4px;background:none;color:inherit;cursor:pointer}.add-spot-search{position:relative;margin-bottom:.5rem}.add-spot-search-input{width:100%;padding:.5rem;font-size:.9375rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg)}.add-spot-search-results{position:absolute;z-index:1;top:100%;left:0;right:0;margin:.25rem 0 0;padding:0;list-style:none;background:var(--card-bg);border:1px solid var(--border);border-radius:4px;max-height:12rem;overflow-y:auto}.add-spot-search-results li{padding:.5rem;font-size:.875rem;cursor:pointer}.add-spot-search-results li:hover{background:var(--border)}.edit-spot-button,.delete-spot-button{margin:.5rem .5rem 0 0;font-size:.8125rem;font-weight:600;padding:.125rem .5rem;border:1px solid var(--fg);border-radius:4px;background:none;color:inherit;cursor:pointer}.edit-spot-container:not([hidden]){margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.edit-spot-map-hint{margin:.5rem 0 0;font-size:.8125rem;color:var(--muted)}.edit-spot-label{display:block;font-size:.8125rem;color:var(--muted)}.edit-spot-label input{display:block;margin-top:.25rem;padding:.375rem;font-size:.9375rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg)}.delete-spot-confirm{margin-top:.5rem;padding:.5rem;border:1px solid var(--optimistic);border-radius:4px}.delete-spot-confirm p{margin:0 0 .5rem;font-size:.875rem;font-weight:600}.delete-spot-confirm-button{font-size:.8125rem;font-weight:600;padding:.125rem .5rem;border:1px solid var(--optimistic);border-radius:4px;background:var(--optimistic);color:#fff;cursor:pointer;margin-right:.5rem}.delete-spot-cancel-button{font-size:.8125rem;font-weight:600;padding:.125rem .5rem;border:1px solid var(--border);border-radius:4px;background:none;color:inherit;cursor:pointer}.edit-exposure-hint{margin:.5rem 0 0;font-size:.8125rem;color:var(--muted);min-height:2.8125rem}.edit-exposure-use-suggestion{margin:.25rem 0 0;font-size:.8125rem;font-weight:600;padding:.25rem .5rem;border:1px solid var(--pumping);border-radius:4px;background:none;color:var(--pumping);cursor:pointer}.edit-exposure-label{display:block;margin-top:.5rem;font-size:.8125rem;color:var(--muted)}.edit-exposure-label input{display:block;margin-top:.25rem;padding:.375rem;font-size:.9375rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg)}.edit-exposure-actions{margin-top:.5rem;display:flex;gap:.5rem}.manage-spots{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.875rem}.export-spots-button,.import-spots-label{padding:.5rem .875rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.8125rem;font-weight:600;line-height:1;cursor:pointer;display:inline-flex;align-items:center}.export-spots-button:hover,.import-spots-label:hover{background:var(--border)}.import-spots-label input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.import-spots-result{margin:.25rem 0 0;font-size:.8125rem;color:var(--muted);flex-basis:100%}.import-spots-reload-button{padding:.375rem .75rem;border:1px solid var(--pumping);border-radius:8px;background:none;color:var(--pumping);font-size:.8125rem;font-weight:600;cursor:pointer}