:root{color-scheme:light dark;--bg: #f5f7f8;--bg-soft: #eef3f4;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .94);--text: #16191b;--muted: #687176;--faint: #9aa3a8;--line: rgba(21, 28, 32, .1);--shadow: 0 24px 70px rgba(43, 63, 72, .1), 0 2px 12px rgba(43, 63, 72, .05);--blue: #1497c9;--cyan: #42bfd1;--green: #34c28f;--amber: #d9932e;--red: #e84d66;--sun: #e2a235;--radius: 8px;--rail-width: 34px;--rail-gap: 10px;--rail-offset: calc(var(--rail-width) + var(--rail-gap));--card-width: 152px;--planner-width: 1168px;--detail-width: 430px;--content-max: calc(var(--planner-width) + 14px + var(--detail-width));--graph-height: 554px;--graph-top-offset: 239px;--tide-slot-height: 50px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0f1213;--bg-soft: #121617;--surface: rgba(24, 28, 29, .72);--surface-strong: rgba(27, 31, 32, .96);--text: #f4f6f6;--muted: #a4adb2;--faint: #6f7a80;--line: rgba(244, 248, 249, .11);--shadow: 0 26px 72px rgba(0, 0, 0, .32), 0 2px 12px rgba(0, 0, 0, .18)}}:root[data-theme-choice=light]{color-scheme:light;--bg: #f5f7f8;--bg-soft: #eef3f4;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .94);--text: #16191b;--muted: #687176;--faint: #9aa3a8;--line: rgba(21, 28, 32, .1);--shadow: 0 24px 70px rgba(43, 63, 72, .1), 0 2px 12px rgba(43, 63, 72, .05)}:root[data-theme-choice=dark]{color-scheme:dark;--bg: #0f1213;--bg-soft: #121617;--surface: rgba(24, 28, 29, .72);--surface-strong: rgba(27, 31, 32, .96);--text: #f4f6f6;--muted: #a4adb2;--faint: #6f7a80;--line: rgba(244, 248, 249, .11);--shadow: 0 26px 72px rgba(0, 0, 0, .32), 0 2px 12px rgba(0, 0, 0, .18)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(66,191,209,.08),transparent 38rem),linear-gradient(180deg,var(--bg),var(--bg-soft))}html{min-width:320px}body{width:100%;margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(66,191,209,.08),transparent 38rem),linear-gradient(180deg,var(--bg),var(--bg-soft));color:var(--text);letter-spacing:0;overflow-x:hidden}#root{width:100%;max-width:none}button,input{font:inherit}button{color:inherit}.shell{width:100%;max-width:none;min-width:0;min-height:100vh;padding:22px clamp(14px,1.35vw,28px) 28px;background:radial-gradient(circle at top left,rgba(66,191,209,.08),transparent 38rem),linear-gradient(180deg,var(--bg),var(--bg-soft))}.content-column{width:min(100%,var(--content-max));min-width:0;margin:0 auto}.topbar,.overview,.workbench{width:100%;max-width:none}.topbar{position:relative;z-index:90;display:grid;grid-template-columns:minmax(135px,1fr) minmax(260px,520px) minmax(88px,1fr);gap:16px;align-items:center;min-height:50px;padding-left:var(--rail-offset)}.brand{display:inline-flex;align-items:center;justify-self:start;gap:7px;font-size:18px;font-weight:650;white-space:nowrap}.brand-beta{align-self:baseline;color:var(--faint);font-size:11px;font-weight:560;letter-spacing:0;text-transform:lowercase}.brand-mark{display:inline-flex;align-items:center;justify-content:center;color:var(--blue)}.search-wrap{position:relative;display:flex;align-items:center;gap:8px;height:38px;padding:0 5px 0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);box-shadow:0 1px #ffffff61 inset}.search-wrap svg{color:var(--faint);flex:0 0 auto}.search-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search-wrap input::placeholder{color:var(--muted)}.location-button{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.location-button svg{color:currentColor}.location-button:hover{background:color-mix(in srgb,var(--text),transparent 93%);color:var(--text)}.location-button:disabled{opacity:.45;cursor:default}.search-wrap button[type=submit]{width:42px;height:28px;border:0;border-radius:6px;background:var(--text);color:var(--bg);font-size:12px;font-weight:680;cursor:pointer}.search-wrap button:disabled{opacity:.55}.suggestions{position:absolute;z-index:100;inset:calc(100% + 8px) 0 auto 0;display:grid;gap:3px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}.search-scope{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-bottom:4px;padding:3px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--bg),transparent 30%)}.search-scope button{height:26px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:11px;font-weight:650;cursor:pointer}.search-scope button.active{background:var(--surface-strong);color:var(--text);box-shadow:0 1px 4px #2b3f481a}.suggestion-kicker{padding:2px 8px 0;color:var(--muted);font-size:10px;font-weight:680;text-transform:uppercase;letter-spacing:.04em}.suggestions>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.suggestions>button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.suggestions>button:hover,.suggestions>button.active{background:#1497c91c}.suggestions>button small{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.suggestion-status{padding:10px;color:var(--muted);font-size:12px;text-align:center}.header-actions{position:relative;justify-self:end;display:inline-flex;gap:0;align-items:center}.settings-trigger{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.settings-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--cyan),transparent 20%);outline-offset:3px}.settings-trigger:hover,.settings-trigger.active{color:var(--text);background:color-mix(in srgb,var(--text),transparent 93%)}.settings-popover{position:absolute;z-index:60;top:calc(100% + 10px);right:0;display:grid;width:min(340px,calc(100vw - 24px));gap:14px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}.settings-section{display:grid;gap:9px}.settings-section+.settings-section{padding-top:12px;border-top:1px solid var(--line)}.settings-label{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:720}.settings-label svg{color:var(--muted)}.settings-section p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;cursor:pointer}.switch-row input{position:relative;width:36px;height:21px;flex:0 0 auto;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--muted),transparent 86%);cursor:pointer;transition:background .16s ease,border-color .16s ease}.switch-row input:before{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:999px;background:var(--surface-strong);box-shadow:0 1px 3px #2b3f4833;transition:transform .16s ease}.switch-row input:checked{border-color:color-mix(in srgb,var(--cyan),transparent 22%);background:color-mix(in srgb,var(--cyan),transparent 28%)}.switch-row input:checked:before{transform:translate(15px)}.segmented-control{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:3px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg),transparent 26%)}.segmented-control.three{grid-template-columns:repeat(3,1fr)}.segmented-control button{height:30px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:650;cursor:pointer}.segmented-control button:hover{color:var(--text)}.segmented-control button.active{background:var(--surface-strong);color:var(--text);box-shadow:0 1px 4px #2b3f481a}.theme-switch{justify-self:end;display:inline-flex;align-items:center}.overview{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:22px 0 20px;padding-left:var(--rail-offset);padding-right:0}.location-line{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:var(--muted);font-size:12px}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(32px,3.2vw,50px);line-height:1;font-weight:720}.range-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;flex:0 0 auto;width:174px;padding:3px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),var(--bg) 18%);box-shadow:0 1px #ffffff52 inset;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2)}.range-toggle button{height:30px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:690;cursor:pointer}.range-toggle button:hover{color:var(--text)}.range-toggle button.active{background:var(--surface-strong);color:var(--text);box-shadow:0 1px 6px #2b3f481a}.notice{width:calc(100% - var(--rail-offset));margin:0 0 14px var(--rail-offset);padding:11px 12px;border:1px solid rgba(217,147,46,.26);border-radius:8px;background:#d9932e1a;color:var(--muted);font-size:13px}.site-footer{display:flex;width:calc(100% - var(--rail-offset));margin:24px 0 0 var(--rail-offset);padding:12px 0 2px;border-top:1px solid color-mix(in srgb,var(--line),transparent 34%);color:var(--muted);font-size:12px;gap:16px;justify-content:space-between}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--text)}.workbench{display:grid;grid-template-columns:var(--planner-width) minmax(360px,var(--detail-width));gap:14px;align-items:start;justify-content:start}.planner-pane{min-width:0}.dashboard{display:grid;grid-template-columns:repeat(7,var(--card-width));gap:12px;align-items:stretch;min-width:0}.dashboard.with-time-rail{grid-template-columns:var(--rail-width) repeat(7,var(--card-width));gap:var(--rail-gap)}.dashboard.outlook-grid{width:calc(100% - var(--rail-offset));grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-left:var(--rail-offset)}.time-rail{display:flex;min-height:0;flex-direction:column;padding:0 0 12px;color:var(--muted);pointer-events:none}.time-rail-spacer{flex:0 0 var(--graph-top-offset)}.time-rail-axis{position:relative;height:var(--graph-height)}.time-rail-axis span{position:absolute;right:2px;transform:translateY(-50%);font-size:10px;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 0 2px var(--bg),0 0 4px var(--bg),0 0 7px var(--bg)}.tide-rail-marker{display:none}.day-bar{position:relative;display:flex;min-height:0;flex-direction:column;padding:14px 10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 1px #ffffff73 inset;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.tide-card-marker{position:absolute;left:-35px;bottom:calc(12px + (var(--tide-slot-height) / 2) - 10px);color:color-mix(in srgb,var(--cyan),var(--muted) 18%);pointer-events:none}.day-bar:hover{transform:translateY(-3px);border-color:#1497c96b;background:var(--surface-strong);box-shadow:var(--shadow)}.day-bar.selected{border-color:#1497c9b8;background:var(--surface-strong);box-shadow:0 0 0 2px #1497c938,0 18px 42px #2b3f4824,0 2px 10px #1497c914}.day-bar.selected:after{content:"";position:absolute;top:7px;right:5px;bottom:7px;left:5px;border:1px solid rgba(20,151,201,.34);border-radius:6px;pointer-events:none}.compact-day-card{position:relative;display:grid;min-width:0;min-height:176px;align-content:start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 1px #ffffff6b inset;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.muted-calendar-day{min-height:176px;border-color:color-mix(in srgb,var(--muted),transparent 66%);border-style:dashed;background:color-mix(in srgb,var(--surface-strong),var(--bg) 34%);box-shadow:0 1px #ffffff4d inset,0 0 0 1px color-mix(in srgb,var(--line),transparent 42%);cursor:default;opacity:.68}.muted-calendar-day .compact-day-head{align-items:start}.muted-calendar-day:hover{transform:none;border-color:color-mix(in srgb,var(--muted),transparent 66%);background:color-mix(in srgb,var(--surface-strong),var(--bg) 34%);box-shadow:0 1px #ffffff4d inset,0 0 0 1px color-mix(in srgb,var(--line),transparent 42%)}.compact-day-card:hover{transform:translateY(-2px);border-color:#1497c961;background:var(--surface-strong);box-shadow:0 10px 24px #2b3f4814,0 1px 6px #2b3f480d}.compact-day-card.selected{border-color:#1497c9b8;background:var(--surface-strong);box-shadow:0 0 0 2px #1497c93d,0 18px 42px #2b3f4824,0 2px 10px #1497c914}.compact-day-card.selected:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(20,151,201,.34);border-radius:6px;pointer-events:none}.compact-day-head,.compact-score-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.compact-day-head span:first-child{display:grid;gap:3px;min-width:0}.compact-day-head strong{overflow:hidden;font-size:15px;font-weight:760;line-height:1;text-overflow:ellipsis;white-space:nowrap}.compact-day-head small{color:var(--muted);font-size:11px;font-weight:610;line-height:1}.compact-weather-glyph{width:28px;height:28px;flex:0 0 auto}.compact-weather-glyph svg{width:28px;height:28px}.compact-score-row{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px}.compact-temp{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;min-width:66px}.compact-temp b{flex:0 0 auto;overflow:visible;font-size:23px;font-weight:730;line-height:1}.compact-temp small{flex:0 0 auto;color:var(--muted);font-size:14px;font-weight:670;line-height:1}.compact-confidence{width:fit-content;margin-top:-2px;padding:3px 6px;border:1px solid color-mix(in srgb,var(--amber),transparent 68%);border-radius:999px;color:color-mix(in srgb,var(--amber),var(--muted) 20%);font-size:10px;font-weight:720;line-height:1}.day-head{display:grid;justify-items:center;gap:2px;text-align:center}.day-title,.day-title-copy{display:grid;gap:2px}.day-title.with-weather{display:inline-flex;align-items:center;gap:8px;justify-content:center}.day-head strong{font-size:18px;font-weight:700;line-height:1}.date-text{color:var(--muted);font-size:12px;line-height:1.12}.score-ring{--score-color: var(--green);position:relative;display:grid;width:54px;height:54px;min-width:54px;aspect-ratio:1;flex:0 0 auto;place-items:center;align-self:center;margin:12px auto 14px;border:0;border-radius:999px;background:conic-gradient(var(--score-color) var(--score-angle),color-mix(in srgb,var(--score-color),transparent 84%) 0);color:var(--score-color);box-shadow:none}.score-ring:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:inherit;background:var(--surface-strong)}.score-ring b,.score-ring small{z-index:1}.score-ring b{font-size:21px;line-height:1}.score-ring small{position:absolute;top:calc(100% + 6px);margin:0;color:var(--score-color);font-size:11px;font-weight:670}.score-ring.excellent{--score-color: #14824f}.score-ring.good{--score-color: #34c28f}.score-ring.fair{--score-color: #d7b12a}.score-ring.caution{--score-color: #e2852d}.score-ring.rough{--score-color: var(--red)}.score-ring.large{width:70px;height:70px;min-width:70px;max-width:70px;flex:0 0 70px;margin:0}.score-ring.large:before{top:5px;right:5px;bottom:5px;left:5px}.score-ring.large b{font-size:25px}.score-ring.compact{width:40px;height:40px;min-width:40px;margin:0}.score-ring.compact:before{top:4px;right:4px;bottom:4px;left:4px}.score-ring.compact b{font-size:16px}.temp-row{display:flex;align-items:baseline;justify-content:center;gap:5px;margin:11px 0 8px;min-width:0}.temp-row span{max-width:100%;overflow:hidden;font-size:clamp(30px,2.1vw,38px);font-weight:700;line-height:1}.temp-row small{color:var(--muted);font-size:20px;font-weight:650;line-height:1}.weather-glyph{display:inline-grid;width:34px;height:34px;place-items:center}.weather-glyph svg{display:block;width:34px;height:34px;filter:drop-shadow(0 5px 10px rgba(43,63,72,.08))}.weather-glyph.clear{color:var(--sun)}.weather-glyph.partly{color:#d8a13b}.weather-glyph.cloudy{color:#8ba3ad}.weather-glyph.rainy{color:#2570c4}:root[data-theme-choice=dark] .weather-glyph svg{filter:drop-shadow(0 5px 10px rgba(0,0,0,.2))}.condition-stack{display:grid;width:min(100%,132px);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5px;row-gap:4px;justify-content:center;justify-items:stretch;min-width:0;margin:0 auto 6px;padding-top:1px}.compact-day-card .condition-stack{width:100%;margin:0;column-gap:6px;row-gap:5px}.compact-day-card .metric b{font-size:10px}.metric{display:inline-flex;gap:4px;align-items:center;justify-content:center;min-width:0;padding:0;border:0;border-radius:0;background:transparent}.metric svg{flex:0 0 auto}.metric b{color:var(--muted);min-width:0;overflow:visible;font-size:10px;font-weight:570;line-height:1;text-overflow:clip;white-space:nowrap}.metric small{color:var(--muted);font-size:10px;font-weight:620;line-height:1}.condition-stack .metric small{display:none}.metric-divider{grid-column:1 / -1;height:1px;background:var(--line)}.condition-stack .metric.sunset svg{color:#d97845}.day-head{padding-block:4px 0}.condition-stack{margin-top:3px;margin-bottom:10px}.tide-mini-extrema{min-height:var(--tide-slot-height);margin-top:10px;align-content:center}.day-bar.spacing-preview .day-head{padding-block:4px 0}.day-bar.spacing-preview .condition-stack{margin-top:3px;margin-bottom:10px}.day-bar.spacing-preview .tide-mini-extrema{min-height:50px;margin-top:10px;align-content:center}.bar-visual{position:relative;width:100%;height:var(--graph-height);flex:0 0 auto;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#1497c914}.bar-visual:after{content:"";position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(22,25,27,.06) 1px,transparent 1px) 0 0 / 100% calc(100% / 24)}:root[data-theme-choice=dark] .bar-visual:after{background:linear-gradient(180deg,rgba(244,248,249,.08) 1px,transparent 1px) 0 0 / 100% calc(100% / 24)}.day-phase-strip{position:absolute;z-index:2;inset:0 auto 0 0;width:8px;background:linear-gradient(180deg,#19253b38,#5b8ebc47 19%,#e2a23561,#f7eab233 31%,#f7eab221 70%,#e2a23557,#5b8ebc45 82%,#19253b3d)}:root[data-theme-choice=dark] .day-phase-strip{background:linear-gradient(180deg,#12203985,#2776ae6b 19%,#e2a2357a 25%,#42bfd13d 34%,#42bfd12e 68%,#e2a23570 76%,#2776ae6b 83%,#12203994)}.daylight{position:absolute;z-index:1;right:0;left:10px;background:transparent}.sun-marker{position:absolute;z-index:7;left:10px;right:0;height:2px;transform:translateY(-50%);pointer-events:none;opacity:.68;background:radial-gradient(circle,var(--marker-color) 0 1px,transparent 1.15px) 0 50% / 6px 2px repeat-x}.sun-marker:before{content:none}.sun-marker:after{content:none}.sunrise-marker{--marker-color: rgba(226, 162, 53, .68)}.sunset-marker{--marker-color: rgba(201, 111, 84, .66)}.rain-cell{position:absolute;z-index:3;left:10px;right:0;border-radius:0}.shoot-window{position:absolute;z-index:4;left:10px;right:0;width:auto;border-radius:0;background:#1fad7c57;box-shadow:none}.shoot-window.usable-window{background:#65c7974d}.shoot-window.strong-window{background:#22b8846b}.shoot-window.excellent-window{background:#0d8e5b85}:root[data-theme-choice=dark] .shoot-window{background:#27be8c4d}:root[data-theme-choice=dark] .shoot-window.usable-window{background:#45c28947}:root[data-theme-choice=dark] .shoot-window.strong-window{background:#27be8c66}:root[data-theme-choice=dark] .shoot-window.excellent-window{background:#18ae7180}.detail-stats{grid-area:stats}.metric.rain svg{color:#2570c4}.metric.wind svg{color:var(--muted)}.metric.sun svg{color:var(--sun)}.metric.temp svg{color:var(--cyan)}.tide-line{position:relative;width:100%;margin-top:2px}.tide-line.compact{margin-top:auto}.tide-chart{position:relative;width:100%}.tide-line svg{display:block;width:100%;height:176px;color:var(--cyan);overflow:hidden}.tide-line.compact svg{height:72px}.tide-line polyline{fill:none;stroke:var(--cyan);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55;vector-effect:non-scaling-stroke}.tide-fill{fill:url(#tideFill);stroke:none}.tide-guide{stroke:var(--line);stroke-width:.55;vector-effect:non-scaling-stroke}.tide-marker{position:absolute;z-index:2;width:9px;height:9px;border:1.4px solid var(--cyan);border-radius:999px;background:var(--surface-strong);transform:translate(-50%,-50%);pointer-events:none}.tide-labels{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.tide-mini-extrema{display:grid;width:100%;min-height:var(--tide-slot-height);grid-template-columns:repeat(2,minmax(0,max-content));column-gap:8px;row-gap:4px;margin-top:10px;padding-top:0;align-content:center;justify-content:center;color:var(--muted);font-size:9.5px;line-height:1.15;justify-items:center;text-align:center}.tide-mini-extrema span{min-width:0;overflow:visible;text-overflow:unset;white-space:nowrap}.tide-mini-extrema b{margin-right:2px;color:#297dd0;font-size:10px}.tide-empty{display:flex;align-items:center;justify-content:center;gap:6px;height:82px;margin-top:13px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:11px}.tide-empty.compact{height:58px;margin-top:auto}.detail-panel{position:sticky;top:18px;display:grid;gap:15px;min-width:0;padding:20px 20px 26px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);box-shadow:var(--shadow)}.detail-panel.no-tide{height:calc(var(--graph-top-offset) + var(--graph-height) + 13px);min-height:0;grid-template-rows:auto auto auto auto auto auto minmax(0,1fr)}.detail-panel.no-tide .tide-detail{display:flex;min-height:0;flex-direction:column;padding-bottom:0}.detail-panel.no-tide .tide-empty{flex:1;min-height:118px;margin-top:10px}.detail-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.detail-title-block{display:grid;gap:2px}.confidence-badge{width:fit-content;padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:740;line-height:1}.confidence-badge.extended{border-color:color-mix(in srgb,var(--amber),transparent 70%);color:color-mix(in srgb,var(--amber),var(--muted) 18%)}.confidence-badge.long-range{border-color:color-mix(in srgb,var(--blue),transparent 72%);color:color-mix(in srgb,var(--blue),var(--muted) 16%)}.detail-head span{color:var(--muted);font-size:12px}.detail-head h2{margin:0;font-size:20px;line-height:1.08;font-weight:730}.detail-weather-glyph{width:35px;height:35px;margin-top:-2px;flex:0 0 35px}.detail-weather-glyph svg{width:35px;height:35px}.detail-head button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.detail-summary{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.detail-summary div{display:grid;gap:5px}.detail-summary strong{color:var(--green);font-size:15px}.detail-summary small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:12px;line-height:1.45}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:12px;border-bottom:1px solid var(--line)}.detail-metric{display:grid;gap:4px;min-width:0;padding:0 16px;border-left:1px solid var(--line)}.detail-metric:first-child{border-left:0}.detail-metric small{color:var(--muted);font-size:11px}.detail-metric b{font-size:22px;line-height:1}.detail-metric em{color:var(--muted);font-size:11px;font-style:normal}.detail-metric.hot b{color:var(--red)}.detail-metric.cool b{color:#297dd0}.detail-metric.wind b{color:var(--text);font-size:17px}.detail-metric.air b{color:var(--blue);font-size:19px}.detail-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;row-gap:0;padding-bottom:4px;border-bottom:1px solid var(--line)}.detail-info-item{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:12px;align-items:center;min-width:0;padding:10px 0;border-top:1px solid var(--line)}.detail-info-item:nth-child(-n+2){border-top:0}.detail-info-label{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--text)}.detail-info-label svg{flex:0 0 auto}.detail-info-label small{overflow:hidden;font-size:13px;font-weight:450;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.detail-info-item b{overflow:hidden;font-size:13px;line-height:1.2;text-align:right;text-overflow:ellipsis;white-space:nowrap}.detail-info-item.humidity svg{color:var(--blue)}.detail-info-item.cloud svg{color:var(--faint)}.detail-info-item.sunrise svg{color:var(--sun)}.detail-info-item.sunset svg{color:#d97845}.rain-detail,.best-detail,.tide-detail{display:grid;gap:10px;min-width:0;padding-bottom:12px;border-bottom:1px solid var(--line)}.tide-detail{overflow:hidden;border-bottom:0}.tide-detail h3,.rain-detail h3,.best-detail h3{margin:0;font-size:13px;font-weight:720}.rain-chance-grid{display:grid;grid-template-columns:repeat(3,1fr)}.rain-chance-grid.single{grid-template-columns:1fr}.rain-chance-grid span{display:grid;gap:7px;justify-items:center;padding:0 6px;border-left:1px solid var(--line);text-align:center}.rain-chance-grid span:first-child,.rain-chance-grid.single span{border-left:0}.rain-chance-grid b{color:var(--muted);font-size:11px;font-weight:560}.rain-chance-grid strong{font-size:13px}.detail-weather-timeline{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--blue),transparent 92%);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 35%) inset}.detail-rain-cell,.detail-shoot-cell{position:absolute;top:0;bottom:0}.detail-rain-cell{z-index:1}.detail-shoot-cell{z-index:2;background:#1fad7c57}.detail-shoot-cell.usable-window{background:#65c7974d}.detail-shoot-cell.strong-window{background:#22b8846b}.detail-shoot-cell.excellent-window{background:#0d8e5b85}.best-detail div{display:grid;height:46px;place-items:center;border:1px solid rgba(52,194,143,.28);border-radius:7px;background:#34c28f1f;color:#14774f;font-weight:720}.best-detail .muted-window{border-color:var(--line);background:#7f898f14;color:var(--muted)}.confidence-card{display:grid;gap:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--blue),transparent 74%);border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue),transparent 91%),transparent 72%),#7f898f0f}.confidence-card.extended{border-color:color-mix(in srgb,var(--amber),transparent 68%);background:linear-gradient(135deg,color-mix(in srgb,var(--amber),transparent 90%),transparent 72%),#7f898f0f}.confidence-card.long-range{border-color:color-mix(in srgb,var(--cyan),transparent 70%);background:linear-gradient(135deg,color-mix(in srgb,var(--cyan),transparent 91%),transparent 72%),#7f898f0f}.confidence-card p{margin:0;padding:13px;border-top:1px solid color-mix(in srgb,var(--line),transparent 20%);color:var(--muted);font-size:12px;line-height:1.45}.confidence-signal{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 13px}.confidence-signal-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--blue),transparent 62%);border-radius:999px;background:var(--surface-strong);color:var(--blue)}.confidence-signal-icon svg{width:22px;height:22px}.confidence-signal.extended .confidence-signal-icon{border-color:color-mix(in srgb,var(--amber),transparent 62%);color:var(--amber)}.confidence-signal.long-range .confidence-signal-icon{border-color:color-mix(in srgb,var(--cyan),transparent 62%);color:var(--cyan)}.confidence-signal-copy{display:grid;gap:4px;min-width:0}.confidence-signal-copy strong{color:var(--text);font-size:13px;line-height:1.1}.confidence-signal-copy span{color:var(--muted);font-size:11px;line-height:1.25}.confidence-bars{display:inline-grid;grid-template-columns:repeat(3,16px);gap:6px;align-items:end}.confidence-bars i{display:block;width:16px;height:22px;border-radius:5px;background:color-mix(in srgb,var(--muted),transparent 84%)}.confidence-bars i:nth-child(2){height:32px}.confidence-bars i:nth-child(3){height:42px}.confidence-bars i.active{background:var(--blue)}.confidence-signal.extended .confidence-bars i.active{background:var(--amber)}.confidence-signal.long-range .confidence-bars i.active{background:var(--cyan)}.tide-extrema{position:relative;height:52px;margin-bottom:2px}.tide-extrema span{position:absolute;top:0;display:grid;gap:3px;justify-items:center;width:76px;transform:translate(-50%);text-align:center}.tide-extrema b{color:#297dd0;font-size:12px}.tide-extrema small,.tide-extrema em{color:var(--muted);font-size:10px;font-style:normal}.legend{display:flex;align-items:center;gap:22px;min-height:42px;padding:12px 4px 0 var(--rail-offset);color:var(--muted);font-size:12px}.legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.legend i,.legend b{display:inline-block;width:22px;height:12px;border-radius:3px}.shoot-scale b{border:1px solid rgba(52,194,143,.34);background:#65c7974d}.shoot-scale b:nth-of-type(2){border-color:#2dc69275;background:#22b8846b}.shoot-scale b:nth-of-type(3){border-color:#22c28294;background:#0d8e5b85}.neutral-scale b{border:1px solid rgba(99,126,139,.12);background:#1497c914}.legend-high{width:9px!important;height:9px!important;border-radius:999px!important;background:#297dd0}.legend-low{width:9px!important;height:9px!important;border:1px solid #297dd0;border-radius:999px!important;background:transparent}.rain-scale b{width:16px;background:#539ede38}.rain-scale b:nth-child(2){background:#539ede73}.rain-scale b:nth-child(3){background:#539edeb8}.skeleton{overflow:hidden;cursor:default}.skeleton:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:shimmer 1.2s infinite}.skeleton span,.skeleton b,.skeleton i{display:block;border-radius:8px;background:#7f898f24}.skeleton span{height:28px}.skeleton b{height:70px;margin-top:26px}.skeleton i{height:210px;margin-top:20px}.compact-skeleton{min-height:176px}.compact-skeleton span{height:24px}.compact-skeleton b{height:48px;margin-top:0}.compact-skeleton i{height:54px;margin-top:0}@keyframes shimmer{to{transform:translate(100%)}}@media(min-width:1681px){.content-column{width:min(100%,calc(var(--content-max) + var(--rail-offset)))}.topbar,.overview,.workbench{width:min(100%,var(--content-max))}.notice,.site-footer{width:calc(var(--content-max) - var(--rail-offset));max-width:calc(100% - var(--rail-offset))}}@media(max-width:1680px){:root{--rail-width: 38px;--rail-gap: 6px;--content-max: var(--planner-width);--graph-height: 392px;--graph-top-offset: 231px}.topbar{grid-template-columns:minmax(max-content,1fr) minmax(300px,520px) minmax(max-content,1fr);padding-inline:0}.search-wrap{justify-self:center;width:min(100%,520px)}.overview{padding-left:var(--rail-offset);padding-right:0;margin-bottom:14px}.header-actions{position:relative;z-index:50}.workbench{grid-template-columns:1fr;padding-right:0}.dashboard{overflow-x:auto;overflow-y:hidden;padding-block:6px 8px;scroll-snap-type:none}.dashboard.outlook-grid{grid-template-columns:repeat(7,minmax(118px,1fr));overflow:visible}.legend{min-height:34px;padding-top:4px;padding-bottom:8px}.detail-panel{margin-top:14px}.time-rail{position:sticky;left:0;z-index:20;background:transparent}.day-bar{scroll-snap-align:none}.day-bar:hover,.compact-day-card:hover{transform:none}.day-bar:hover{box-shadow:0 4px 12px #2b3f4812,0 1px 4px #2b3f480a}:root[data-theme-choice=dark] .day-bar:hover{box-shadow:0 4px 12px #0000002e,0 1px 4px #00000024}.detail-panel{position:static;width:100%;height:auto;min-height:0}}@media(max-width:980px){.topbar{grid-template-columns:minmax(0,1fr) auto;row-gap:12px}.brand{grid-column:1;grid-row:1}.header-actions{grid-column:2;grid-row:1}.search-wrap{grid-column:1 / -1;grid-row:2;justify-self:stretch;width:100%}}@media(max-width:1120px){.dashboard.outlook-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.dashboard.outlook-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1120px){.shell{padding-inline:12px}.detail-panel{max-width:none}}@media(max-width:760px){.topbar{grid-template-columns:minmax(0,1fr) auto;padding-inline:0}.overview{padding-left:0;padding-right:0}.search-wrap{grid-column:1 / -1;grid-row:2;justify-self:stretch;width:100%}}@media(max-width:680px){:root{--graph-height: 286px}.shell{padding-top:14px;padding-inline:10px}.overview{align-items:stretch;flex-direction:column;gap:14px;margin-top:26px;padding-left:0}.range-toggle{width:100%}.dashboard.outlook-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-left:0}.compact-day-card{min-height:170px;padding:11px 10px}.detail-panel{margin-bottom:24px;padding:18px}.legend{overflow-x:auto;padding-left:0;padding-bottom:6px}.site-footer{width:100%;margin-left:0;flex-direction:row;align-items:center;gap:12px;font-size:11px}.site-footer span,.site-footer a{white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}