: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;--sun-marker: rgb(238, 178, 72);--blue-hour: rgba(26, 78, 160, .34);--blue-hour-soft: color-mix(in srgb, var(--blue-hour), var(--graph-night) 34%);--blue-hour-edge: color-mix(in srgb, var(--blue-hour), var(--graph-night) 72%);--light-chart-night: #536a78;--light-chart-blue: #5f93b7;--light-chart-gold: rgba(205, 151, 67, .54);--light-chart-day: var(--graph-neutral);--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;--graph-shoot-usable: rgba(101, 199, 151, .34);--graph-shoot-strong: rgba(34, 184, 132, .48);--graph-shoot-excellent: rgba(13, 142, 91, .58);--graph-astro-usable: rgba(126, 105, 216, .34);--graph-astro-strong: rgba(62, 153, 222, .46);--graph-astro-excellent: rgba(38, 202, 214, .6);--graph-rain-light: rgba(145, 203, 238, .43);--graph-rain-medium: rgba(70, 146, 216, .62);--graph-rain-strong: rgba(37, 112, 196, .78);--graph-neutral: rgba(20, 151, 201, .08);--graph-night: rgba(39, 78, 116, .16);--graph-day-ignored: rgba(226, 162, 53, .11);--detail-panel-bg: radial-gradient(120% 86% at 100% 0%, rgba(20, 151, 201, .15) 0%, rgba(66, 191, 209, .08) 28%, rgba(66, 191, 209, 0) 58%), linear-gradient(155deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .9) 46%, rgba(240, 247, 249, .98) 100%);--detail-panel-inset: inset 0 1px 0 rgba(255, 255, 255, .7);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);--sun-marker: rgba(238, 178, 72, .78);--blue-hour: rgba(58, 137, 226, .16);--blue-hour-soft: color-mix(in srgb, var(--blue-hour), var(--graph-night) 34%);--blue-hour-edge: color-mix(in srgb, var(--blue-hour), var(--graph-night) 72%);--light-chart-night: #182734;--light-chart-blue: #244b68;--light-chart-gold: rgba(190, 130, 49, .5);--light-chart-day: #486c76;--graph-shoot-usable: rgba(82, 220, 162, .42);--graph-shoot-strong: rgba(44, 218, 151, .58);--graph-shoot-excellent: rgba(20, 204, 124, .72);--graph-astro-usable: rgba(129, 111, 228, .34);--graph-astro-strong: rgba(65, 148, 232, .5);--graph-astro-excellent: rgba(42, 204, 219, .66);--graph-rain-light: rgba(147, 211, 251, .38);--graph-rain-medium: rgba(70, 153, 231, .68);--graph-rain-strong: rgba(22, 103, 211, .9);--graph-neutral: rgba(26, 42, 48, .98);--graph-night: #121516;--graph-day-ignored: rgba(226, 162, 53, .12);--detail-panel-bg: radial-gradient(125% 88% at 100% 0%, rgba(66, 191, 209, .16) 0%, rgba(20, 151, 201, .08) 30%, rgba(20, 151, 201, 0) 60%), linear-gradient(155deg, rgba(34, 39, 40, .98) 0%, rgba(27, 31, 32, .96) 48%, rgba(18, 21, 22, .98) 100%);--detail-panel-inset: inset 0 1px 0 rgba(255, 255, 255, .07)}}@media(prefers-reduced-motion:reduce){.ella-companion{transition:none}.ella-companion:before,.ella-bubble,.ella-shadow{transition:none}.ella-bubble{animation:ella-bubble-fade 1.1s linear both}}: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);--sun-marker: rgb(238, 178, 72);--blue-hour: rgba(26, 78, 160, .34);--blue-hour-soft: color-mix(in srgb, var(--blue-hour), var(--graph-night) 34%);--blue-hour-edge: color-mix(in srgb, var(--blue-hour), var(--graph-night) 72%);--light-chart-night: #536a78;--light-chart-blue: #5f93b7;--light-chart-gold: rgba(205, 151, 67, .54);--light-chart-day: var(--graph-neutral);--graph-shoot-usable: rgba(101, 199, 151, .34);--graph-shoot-strong: rgba(34, 184, 132, .48);--graph-shoot-excellent: rgba(13, 142, 91, .58);--graph-astro-usable: rgba(126, 105, 216, .34);--graph-astro-strong: rgba(62, 153, 222, .46);--graph-astro-excellent: rgba(38, 202, 214, .6);--graph-rain-light: rgba(145, 203, 238, .43);--graph-rain-medium: rgba(70, 146, 216, .62);--graph-rain-strong: rgba(37, 112, 196, .78);--graph-neutral: rgba(20, 151, 201, .08);--graph-night: rgba(39, 78, 116, .16);--graph-day-ignored: rgba(226, 162, 53, .11);--detail-panel-bg: radial-gradient(120% 86% at 100% 0%, rgba(20, 151, 201, .15) 0%, rgba(66, 191, 209, .08) 28%, rgba(66, 191, 209, 0) 58%), linear-gradient(155deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .9) 46%, rgba(240, 247, 249, .98) 100%);--detail-panel-inset: inset 0 1px 0 rgba(255, 255, 255, .7)}: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);--sun-marker: rgba(238, 178, 72, .78);--blue-hour: rgba(58, 137, 226, .16);--blue-hour-soft: color-mix(in srgb, var(--blue-hour), var(--graph-night) 34%);--blue-hour-edge: color-mix(in srgb, var(--blue-hour), var(--graph-night) 72%);--light-chart-night: #182734;--light-chart-blue: #244b68;--light-chart-gold: rgba(190, 130, 49, .5);--light-chart-day: #486c76;--graph-shoot-usable: rgba(82, 220, 162, .42);--graph-shoot-strong: rgba(44, 218, 151, .58);--graph-shoot-excellent: rgba(20, 204, 124, .72);--graph-astro-usable: rgba(129, 111, 228, .34);--graph-astro-strong: rgba(65, 148, 232, .5);--graph-astro-excellent: rgba(42, 204, 219, .66);--graph-rain-light: rgba(147, 211, 251, .38);--graph-rain-medium: rgba(70, 153, 231, .68);--graph-rain-strong: rgba(22, 103, 211, .9);--graph-neutral: rgba(26, 42, 48, .98);--graph-night: #121516;--graph-day-ignored: rgba(226, 162, 53, .12);--detail-panel-bg: radial-gradient(125% 88% at 100% 0%, rgba(66, 191, 209, .16) 0%, rgba(20, 151, 201, .08) 30%, rgba(20, 151, 201, 0) 60%), linear-gradient(155deg, rgba(34, 39, 40, .98) 0%, rgba(27, 31, 32, .96) 48%, rgba(18, 21, 22, .98) 100%);--detail-panel-inset: inset 0 1px 0 rgba(255, 255, 255, .07);--ella-shadow: radial-gradient(ellipse at center, rgba(0, 0, 0, .58) 0%, rgba(0, 0, 0, .34) 50%, transparent 78%)}:root[data-theme-choice=matrix]{color-scheme:dark;--bg: #030703;--bg-soft: #0a120a;--surface: rgba(6, 18, 8, .82);--surface-strong: rgba(8, 22, 10, .96);--text: #eaffed;--muted: #8fc996;--faint: #4f8058;--line: rgba(0, 255, 65, .2);--shadow: 0 26px 80px rgba(0, 0, 0, .44), 0 0 30px rgba(0, 255, 65, .08);--blue: #32b9ff;--cyan: #00ffcb;--green: #00e676;--amber: #ffd166;--red: #ff4d6d;--sun: #ffc94a;--sun-marker: rgba(238, 178, 72, .7);--blue-hour: rgba(50, 185, 255, .14);--blue-hour-soft: color-mix(in srgb, var(--blue-hour), var(--graph-night) 34%);--blue-hour-edge: color-mix(in srgb, var(--blue-hour), var(--graph-night) 72%);--light-chart-night: #061508;--light-chart-blue: #174744;--light-chart-gold: rgba(202, 142, 55, .48);--light-chart-day: #1f5f4c;--graph-shoot-usable: rgba(0, 255, 154, .4);--graph-shoot-strong: rgba(0, 247, 126, .58);--graph-shoot-excellent: rgba(0, 226, 88, .72);--graph-astro-usable: rgba(0, 255, 154, .4);--graph-astro-strong: rgba(0, 247, 126, .58);--graph-astro-excellent: rgba(0, 226, 88, .72);--graph-rain-light: rgba(103, 195, 255, .42);--graph-rain-medium: rgba(65, 162, 255, .62);--graph-rain-strong: rgba(28, 122, 255, .78);--graph-neutral: rgba(18, 38, 30, .96);--graph-night: rgba(0, 0, 0, .28);--graph-day-ignored: rgba(255, 209, 102, .08);--detail-panel-bg: radial-gradient(120% 88% at 100% 0%, rgba(0, 255, 203, .13) 0%, rgba(0, 255, 65, .07) 30%, rgba(0, 255, 65, 0) 60%), linear-gradient(180deg, rgba(8, 22, 10, .96), rgba(5, 15, 7, .91));--detail-panel-inset: inset 0 1px 0 rgba(0, 255, 65, .13);--ella-shadow: radial-gradient(ellipse at center, rgba(0, 255, 65, .32) 0%, rgba(0, 255, 65, .18) 50%, transparent 78%)}*{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{position:relative;isolation:isolate;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))}:root[data-theme-choice=matrix],:root[data-theme-choice=matrix] body,:root[data-theme-choice=matrix] #root{background:#020602}:root[data-theme-choice=matrix] .shell{background:radial-gradient(circle at 18% 0%,rgba(0,255,65,.14),transparent 32rem),radial-gradient(circle at 88% 18%,rgba(0,255,203,.08),transparent 26rem),linear-gradient(180deg,#020602d1,#050d06ed)}.matrix-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh;width:100lvw;height:100lvh;opacity:.36;pointer-events:none}.ella-companion{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));z-index:95;width:var(--ella-width);height:var(--ella-height);padding:0;border:0;background:transparent;cursor:pointer;outline:none;overflow:visible;transition:filter .18s ease;pointer-events:auto;touch-action:manipulation}.shell:has(.settings-popover) .ella-companion{z-index:50}.ella-companion:focus-visible{border-radius:12px;outline:2px solid color-mix(in srgb,var(--cyan),transparent 18%);outline-offset:5px}.ella-companion:hover .ella-sprite,.ella-companion:focus-visible .ella-sprite{filter:none}.ella-sprite,.ella-shadow,.ella-bubble{position:absolute;pointer-events:none}.ella-bubble{z-index:2;right:66%;bottom:calc(var(--ella-height) + 18px);padding:6px 9px;border:1px solid color-mix(in srgb,var(--cyan),var(--text) 18%);border-radius:999px;background:#fffffff7;color:var(--text);box-shadow:0 8px 22px #2b3f482e;font-size:12px;font-weight:760;line-height:1;white-space:nowrap;animation:ella-bubble-pop 1.1s ease-out both}.ella-bubble:after{content:"";position:absolute;right:12px;bottom:-4px;width:7px;height:7px;border-right:1px solid color-mix(in srgb,var(--line),var(--text) 8%);border-bottom:1px solid color-mix(in srgb,var(--line),var(--text) 8%);background:inherit;transform:rotate(45deg)}.ella-companion[data-bubble-side=left] .ella-bubble{right:auto;left:66%}.ella-companion[data-bubble-side=left] .ella-bubble:after{right:auto;left:12px}:root[data-theme-choice=dark] .ella-bubble{border-color:color-mix(in srgb,var(--line),var(--cyan) 34%);background:#12191cf5;color:color-mix(in srgb,var(--text),white 12%);box-shadow:0 9px 22px #0000005c}:root[data-theme-choice=dark] .ella-bubble:after{border-color:color-mix(in srgb,var(--line),var(--cyan) 34%)}@media(prefers-color-scheme:dark){:root[data-theme-choice=system] .ella-bubble{border-color:color-mix(in srgb,var(--line),var(--cyan) 34%);background:#12191cf5;color:color-mix(in srgb,var(--text),white 12%);box-shadow:0 9px 22px #0000005c}:root[data-theme-choice=system] .ella-bubble:after{border-color:color-mix(in srgb,var(--line),var(--cyan) 34%)}}@keyframes ella-bubble-pop{0%{opacity:0;transform:translateY(5px) scale(.94)}16%{opacity:1;transform:translateY(0) scale(1)}72%{opacity:1;transform:translateY(-3px) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.98)}}@keyframes ella-bubble-fade{0%{opacity:1}82%{opacity:1}to{opacity:0}}.ella-sprite{top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(/ella/russian-blue-spritesheet.webp);background-repeat:no-repeat;background-size:calc(var(--ella-width) * 8) calc(var(--ella-height) * 9);background-position:var(--ella-bg-x) var(--ella-bg-y);image-rendering:pixelated;transform:translate3d(0,var(--ella-y),0);transform-origin:center bottom;transition:filter .16s ease,transform 60ms linear}.ella-shadow{left:15%;right:5%;bottom:1px;height:13px;border-radius:999px;background:var( --ella-shadow, radial-gradient(ellipse at center, rgba(22, 28, 31, .24) 0%, rgba(22, 28, 31, .15) 48%, transparent 78%) );filter:blur(2.5px);opacity:.9;transform:scaleX(1);transition:opacity .16s ease,transform .16s ease}.ella-companion[data-action=jumping] .ella-shadow{opacity:.46;transform:scaleX(.58)}.ella-companion[data-action^=running] .ella-shadow{opacity:.7;transform:scaleX(1.08)}.ella-companion.matrix .ella-sprite{filter:grayscale(.62) sepia(.9) hue-rotate(58deg) saturate(3.1) brightness(.9) contrast(1.24) drop-shadow(0 0 4px rgba(0,255,65,.86)) drop-shadow(0 0 13px rgba(0,255,65,.38))}.ella-companion.matrix:hover .ella-sprite,.ella-companion.matrix:focus-visible .ella-sprite{filter:grayscale(.52) sepia(.96) hue-rotate(58deg) saturate(3.4) brightness(.94) contrast(1.28) drop-shadow(0 0 5px rgba(0,255,65,.95)) drop-shadow(0 0 18px rgba(0,255,203,.44))}.ella-companion.matrix .ella-shadow{background:radial-gradient(ellipse at center,rgba(0,255,65,.32) 0%,rgba(0,255,65,.18) 50%,transparent 78%);box-shadow:0 0 20px #00ff412e}.ella-companion.matrix .ella-bubble{border-color:#00ff416b;background:#030c05f0;color:#8dff9d;box-shadow:0 0 18px #00ff4133;font-family:SF Mono,Roboto Mono,ui-monospace,monospace;font-size:10px;font-weight:720}.ella-companion.matrix .ella-bubble:after{border-color:#00ff416b}.ella-companion.matrix:before{content:"";position:absolute;top:8%;right:12%;bottom:4%;left:12%;opacity:0;background:linear-gradient(90deg,transparent 0 22%,rgba(0,255,65,.26) 22% 24%,transparent 24% 62%,rgba(0,255,203,.2) 62% 64%,transparent 64%),repeating-linear-gradient(180deg,transparent 0 9px,rgba(0,255,65,.14) 9px 10px);filter:blur(1px);transform:translate(-10px);transition:opacity .18s ease,transform .18s ease}.ella-companion.matrix[data-action^=running]:before,.ella-companion.matrix[data-action=jumping]:before{opacity:.72;transform:translate(0)}.content-column{position:relative;z-index:1;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-wordmark{display:inline-flex;align-items:flex-start;gap:7px;color:inherit;text-decoration:none}.brand-wordmark:focus-visible{border-radius:6px;outline:2px solid color-mix(in srgb,var(--blue),transparent 30%);outline-offset:3px}.brand-beta{align-self:flex-start;margin-top:1px;color:var(--faint);font-size:11px;font-weight:560;letter-spacing:0;text-transform:lowercase}.brand-mark{display:inline-grid;width:28px;height:28px;flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;outline:0}.brand-mark img{display:block;width:28px;height:28px;transform:rotate(var(--logo-rotation, 0deg));transition:transform var(--logo-spin-duration, .5s) cubic-bezier(.2,.8,.4,1)}.brand-mark.loading img,.brand-mark.settling img{transition:none}.brand-mark:focus-visible{outline:2px solid color-mix(in srgb,var(--blue),transparent 30%);outline-offset:3px}.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{position:relative;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:before,.location-button:after{position:absolute;left:50%;z-index:130;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.location-button:before{content:"";top:calc(100% + 4px);transform:translate(-50%,-3px);border:5px solid transparent;border-bottom-color:var(--text)}.location-button:after{content:attr(data-tooltip);top:calc(100% + 13px);transform:translate(-50%,-3px);padding:6px 8px;border-radius:6px;background:var(--text);color:var(--bg);font-size:11px;font-weight:680;line-height:1;white-space:nowrap;box-shadow:0 8px 20px #2b3f4829}.location-button:hover:before,.location-button:hover:after,.location-button:focus-visible:before,.location-button:focus-visible:after{opacity:1;transform:translate(-50%)}.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}:root[data-theme-choice=dark] .search-wrap button[type=submit]{background:color-mix(in srgb,var(--text),transparent 52%);color:color-mix(in srgb,var(--bg),var(--text) 8%);box-shadow:inset 0 1px #ffffff0f}@media(prefers-color-scheme:dark){:root[data-theme-choice=system] .search-wrap button[type=submit]{background:color-mix(in srgb,var(--text),transparent 52%);color:color-mix(in srgb,var(--bg),var(--text) 8%);box-shadow:inset 0 1px #ffffff0f}}.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}.suggestions>button.current-location-option{margin-bottom:3px;border:1px solid color-mix(in srgb,var(--blue),transparent 82%);background:color-mix(in srgb,var(--blue),transparent 94%)}.suggestions>button.current-location-option span{display:inline-flex;align-items:center;gap:7px}.suggestions>button.current-location-option svg{flex:0 0 auto;color:var(--blue)}.suggestions>button.current-location-option:hover,.suggestions>button.current-location-option.active{border-color:color-mix(in srgb,var(--blue),transparent 68%);background:color-mix(in srgb,var(--blue),transparent 89%)}.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);animation:settings-popover-in .15s ease both;transform-origin:top right}.settings-popover.closing{animation:settings-popover-out .16s ease both;pointer-events:none}@keyframes settings-popover-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes settings-popover-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.985)}}.settings-section{display:grid;gap:9px}.settings-section.disabled{opacity:.54}.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-info{position:relative;display:inline-grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:help}.settings-info:hover,.settings-info:focus{color:var(--text);background:color-mix(in srgb,var(--text),transparent 92%)}.settings-info-tooltip{position:absolute;top:calc(100% + 7px);left:50%;z-index:80;width:min(246px,calc(100vw - 64px));padding:8px 9px;border:1px solid var(--line);border-radius:7px;background:var(--text);color:var(--bg);box-shadow:0 10px 24px #2b3f482e;font-size:11px;font-weight:620;line-height:1.32;text-align:left;text-transform:none;white-space:normal;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .14s ease,transform .14s ease}.settings-info-tooltip:before{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--text);transform:translate(-50%) rotate(45deg)}.settings-info:hover .settings-info-tooltip,.settings-info:focus .settings-info-tooltip,.settings-info:focus-visible .settings-info-tooltip{opacity:1;transform:translate(-50%)}.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.disabled{opacity:.48;cursor:not-allowed}.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:disabled{cursor:not-allowed}.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.four{grid-template-columns:repeat(4,minmax(0,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.disabled,.segmented-control button:disabled{cursor:not-allowed}.segmented-control button:disabled{color:color-mix(in srgb,var(--muted),transparent 30%)}.segmented-control button:hover{color:var(--text)}.segmented-control button:disabled:hover{color:color-mix(in srgb,var(--muted),transparent 30%)}.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:grid;grid-template-columns:minmax(0,var(--planner-width)) minmax(360px,var(--detail-width));align-items:end;justify-content:start;gap:14px;margin:26px 0 18px;padding-left:var(--rail-offset);padding-right:0}.overview-title-row{display:inline-flex;min-width:0;align-items:flex-end;gap:12px}.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(25px,2.2vw,34px);line-height:1.08;font-weight:720}.location-title{min-width:0;max-width:min(100%,720px)}.range-toggle{display:inline-grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;flex:0 0 auto;width:min(100%,376px);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)}.planner-view-toggle{justify-self:center}.range-toggle button,.range-toggle a,.range-toggle span{display:grid;height:30px;min-width:0;place-items:center;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:690;line-height:1;text-align:center;text-decoration:none;white-space:nowrap}.range-toggle button,.range-toggle a{cursor:pointer}.range-toggle span{cursor:default}.range-toggle button:hover,.range-toggle a:hover{color:var(--text)}.range-toggle button.active,.range-toggle span.active{background:var(--surface-strong);color:var(--text);box-shadow:0 1px 6px #2b3f481a}.overview-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;width:100%;justify-self:stretch}.overview-actions .planner-view-toggle{width:100%}.daily-mobile-planner-nav{display:none}.seasonal-planner-chip{display:inline-grid;min-height:38px;place-items:center;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),var(--bg) 18%);color:var(--muted);font-size:12px;font-weight:720;line-height:1;text-decoration:none;white-space:nowrap}.seasonal-planner-chip:hover{border-color:color-mix(in srgb,var(--cyan),var(--line) 54%);color:var(--text);background:var(--surface-strong)}:root[data-theme-choice=matrix] .brand{color:#eaffed;text-shadow:0 0 14px rgba(0,255,65,.18)}:root[data-theme-choice=matrix] .search-wrap,:root[data-theme-choice=matrix] .range-toggle,:root[data-theme-choice=matrix] .segmented-control,:root[data-theme-choice=matrix] .notice,:root[data-theme-choice=matrix] .seasonal-planner-chip{border-color:#00ff4133;background:#061208c2;box-shadow:0 1px #00ff411f inset}:root[data-theme-choice=matrix] .search-wrap button[type=submit]{background:color-mix(in srgb,var(--green),transparent 38%);color:#031007;box-shadow:inset 0 1px #eaffed2e,0 0 14px #00ff4114}:root[data-theme-choice=matrix] .range-toggle button.active,:root[data-theme-choice=matrix] .range-toggle span.active,:root[data-theme-choice=matrix] .segmented-control button.active{background:#00ff4121;color:#eaffed;box-shadow:0 0 0 1px #00ff4133 inset,0 0 18px #00ff411f}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - var(--rail-offset));margin:0 0 14px var(--rail-offset);padding:9px 9px 9px 12px;border:1px solid rgba(217,147,46,.26);border-radius:8px;background:#d9932e1a;color:var(--muted);font-size:13px}.notice span{min-width:0}.notice button{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.notice button:hover{background:color-mix(in srgb,var(--amber),transparent 88%);color:var(--text)}.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)}.footer-links{display:inline-flex;align-items:center;gap:16px}.night-playground{--playground-copy-width: 214px}.night-playground-column{width:min(100%,980px)}.night-playground-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;margin:10px 0 24px;padding-left:0}.playground-back{display:inline-grid;min-width:54px;min-height:34px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:720;text-decoration:none}.playground-back:hover{border-color:#1497c961;color:var(--text);background:var(--surface-strong)}.night-playground-header h1{margin:0;font-size:clamp(30px,4.4vw,52px);font-weight:760;letter-spacing:0;line-height:.98}.night-playground-header p{max-width:640px;margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.45}.night-playground-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.trip-planning-page{min-height:100vh}.trip-planning-column{width:min(100%,1180px);--content-max: 1180px}.brand{color:var(--text);text-decoration:none}.trip-topbar{grid-template-columns:minmax(135px,1fr) minmax(300px,500px) minmax(88px,1fr);width:100%;max-width:none;padding-left:0}.trip-planning-column .site-footer{width:100%;max-width:none;margin-left:0}.trip-nav{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;justify-self:center;width:min(100%,300px);padding:3px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),var(--bg) 18%);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.trip-nav a,.trip-nav span{display:grid;min-width:0;height:30px;place-items:center;padding:0 9px;border-radius:6px;color:var(--muted);font-size:12px;font-weight:690;line-height:1;text-align:center;text-decoration:none;white-space:nowrap}.trip-nav a:hover{color:var(--text)}.trip-nav .active{background:var(--surface-strong);color:var(--text);box-shadow:none}.trip-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:clamp(18px,3vw,42px);align-items:end;margin:clamp(18px,3.8vw,44px) 0 22px}.trip-hero-copy{max-width:760px;min-width:0}.trip-hero-copy h1{max-width:760px;min-width:0;font-size:clamp(38px,5.9vw,72px);font-weight:760;line-height:.96}.trip-hero-title-line{display:block;white-space:nowrap}.trip-hero-copy p{max-width:570px;margin:18px 0 0;color:var(--muted);font-size:clamp(15px,1.4vw,18px);line-height:1.48}.trip-planning-form{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(125% 88% at 100% 0%,color-mix(in srgb,var(--cyan),transparent 88%),color-mix(in srgb,var(--cyan),transparent 94%),color-mix(in srgb,var(--cyan),transparent 100%) 62%),var(--surface);box-shadow:0 1px #ffffff85 inset,0 18px 44px color-mix(in srgb,var(--shadow-color, #2b3f48),transparent 92%);-webkit-backdrop-filter:blur(18px) saturate(1.06);backdrop-filter:blur(18px) saturate(1.06)}:root[data-theme-choice=dark] .trip-planning-form{border-color:var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media(prefers-color-scheme:dark){:root[data-theme-choice=system] .trip-planning-form{border-color:var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}.trip-planning-form label{display:grid;gap:7px;min-width:0}.trip-location-field{position:relative}.trip-location-field .trip-input-shell{background:color-mix(in srgb,var(--surface-strong),transparent 16%);box-shadow:none}.trip-location-field .trip-input-shell:focus-within{background:color-mix(in srgb,var(--surface-strong),transparent 6%)}:root[data-theme-choice=dark] .trip-location-field .trip-input-shell,:root[data-theme-choice=matrix] .trip-location-field .trip-input-shell{border-color:transparent;background:color-mix(in srgb,var(--surface-strong),transparent 18%);box-shadow:none}:root[data-theme-choice=dark] .trip-location-field .trip-input-shell:focus-within,:root[data-theme-choice=matrix] .trip-location-field .trip-input-shell:focus-within{border-color:transparent;background:color-mix(in srgb,var(--surface-strong),transparent 8%);box-shadow:none}:root[data-theme-choice=dark] .trip-location-field .trip-location-suggestions,:root[data-theme-choice=matrix] .trip-location-field .trip-location-suggestions{border-color:transparent;background:color-mix(in srgb,var(--surface-strong),transparent 8%);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.trip-location-suggestions{inset:calc(100% + 8px) 0 auto 0}.trip-location-suggestions>button span{color:var(--text);font-size:12px;font-weight:650}.trip-planning-form span{color:var(--muted);font-size:12px;font-weight:720}.trip-input-shell{display:flex;align-items:center;gap:9px;min-width:0;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong),transparent 16%);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.trip-input-shell:focus-within,.trip-month-trigger:hover,.trip-date-input-shell:focus-within{border-color:color-mix(in srgb,var(--cyan),var(--line) 48%);background:color-mix(in srgb,var(--surface-strong),transparent 6%);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan),transparent 88%)}.trip-input-shell svg{flex:0 0 auto;color:var(--faint)}.trip-planning-form input{width:100%;min-width:0;height:42px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:13px}.trip-month-picker{position:relative;min-width:0}.trip-month-trigger{width:100%;justify-content:start;color:var(--text);font:inherit;cursor:pointer}.trip-month-trigger span{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:650;text-align:left;text-overflow:ellipsis;white-space:nowrap}.trip-month-trigger svg:last-child{color:var(--muted)}.trip-month-popover{position:absolute;z-index:110;inset:calc(100% + 8px) 0 auto 0;display:grid;gap:11px;padding:12px;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)}.trip-month-popover-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px}.trip-month-popover-head span{color:var(--text);font-size:12px;font-weight:760}.trip-month-popover-head small{color:var(--muted);font-size:11px;font-weight:620}.trip-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.trip-month-grid button{display:grid;gap:3px;min-width:0;min-height:54px;place-items:center;padding:8px 6px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),var(--bg) 18%);color:var(--text);cursor:pointer}.trip-month-grid button:hover{border-color:color-mix(in srgb,var(--cyan),var(--line) 54%);background:color-mix(in srgb,var(--surface-strong),var(--cyan) 5%)}.trip-month-grid button.active{border-color:color-mix(in srgb,var(--green),transparent 34%);background:color-mix(in srgb,var(--green),transparent 82%);color:color-mix(in srgb,var(--green),var(--text) 24%)}.trip-month-grid strong{font-size:13px;line-height:1}.trip-month-grid small{color:var(--muted);font-size:10px;line-height:1}.trip-month-grid button.active small{color:color-mix(in srgb,var(--green),var(--text) 36%)}.trip-range-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trip-date-picker{position:relative;min-width:0}.trip-date-input-shell{padding-right:5px}.trip-date-input-shell input{height:40px}.trip-date-picker-button{display:grid;width:38px;height:34px;flex:0 0 auto;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.trip-date-picker-button:hover{background:var(--surface-strong);color:var(--text)}.trip-date-popover{position:absolute;z-index:120;inset:calc(100% + 8px) auto auto 0;display:grid;gap:12px;width:min(308px,calc(100vw - 36px));padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);box-shadow:var(--shadow)}.trip-range-fields label:last-child .trip-date-popover{right:0;left:auto}.trip-date-popover-head{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:8px}.trip-date-popover-head strong{color:var(--text);font-size:13px;text-align:center}.trip-date-popover-head button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--surface),var(--bg) 18%);color:var(--muted);cursor:pointer}.trip-date-popover-head button:hover{border-color:color-mix(in srgb,var(--cyan),var(--line) 54%);color:var(--text)}.trip-date-weekdays,.trip-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.trip-date-weekdays span{display:grid;height:18px;place-items:center;color:var(--muted);font-size:10px;font-weight:760}.trip-date-grid button{position:relative;display:grid;min-width:0;aspect-ratio:1;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:12px;font-weight:720;cursor:pointer}.trip-date-grid button:hover{border-color:color-mix(in srgb,var(--cyan),var(--line) 54%);background:color-mix(in srgb,var(--cyan),transparent 90%)}.trip-date-grid button.muted{color:var(--faint)}.trip-date-grid button.in-range{background:color-mix(in srgb,var(--green),transparent 90%)}.trip-date-grid button.today{border-color:color-mix(in srgb,var(--amber),transparent 44%)}.trip-date-grid button.selected{border-color:color-mix(in srgb,var(--green),transparent 32%);background:color-mix(in srgb,var(--green),transparent 76%);color:color-mix(in srgb,var(--green),var(--text) 18%)}.trip-date-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.trip-planning-form>button{height:42px;border:1px solid color-mix(in srgb,var(--green),transparent 34%);border-radius:8px;background:color-mix(in srgb,var(--green),transparent 82%);color:color-mix(in srgb,var(--green),var(--text) 26%);font:inherit;font-size:13px;font-weight:780;cursor:pointer}.trip-planning-form>button:hover:not(:disabled){background:color-mix(in srgb,var(--green),transparent 76%)}.trip-planning-form button:disabled{cursor:default;opacity:.64}.trip-form-note{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.trip-planning-column .trip-notice{width:100%;max-width:none;margin:18px 0 0}.trip-results{display:grid;gap:14px;margin-top:24px}@media(min-width:681px){.trip-results{margin-top:38px}}.trip-results-header{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:3px}.trip-results-header span{display:block;margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:720}.trip-results-header h2{font-size:clamp(26px,3vw,38px);line-height:1.02}.trip-results-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.trip-share-button{display:inline-grid;grid-template-columns:15px auto;align-items:center;justify-items:center;gap:7px;height:34px;min-width:94px;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),var(--bg) 18%);color:var(--muted);font:inherit;font-size:12px;font-weight:720;line-height:1.2;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.trip-share-button svg{display:block;flex:0 0 auto}.trip-share-button span{display:grid;height:15px;place-items:center;line-height:15px;transform:translateY(2px)}.trip-share-button:hover{border-color:color-mix(in srgb,var(--cyan),var(--line) 54%);background:var(--surface-strong);color:var(--text)}.trip-share-button.copied{border-color:color-mix(in srgb,var(--green),transparent 34%);background:color-mix(in srgb,var(--green),transparent 82%);color:color-mix(in srgb,var(--green),var(--text) 18%)}.trip-results-mobile-share{display:none}.trip-back-top{display:flex;width:56px;height:30px;align-items:center;justify-content:center;justify-self:center;margin:18px auto -2px;border:0;background:transparent;color:color-mix(in srgb,var(--text),transparent 58%);cursor:pointer}.trip-back-top svg{display:block}:root[data-theme-choice=matrix] .trip-back-top{color:color-mix(in srgb,var(--green),transparent 42%)}.daily-back-top{display:none}.trip-metrics,.trip-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.trip-metric-card,.trip-planning-card,.trip-guidance-foot>div,.trip-empty-state,.trip-results-loading>div{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.trip-metric-card:hover,.trip-planning-card:hover,.trip-guidance-foot>div:hover{border-color:color-mix(in srgb,var(--cyan),var(--line) 58%);background:linear-gradient(160deg,color-mix(in srgb,var(--cyan),transparent 92%),transparent 56%),var(--surface-strong);box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan),transparent 86%),0 12px 28px color-mix(in srgb,var(--shadow-color, #2b3f48),transparent 90%)}.trip-metric-card{display:grid;gap:4px;min-height:112px;padding:14px}.trip-metric-card span{color:var(--muted);font-size:11px;font-weight:730}.trip-metric-card strong{color:var(--text);font-size:clamp(25px,3vw,34px);line-height:1}.trip-metric-card small{align-self:end;color:var(--muted);font-size:12px;line-height:1.35}.trip-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trip-planning-card{display:grid;gap:12px;min-height:250px;padding:18px}.trip-card-title{display:inline-flex;align-items:center;gap:9px}.trip-card-title svg{color:var(--blue)}.trip-card-title h3{margin:0;font-size:17px;line-height:1.1}.trip-planning-card p,.trip-guidance-foot p,.trip-empty-state p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.trip-planning-card ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.trip-planning-card li{position:relative;padding-left:16px;color:var(--text);font-size:13px;line-height:1.45}.trip-planning-card li:before{content:"";position:absolute;top:.68em;left:0;width:6px;height:6px;border-radius:999px;background:var(--green);transform:translateY(-50%)}.trip-guidance-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trip-guidance-foot>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px}.trip-guidance-foot svg{margin-top:2px;color:var(--amber)}.trip-empty-state{display:flex;align-items:center;gap:10px;margin-top:24px;padding:16px}.trip-empty-state svg{color:var(--muted)}.trip-results-loading{grid-template-columns:repeat(3,minmax(0,1fr));min-height:180px}.trip-results-loading>div{position:relative;min-height:180px;overflow:hidden;background:var(--surface)}.trip-results-loading>div:after{content:"";position:absolute;inset:-10% auto -10% -42%;width:36%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface-strong),white 8%),transparent);opacity:.54;transform:skew(-14deg);animation:shimmer 1.35s infinite;animation-delay:var(--shimmer-delay, 0s)}.trip-results-loading>div:nth-child(2){--shimmer-delay: -.42s}.trip-results-loading>div:nth-child(3){--shimmer-delay: -.78s}:root[data-theme-choice=matrix] .trip-nav,:root[data-theme-choice=matrix] .trip-planning-form,:root[data-theme-choice=matrix] .trip-month-popover,:root[data-theme-choice=matrix] .trip-date-popover,:root[data-theme-choice=matrix] .trip-metric-card,:root[data-theme-choice=matrix] .trip-planning-card,:root[data-theme-choice=matrix] .trip-guidance-foot>div,:root[data-theme-choice=matrix] .trip-empty-state{border-color:#00ff4133;background:#061208db;box-shadow:none}:root[data-theme-choice=matrix] .trip-input-shell,:root[data-theme-choice=matrix] .trip-month-grid button,:root[data-theme-choice=matrix] .trip-date-grid button,:root[data-theme-choice=matrix] .trip-date-popover-head button,:root[data-theme-choice=matrix] .trip-share-button{border-color:#00ff4133;background:#020a04a3}:root[data-theme-choice=matrix] .trip-metric-card:hover,:root[data-theme-choice=matrix] .trip-planning-card:hover,:root[data-theme-choice=matrix] .trip-guidance-foot>div:hover{border-color:#00ff416b;background:#08190aeb;box-shadow:0 0 0 1px #00ff4114,0 0 22px #00ff411c}.night-option{display:grid;grid-template-columns:minmax(0,var(--playground-copy-width)) auto;gap:14px;align-items:start;min-width:0;padding:14px;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)}.night-option-copy{display:grid;gap:8px;min-width:0}.night-option-copy>span{color:color-mix(in srgb,var(--blue),var(--muted) 28%);font-size:11px;font-weight:800;line-height:1}.night-option-copy h2{margin:0;font-size:19px;font-weight:760;line-height:1.05}.night-option-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.42}.night-option-card{min-width:0}.night-option-card .dashboard.with-time-rail{width:calc(var(--rail-width) + var(--rail-gap) + var(--card-width));grid-template-columns:var(--rail-width) var(--card-width);gap:var(--rail-gap)}.night-option-card .day-bar{cursor:default}.night-option-card .day-bar:hover{transform:none}.workbench{display:grid;grid-template-columns:var(--planner-width) minmax(360px,var(--detail-width));gap:14px;align-items:start;justify-content:start}.planner-pane{position:relative;min-width:0}.mobile-detail-cue,.mobile-date-tooltip{display:none}.dashboard{display:grid;grid-template-columns:repeat(7,var(--card-width));gap:12px;align-items:stretch;min-width:0;scrollbar-width:none}.dashboard::-webkit-scrollbar{display:none}.dashboard.with-time-rail{--card-graph-offset: 4px;--time-rail-bottom-offset: 18px;grid-template-columns:var(--rail-width) repeat(7,var(--card-width));gap:var(--rail-gap)}.dashboard.simple-card-mode.with-time-rail{--simple-graph-bottom-extension: 0px;--simple-time-rail-bottom-offset: var(--time-rail-bottom-offset);--simple-graph-height: calc(var(--graph-top-offset) + var(--graph-height) + var(--tide-slot-height) - 190px + var(--simple-graph-bottom-extension));--simple-graph-top-offset: 190px;--simple-rail-top-offset: 175px;--simple-card-height: calc(var(--simple-graph-top-offset) + var(--card-graph-offset, 0px) + var(--simple-graph-height) + var(--simple-time-rail-bottom-offset))}@media(hover:hover)and (pointer:fine){.dashboard.simple-card-mode.with-time-rail{--simple-graph-bottom-extension: 18px;--simple-time-rail-bottom-offset: max(0px, calc(var(--time-rail-bottom-offset) - var(--simple-graph-bottom-extension)))}}.dashboard.outlook-grid{width:calc(100% - var(--rail-offset));grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-left:var(--rail-offset)}.dashboard.hourly-dashboard{display:block;width:calc(100% - var(--rail-offset));margin-left:var(--rail-offset)}.hourly-planner-panel{display:grid;gap:12px;width:100%;min-width:0}.hourly-planner-range{display:grid;grid-template-columns:40px minmax(0,1fr) 92px;gap:12px;align-items:center;min-height:62px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),transparent 10%);box-shadow:var(--detail-panel-inset)}.hourly-planner-range>button,.hourly-date-actions>button,.hourly-planner-range>span{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--text)}.hourly-planner-range>button,.hourly-date-actions>button{cursor:pointer}.hourly-planner-range>button:disabled,.hourly-date-actions>button:disabled,.hourly-date-popover button:disabled{cursor:default;opacity:.35}.hourly-date-actions{position:relative;display:flex;justify-content:flex-end;gap:8px}.hourly-date-actions>.hourly-date-picker-button{color:var(--muted)}.hourly-date-actions>.hourly-date-picker-button:hover,.hourly-date-actions>.hourly-date-picker-button[aria-expanded=true]{border-color:color-mix(in srgb,var(--cyan),var(--line) 42%);color:var(--text)}.hourly-date-popover{right:0;left:auto;text-align:initial}.hourly-date-grid button.unavailable{color:var(--faint);cursor:default;opacity:.45}.hourly-date-grid button.available:not(.selected){color:var(--text)}.hourly-planner-range small{display:block;color:var(--muted);font-size:12px;font-weight:780;line-height:1;text-transform:uppercase}.hourly-planner-range strong{display:block;margin-top:4px;color:var(--text);font-size:21px;line-height:1.05}.hourly-planner-rows{display:grid;gap:8px}.hourly-sun-event-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;min-height:28px;padding:0 12px;color:var(--sun);pointer-events:none}.hourly-sun-event-row.sunset{color:#d96b43}.hourly-sun-event-line{height:1px;background:color-mix(in srgb,currentColor,transparent 70%)}.hourly-sun-event-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid color-mix(in srgb,currentColor,transparent 58%);border-radius:999px;background:color-mix(in srgb,var(--surface),var(--bg) 18%);box-shadow:0 1px #ffffff14 inset;font-size:11px;line-height:1}.hourly-sun-event-chip svg{flex:0 0 auto}.hourly-sun-event-chip b{font-weight:780}.hourly-sun-event-chip small{color:var(--text);font-weight:720}.hourly-row-skeleton{position:relative;display:block;height:88px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.hourly-row-skeleton:after,.hourly-planner-loading .hourly-planner-range:after{content:"";position:absolute;inset:-20% auto -20% -38%;width:30%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface-strong),white 8%),transparent);opacity:.54;transform:skew(-14deg);animation:shimmer 1.35s infinite}.hourly-planner-loading .hourly-planner-range{position:relative;overflow:hidden}.time-rail{display:flex;height:calc(var(--graph-top-offset) + var(--card-graph-offset, 0px) + var(--graph-height) + var(--tide-slot-height) + var(--time-rail-bottom-offset, 22px));min-height:0;flex-direction:column;align-self:start;padding:0 0 12px;color:var(--muted);pointer-events:none}.time-rail-spacer{flex:0 0 calc(var(--graph-top-offset) + var(--card-graph-offset, 0px))}.time-rail-axis{position:relative;height:var(--graph-height)}.dashboard.simple-card-mode.with-time-rail .time-rail{height:var(--simple-card-height)}.dashboard.simple-card-mode.with-time-rail .time-rail-spacer{flex-basis:calc(var(--simple-rail-top-offset) + var(--card-graph-offset, 0px))}.dashboard.simple-card-mode.with-time-rail .time-rail-axis{height:var(--simple-graph-height)}.dashboard.simple-card-mode.with-time-rail .day-bar{height:var(--simple-card-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{--day-card-padding-bottom: 12px;position:relative;display:flex;min-height:0;flex-direction:column;padding:14px 10px var(--day-card-padding-bottom);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;display:grid;left:-35px;bottom:calc(var(--day-card-padding-bottom) + (var(--tide-slot-height) / 2) - 10px);width:20px;height:20px;place-items:center;color:color-mix(in srgb,var(--cyan),var(--muted) 18%);pointer-events:none}.tide-card-marker.light{color:color-mix(in srgb,var(--sun),var(--muted) 16%)}.tide-card-marker.direction{color:color-mix(in srgb,var(--blue),var(--cyan) 32%)}.day-bar:hover{transform:translateY(-3px);border-color:#1497c96b;background:var(--surface-strong);box-shadow:var(--shadow)}.day-bar:hover,.day-bar:focus-within{z-index:80}.day-bar.selected{z-index:20;border-color:#1497c9b8;background:var(--surface-strong);box-shadow:0 0 0 2px #1497c938,0 18px 42px #2b3f4824,0 2px 10px #1497c914}.day-bar.has-active-hour-tooltip{z-index:180}@media(hover:hover)and (pointer:fine){.day-bar:has(.hour-hit-area:hover){z-index:180}}.day-bar.selected:after{content:none}:root[data-theme-choice=matrix] .day-bar,:root[data-theme-choice=matrix] .compact-day-card,:root[data-theme-choice=matrix] .detail-panel,:root[data-theme-choice=matrix] .settings-popover,:root[data-theme-choice=matrix] .suggestions{border-color:#00ff412e;background:linear-gradient(180deg,#08160af2,#050f07e6);box-shadow:0 1px #00ff411f inset,0 22px 54px #00000047}:root[data-theme-choice=matrix] .day-bar:hover,:root[data-theme-choice=matrix] .compact-day-card:hover{border-color:#00ff418a;box-shadow:0 1px #00ff412e inset,0 24px 58px #00000057,0 0 24px #00ff411a}:root[data-theme-choice=matrix] .day-bar.selected,:root[data-theme-choice=matrix] .compact-day-card.selected{border-color:#00ff41d1;box-shadow:0 0 0 2px #00ff4138,0 22px 56px #0000005c,0 0 30px #00ff412e}:root[data-theme-choice=matrix] .day-bar.selected:after,:root[data-theme-choice=matrix] .compact-day-card.selected:after{border-color:#00ff4170}.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:none}.compact-day-card.simple-compact-card{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:10px}.simple-compact-score{display:grid;min-height:0;gap:6px;place-items:center;align-content:center;padding-bottom:2px}.simple-compact-score .score-ring.large{width:76px;height:76px;min-width:76px;max-width:76px;margin:0}.simple-compact-score .score-ring.large:before{top:6px;right:6px;bottom:6px;left:6px}.simple-compact-score .score-ring.large b{font-size:28px}.simple-score-label{color:var(--score-color);font-size:12px;font-weight:730;line-height:1}.simple-score-label.excellent{--score-color: #14824f}.simple-score-label.good{--score-color: #34c28f}.simple-score-label.fair{--score-color: #d7b12a}.simple-score-label.caution{--score-color: #e2852d}.simple-score-label.rough{--score-color: var(--red)}:root[data-theme-choice=matrix] .simple-score-label.excellent{--score-color: #00e676}:root[data-theme-choice=matrix] .simple-score-label.good{--score-color: #2ddc91}:root[data-theme-choice=matrix] .simple-score-label.fair{--score-color: #ffd166}:root[data-theme-choice=matrix] .simple-score-label.caution{--score-color: #ff9f43}:root[data-theme-choice=matrix] .simple-score-label.rough{--score-color: #ff4d6d}.simple-compact-card .compact-confidence{justify-self:center;margin-top:0}:root[data-theme-choice=dark] .search-wrap,:root[data-theme-choice=dark] .range-toggle,:root[data-theme-choice=dark] .day-bar:not(.selected),:root[data-theme-choice=dark] .compact-day-card:not(.selected){box-shadow:none}:root[data-theme-choice=dark] .range-toggle button.active{box-shadow:none}:root[data-theme-choice=dark] .range-toggle span.active{box-shadow:none}@media(prefers-color-scheme:dark){:root[data-theme-choice=system] .search-wrap,:root[data-theme-choice=system] .range-toggle,:root[data-theme-choice=system] .day-bar:not(.selected),:root[data-theme-choice=system] .compact-day-card:not(.selected){box-shadow:none}:root[data-theme-choice=system] .range-toggle button.active{box-shadow:none}:root[data-theme-choice=system] .range-toggle span.active{box-shadow: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:17px;font-weight:760;line-height:1;text-overflow:ellipsis;white-space:nowrap}.compact-day-head small{color:var(--muted);font-size:12px;font-weight:610;line-height:1}.compact-weather-glyph{width:30px;height:30px;flex:0 0 auto}.compact-weather-glyph svg{width:30px;height:30px}.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,.detail-summary-copy{--score-color: var(--green)}.score-ring{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,.detail-summary-copy.excellent{--score-color: #14824f}.score-ring.good,.detail-summary-copy.good{--score-color: #34c28f}.score-ring.fair,.detail-summary-copy.fair{--score-color: #d7b12a}.score-ring.caution,.detail-summary-copy.caution{--score-color: #e2852d}.score-ring.rough,.detail-summary-copy.rough{--score-color: var(--red)}:root[data-theme-choice=matrix] .score-ring.excellent,:root[data-theme-choice=matrix] .detail-summary-copy.excellent{--score-color: #00e676}:root[data-theme-choice=matrix] .score-ring.good,:root[data-theme-choice=matrix] .detail-summary-copy.good{--score-color: #2ddc91}:root[data-theme-choice=matrix] .score-ring.fair,:root[data-theme-choice=matrix] .detail-summary-copy.fair{--score-color: #ffd166}:root[data-theme-choice=matrix] .score-ring.caution,:root[data-theme-choice=matrix] .detail-summary-copy.caution{--score-color: #ff9f43}:root[data-theme-choice=matrix] .score-ring.rough,:root[data-theme-choice=matrix] .detail-summary-copy.rough{--score-color: #ff4d6d}.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.moon,.weather-glyph.moon-partly{color:#f1d98a}.weather-glyph.partly{color:#d8a13b}.weather-glyph.partly svg path:last-child{stroke:#cfd8dd}.weather-glyph.mixed-rain{color:var(--sun)}.weather-glyph.mixed-rain-night{color:#f1d98a}.weather-glyph.mixed-rain svg path:nth-of-type(-n+5),.weather-glyph.mixed-rain-night svg path:first-child{stroke:var(--sun)}.weather-glyph.mixed-rain-night svg path:first-child{stroke:#f1d98a}.weather-glyph.mixed-rain svg path:nth-of-type(6),.weather-glyph.mixed-rain-night svg path:nth-of-type(3){stroke:#9eb1ba}.weather-glyph.mixed-rain svg path:nth-of-type(n+7),.weather-glyph.mixed-rain-night svg path:nth-of-type(2),.weather-glyph.mixed-rain-night svg path:nth-of-type(4){stroke:#297dd0;animation:status-rain-drop 2.8s linear infinite;opacity:0;transform-box:fill-box;transform-origin:center}.weather-glyph.mixed-rain svg path:nth-of-type(8),.weather-glyph.mixed-rain-night svg path:nth-of-type(4){animation-delay:-.56s}.weather-glyph.cloudy{color:#8ba3ad}.weather-glyph.moon-partly svg path:last-child{stroke:#8ba3ad}.weather-glyph.rainy{color:#2570c4}.weather-glyph.rainy svg path:not(:first-child){animation:status-rain-drop 2.8s linear infinite;opacity:0;transform-box:fill-box;transform-origin:center}.weather-glyph.rainy svg path:nth-of-type(3){animation-delay:-.42s}.weather-glyph.rainy svg path:nth-of-type(4){animation-delay:-.84s}@keyframes status-rain-drop{0%{opacity:0;transform:translateY(-3px)}16%{opacity:.68;transform:translateY(-1px)}58%{opacity:.68;transform:translateY(4px)}72%{opacity:0;transform:translateY(7px)}73%{opacity:0;transform:translateY(-3px)}to{opacity:0;transform:translateY(-3px)}}: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:14px}.tide-mini-extrema{min-height:var(--tide-slot-height);margin-top:6px;align-content:center}.day-bar.simple-day-card{justify-content:flex-start}.day-bar.simple-day-card .score-ring{width:78px;height:78px;min-width:78px;margin:15px auto 33px}.day-bar.simple-day-card .score-ring:before{top:6px;right:6px;bottom:6px;left:6px}.day-bar.simple-day-card .score-ring b{font-size:29px}.day-bar.simple-day-card .score-ring small{top:calc(100% + 8px);font-size:13px;font-weight:760}.day-bar.simple-day-card .bar-visual{height:var(--simple-graph-height, var(--graph-height))}.day-bar.spacing-preview .day-head{padding-block:4px 0}.day-bar.spacing-preview .condition-stack{margin-top:3px;margin-bottom:14px}.day-bar.spacing-preview .tide-mini-extrema{min-height:50px;margin-top:6px;align-content:center}.bar-visual{--graph-grid-line: rgba(22, 25, 27, .06);--graph-content-left: 7px;--graph-border-color: var(--line);isolation:isolate;position:relative;width:100%;height:var(--graph-height);flex:0 0 auto;margin:0;overflow:visible;border:0;border-radius:8px;background:var(--graph-neutral);box-shadow:inset 0 1px 0 var(--graph-border-color),inset 0 -1px 0 var(--graph-border-color)}.bar-visual:after{content:none}.dashboard.with-time-rail .bar-visual{border-radius:0;box-shadow:none}.dashboard.with-time-rail .graph-grid-lines span:first-child,.dashboard.with-time-rail .graph-grid-lines span:last-child{display:none}.dashboard.with-time-rail .day-phase-strip{border-right:0}.dashboard.with-time-rail .current-time-zone,.dashboard.with-time-rail .hour-hit-area{left:0}.dashboard.with-time-rail .current-time-zone:before{top:0;right:1px;bottom:0;left:1px}:root[data-theme-choice=dark] .bar-visual{--graph-grid-line: rgba(244, 248, 249, .08)}@media(prefers-color-scheme:dark){:root[data-theme-choice=system] .bar-visual{--graph-grid-line: rgba(244, 248, 249, .08)}}:root[data-theme-choice=matrix] .bar-visual{--graph-grid-line: rgba(176, 255, 186, .045);--graph-border-color: rgba(0, 255, 65, .28)}.bar-paint-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.graph-grid-lines{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.graph-grid-lines span{position:absolute;left:0;right:0;height:1px;background:var(--graph-grid-line)}.graph-grid-lines span:last-child{transform:translateY(-1px)}.day-phase-strip{position:absolute;z-index:2;inset:0 auto 0 0;width:var(--graph-content-left);border-right:1px solid var(--graph-grid-line)}.daylight{position:absolute;z-index:1;right:0;left:var(--graph-content-left);background:transparent}.sun-marker{position:absolute;z-index:7;left:var(--graph-content-left);right:0;height:3px;transform:translateY(-50%);pointer-events:none;background:radial-gradient(circle,var(--marker-color) 0 1.2px,transparent 1.35px) 0 50% / 7px 3px repeat-x}.sun-marker:before{content:none}.sun-marker:after{content:none}.bar-visual.edge-cap-markers .sun-marker{display:none}.sunrise-marker,.sunset-marker{--marker-color: var(--sun-marker)}.rain-cell{position:absolute;z-index:3;left:var(--graph-content-left);right:0;border-radius:0}.rain-gradient-layer{position:absolute;z-index:3;inset-block:0;left:var(--graph-content-left);right:0;border-radius:0}.shoot-window{position:absolute;z-index:4;left:var(--graph-content-left);right:0;width:auto;border-radius:0;background:var(--graph-shoot-strong);box-shadow:none}.shoot-window-layer{position:absolute;z-index:4;inset-block:0;left:var(--graph-content-left);right:0;width:auto;border-radius:0;background:var(--graph-shoot-strong);box-shadow:none}.shoot-window.usable-window{background:var(--graph-shoot-usable)}.shoot-window.strong-window{background:var(--graph-shoot-strong)}.shoot-window.excellent-window{background:var(--graph-shoot-excellent)}.current-time-zone{position:absolute;z-index:9;left:var(--graph-content-left);right:0;background:linear-gradient(90deg,color-mix(in srgb,var(--cyan),transparent 58%),color-mix(in srgb,var(--cyan),transparent 82%)),color-mix(in srgb,var(--surface-strong),transparent 76%);box-shadow:0 0 18px color-mix(in srgb,var(--cyan),transparent 64%);pointer-events:none}.current-time-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 1px color-mix(in srgb,var(--cyan),white 12%) inset,0 -1px color-mix(in srgb,var(--cyan),white 12%) inset,1px 0 color-mix(in srgb,var(--cyan),white 12%) inset,-1px 0 color-mix(in srgb,var(--cyan),white 12%) inset}:root[data-theme-choice=matrix] .current-time-zone{background:linear-gradient(90deg,color-mix(in srgb,var(--green),transparent 56%),color-mix(in srgb,var(--green),transparent 86%)),#00ff410d;box-shadow:0 0 18px color-mix(in srgb,var(--green),transparent 60%)}:root[data-theme-choice=matrix] .current-time-zone:before{box-shadow:0 1px color-mix(in srgb,var(--green),white 10%) inset,0 -1px color-mix(in srgb,var(--green),white 10%) inset,1px 0 color-mix(in srgb,var(--green),white 10%) inset,-1px 0 color-mix(in srgb,var(--green),white 10%) inset}.hour-hit-layer{position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;pointer-events:none}.hour-hit-area{position:absolute;z-index:1;display:block;left:var(--graph-content-left);right:0;cursor:default;pointer-events:auto}.hour-hit-area.active{z-index:20}.hour-hit-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;box-shadow:0 1px color-mix(in srgb,var(--cyan),transparent 44%) inset,0 -1px color-mix(in srgb,var(--cyan),transparent 44%) inset,1px 0 color-mix(in srgb,var(--cyan),transparent 54%) inset,-1px 0 color-mix(in srgb,var(--cyan),transparent 54%) inset}.hour-hit-area:hover{z-index:20}.hour-hit-area:hover:after,.hour-hit-area.active:after{opacity:1}.hour-tooltip{--tooltip-x: 4px;position:absolute;top:50%;left:calc(100% + 10px);display:none;width:152px;gap:6px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--line),var(--cyan) 22%);border-radius:8px;background:color-mix(in srgb,var(--surface-strong),var(--bg) 6%);box-shadow:0 16px 38px #2b3f482e,0 2px 10px #2b3f4814;color:var(--text);opacity:0;pointer-events:none;transform:translate(var(--tooltip-x),-50%);transition:opacity .13s ease .18s,transform .13s ease .18s,visibility 0ms linear .31s;visibility:hidden;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18)}.hour-hit-area[data-tooltip-side=left] .hour-tooltip{--tooltip-x: -4px;right:calc(100% + 10px);left:auto}.day-bar.hour-hover-ready .hour-hit-area:hover .hour-tooltip,.hour-hit-area.active .hour-tooltip{display:grid;opacity:1;transform:translateY(-50%);transition-delay:0ms;visibility:visible}.hour-tooltip:before{content:"";position:absolute;top:calc(50% - 5px);left:-5px;width:9px;height:9px;border-bottom:1px solid color-mix(in srgb,var(--line),var(--cyan) 22%);border-left:1px solid color-mix(in srgb,var(--line),var(--cyan) 22%);background:inherit;transform:rotate(45deg)}.hour-hit-area[data-tooltip-side=left] .hour-tooltip:before{right:-5px;left:auto;border:0;border-top:1px solid color-mix(in srgb,var(--line),var(--cyan) 22%);border-right:1px solid color-mix(in srgb,var(--line),var(--cyan) 22%)}.hour-tooltip-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.hour-tooltip-head>b{font-size:11px;font-weight:780;line-height:1;white-space:nowrap}.hour-tooltip-rating{display:inline-flex;align-items:center;min-width:0;max-width:78px;padding:4px 6px;border-radius:999px;background:var(--graph-shoot-usable);color:var(--text);font-size:9px;font-weight:780;line-height:1;white-space:nowrap}.hour-tooltip-rating.strong-window{background:var(--graph-shoot-strong)}.hour-tooltip-rating.excellent-window{background:var(--graph-shoot-excellent)}.hour-tooltip-rating.limited{background:color-mix(in srgb,var(--red),transparent 80%);color:color-mix(in srgb,var(--text),var(--red) 18%)}.hour-tooltip-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:baseline}.hour-tooltip-row small{color:var(--muted);font-size:9px;font-weight:720;line-height:1;text-transform:uppercase}.hour-tooltip-row b{min-width:0;overflow:hidden;color:var(--text);font-size:11px;font-weight:690;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.night-hours-overlay{position:absolute;z-index:5;left:var(--graph-content-left);right:0;overflow:hidden;background:var(--graph-night);pointer-events:none}.night-grid-line{position:absolute;z-index:6;left:var(--graph-content-left);right:0;height:1px;background:var(--graph-grid-line);pointer-events:none}.day-hours-overlay{position:absolute;z-index:5;left:var(--graph-content-left);right:0;overflow:hidden;background:var(--graph-day-ignored);pointer-events:none}.night-hours-overlay.hatch-inverted-heavy-edge-cap{border-block:0;background:var(--graph-night)}.night-hours-before.hatch-inverted-heavy-edge-cap{border-bottom:2px solid rgba(226,162,53,.72)}.night-hours-after.hatch-inverted-heavy-edge-cap{border-top:2px solid rgba(201,111,84,.7)}.detail-stats{grid-area:stats}.metric.rain svg{color:#2570c4}.metric.wind svg{color:var(--muted)}.metric.cloud svg{color:var(--faint)}.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-curve{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-sun-guide{position:absolute;z-index:1;width:3px;transform:translate(-50%);background:radial-gradient(circle,var(--sun-marker) 0 1.2px,transparent 1.35px) 50% 0 / 3px 7px repeat-y;pointer-events:none}.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:6px;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}.day-context-row{min-height:var(--tide-slot-height)}.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}.light-context-row b,.light-context-row .golden b{color:color-mix(in srgb,var(--sun),var(--text) 18%)}.light-context-row .blue b{color:color-mix(in srgb,var(--blue),white 8%)}.direction-context-row{column-gap:6px;font-size:8.8px}.direction-context-row span{letter-spacing:-.01em}.direction-context-row b{font-size:9px}.direction-context-row .sunrise b{color:#b87509}.direction-context-row .sunset b{color:#d94b2b}.direction-context-row .moonrise b{color:#2f8dff}.direction-context-row .moonset b{color:#7c3aed}.astro-moon-mini{grid-template-columns:minmax(0,max-content);row-gap:5px}.astro-moon-mini b{color:color-mix(in srgb,var(--cyan),var(--blue) 30%)}.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(--detail-panel-bg);box-shadow:var(--shadow),var(--detail-panel-inset);touch-action:pan-y}:root[data-theme-choice=matrix] .detail-panel{background:var(--detail-panel-bg);box-shadow:var(--shadow),var(--detail-panel-inset)}.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-swipe-stage{--detail-swipe-gap: 12px;width:100%;min-width:0;touch-action:pan-y}.detail-swipe-stage.is-active{height:var(--detail-swipe-height, auto);overflow:hidden;border-radius:10px}.detail-swipe-track{display:flex;gap:var(--detail-swipe-gap);width:100%}.detail-swipe-stage.is-active .detail-swipe-track{transform:translate3d(calc(-100% - var(--detail-swipe-gap) + var(--detail-swipe-offset, 0px)),0,0);will-change:transform}.detail-swipe-stage.is-settling .detail-swipe-track{transition:transform .22s cubic-bezier(.2,.75,.25,1)}.detail-swipe-stage.is-dragging .detail-swipe-track{transition:none}.detail-swipe-slide{flex:0 0 100%;min-width:0}.detail-swipe-slide>.detail-panel{width:100%;height:auto}@media(prefers-reduced-motion:reduce){.detail-swipe-stage.is-settling .detail-swipe-track{transition:none}}.detail-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.detail-title-block{display:grid;gap:2px}.confidence-badge{--confidence-color: #17c7df;width:fit-content;padding:5px 7px;border:1px solid color-mix(in srgb,var(--confidence-color),transparent 70%);border-radius:999px;color:color-mix(in srgb,var(--confidence-color),var(--text) 22%);font-size:10px;font-weight:740;line-height:1}.confidence-badge.forecast{--confidence-color: #17c7df}.confidence-badge.extended{--confidence-color: #6b8cff}.confidence-badge.long-range{--confidence-color: #9a6cff}:root[data-theme-choice=matrix] .confidence-badge.forecast{--confidence-color: var(--green)}:root[data-theme-choice=matrix] .confidence-badge.extended{--confidence-color: var(--amber)}:root[data-theme-choice=matrix] .confidence-badge.long-range{--confidence-color: #d97845}.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:42px;height:42px;margin-top:0;flex:0 0 42px}.detail-weather-glyph svg{width:42px;height:42px}.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-copy{display:grid;gap:5px}.detail-summary strong{color:var(--score-color);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}.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.rain b{color:var(--blue)}.detail-metric.cloud b{color:var(--muted)}.detail-metric.wind b,.detail-metric.gusts 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));grid-template-rows:repeat(3,38px);column-gap:22px;row-gap:0;margin-top:-15px;margin-bottom:8px;padding-bottom:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-info-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:12px;align-items:center;align-self:stretch;height:38px;min-width:0;padding:0;border-top:1px solid var(--line)}.detail-info-item:nth-child(-n+2){border-top:0}.detail-info-label{display:inline-flex;align-self:center;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-help{position:relative;display:inline-grid;width:17px;height:17px;flex:0 0 auto;place-items:center;margin-left:-3px;border:0;border-radius:999px;background:transparent;color:var(--faint);cursor:help}.detail-info-item .detail-info-help svg{color:var(--faint)}.detail-info-help:hover,.detail-info-help:focus,.detail-info-help:focus-visible{color:var(--muted);background:color-mix(in srgb,var(--text),transparent 92%);outline:0}.detail-info-help:hover svg,.detail-info-help:focus svg,.detail-info-help:focus-visible svg{color:var(--muted)}.detail-info-tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;z-index:90;width:min(204px,calc(100vw - 48px));padding:8px 9px;border:1px solid color-mix(in srgb,var(--line),var(--muted) 18%);border-radius:7px;background:color-mix(in srgb,var(--surface-strong),var(--bg) 5%);color:var(--text);box-shadow:0 14px 32px #2b3f482e,0 2px 10px #2b3f4814;font-size:11px;font-weight:620;line-height:1.34;text-align:left;white-space:normal;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity .14s ease,transform .14s ease}.detail-info-tooltip:before{content:"";position:absolute;bottom:-5px;left:50%;width:9px;height:9px;border-right:1px solid color-mix(in srgb,var(--line),var(--muted) 18%);border-bottom:1px solid color-mix(in srgb,var(--line),var(--muted) 18%);background:inherit;transform:translate(-50%) rotate(45deg)}.detail-info-item:nth-child(2n) .detail-info-tooltip{transform:translate(calc(-50% - 36px),3px)}.detail-info-item:nth-child(2n) .detail-info-tooltip:before{left:calc(50% + 36px)}.detail-info-help:hover .detail-info-tooltip,.detail-info-help:focus .detail-info-tooltip,.detail-info-help:focus-visible .detail-info-tooltip{opacity:1;transform:translate(-50%)}.detail-info-item:nth-child(2n) .detail-info-help:hover .detail-info-tooltip,.detail-info-item:nth-child(2n) .detail-info-help:focus .detail-info-tooltip,.detail-info-item:nth-child(2n) .detail-info-help:focus-visible .detail-info-tooltip{transform:translate(calc(-50% - 36px))}.detail-info-item b{display:inline-flex;align-self:center;align-items:center;justify-content:flex-end;overflow:hidden;font-size:13px;line-height:1.2;text-align:right;text-overflow:ellipsis;white-space:nowrap}.detail-info-item.rain svg{color:var(--blue)}.detail-info-item.cloud svg{color:var(--faint)}.detail-info-item.wind svg,.detail-info-item.gusts svg{color:var(--muted)}.detail-info-item.humidity svg{color:var(--cyan)}.detail-info-item.air svg{color:var(--blue)}.detail-info-item.humidity .detail-info-help svg,.detail-info-item.air .detail-info-help svg{color:var(--faint)}.detail-info-item.humidity .detail-info-help:hover svg,.detail-info-item.humidity .detail-info-help:focus svg,.detail-info-item.humidity .detail-info-help:focus-visible svg,.detail-info-item.air .detail-info-help:hover svg,.detail-info-item.air .detail-info-help:focus svg,.detail-info-item.air .detail-info-help:focus-visible svg{color:var(--muted)}.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}.detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-mode-toggle{display:inline-grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:2px;border:1px solid color-mix(in srgb,var(--line),transparent 16%);border-radius:7px;background:color-mix(in srgb,var(--bg),transparent 26%)}.detail-mode-toggle.three{grid-template-columns:repeat(3,1fr)}.detail-mode-toggle button{height:24px;min-width:48px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.detail-mode-toggle button.active{background:var(--surface-strong);color:var(--text);box-shadow:0 1px 4px #2b3f481a}:root[data-theme-choice=matrix] .detail-mode-toggle button.active{box-shadow:0 0 16px #00ff4114}.moon-card{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto 14px;gap:14px 16px;align-items:center;min-height:246px;align-content:center;padding:14px 14px 12px;border:1px solid color-mix(in srgb,var(--line),var(--cyan) 12%);border-radius:8px;background:radial-gradient(80% 110% at 100% 0%,color-mix(in srgb,var(--cyan),transparent 88%),transparent 62%),color-mix(in srgb,var(--surface-strong),transparent 34%)}.moon-orb-wrap{display:grid;width:72px;height:72px;place-items:center}.moon-orb{position:relative;display:block;width:58px;height:58px;overflow:hidden;border-radius:999px;background:radial-gradient(circle at 36% 30%,#ffffffeb,#e4ecf0db 54%,#a4b1b8ad);box-shadow:0 0 0 1px color-mix(in srgb,var(--line),white 22%) inset,0 0 28px color-mix(in srgb,var(--cyan),transparent 72%)}.moon-orb:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;background:color-mix(in srgb,var(--bg),black 12%);transform:translate(var(--moon-shift));opacity:.72}.moon-copy{display:grid;gap:4px;min-width:0}.moon-copy strong{color:var(--text);font-size:18px;line-height:1.05}.moon-copy span{color:var(--muted);font-size:12px;font-weight:650}.moon-copy small{color:color-mix(in srgb,var(--cyan),var(--muted) 28%);font-size:12px;font-weight:700}.moon-meter{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--muted),transparent 88%)}.moon-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--cyan),white 18%),color-mix(in srgb,var(--blue),white 10%))}.astro-detail{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.astro-detail .detail-section-head{align-self:start}.astro-mode-toggle button{min-width:46px}.sky-darkness-card{display:grid;gap:10px;min-height:218px;align-content:center;padding:11px 12px;border:1px solid color-mix(in srgb,var(--line),var(--cyan) 12%);border-radius:8px;background:radial-gradient(92% 120% at 100% 0%,color-mix(in srgb,var(--blue),transparent 90%),transparent 58%),radial-gradient(70% 90% at 0% 100%,color-mix(in srgb,var(--cyan),transparent 90%),transparent 60%),color-mix(in srgb,var(--surface-strong),transparent 34%)}.sky-darkness-top{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:center}.sky-darkness-copy,.sky-darkness-note{display:grid;gap:4px;min-width:0}.sky-darkness-copy span,.sky-darkness-stats small{color:var(--muted);font-size:11px;font-weight:700}.sky-darkness-copy strong{color:color-mix(in srgb,var(--cyan),var(--text) 22%);font-size:43px;line-height:.95}.sky-darkness-copy small,.sky-darkness-note small{color:var(--muted);font-size:12px;font-weight:650;line-height:1.25}.sky-darkness-note b{color:var(--text);font-size:15px;line-height:1.1}.sky-darkness-meter{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--cyan),transparent 88%)}.sky-darkness-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#111517,#214d82 22%,#18a5d5 42%,#43a447 54%,#f0da4f 67%,#e64d35 82%,#f0edf0)}.sky-darkness-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sky-darkness-stats span{display:grid;gap:2px;min-width:0;padding:7px;border:1px solid color-mix(in srgb,var(--line),transparent 24%);border-radius:7px;background:color-mix(in srgb,var(--surface-strong),transparent 48%)}.sky-darkness-stats b{overflow:hidden;color:var(--text);font-size:12px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.loading-sky-darkness{min-height:218px}:root[data-theme-choice=dark] .sky-darkness-card,:root[data-theme-choice=matrix] .sky-darkness-card{background:radial-gradient(92% 120% at 100% 0%,color-mix(in srgb,var(--blue),transparent 94%),transparent 58%),radial-gradient(70% 90% at 0% 100%,color-mix(in srgb,var(--cyan),transparent 94%),transparent 60%),color-mix(in srgb,var(--surface-strong),transparent 26%)}.direction-card{display:block;position:relative;min-height:188px;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--line),var(--cyan) 12%);border-radius:8px;background:#e8f2f6}.direction-empty{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:8px;padding:14px;color:var(--muted);background:radial-gradient(90% 100% at 100% 0%,color-mix(in srgb,var(--blue),transparent 91%),transparent 64%),color-mix(in srgb,var(--surface-strong),transparent 34%)}.direction-empty strong{color:var(--text);font-size:14px}.direction-empty span{grid-column:2;font-size:12px;font-weight:650}.direction-map{--direction-origin-y: 36%;position:relative;height:100%;min-height:188px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#eef7f92e,#eef7f96b),#dff0f7}.direction-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#ffffff0d,#ffffff3d 58%,#ffffff6b),radial-gradient(120% 80% at 50% 48%,transparent 0 54%,rgba(10,26,32,.12) 100%)}.direction-map img{position:absolute;z-index:1;left:var(--tile-left);top:var(--tile-top);width:256px;height:256px;max-width:none;-webkit-user-select:none;user-select:none;filter:saturate(.9) contrast(.92) brightness(1.06)}.direction-list{position:absolute;z-index:7;inset-inline:8px;bottom:8px;display:grid;gap:5px;min-width:0;padding:6px;border:1px solid rgba(255,255,255,.62);border-radius:8px;background:#ffffffdb;box-shadow:0 8px 22px #1f303824;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.direction-row-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.direction-event-chip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:center;min-width:0;padding:5px 6px;border-radius:6px;background:#ffffffa3}.direction-event-chip b,.direction-event-chip small,.direction-event-chip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direction-event-chip b{color:var(--text);font-size:10px}.direction-event-chip small{color:var(--muted);font-size:10px;font-weight:700}.direction-event-chip strong{justify-self:end;color:var(--text);font-size:10px;font-weight:820}.direction-event-chip.sunrise b{color:#b87509}.direction-event-chip.sunset b{color:#d94b2b}.direction-event-chip.moonrise b{color:#2f8dff}.direction-event-chip.moonset b{color:#7c3aed}.direction-map-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.direction-ray{position:absolute;left:50%;top:var(--direction-origin-y);width:92%;height:0;border-top:3px solid currentColor;opacity:.9;transform:rotate(calc(var(--bearing) - 90deg));transform-origin:0 50%;filter:drop-shadow(0 1px 2px rgba(8,18,22,.28))}.direction-ray:after{content:"";position:absolute;right:-3px;top:-5px;width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 0 2px #ffffffc7}.direction-ray.sunrise{color:#f3b22d}.direction-ray.sunset{color:#e0522f}.direction-ray.moonrise{color:#2f8dff}.direction-ray.moonset{color:#8b5cf6}.direction-center{display:none}.direction-map-pin{display:block;position:absolute;z-index:6;left:50%;top:var(--direction-origin-y);width:12px;height:12px;border:2px solid white;border-radius:999px;background:var(--cyan);box-shadow:0 2px 7px #0c1b2047;transform:translate(-50%,-50%)}.direction-map-attribution{position:absolute;z-index:7;right:6px;top:6px;padding:2px 5px;border-radius:999px;background:#ffffffc2;color:color-mix(in srgb,var(--muted),black 12%);font-size:9px;font-weight:700}:root[data-theme-choice=dark] .direction-list,:root[data-theme-choice=matrix] .direction-list{border-color:color-mix(in srgb,var(--line),transparent 14%);background:color-mix(in srgb,var(--surface-strong),transparent 10%)}:root[data-theme-choice=dark] .direction-card,:root[data-theme-choice=matrix] .direction-card{border-color:color-mix(in srgb,var(--line),transparent 34%);background:color-mix(in srgb,var(--surface-strong),transparent 20%)}:root[data-theme-choice=dark] .direction-event-chip,:root[data-theme-choice=matrix] .direction-event-chip{background:color-mix(in srgb,var(--surface),transparent 8%)}:root[data-theme-choice=dark] .direction-map{background:linear-gradient(180deg,#0d161ad6,#080e11e6),#10191d}:root[data-theme-choice=matrix] .direction-map{background:linear-gradient(180deg,#03100be0,#020a07f0),#06120b}:root[data-theme-choice=dark] .direction-map:before,:root[data-theme-choice=matrix] .direction-map:before{background:linear-gradient(180deg,#080e1105,#080e1121 58%,#080e1147),radial-gradient(120% 80% at 50% 48%,transparent 0 54%,rgba(0,0,0,.14) 100%)}:root[data-theme-choice=dark] .direction-map img{opacity:.88;filter:invert(.88) hue-rotate(178deg) saturate(.62) brightness(.88) contrast(1.18)}:root[data-theme-choice=matrix] .direction-map img{opacity:.8;filter:invert(.88) hue-rotate(126deg) saturate(.62) brightness(.76) contrast(1.16)}@media(prefers-color-scheme:dark){:root[data-theme-choice=system] .direction-list{border-color:color-mix(in srgb,var(--line),transparent 14%);background:color-mix(in srgb,var(--surface-strong),transparent 10%)}:root[data-theme-choice=system] .direction-card{border-color:color-mix(in srgb,var(--line),transparent 34%);background:color-mix(in srgb,var(--surface-strong),transparent 20%)}:root[data-theme-choice=system] .direction-event-chip{background:color-mix(in srgb,var(--surface),transparent 8%)}:root[data-theme-choice=system] .direction-map{background:linear-gradient(180deg,#0d161ad6,#080e11e6),#10191d}:root[data-theme-choice=system] .direction-map:before{background:linear-gradient(180deg,#080e1105,#080e1121 58%,#080e1147),radial-gradient(120% 80% at 50% 48%,transparent 0 54%,rgba(0,0,0,.14) 100%)}:root[data-theme-choice=system] .direction-map img{opacity:.88;filter:invert(.88) hue-rotate(178deg) saturate(.62) brightness(.88) contrast(1.18)}}.light-card{display:grid;gap:13px;min-height:188px;align-content:center;padding:13px;border:1px solid color-mix(in srgb,var(--line),var(--cyan) 12%);border-radius:8px;background:radial-gradient(95% 100% at 4% 0%,color-mix(in srgb,var(--sun),transparent 86%),transparent 55%),radial-gradient(90% 100% at 100% 0%,color-mix(in srgb,var(--blue),transparent 90%),transparent 62%),color-mix(in srgb,var(--surface-strong),transparent 34%)}.light-arc{position:relative;height:72px;overflow:hidden;border-radius:7px;box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 26%) inset}.light-arc-track{position:absolute;inset-block:0;inset-inline:0;pointer-events:none}.light-arc-track{background:linear-gradient(90deg,rgba(22,25,27,.06) 1px,transparent 1px) 0 0 / 25% 100%}.light-curve{position:absolute;top:4px;right:0;bottom:10px;left:0;z-index:2;width:100%;height:calc(100% - 14px);overflow:visible}.light-horizon{stroke:#16191b0f;stroke-width:1.1;vector-effect:non-scaling-stroke}.light-sun-curve,.light-night-curve{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.light-sun-curve{stroke:#f0d452;stroke-width:2.4}.light-night-curve{stroke:#69d1e5;stroke-width:2;opacity:.95}.light-time-labels{position:absolute;z-index:3;inset:auto 0 5px;display:flex;justify-content:space-between;padding-inline:8px;color:#16191bad;font-size:10px;font-weight:740;line-height:1;text-shadow:none}.light-stats{display:grid;grid-template-columns:1fr 1fr .72fr;gap:8px;align-items:stretch}.light-stats span{display:grid;gap:2px;height:100%;min-width:0;align-content:start;padding:9px 8px;border:1px solid color-mix(in srgb,var(--line),transparent 24%);border-radius:7px;background:color-mix(in srgb,var(--surface-strong),transparent 46%)}.light-stats b{color:var(--text);font-size:11px;line-height:1}.light-stats small,.light-stats strong{color:var(--muted);font-size:10.5px;font-weight:650;line-height:1.2;white-space:nowrap}.light-stats strong{color:color-mix(in srgb,var(--sun),var(--text) 28%);font-size:13px}:root[data-theme-choice=dark] .light-card,:root[data-theme-choice=matrix] .light-card{background:radial-gradient(95% 100% at 4% 0%,color-mix(in srgb,var(--sun),transparent 93%),transparent 55%),radial-gradient(90% 100% at 100% 0%,color-mix(in srgb,var(--cyan),transparent 94%),transparent 62%),color-mix(in srgb,var(--surface-strong),transparent 26%)}:root[data-theme-choice=dark] .light-arc-track,:root[data-theme-choice=matrix] .light-arc-track{background:linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px) 0 0 / 25% 100%}:root[data-theme-choice=dark] .light-horizon,:root[data-theme-choice=matrix] .light-horizon{stroke:#eaf2f447}:root[data-theme-choice=dark] .light-sun-curve,:root[data-theme-choice=matrix] .light-sun-curve{stroke:#eec647cc}:root[data-theme-choice=dark] .light-night-curve,:root[data-theme-choice=matrix] .light-night-curve{stroke:#69d1e5bd;opacity:.82}:root[data-theme-choice=dark] .light-time-labels,:root[data-theme-choice=matrix] .light-time-labels{color:#e8eff18c;text-shadow:0 1px 3px rgba(0,0,0,.55)}.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:var(--graph-shoot-strong)}.detail-shoot-cell.usable-window{background:var(--graph-shoot-usable)}.detail-shoot-cell.strong-window{background:var(--graph-shoot-strong)}.detail-shoot-cell.excellent-window{background:var(--graph-shoot-excellent)}.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}:root[data-theme-choice=dark] .best-detail div{border-color:#34c28f70;background:#34c28f2e;color:#65d9a8;box-shadow:0 0 0 1px #34c28f14 inset}:root[data-theme-choice=matrix] .best-detail div{border-color:#00ff416b;background:#00ff4124;color:#6dff91;box-shadow:0 0 0 1px #00ff411f inset,0 0 22px #00ff4114}.best-detail .muted-window{border-color:color-mix(in srgb,var(--amber),transparent 48%);background:color-mix(in srgb,var(--amber),transparent 86%);color:color-mix(in srgb,var(--amber),#5a3a11 20%);box-shadow:0 0 0 1px color-mix(in srgb,var(--amber),transparent 88%) inset}:root[data-theme-choice=dark] .best-detail .muted-window{border-color:color-mix(in srgb,var(--amber),transparent 44%);background:color-mix(in srgb,var(--amber),transparent 84%);color:color-mix(in srgb,var(--amber),white 16%);box-shadow:0 0 0 1px color-mix(in srgb,var(--amber),transparent 86%) inset}:root[data-theme-choice=matrix] .best-detail .muted-window{border-color:color-mix(in srgb,var(--amber),transparent 40%);background:color-mix(in srgb,var(--amber),transparent 85%);color:color-mix(in srgb,var(--amber),white 10%);box-shadow:0 0 0 1px color-mix(in srgb,var(--amber),transparent 84%) inset,0 0 18px color-mix(in srgb,var(--amber),transparent 90%)}.confidence-card{--confidence-color: #17c7df;display:grid;gap:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--confidence-color),transparent 70%);border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--confidence-color),transparent 88%),transparent 72%),#7f898f0f}.confidence-card.forecast{--confidence-color: #17c7df}.confidence-card.extended{--confidence-color: #6b8cff}.confidence-card.long-range{--confidence-color: #9a6cff}:root[data-theme-choice=matrix] .confidence-card.forecast{--confidence-color: var(--green)}:root[data-theme-choice=matrix] .confidence-card.extended{--confidence-color: var(--amber)}:root[data-theme-choice=matrix] .confidence-card.long-range{--confidence-color: #d97845}.confidence-detail{display:grid;margin-top:-6px}.detail-availability-note{display:none}.detail-availability-note span{max-width:260px;color:color-mix(in srgb,var(--muted),transparent 18%);font-size:11px;font-weight:600;line-height:1.35;text-align:center}.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(--confidence-color),transparent 58%);border-radius:999px;background:var(--surface-strong);color:var(--confidence-color)}.confidence-signal-icon svg{width:22px;height:22px}.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(--confidence-color)}.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;scrollbar-width:none}.legend::-webkit-scrollbar{display:none}.legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.legend i,.legend b{display:inline-block;width:18px;height:12px;border-radius:3px}.shoot-scale b{border:1px solid color-mix(in srgb,var(--graph-shoot-usable),var(--green) 28%);background:var(--graph-shoot-usable)}.shoot-scale b:nth-of-type(2){border-color:color-mix(in srgb,var(--graph-shoot-strong),var(--green) 32%);background:var(--graph-shoot-strong)}.shoot-scale b:nth-of-type(3){border-color:color-mix(in srgb,var(--graph-shoot-excellent),var(--green) 36%);background:var(--graph-shoot-excellent)}.neutral-scale b{border:1px solid color-mix(in srgb,var(--graph-neutral),var(--muted) 28%);background:var(--graph-neutral)}.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{border:1px solid color-mix(in srgb,var(--graph-rain-light),var(--blue) 22%);background:var(--graph-rain-light)}.rain-scale b:nth-child(2){border-color:color-mix(in srgb,var(--graph-rain-medium),var(--blue) 26%);background:var(--graph-rain-medium)}.rain-scale b:nth-child(3){border-color:color-mix(in srgb,var(--graph-rain-strong),var(--blue) 30%);background:var(--graph-rain-strong)}.night-scale b{border:1px solid color-mix(in srgb,var(--graph-night),var(--muted) 22%);background:var(--graph-night)}.day-scale b{border:1px solid color-mix(in srgb,var(--graph-day-ignored),var(--sun) 22%);background:var(--graph-day-ignored)}.golden-hour-scale b,.blue-hour-scale b{width:18px;height:12px;border-radius:3px}.golden-hour-scale b{border:1px solid color-mix(in srgb,var(--sun),transparent 42%);background:linear-gradient(90deg,#e2a2359e,#e2a2352e,#e2a23500)}.blue-hour-scale b{border:1px solid color-mix(in srgb,var(--blue-hour),transparent 38%);background:linear-gradient(90deg,var(--blue-hour),var(--blue-hour-soft),transparent)}.sun-event-scale i{width:21px;height:3px;border-radius:0;background:radial-gradient(circle,var(--sun-marker) 0 1.2px,transparent 1.35px) 0 50% / 7px 3px repeat-x}.loading-day-card,.loading-detail-panel{overflow:hidden;cursor:default;pointer-events:none}.loading-detail-panel{height:calc(var(--graph-top-offset) + var(--graph-height) + var(--tide-slot-height) + 13px)}.compact-loading-detail-panel{height:auto}.loading-day-card span,.loading-day-card i,.loading-detail-panel span,.loading-detail-panel i,.loading-detail-panel b{display:block;border-radius:7px;background:#7f898f24}.loading-day-card span,.loading-day-card i,.loading-detail-panel span,.loading-detail-panel i,.loading-detail-panel b,.compact-skeleton i,.compact-skeleton-temp b,.compact-skeleton-temp small,.compact-skeleton span:not(.compact-skeleton-date):not(.compact-skeleton-temp){position:relative;overflow:hidden}.loading-day-card span:after,.loading-day-card i:after,.loading-detail-panel span:after,.loading-detail-panel i:after,.loading-detail-panel b:after,.compact-skeleton i:after,.compact-skeleton-temp b:after,.compact-skeleton-temp small:after,.compact-skeleton span:not(.compact-skeleton-date):not(.compact-skeleton-temp):after{content:"";position:absolute;inset:0 auto 0 0;width:24%;transform:translate(-130%) skew(-14deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);animation:shimmer 1.35s infinite;animation-delay:var(--shimmer-delay, 0s);pointer-events:none}.loading-day-card:nth-of-type(2n){--shimmer-delay: -.42s}.loading-day-card:nth-of-type(3n){--shimmer-delay: -.78s}.loading-detail-summary{--shimmer-delay: -.22s}.loading-detail-metrics{--shimmer-delay: -.58s}.loading-detail-info{--shimmer-delay: -.84s}.loading-detail-section,.loading-detail-tide,.loading-detail-confidence{--shimmer-delay: -.36s}.loading-day-head{display:flex;align-items:start;justify-content:space-between;gap:10px;padding-block:4px 0}.loading-day-head span{width:64px;height:30px}.loading-day-head i{width:34px;height:34px;border-radius:999px}.loading-score{width:54px;height:54px;margin:12px auto 14px;border-radius:999px!important}.loading-temp{width:106px;height:38px;margin:11px auto 8px}.loading-metrics{display:grid;width:min(100%,132px);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5px;row-gap:4px;margin:3px auto 10px}.loading-metrics span{height:10px}.loading-graph{margin-top:0}.loading-daylight{position:absolute;top:34%;right:0;bottom:24%;left:0;border-radius:0!important;background:#6fbecf1a!important}.loading-tide-extrema{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));column-gap:8px;row-gap:4px;min-height:var(--tide-slot-height);margin-top:10px;align-content:center;justify-content:center}.loading-tide-extrema span{width:42px;height:12px}.loading-detail-head{display:flex;justify-content:space-between;gap:18px}.loading-detail-head span{width:152px;height:38px}.loading-detail-head i{width:35px;height:35px;border-radius:999px}.loading-detail-summary{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.loading-detail-summary>span{width:74px;height:74px;flex:0 0 74px;border-radius:999px}.loading-detail-summary div{display:grid;flex:1;gap:10px}.loading-detail-summary b{width:60%;height:16px}.loading-detail-summary i{width:88%;height:14px}.loading-detail-metrics,.loading-detail-info{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding-bottom:12px;border-bottom:1px solid var(--line)}.loading-detail-metrics span,.loading-detail-info span{height:52px;margin-inline:8px}.loading-detail-info{grid-template-columns:repeat(2,1fr)}.loading-detail-section,.loading-detail-tide,.loading-detail-confidence{display:grid;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.loading-detail-section b,.loading-detail-tide b,.loading-detail-confidence b{width:116px;height:15px}.loading-detail-section span{height:58px}.loading-detail-tide{border-bottom:0}.loading-detail-tide span{height:188px}.loading-detail-confidence{border-bottom:0}.loading-detail-confidence span{height:92px}.compact-skeleton{overflow:hidden;cursor:default;pointer-events:none}.compact-skeleton i,.compact-skeleton-temp b,.compact-skeleton-temp small,.compact-skeleton span:not(.compact-skeleton-date):not(.compact-skeleton-temp){display:block;border-radius:7px;background:#7f898f24}.compact-skeleton-date{gap:5px}.compact-skeleton-date strong{overflow:hidden;font-size:17px;font-weight:760;line-height:1;text-overflow:ellipsis;white-space:nowrap}.compact-skeleton-date small{color:var(--muted);font-size:12px;font-weight:610;line-height:1}.compact-skeleton-icon{width:30px;height:30px;margin-top:0;border-radius:999px!important}.compact-skeleton-score{width:40px;height:40px;border-radius:999px!important}.compact-skeleton-temp{justify-content:flex-end}.compact-skeleton-temp b{width:58px;height:26px;margin-top:0}.compact-skeleton-temp small{width:28px;height:15px}.compact-skeleton-metrics span{height:14px}.compact-skeleton-badge{width:82px;height:18px}@keyframes shimmer{to{transform:translate(520%) skew(-14deg)}}@media(min-width:981px)and (max-width:1380px){.trip-hero{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:clamp(22px,3vw,34px)}.trip-hero-copy h1{max-width:100%;font-size:clamp(44px,5vw,62px);line-height:1;text-wrap:balance}.trip-hero-title-line{display:inline;white-space:normal}.trip-hero-title-line:not(:last-child):after{content:" "}}@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))}.trip-planning-column .trip-topbar{width:100%;max-width:none}.workbench.seven-day-layout .detail-panel{position:static;top:auto;padding-bottom:23px}.workbench.seven-day-layout .detail-panel.has-tide-light-toggle,.workbench.seven-day-layout .detail-panel.has-light-direction-toggle,.workbench.seven-day-layout .detail-panel.astro-detail-panel,.workbench.seven-day-layout .loading-detail-panel{height:calc(var(--graph-top-offset) + var(--graph-height) + var(--tide-slot-height) + 23px);min-height:0;grid-template-rows:auto auto auto auto auto auto minmax(0,1fr)}.workbench.seven-day-layout .detail-panel.light-only-detail{min-height:0}.workbench.seven-day-layout .detail-panel.has-tide-light-toggle .tide-detail,.workbench.seven-day-layout .detail-panel.has-light-direction-toggle .tide-detail,.workbench.seven-day-layout .detail-panel.astro-detail-panel .moon-detail{min-height:0;padding-bottom:0}.workbench.seven-day-layout .detail-panel.astro-detail-panel .astro-detail{gap:8px}.workbench.seven-day-layout .detail-panel.astro-detail-panel .moon-card,.workbench.seven-day-layout .detail-panel.astro-detail-panel .sky-darkness-card{height:100%;min-height:0;align-content:center}.workbench.seven-day-layout .detail-panel.light-only-detail .tide-detail{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr);align-content:stretch;padding-bottom:0}.workbench.seven-day-layout .tide-detail.has-detail-toggle.tide-chart-detail{gap:8px;grid-template-rows:auto minmax(0,1fr);align-content:stretch}.workbench.seven-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .detail-section-head{align-self:start}.workbench.seven-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .tide-extrema{height:40px;margin-bottom:0}.workbench.seven-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .tide-extrema span{gap:1px}.workbench.seven-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .tide-line{display:grid;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);margin-top:0}.workbench.seven-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .tide-chart{min-height:0}.workbench.seven-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .tide-line svg{height:100%;min-height:134px}.workbench.seven-day-layout .tide-detail.has-detail-toggle.light-detail{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.workbench.seven-day-layout .tide-detail.has-detail-toggle.direction-detail{gap:8px;grid-template-rows:auto minmax(0,1fr);align-content:stretch}.workbench.seven-day-layout .tide-detail.has-detail-toggle.light-detail .light-card{height:100%;min-height:0;gap:12px;grid-template-rows:minmax(0,1fr) 58px;align-content:stretch}.workbench.seven-day-layout .tide-detail.has-detail-toggle.light-detail .light-arc{height:auto;min-height:112px}.workbench.seven-day-layout .tide-detail.has-detail-toggle.light-detail .light-stats{min-height:0}.workbench.seven-day-layout .tide-detail.has-detail-toggle.light-detail .light-stats span{padding-block:6px}.workbench.seven-day-layout .tide-detail.has-detail-toggle.direction-detail .direction-card{height:100%;min-height:0}.workbench.seven-day-layout .detail-panel.light-only-detail .tide-detail.light-detail .light-card{height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto;align-content:stretch}.workbench.seven-day-layout .detail-panel.light-only-detail .tide-detail.light-detail .light-arc{height:100%;min-height:0}.workbench.seven-day-layout .detail-panel.light-only-detail .tide-detail.light-detail .light-stats{align-items:stretch}.workbench.seven-day-layout .detail-panel.light-only-detail .tide-detail.light-detail .light-stats span{align-self:stretch}.workbench.thirty-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .tide-line svg{height:100%;min-height:0}.workbench.thirty-day-layout{--thirty-detail-card-height: 177px;--thirty-detail-panel-height: calc((var(--thirty-detail-card-height) * 5) + (10px * 4))}.workbench.thirty-day-layout .detail-panel{height:var(--thirty-detail-panel-height);min-height:0;overflow:hidden}.workbench.thirty-day-layout .dashboard.outlook-grid .compact-day-card{height:var(--thirty-detail-card-height);min-height:var(--thirty-detail-card-height)}.workbench.thirty-day-layout .dashboard.outlook-grid .compact-day-card:not(.simple-compact-card){grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:8px}.workbench.thirty-day-layout .dashboard.outlook-grid .compact-day-card:not(.simple-compact-card) .compact-score-row{align-self:center}.workbench.thirty-day-layout .dashboard.outlook-grid .compact-day-card:not(.simple-compact-card) .condition-stack{align-self:end;margin-bottom:1px}.workbench.thirty-day-layout .dashboard.outlook-grid .simple-compact-card{grid-template-rows:auto minmax(0,1fr) 18px;gap:7px}.workbench.thirty-day-layout .dashboard.outlook-grid .simple-compact-score{display:contents}.workbench.thirty-day-layout .dashboard.outlook-grid .simple-compact-score .score-ring.large{grid-row:2;align-self:center;justify-self:center}.workbench.thirty-day-layout .dashboard.outlook-grid .simple-score-label{position:static;grid-row:3;align-self:end;justify-self:center;font-size:13px;font-weight:780;white-space:nowrap}.workbench.thirty-day-layout .detail-panel.has-timing-tools{grid-template-rows:auto auto auto auto auto auto minmax(0,1fr) auto}.workbench.thirty-day-layout .detail-panel.limited-detail-panel{grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;align-content:stretch}.workbench.thirty-day-layout .detail-panel.limited-detail-panel .detail-availability-note{display:flex;min-height:0;align-items:center;justify-content:center;padding:0 14px}.workbench.thirty-day-layout .detail-panel.light-only-detail,.workbench.thirty-day-layout .detail-panel.has-tide-light-toggle.showing-light-detail,.workbench.thirty-day-layout .detail-panel.has-tide-light-toggle.showing-tide-detail{height:var(--thirty-detail-panel-height);align-self:start}.workbench.thirty-day-layout .detail-panel.has-timing-tools .tide-detail{min-height:0;padding-bottom:0}.workbench.thirty-day-layout .detail-panel.has-timing-tools .tide-detail.has-detail-toggle,.workbench.thirty-day-layout .detail-panel.has-timing-tools .tide-detail.light-detail:not(.has-detail-toggle){display:grid;gap:8px;grid-template-rows:auto minmax(0,1fr);align-content:stretch}.workbench.thirty-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .detail-section-head{align-self:start}.workbench.thirty-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .tide-extrema{height:38px;margin-bottom:0}.workbench.thirty-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .tide-line{display:grid;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);margin-top:0}.workbench.thirty-day-layout .tide-detail.has-detail-toggle.tide-chart-detail .tide-chart{min-height:0}.workbench.thirty-day-layout .tide-detail.light-detail .light-card{height:100%;min-height:0;gap:10px;align-content:stretch}.workbench.thirty-day-layout .tide-detail.has-detail-toggle.light-detail .light-card,.workbench.thirty-day-layout .tide-detail.light-detail:not(.has-detail-toggle) .light-card{grid-template-rows:minmax(0,1fr) auto}.workbench.thirty-day-layout .tide-detail.light-detail .light-arc{height:100%;min-height:0}.workbench.thirty-day-layout .tide-detail.has-detail-toggle.light-detail .light-stats,.workbench.thirty-day-layout .tide-detail.light-detail:not(.has-detail-toggle) .light-stats{align-items:stretch}.workbench.thirty-day-layout .tide-detail.has-detail-toggle.light-detail .light-stats span,.workbench.thirty-day-layout .tide-detail.light-detail:not(.has-detail-toggle) .light-stats span{align-self:stretch}.workbench.thirty-day-layout .tide-detail.light-detail:not(.has-detail-toggle) .light-card{min-height:0}.workbench.thirty-day-layout .tide-detail.light-detail:not(.has-detail-toggle) .light-arc{min-height:0}.workbench.thirty-day-layout .tide-detail.direction-detail .direction-card{height:100%;min-height:0}.workbench.thirty-day-layout .compact-loading-detail-panel{height:924px}.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: 500px;--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{grid-template-columns:1fr;align-items:start;gap:14px;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{position:relative;z-index:2;overflow-x:auto;overflow-y:hidden;margin-bottom:-60px;padding-block:6px 70px;scroll-snap-type:none}.content-column.seven-day-view .dashboard.with-time-rail{--stacked-scroll-end-gutter: 24px;--tide-slot-height: 42px;--time-rail-bottom-offset: 12px;--stacked-full-graph-extension: 34px;--stacked-full-graph-height: calc(var(--graph-height) + var(--stacked-full-graph-extension));--stacked-full-card-height: calc(var(--graph-top-offset) + var(--card-graph-offset, 0px) + var(--stacked-full-graph-height) + var(--time-rail-bottom-offset, 0px));padding-right:var(--stacked-scroll-end-gutter)}.content-column.seven-day-view .dashboard.simple-card-mode.with-time-rail{--simple-graph-bottom-extension: 22px;--simple-time-rail-bottom-offset: 0px;--simple-card-height: var(--stacked-full-card-height);--simple-graph-height: calc(var(--simple-card-height) - var(--simple-graph-top-offset) - var(--card-graph-offset, 0px) - var(--simple-time-rail-bottom-offset))}.content-column.seven-day-view .day-bar.has-timing-footer:not(.simple-day-card){--day-card-padding-bottom: 0px;height:var(--stacked-full-card-height)}.content-column.seven-day-view .day-bar.has-timing-footer:not(.simple-day-card) .bar-visual{height:var(--stacked-full-graph-height)}.content-column.seven-day-view .dashboard.with-time-rail:not(.simple-card-mode) .day-bar .tide-mini-extrema{display:none}.content-column.seven-day-view .dashboard.with-time-rail:not(.simple-card-mode) .day-bar .tide-card-marker{display:none}.content-column.seven-day-view .dashboard.with-time-rail:not(.simple-card-mode) .time-rail{height:var(--stacked-full-card-height);padding-bottom:var(--time-rail-bottom-offset, 12px)}.content-column.seven-day-view .dashboard.with-time-rail:not(.simple-card-mode) .time-rail-axis{height:var(--stacked-full-graph-height)}.bar-visual:after{z-index:11}.dashboard.outlook-grid{grid-template-columns:repeat(7,minmax(118px,1fr));overflow:visible}.mobile-detail-cue{display:inline-flex;width:fit-content;max-width:100%;flex:0 0 auto;align-items:center;justify-content:center;margin:0;padding:6px 9px;border:1px solid color-mix(in srgb,var(--line),transparent 16%);border-radius:999px;background:color-mix(in srgb,var(--surface),transparent 22%);box-shadow:none;color:color-mix(in srgb,var(--muted),transparent 28%);font-size:11px;font-weight:650;line-height:1;-webkit-backdrop-filter:none;backdrop-filter:none}.legend{position:relative;z-index:3;min-height:34px;padding-top:4px;padding-bottom:8px}.detail-panel{margin-top:14px}.time-rail{position:sticky;left:0;z-index:220;background:transparent}.daily-back-top{display:flex}.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}.content-column.seven-day-view .detail-panel.showing-light-detail .tide-detail.light-detail .light-card,.content-column.seven-day-view .detail-panel:not(.has-tide-light-toggle) .tide-detail.light-detail .light-card{align-content:stretch}.content-column.seven-day-view .detail-panel.showing-light-detail .tide-detail.light-detail .light-arc,.content-column.seven-day-view .detail-panel:not(.has-tide-light-toggle) .tide-detail.light-detail .light-arc{height:144px;min-height:144px}}@media(min-width:761px)and (max-width:1680px){.content-column.thirty-day-view .overview,.content-column.hourly-view .overview,.content-column.thirty-day-view .notice,.content-column.thirty-day-view .site-footer{width:100%;margin-left:0}.content-column.thirty-day-view .overview,.content-column.hourly-view .overview{padding-left:0}.content-column.thirty-day-view .dashboard.outlook-grid,.content-column.seven-day-view .topbar,.content-column.seven-day-view .overview,.content-column.seven-day-view .notice,.content-column.seven-day-view .detail-panel,.content-column.seven-day-view .site-footer{width:100%;margin-left:0}.content-column.seven-day-view .overview{padding-left:0}.content-column.seven-day-view .dashboard.with-time-rail{--stacked-card-gap: 10px;--stacked-card-width: 158.2857px;width:calc(100% + var(--rail-width) + var(--stacked-card-gap));margin-left:calc(-1 * (var(--rail-width) + var(--stacked-card-gap)));grid-template-columns:var(--rail-width) repeat(7,var(--stacked-card-width));gap:var(--stacked-card-gap)}.content-column.hourly-view .dashboard.hourly-dashboard{width:100%;margin-left:0}.content-column.seven-day-view .legend{overflow-x:auto;overflow-y:hidden;padding-left:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.content-column.seven-day-view .detail-panel,.content-column.thirty-day-view .detail-panel{margin-top:14px;--stacked-detail-visual-height: clamp(196px, 18.5vw, 250px);--stacked-detail-tool-body-height: calc(var(--stacked-detail-visual-height) + 68px);--stacked-astro-detail-body-height: 246px}.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line svg,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-chart,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-arc,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-card,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-map,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line svg,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-chart,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-arc,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-card,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-map{height:var(--stacked-detail-visual-height);min-height:var(--stacked-detail-visual-height)}.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle{display:grid;grid-template-rows:auto var(--stacked-detail-tool-body-height);align-content:start}.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-card,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-card,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-card,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-card,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-map,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-map{height:var(--stacked-detail-tool-body-height);min-height:var(--stacked-detail-tool-body-height)}.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-card,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-card{grid-template-rows:minmax(0,1fr) auto;align-content:stretch}.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-arc,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-arc,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-chart,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-chart,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line svg,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line svg{height:100%;min-height:0}.content-column.seven-day-view .detail-panel.astro-detail-panel .moon-card,.content-column.seven-day-view .detail-panel.astro-detail-panel .sky-darkness-card{height:var(--stacked-astro-detail-body-height);min-height:var(--stacked-astro-detail-body-height)}}@media(min-width:761px)and (max-width:1264px){.content-column.seven-day-view .dashboard.with-time-rail{width:100%;margin-left:0}}@media(max-width:1120px){:root{--graph-height: 392px}}@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,.trip-nav,.trip-topbar .planner-view-toggle{grid-column:1 / -1;grid-row:2;justify-self:stretch;width:100%}.trip-hero,.trip-section-grid,.trip-guidance-foot{grid-template-columns:1fr}.trip-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1120px){.night-playground-grid{grid-template-columns:1fr}.night-option{grid-template-columns:minmax(0,1fr) auto}.dashboard.outlook-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard.outlook-grid .muted-calendar-day{display:none}.dashboard.outlook-grid .compact-day-card{min-height:232px;align-content:space-between;padding:14px 15px;gap:14px}.dashboard.outlook-grid .compact-day-head strong{font-size:20px}.dashboard.outlook-grid .compact-day-head small{font-size:13px}.dashboard.outlook-grid .compact-weather-glyph,.dashboard.outlook-grid .compact-weather-glyph svg{width:36px;height:36px}.dashboard.outlook-grid .score-ring.compact{width:46px;height:46px;min-width:46px}.dashboard.outlook-grid .score-ring.compact b{font-size:18px}.dashboard.outlook-grid .compact-temp b{font-size:29px}.dashboard.outlook-grid .compact-temp small{font-size:16px}.dashboard.outlook-grid .compact-day-card .metric b{font-size:11px}.dashboard.outlook-grid .simple-compact-score .score-ring.large{width:100px;height:100px;min-width:100px;max-width:100px}.dashboard.outlook-grid .simple-compact-score .score-ring.large b{font-size:34px}}@media(max-width:900px){.dashboard.outlook-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard.outlook-grid .compact-day-card{min-height:240px}.dashboard.outlook-grid .compact-day-head strong{font-size:21px}.dashboard.outlook-grid .compact-day-head small{font-size:14px}.dashboard.outlook-grid .simple-compact-score .score-ring.large{width:108px;height:108px;min-width:108px;max-width:108px}}@media(max-width:1120px){.shell{padding-inline:12px}.detail-panel{max-width:none}}@media(max-width:760px){:root{--graph-height: 320px;--tide-slot-height: 40px}.topbar{grid-template-columns:minmax(0,1fr) auto;padding-inline:0}.daily-mobile-planner-nav{display:block;grid-column:1 / -1;grid-row:2;justify-self:stretch;width:100%}.overview{align-items:stretch;flex-direction:column;gap:10px;margin-top:26px;padding-left:0;padding-right:0}.overview-title-row{display:flex;width:100%;align-items:flex-end;justify-content:space-between}.mobile-detail-cue{display:none}.mobile-date-tooltip{position:absolute;top:-12px;left:max(14px,var(--rail-width, 0px));z-index:220;display:inline-flex;align-items:center;max-width:min(260px,calc(100vw - 48px));padding:9px 11px;border:1px solid color-mix(in srgb,var(--cyan),transparent 38%);border-radius:999px;background:var(--surface-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan),transparent 88%),0 0 20px color-mix(in srgb,var(--cyan),transparent 72%),0 12px 30px #2b3f4833;color:var(--text);font-size:12px;font-weight:750;line-height:1;pointer-events:none;animation:mobile-date-tooltip-fade 4.2s ease both,mobile-date-tooltip-pulse 1.4s ease-in-out 2}.mobile-date-tooltip i{display:none}.range-toggle{width:100%}.overview-actions{display:none}.seasonal-planner-chip{width:100%}.search-wrap{grid-column:1 / -1;grid-row:3;justify-self:stretch;width:100%}.content-column.seven-day-view .dashboard.with-time-rail{margin-bottom:-16px;padding-block:6px 30px;--tide-slot-height: 36px;--time-rail-bottom-offset: 8px;--stacked-full-graph-extension: 28px}.dashboard.hourly-dashboard{width:100%;margin-left:0}.dashboard.simple-card-mode.with-time-rail{--simple-graph-bottom-extension: 28px;--simple-time-rail-bottom-offset: 0px}.content-column.seven-day-view .day-bar{--day-card-padding-bottom: 8px;padding-bottom:var(--day-card-padding-bottom)}.content-column.seven-day-view .condition-stack{margin-bottom:9px}.content-column.seven-day-view .dashboard.with-time-rail:not(.simple-card-mode) .time-rail-spacer{flex-basis:calc(var(--graph-top-offset) + var(--card-graph-offset, 0px) - 5px)}.direction-list{inset-inline:7px;bottom:7px;gap:4px;padding:5px}.direction-row-pair{gap:4px}.direction-event-chip{grid-template-columns:auto minmax(0,1fr);gap:3px 5px;padding:5px}.direction-event-chip strong{grid-column:1 / -1;justify-self:start}.content-column.seven-day-view .detail-panel,.content-column.thirty-day-view .detail-panel{--stacked-detail-visual-height: 200px;--stacked-detail-tool-body-height: 268px;--stacked-astro-detail-body-height: 246px}.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line svg,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-chart,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-arc,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-card,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-map,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line svg,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-chart,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-arc,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-card,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-map{height:var(--stacked-detail-visual-height);min-height:var(--stacked-detail-visual-height)}.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle{display:grid;grid-template-rows:auto var(--stacked-detail-tool-body-height);align-content:start}.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-card,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-card,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-card,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-card,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-map,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.direction-detail .direction-map{height:var(--stacked-detail-tool-body-height);min-height:var(--stacked-detail-tool-body-height)}.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-card,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-card{grid-template-rows:minmax(0,1fr) auto;align-content:stretch}.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-arc,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.light-detail .light-arc,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-chart,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-chart,.content-column.seven-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line svg,.content-column.thirty-day-view .detail-panel .tide-detail.has-detail-toggle.tide-chart-detail .tide-line svg{height:100%;min-height:0}}@media(pointer:coarse),(max-width:760px){.settings-trigger,.settings-popover,.settings-popover *,.range-toggle,.range-toggle *,.segmented-control,.segmented-control *,.detail-mode-toggle,.detail-mode-toggle *,.daily-mobile-planner-nav,.daily-mobile-planner-nav *,.day-bar,.day-bar *,.compact-day-card,.compact-day-card *,.detail-panel,.detail-panel *,.detail-swipe-stage,.detail-swipe-stage *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.day-bar.has-active-hour-tooltip{z-index:180}.day-bar:has(.hour-hit-area:hover):not(.has-active-hour-tooltip){z-index:80}.hour-hit-area:hover{z-index:1}.hour-hit-area:hover:after{opacity:0}.hour-hit-area:hover .hour-tooltip{display:none;opacity:0;transform:translate(var(--tooltip-x),-50%);visibility:hidden}.hour-hit-area.active{z-index:20}.hour-hit-area.active:after{opacity:1;box-shadow:0 1px color-mix(in srgb,var(--cyan),transparent 52%) inset,0 -1px color-mix(in srgb,var(--cyan),transparent 52%) inset,1px 0 color-mix(in srgb,var(--cyan),transparent 60%) inset,-1px 0 color-mix(in srgb,var(--cyan),transparent 60%) inset}.hour-hit-area.active .hour-tooltip{display:grid;opacity:1;transform:translateY(-50%);visibility:visible}.bar-visual{--graph-grid-line: rgba(22, 25, 27, .045)}.bar-visual:after{z-index:11}:root[data-theme-choice=dark] .bar-visual{--graph-grid-line: rgba(244, 248, 249, .055)}:root[data-theme-choice=matrix] .bar-visual{--graph-grid-line: rgba(176, 255, 186, .04)}@media(prefers-color-scheme:dark){:root[data-theme-choice=system] .bar-visual{--graph-grid-line: rgba(244, 248, 249, .055)}}}@keyframes mobile-date-tooltip-fade{0%{opacity:0;transform:translateY(-5px)}10%,76%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes mobile-date-tooltip-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan),transparent 88%),0 0 20px color-mix(in srgb,var(--cyan),transparent 72%),0 12px 30px #2b3f4833}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan),transparent 76%),0 0 28px color-mix(in srgb,var(--cyan),transparent 58%),0 14px 34px #2b3f4838}}@media(max-width:680px){:root{--graph-height: 306px}.shell{padding-top:14px;padding-inline:10px}.night-playground-header{grid-template-columns:1fr;gap:12px;margin-top:4px}.playground-back{width:fit-content}.night-option{grid-template-columns:1fr}.night-option-card{overflow-x:auto;padding-bottom:4px}.overview{padding-left:0}.search-wrap input,.trip-planning-form input{font-size:16px}.trip-hero{margin-top:28px}.trip-hero-copy h1{font-size:clamp(34px,12vw,48px)}.trip-hero-title-line{display:inline;white-space:normal}.trip-hero-title-line:not(:last-child):after{content:" "}.trip-hero-copy p{font-size:15px}.trip-nav{overflow-x:auto}.trip-nav a,.trip-nav span{padding-inline:8px;font-size:11px}.trip-topbar .planner-view-toggle a,.trip-topbar .planner-view-toggle span{padding-inline:8px}.trip-planning-form{padding:13px}.trip-range-fields,.trip-metrics{grid-template-columns:1fr}.trip-results-header{align-items:flex-start;flex-direction:column}.trip-results{gap:10px}.trip-results-actions-top{display:none}.trip-results-mobile-share{display:flex;margin-top:0;padding-top:0}.trip-results-mobile-share .trip-share-button{width:100%;height:42px;align-items:center;line-height:1}.trip-results-mobile-share .trip-share-button span{height:auto;line-height:1;transform:none}.trip-back-top{margin:14px auto -4px}.daily-back-top{margin:-8px auto -4px}.suggestions{width:100%;max-width:calc(100vw - 20px)}.dashboard.outlook-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-left:0}.dashboard.outlook-grid .compact-day-card{min-height:204px;padding:12px 11px;gap:12px}.dashboard.outlook-grid .compact-day-head strong{font-size:18px}.dashboard.outlook-grid .compact-day-head small{font-size:12px}.dashboard.outlook-grid .compact-weather-glyph,.dashboard.outlook-grid .compact-weather-glyph svg{width:32px;height:32px}.dashboard.outlook-grid .score-ring.compact{width:42px;height:42px;min-width:42px}.dashboard.outlook-grid .compact-temp b{font-size:25px}.dashboard.outlook-grid .compact-temp small{font-size:15px}.dashboard.outlook-grid .simple-compact-score .score-ring.large{width:92px;height:92px;min-width:92px;max-width:92px}.dashboard.outlook-grid .simple-compact-score .score-ring.large b{font-size:32px}.detail-panel{margin-bottom:8px;padding:18px}.legend{gap:12px;overflow-x:auto;padding-left:0;padding-bottom:6px;font-size:11px}.legend span{gap:5px}.legend i,.legend b{width:16px;height:11px}.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}}.dashboard.hourly-dashboard{display:block;overflow:visible;margin-bottom:0;padding:0}.workbench.hourly-layout .detail-panel{position:static;top:auto}.workbench.hourly-layout .detail-panel.has-tide-light-toggle,.workbench.hourly-layout .detail-panel.has-light-direction-toggle,.workbench.hourly-layout .detail-panel.astro-detail-panel,.workbench.hourly-layout .loading-detail-panel{min-height:0;grid-template-rows:auto auto auto auto auto auto minmax(0,1fr)}.workbench.hourly-layout .detail-panel.has-tide-light-toggle .tide-detail,.workbench.hourly-layout .detail-panel.has-light-direction-toggle .tide-detail,.workbench.hourly-layout .detail-panel.astro-detail-panel .moon-detail{min-height:0;padding-bottom:0}.workbench.hourly-layout .detail-panel.light-only-detail .tide-detail{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr);align-content:stretch;padding-bottom:0}@media(min-width:1681px){.workbench.hourly-layout .detail-panel.has-tide-light-toggle,.workbench.hourly-layout .detail-panel.has-light-direction-toggle,.workbench.hourly-layout .detail-panel.astro-detail-panel,.workbench.hourly-layout .loading-detail-panel{height:calc(var(--graph-top-offset) + var(--graph-height) + var(--tide-slot-height) + 23px)}}.hourly-playground-shell{min-height:100vh}.hourly-playground-column{gap:24px}.hourly-playground-topbar{grid-template-columns:auto minmax(0,1fr)}.hourly-back-link{justify-self:end;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),transparent 8%);color:var(--muted);font-size:12px;font-weight:760;text-decoration:none}.hourly-back-link:hover{color:var(--text)}.hourly-playground-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.hourly-playground-intro h1{margin:4px 0 8px;font-size:clamp(38px,6vw,72px);line-height:.92;letter-spacing:0}.hourly-playground-intro p{max-width:690px;margin:0;color:var(--muted);font-size:15px;line-height:1.45}.hourly-location-card{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-weight:750;white-space:nowrap}.hourly-location-card svg{color:var(--cyan)}.hourly-notice{margin:0}.hourly-controls-panel{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),transparent 12%);box-shadow:var(--detail-panel-inset)}.hourly-date-nav{display:inline-grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:10px;align-items:center}.hourly-date-nav button,.hourly-option-toggle button{border:0;font:inherit;cursor:pointer}.hourly-date-nav button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--text)}.hourly-date-nav button:disabled{cursor:default;opacity:.35}.hourly-date-nav small,.hourly-summary-card small,.hourly-timeline-group h2,.hourly-date-group h2{color:var(--muted);font-size:12px;font-weight:780;letter-spacing:.01em;text-transform:uppercase}.hourly-date-nav strong{display:block;margin-top:2px;font-size:20px;line-height:1.1}.hourly-option-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:256px;padding:3px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg),var(--surface) 32%)}.hourly-option-toggle button{min-height:34px;border-radius:6px;background:transparent;color:var(--muted);font-weight:780}.hourly-option-toggle button.active{background:var(--surface-strong);color:var(--text);box-shadow:0 1px 8px #2b3f481f}.hourly-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.hourly-summary-card{display:grid;gap:6px;min-height:120px;align-content:center;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--detail-panel-inset)}.hourly-summary-card strong{color:var(--text);font-size:30px;line-height:1}.hourly-summary-card span{color:var(--muted);font-size:13px;line-height:1.25}.hourly-summary-card.excellent strong,.hourly-summary-card.good strong{color:var(--green)}.hourly-summary-card.fair strong,.hourly-summary-card.sun strong{color:var(--sun)}.hourly-summary-card.caution strong{color:var(--orange)}.hourly-summary-card.rough strong,.hourly-summary-card.rain strong{color:var(--pink)}.hourly-summary-card.wind strong{color:var(--cyan)}.hourly-playground-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.hourly-option-stage,.hourly-selected-panel,.hourly-loading,.hourly-empty-state{border:1px solid var(--line);border-radius:8px;background:var(--detail-panel-bg);box-shadow:var(--shadow),var(--detail-panel-inset)}.hourly-option-stage{min-width:0;padding:16px}.hourly-date-group+.hourly-date-group,.hourly-timeline-group+.hourly-timeline-group{margin-top:22px}.hourly-date-group h2,.hourly-timeline-group h2{margin:0 0 10px}.hourly-row-stack{display:grid;gap:8px}.hourly-decision-row{display:grid;grid-template-columns:72px 42px minmax(160px,.58fr) 84px minmax(500px,1.78fr) 148px;gap:16px;align-items:center;width:100%;min-height:88px;padding:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),transparent 8%);color:var(--text);text-align:left;cursor:pointer}.hourly-decision-row:hover,.hourly-decision-row.active{border-color:color-mix(in srgb,var(--cyan),var(--line) 22%);box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan),transparent 45%)}.hourly-row-time{display:grid;grid-column:1;grid-row:1;gap:4px;min-width:0}.hourly-row-time b{font-size:20px;white-space:nowrap}.hourly-row-time small,.hourly-row-condition small{color:var(--muted);font-weight:650}.hourly-row-weather{grid-column:2;grid-row:1;justify-content:center}.hourly-row-condition{display:grid;grid-column:3;grid-row:1;gap:4px;min-width:0}.hourly-row-condition b{font-size:18px;line-height:1.05}.hourly-row-status{display:contents}.hourly-score-pill{--score-color: var(--green);display:grid;place-items:center;gap:1px;min-height:58px;border-radius:8px;background:color-mix(in srgb,var(--surface-strong),transparent 7%);color:var(--score-color);font-size:26px;font-weight:850;min-width:0}.hourly-row-status .hourly-score-pill{grid-column:4;grid-row:1}.hourly-score-pill small{font-size:10px;font-weight:820;text-transform:uppercase}.hourly-score-pill.excellent,.hourly-score-pill.good,.hourly-cell-score.excellent,.hourly-cell-score.good{--score-color: #34c28f;color:var(--score-color)}.hourly-score-pill.excellent,.hourly-cell-score.excellent{--score-color: #14824f}.hourly-score-pill.fair,.hourly-cell-score.fair{--score-color: #d7b12a;color:var(--score-color)}.hourly-score-pill.caution,.hourly-cell-score.caution{--score-color: #e2852d;color:var(--score-color)}.hourly-score-pill.rough,.hourly-cell-score.rough{--score-color: var(--red);color:var(--score-color)}.hourly-row-metrics{display:grid;grid-template-columns:repeat(var(--hourly-metric-count, 4),minmax(0,1fr));gap:8px;grid-column:5;grid-row:1;padding-left:28px}.hourly-row-metrics span{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon value";column-gap:6px;align-items:center;min-width:0;color:var(--muted)}.hourly-row-metrics svg{grid-area:icon;color:var(--muted)}.hourly-row-metrics .rain svg{color:var(--blue)}.hourly-row-metrics .cloud svg{color:var(--faint)}.hourly-row-metrics .wind svg{color:var(--muted)}.hourly-row-metrics .warning svg{color:var(--orange)}.hourly-row-metrics .humidity svg{color:var(--cyan)}.hourly-row-metrics small{grid-area:label;font-size:10px;font-weight:780;line-height:1;text-transform:uppercase}.hourly-row-metrics b{grid-area:value;min-width:0;overflow:hidden;color:var(--text);font-size:14px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}@media(min-width:921px){.hourly-decision-row.simple-hourly-row .hourly-row-metrics{grid-template-columns:repeat(var(--hourly-metric-count, 2),max-content);justify-content:start;column-gap:64px}}.hourly-wind-value{display:inline-flex;align-items:center;gap:5px;color:var(--text);min-width:0}.hourly-wind-value span{color:var(--text)}.hourly-wind-value em{color:var(--muted);font-style:normal}.hourly-wind-value i{display:inline-grid;width:15px;height:15px;place-items:center;transform:rotate(var(--wind-bearing, 0deg));color:var(--muted);font-style:normal;font-size:14px;line-height:1}.hourly-light-chip{display:inline-grid;width:100%;min-width:0;min-height:34px;place-items:center;justify-self:stretch;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px;font-weight:820;line-height:1;white-space:nowrap;grid-column:6;grid-row:1}.hourly-light-chip.is-golden,.hourly-cell-light.golden{border-color:color-mix(in srgb,var(--sun),transparent 35%);color:var(--sun)}.hourly-light-chip.is-blue,.hourly-cell-light.blue{border-color:color-mix(in srgb,var(--blue),transparent 35%);color:var(--blue)}.hourly-light-chip.is-daylight,.hourly-cell-light.daylight{border-color:color-mix(in srgb,var(--cyan),white 34%);color:color-mix(in srgb,var(--cyan),white 34%)}.hourly-chart{padding:16px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),transparent 8%)}.hourly-chart-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;color:var(--muted)}.hourly-chart-head span{display:grid;gap:4px}.hourly-chart-head b{color:var(--text);font-size:18px}.hourly-score-line{position:relative;height:180px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0 35px,color-mix(in srgb,var(--line),transparent 25%) 36px),linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-strong),transparent 36%));overflow:hidden}.hourly-score-line:before{content:"";position:absolute;right:0;bottom:0;left:0;height:42%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--green),transparent 72%))}.hourly-score-point{position:absolute;top:var(--point-score);left:calc((var(--point-index) / var(--hour-denominator)) * 100%);display:grid;width:34px;height:28px;place-items:center;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--text);font-size:11px;font-weight:820;cursor:pointer;z-index:1}.hourly-score-point.active{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan),transparent 78%)}.hourly-timeline-rail{display:grid;grid-auto-columns:minmax(88px,1fr);grid-auto-flow:column;gap:8px;overflow-x:auto;padding-bottom:8px}.hourly-timeline-cell{display:grid;gap:8px;min-height:210px;padding:10px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),transparent 8%);color:var(--text);text-align:left;cursor:pointer}.hourly-timeline-cell.active{border-color:var(--cyan);box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan),transparent 46%)}.hourly-cell-time{color:var(--muted);font-size:12px;font-weight:760}.hourly-cell-score{font-size:24px;font-weight:860}.hourly-cell-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-items:end;height:86px;padding:6px;border-radius:6px;background:color-mix(in srgb,var(--bg),var(--surface) 20%)}.hourly-cell-bars i{display:block;min-height:4px;border-radius:999px 999px 3px 3px}.hourly-cell-bars .score{background:var(--graph-shoot-strong)}.hourly-cell-bars .rain{background:var(--graph-rain-medium)}.hourly-cell-bars .cloud{background:color-mix(in srgb,var(--muted),transparent 42%)}.hourly-cell-light{align-self:end;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:780}.hourly-selected-panel{position:sticky;top:16px;display:grid;gap:16px;padding:16px}.hourly-selected-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}.hourly-selected-head .weather-glyph{justify-content:center}.hourly-selected-head h2{margin:2px 0;font-size:30px;line-height:1}.hourly-selected-head small,.hourly-selected-head p,.hourly-selected-note span{color:var(--muted)}.hourly-selected-head p{margin:0;font-weight:720}.hourly-selected-score{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface),transparent 7%)}.hourly-selected-score strong{font-size:46px;line-height:.9}.hourly-selected-score span{color:var(--muted);font-weight:780}.hourly-selected-score.excellent strong,.hourly-selected-score.good strong{color:var(--green)}.hourly-selected-score.fair strong{color:var(--sun)}.hourly-selected-score.caution strong{color:var(--orange)}.hourly-selected-score.rough strong{color:var(--pink)}.hourly-selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.hourly-selected-grid .detail-info-item{min-height:62px}.hourly-selected-grid .detail-info-item:nth-child(-n+2){border-top:0}.hourly-selected-note{display:grid;gap:6px;padding:14px;border:1px solid color-mix(in srgb,var(--cyan),var(--line) 35%);border-radius:8px;background:color-mix(in srgb,var(--cyan),transparent 91%);line-height:1.35}.hourly-selected-note b{color:var(--text)}.hourly-loading{display:grid;gap:10px;padding:16px}.hourly-loading span{position:relative;display:block;height:88px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.hourly-loading span:after{content:"";position:absolute;inset:-20% auto -20% -38%;width:30%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface-strong),white 8%),transparent);opacity:.54;transform:skew(-14deg);animation:shimmer 1.35s infinite}.hourly-empty-state{margin:0}@media(max-width:1080px){.hourly-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hourly-playground-layout{grid-template-columns:1fr}.hourly-selected-panel{position:static}}@media(min-width:721px)and (max-width:920px){.hourly-controls-panel,.hourly-date-nav{min-width:0}.hourly-date-nav strong{font-size:18px}.hourly-decision-row{grid-template-columns:64px 38px minmax(0,1fr) 124px;grid-template-areas:"time weather condition status" "metrics metrics metrics status";column-gap:10px;row-gap:6px;min-height:0;padding:12px 14px}.hourly-row-time{grid-area:time;align-self:start}.hourly-row-weather{grid-area:weather;align-self:start;padding-top:3px}.hourly-row-condition{grid-area:condition;align-self:start;padding-top:1px}.hourly-row-status{grid-area:status;display:grid;grid-template-rows:minmax(68px,1fr) auto;gap:8px;align-self:stretch}.hourly-row-status .hourly-score-pill,.hourly-row-status .hourly-light-chip{grid-column:auto;grid-row:auto}.hourly-score-pill{min-height:0;font-size:29px}.hourly-row-metrics{grid-area:metrics;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-self:start;padding:0}.hourly-row-metrics b{font-size:13px}.hourly-light-chip{width:100%;min-width:0}.hourly-decision-row.simple-hourly-row{grid-template-columns:64px 38px minmax(0,1fr) 124px;grid-template-areas:"time weather condition status" "metrics metrics metrics status";row-gap:6px}.simple-hourly-row .hourly-row-status{display:grid;grid-template-rows:minmax(54px,1fr) auto;gap:8px}.simple-hourly-row .hourly-row-status .hourly-score-pill{min-height:52px;font-size:24px}.simple-hourly-row .hourly-light-chip{min-height:32px}.simple-hourly-row .hourly-row-metrics{grid-area:metrics;grid-template-columns:repeat(var(--hourly-metric-count, 2),minmax(0,148px));gap:12px;align-self:start}}@media(max-width:720px){.hourly-playground-column{gap:18px}.hourly-playground-topbar,.hourly-playground-intro,.hourly-controls-panel{grid-template-columns:1fr}.hourly-back-link,.hourly-location-card{justify-self:start}.hourly-playground-intro h1{font-size:46px}.hourly-option-toggle{width:100%}.hourly-summary-grid{grid-template-columns:1fr}.hourly-summary-card{min-height:92px}.hourly-option-stage{padding:12px}.hourly-decision-row{grid-template-columns:58px 34px minmax(0,1fr) 104px;grid-template-areas:"time weather condition status" "metrics metrics metrics status";column-gap:9px;row-gap:13px;min-height:0;padding:14px}.hourly-row-time{grid-area:time;align-self:start}.hourly-row-weather{grid-area:weather;align-self:start;padding-top:3px}.hourly-row-condition{grid-area:condition;align-self:start;padding-top:1px}.hourly-row-status{grid-area:status;display:grid;grid-template-rows:minmax(86px,1fr) auto;gap:8px;align-self:stretch}.hourly-row-status .hourly-score-pill,.hourly-row-status .hourly-light-chip{grid-column:auto;grid-row:auto}.hourly-score-pill{min-height:0;font-size:30px}.hourly-row-condition b{font-size:16px}.hourly-row-metrics{grid-area:metrics;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-self:center;padding:0}.hourly-row-metrics span{column-gap:5px}.hourly-row-metrics b{font-size:15px}.hourly-light-chip{justify-self:stretch;width:100%;min-width:0;min-height:32px;font-size:11px}.hourly-decision-row.simple-hourly-row{grid-template-columns:58px 34px minmax(0,1fr) 74px;grid-template-areas:"time weather condition score" "metrics metrics metrics chip";row-gap:10px;padding-block:12px}.simple-hourly-row .hourly-row-status{display:contents}.simple-hourly-row .hourly-row-status .hourly-score-pill{grid-area:score;min-height:56px;font-size:26px}.simple-hourly-row .hourly-light-chip{grid-area:chip;align-self:center;min-height:30px}.simple-hourly-row .hourly-row-metrics{grid-area:metrics;grid-template-columns:repeat(var(--hourly-metric-count, 2),minmax(0,1fr));gap:9px 14px;align-self:center}.hourly-selected-grid{grid-template-columns:1fr}.hourly-selected-grid .detail-info-item:nth-child(2){border-top:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){.weather-glyph.rainy svg path:not(:first-child){animation:none!important;opacity:1;transform:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}