: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}@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}}*{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)}.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}