@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(/assets/barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-vietnamese-500-normal-DGADhYWF.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-500-normal-hJ2t9k9e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-ext-500-normal-BXdp1BvY.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-500-normal-rZeYuEMb.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Clocks Apart Flags;src:url(/assets/TwemojiCountryFlags-Bymva2JV.woff2)format("woff2");font-display:swap}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-text:"Barlow", ui-sans-serif, system-ui, sans-serif;--font-figures:"Barlow Semi Condensed", "Barlow", ui-sans-serif, system-ui, sans-serif;--page:#eef1ef;--surface:#fff;--tint:#f2f5f3;--ink:#17251c;--muted:#56655b;--line:#dce3de;--accent:#2d5e3a;--accent-ink:#fff;--accent-soft:#e4f2d9;--work:#e4f2d9;--work-ink:#2c4a2f;--rail:#3c8a4e;--off:#f2d7a2;--off-ink:#5e4618;--night:#2f3b57;--night-ink:#c9d2e6;--hatch:#5e461838;--gap:#ffffff8c;--lens:#2d5e3a1a;--bar:#87958c;--shadow:0 16px 40px #17251c2e;--scrim:#131d134d;--scrim-blur:blur(3px);--shade:#131d131f;--danger:#a5473e;--danger-soft:#faeae6;--sunrise-start:#a56b16;--sunrise-end:#bf5a37;--sunset-start:#be6737;--sunset-end:#875a83;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356655b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");--search-clear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356655b' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M6 18 18 6'/%3E%3C/svg%3E");--label-width:18rem;--radius:10px;--row-height:4rem;--overlap-height:76px;--room:0px}@media (prefers-reduced-transparency:reduce){:root{--scrim-blur:none}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0c110e;--surface:#141b17;--tint:#19221c;--ink:#e4ece6;--muted:#9fb0a5;--line:#27332c;--accent:#a8d8a0;--accent-ink:#10301a;--accent-soft:#2d3e29;--work:#33503a;--work-ink:#ddefd9;--rail:#8fd48a;--off:#4d3f25;--off-ink:#ebd3a6;--night:#0b1019;--night-ink:#8792ab;--hatch:#ebd3a629;--gap:#141b1799;--lens:#a8d8a01f;--bar:#5d6f63;--shadow:0 16px 40px #00000080;--scrim:#00000073;--shade:#0000004d;--danger:#edaa9e;--danger-soft:#3d2927;--sunrise-start:#e4bc70;--sunrise-end:#e8956f;--sunset-start:#e6a070;--sunset-end:#bc95bd;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fb0a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");--search-clear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fb0a5' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M6 18 18 6'/%3E%3C/svg%3E")}}@layer base{*,:before,:after{box-sizing:border-box}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--page);height:100dvh;color:var(--ink);font:1rem / 1.5 var(--font-text);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button{border:0}button,select{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}svg{flex:none;width:18px;height:18px;display:block}[data-icon]{flex:none;display:inline-flex}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{z-index:20;background:var(--surface);padding:12px;position:fixed;top:12px;left:12px;translate:0 -160%}.skip-link:focus{translate:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html{-webkit-text-size-adjust:100%}:where(time,.tabular){font-variant-numeric:tabular-nums}.loading-cover{z-index:100;background:var(--surface);place-content:center;gap:16px;padding:24px;display:grid;position:fixed;inset:0}@supports not selector(:popover-open){[popover]:not([data-open=true]){display:none}}fieldset{border:0;min-width:0;margin:0}}@layer controls{.button,.icon-button{border-radius:var(--radius);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:7px 12px;font-size:1rem;font-weight:600;transition:background-color .12s,border-color .12s,scale .12s ease-out;display:inline-flex}:is(.button,.icon-button,.segmented button):active:not(:disabled){scale:.97}.button:hover,.icon-button:hover{background:var(--tint)}.icon-button{width:40px;height:40px;padding:9px}.share-button{min-height:42px;padding-inline:14px}.quiet{color:var(--muted)}.primary,.best-button{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.primary:hover,.best-button:hover{background:color-mix(in srgb, var(--accent) 90%, var(--ink));border-color:#0000}.best-button{min-height:42px;padding:10px 17px}.best-button svg{width:17px}.field-label{color:var(--muted);margin-bottom:2px;font-size:.875rem;font-weight:500;display:block}.now-button{border-color:var(--line);background:var(--surface);min-height:42px;padding:0 14px;font-weight:500}.add-button{min-height:40px;color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:1rem;font-weight:600;display:inline-flex}.add-button svg{width:15px;height:15px}.segmented{background:var(--tint);border-radius:8px;gap:3px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border-radius:6px;padding:6px 11px;font-size:1rem;transition:background-color .14s,color .14s,box-shadow .14s,scale .12s ease-out}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000012}.floating-panel{z-index:10;border:1px solid var(--line);background:var(--surface);max-height:calc(100dvh - 24px);color:var(--ink);border-radius:13px;margin:0;padding:18px;overflow:auto;box-shadow:0 12px 40px #00000016}.floating-panel[data-open=true]{display:block}.floating-panel h2{margin-bottom:12px;font-size:1rem}.time-editor{width:20rem;max-width:calc(100vw - 24px);position:fixed}.slot-heading{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.875rem;display:flex}.slot-key{align-items:center;gap:5px;font-size:.75rem;display:inline-flex}.slot-key i,.slot-dots i{background:var(--rail);border-radius:50%;width:6px;height:6px}.time-slots{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(3.75rem,1fr));gap:6px;max-height:12.5rem;margin:0 -4px 16px;padding:4px;display:grid;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 10px calc(100% - 10px),#0000);mask-image:linear-gradient(#0000,#000 10px calc(100% - 10px),#0000)}.time-slot{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:8px;justify-items:center;gap:5px;padding:7px 2px 8px;font-size:.9375rem;font-weight:500;line-height:1;display:grid}.time-slot:hover{background:var(--tint)}.time-slot small{color:var(--muted);font-size:.6875rem;font-weight:600}.time-slot[data-all=true]{background:var(--work);color:var(--work-ink);border-color:#0000}.time-slot[aria-current=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:700}.slot-dots{gap:3px;display:flex}.slot-dots i{background:var(--line)}.slot-dots i[data-on=true]{background:var(--rail)}.compact-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.compact-heading h2{margin:0}.time-editor p{color:var(--muted);margin:0 0 16px;font-size:.875rem}.time-editor label{color:var(--muted);margin-bottom:5px;font-size:.875rem;display:block}.time-editor input{border:1px solid var(--line);background:var(--tint);border-radius:7px;width:100%;min-width:0;min-height:44px;padding:8px;font-size:1.4375rem}.time-editor>.button{width:100%;margin-top:16px}.now-button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.now-button[aria-pressed=true]:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.settings-panel{width:22rem;max-width:calc(100vw - 24px);max-height:calc(100dvh - 68px);position:fixed;inset:56px 16px auto auto}.settings-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:1rem;display:flex}.settings-row:last-child{padding-bottom:0}.settings-row small{color:var(--muted);margin-top:3px;font-size:.875rem;display:block}.about-row{width:100%;color:var(--ink);font:inherit;text-align:left;background:0 0;border-bottom:0;border-left:0;border-right:0;flex-wrap:nowrap}.about-row:hover>span:first-child{text-underline-offset:3px;text-decoration:underline}.about-row svg{width:18px;height:18px;color:var(--muted)}.install-row{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.app-tile{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:11px;place-items:center;display:grid}.app-tile svg{width:28px;height:28px}.install-row .button{grid-column:1/-1}.button.outline{border-color:var(--line);background:var(--surface);min-height:40px;font-weight:500}.button.outline:hover{background:var(--tint)}.button.outline svg{width:17px;height:17px}.appearance-row .segmented{flex-wrap:wrap;width:100%;display:flex}.appearance-row button{flex:1;min-height:44px;padding-inline:6px}@supports (position-anchor:--theme-choice){.appearance-row .segmented{isolation:isolate;position:relative}.appearance-row .segmented:after{content:"";position-anchor:--theme-choice;inset:anchor(top) anchor(right) anchor(bottom) anchor(left);background:var(--surface);pointer-events:none;z-index:-1;border-radius:6px;position:absolute;box-shadow:0 1px 3px #00000012}.appearance-row button[aria-pressed=true]{anchor-name:--theme-choice;box-shadow:none;background:0 0}@media (prefers-reduced-motion:no-preference){.appearance-row .segmented:after{transition:inset .16s ease-out}}}input.switch{appearance:none;background:var(--line);cursor:pointer;border-radius:20px;flex:none;width:34px;height:20px;margin:0;transition:background .12s;position:relative}input.switch:after{content:"";background:var(--surface);border-radius:50%;width:14px;height:14px;transition:translate .12s;position:absolute;top:3px;left:3px}input.switch:checked{background:var(--accent)}input.switch:checked:after{translate:14px}.danger{color:var(--danger)}.toast{bottom:calc(24px + env(safe-area-inset-bottom));background:var(--ink);width:max-content;max-width:calc(100% - 32px);color:var(--surface);z-index:100;opacity:0;pointer-events:none;border-radius:10px;padding:12px 18px;font-size:.875rem;transition:opacity .12s,translate .12s;position:fixed;left:50%;translate:-50% 8px;box-shadow:0 4px 20px #00000016}.toast[data-visible=true]{opacity:1;translate:-50%}@media (pointer:coarse){.icon-button,.button,.segmented button{min-width:44px;min-height:44px}}@media (width<=720px){.field-label{font-size:.875rem}.settings-panel{inset:60px 12px auto auto}}.wheel [role=option]{cursor:pointer;text-align:center}.settings-panel{inset-block-start:calc(min(56px, 10dvh) + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));max-height:calc(100dvh - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@layer layout{.app-header{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:12px 20px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;margin-right:12px;font-size:1.0625rem;font-weight:600;display:flex}.brand-mark{width:28px;height:28px;color:var(--accent);flex:none}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.when{align-items:center;gap:8px;display:flex}.stepper{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;display:flex}.stepper-button,.date-button{border-radius:var(--radius);background:0 0;border:0;height:40px}.stepper-button{width:36px;color:var(--muted);place-items:center;display:grid}.date-button{min-width:6.5rem;color:var(--ink);white-space:nowrap;padding:0 4px;font-weight:600}:is(.stepper-button,.date-button):hover{background:var(--tint)}.time-button,.length-select{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface);height:42px;color:var(--ink)}.time-button{font:600 1.25rem / 1 var(--font-figures);font-variant-numeric:tabular-nums;padding:0 12px}.time-button:hover{background:var(--tint)}.length-select{padding:0 32px 0 10px;font-size:1rem}:is(.length-select,.editor select){appearance:none;background-image:var(--select-chevron);background-position:right 10px center;background-repeat:no-repeat;background-size:16px}@media (forced-colors:active){:is(.length-select,.editor select){appearance:auto;background-image:none}}.best-times{--chip-height:calc(1.25rem + 6px);border-left:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 6px;padding:7px 0 7px 20px;font-size:.875rem;display:flex}.best-times button{height:var(--chip-height);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 3px;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex}.best-times button:hover{background:var(--tint)}@media (width<=1399px){.best-times{min-height:var(--chip-height);border-left:0;flex-basis:100%;order:4;padding:0}}.workspace{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.board{background:var(--surface);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:clip}@media (width<=1000px){:root{--label-width:15.5rem}.best-times{flex:1 0 50%}.header-actions{order:5}}@media (width<=720px){.app-header{gap:8px;padding:10px 16px}.brand{margin-right:0}.brand-name,.share-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.now-button{order:1;padding-inline:12px}.header-actions{order:2;margin-left:0}.share-button{width:42px;padding:0}.when{flex-wrap:wrap;flex-basis:100%;order:3;gap:6px}.stepper{flex:1 0 auto;justify-content:space-between}.stepper-button{width:32px}.date-button{min-width:5.5rem}.length-select{padding:0 30px 0 8px}}@media (width<=370px){.app-header{padding-inline:12px}.stepper-button{display:none}.stepper{flex:0 auto}.header-actions{gap:4px}.best-button{padding-inline:11px;font-size:1rem}}.board-footer{border-top:1px solid var(--line);min-height:63px;color:var(--muted);flex-wrap:wrap;flex:none;align-items:center;gap:8px 20px;padding:10px 22px;font-size:.875rem;display:flex}.city-count,.legend,.maker{border-left:1px solid var(--line);padding-left:20px}.legend{margin-left:auto}.adder{flex:none;min-width:0;position:relative}.add-search{width:clamp(16rem,28vw,24rem)}.adder:has(#add-search:not([hidden])):before{content:"";z-index:19;background:var(--scrim);-webkit-backdrop-filter:var(--scrim-blur);backdrop-filter:var(--scrim-blur);position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.adder:has(#add-search:not([hidden])):before{animation:.15s ease-out scrim-in}}@keyframes scrim-in{0%{opacity:0}}.add-search:not([hidden]){z-index:20;position:relative}.search-popup{z-index:20;border:1px solid var(--line);background:var(--surface);border-radius:13px;flex-direction:column;width:max(100%,22rem);max-width:calc(100vw - 32px);padding:6px;display:flex;position:absolute;bottom:calc(100% + 16px);left:0;box-shadow:0 12px 40px #00000016}.add-button[aria-disabled=true]{color:var(--muted);cursor:default}.search-field{border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface);height:42px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.search-field input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:1rem}.search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-field input::-webkit-search-cancel-button{appearance:none;background:var(--search-clear) center / 16px no-repeat;cursor:pointer;width:16px;height:16px}.zone-results{flex:auto;min-height:0;max-height:min(21rem,50dvh);overflow:auto}.zone-results button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:8px 6px;display:grid}.zone-results button:hover,.zone-results button:focus-visible{background:var(--tint)}.result-place{flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0;display:flex}.result-place strong{font-weight:600}.result-place small,.result-offset{color:var(--muted);font-size:.875rem}.empty-results{color:var(--muted);padding:8px 6px}.city-status{border-top:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:4px 12px;margin-top:6px;padding:8px 6px 2px;display:flex}.city-status :is(span:not(:empty),button:not([hidden]))~a{border-left:1px solid var(--line);padding-left:12px}@media (width<=370px){.city-status a{margin-left:auto}.city-status :is(span:not(:empty),button:not([hidden]))~a{border-left:0;padding-left:0}}.legend{flex-wrap:wrap;gap:4px 16px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:14px;height:14px}.legend-work{background:var(--work);box-shadow:inset 0 3px var(--rail)}.legend-off-hours{background:var(--off)}.legend-rest{background:var(--off) repeating-linear-gradient(135deg, transparent 0 4px, var(--hatch) 4px 6px)}.legend-night{background:var(--night)}.city-status{color:var(--muted);font-size:.875rem}.settings-credits{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:2px 14px;padding-top:14px;font-size:.75rem;line-height:1.5;display:flex}:is(.settings-credits,.city-status) a:hover{color:var(--ink);text-decoration:underline}.maker{color:var(--ink);font-weight:600}.about-button{border:0;border-left:1px solid var(--line);color:var(--muted);font:inherit;background:0 0;padding:0 0 0 20px}.about-button:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.maker span{color:var(--accent);padding:0 2px}@media (width<=720px){.board-footer{border-top:0;gap:8px 16px;padding:8px 16px 16px}.city-count{padding-left:16px}.adder:has(#add-search:not([hidden])){flex:auto}.add-search{width:auto}.search-popup{width:calc(100vw - 32px)}.board-footer:has(#add-search:not([hidden])) .maker{display:none}.about-button{display:none}.maker{border-left:0;margin-left:auto;padding-left:0}.legend{border-left:0;order:1;width:100%;margin-left:0;padding-left:0}}.repeat-button{border-color:var(--line);background:var(--surface);min-height:42px;padding-inline:14px;font-weight:500}.repeat-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.forecast{border-bottom:1px solid var(--line);background:var(--tint);flex:none}.forecast summary{cursor:pointer;align-items:center;gap:10px;padding:10px 22px;list-style:none;display:flex}.forecast summary::-webkit-details-marker{display:none}.forecast summary>svg:first-child{color:var(--accent)}.forecast summary strong{font-weight:600}.forecast-more{color:var(--accent);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-weight:600;display:inline-flex}.forecast-more svg{transition:rotate .15s}.forecast[open] .forecast-more svg{rotate:180deg}.forecast-events{gap:12px;max-height:min(40vh,24rem);padding:4px 22px 16px;display:grid;overflow:auto}.forecast-events li{grid-template-columns:6rem 1fr;gap:12px;display:grid}.forecast-events time{font:600 1.0625rem / 1.4 var(--font-figures);font-variant-numeric:tabular-nums}.forecast-events p{font-size:.9375rem}.forecast-title{font-weight:600}.forecast-move{color:var(--muted);font-variant-numeric:tabular-nums}.forecast-holiday{align-items:center;gap:6px;display:flex}.forecast-holiday svg{width:15px;height:15px;color:var(--off-ink)}@media (width<=720px){.repeat-button{order:1;width:42px;margin-left:auto;padding:0}.repeat-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.forecast summary{align-items:start;padding:10px 16px}.forecast-events{padding:4px 16px 14px}.forecast-events li{grid-template-columns:5rem 1fr}}body.guide-page{background:var(--surface);height:auto;min-height:100dvh;display:block}.guide-header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 20px;padding:14px 20px;display:flex}.guide-brand{color:var(--ink);font-size:1.0625rem;font-weight:600;text-decoration:none}.guide-header .guide-open{min-height:36px;color:var(--accent-ink);margin-left:auto;padding-block:4px;font-size:.9375rem;text-decoration:none}.guide-preview{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:8px;margin:20px 0 16px;padding:16px;display:grid}.guide-row{gap:4px;display:grid}.guide-city{font-weight:600}.guide-band{border-radius:6px;grid-template-columns:repeat(24,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:clip}.guide-band li{height:2.25rem;box-shadow:inset 1px 0 var(--gap);font:500 .8125rem / 1 var(--font-figures);font-variant-numeric:tabular-nums;align-items:center;padding-left:4px;display:flex}.guide-band li span{z-index:1;white-space:nowrap;position:relative}.guide-band li[data-tone=work]{background:var(--work);color:var(--work-ink)}.guide-band li[data-tone=off-hours]{background:var(--off);color:var(--off-ink)}.guide-band li[data-tone=night]{background:var(--night);color:var(--night-ink)}.guide-band li[data-both=true]{box-shadow:inset 1px 0 var(--gap), inset 0 3px var(--rail)}.guide-app{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.guide-app span{color:var(--muted);flex:16rem;font-size:.9375rem}@media (width<=720px){.guide-band li:not(:nth-child(3n+1)) span{visibility:hidden}.guide-band li{box-shadow:none}.guide-band li[data-both=true]{box-shadow:inset 0 3px var(--rail)}.guide-header nav{flex-basis:100%;order:1}}.guide-crumbs{color:var(--muted);flex-wrap:wrap;gap:2px 8px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.guide-crumbs li+li:before{content:"›";margin-right:8px}.guide-crumbs a{color:var(--muted)}.guide,.guide-footer{max-width:44rem;margin:0 auto;padding-inline:20px}.guide{padding-block:32px 40px}.guide h1{margin:0 0 12px;font-size:2rem;font-weight:600;line-height:1.15}.guide h2{margin:36px 0 10px;font-size:1.25rem;font-weight:600}.guide h3{margin:20px 0 6px;font-size:1rem;font-weight:600}.guide p{margin:0 0 12px}.guide a{color:var(--accent)}.guide-lead{font-size:1.1875rem}.guide .guide-cta{max-width:100%;color:var(--accent-ink);white-space:normal;margin-top:4px;text-decoration:none}.guide table{border-collapse:separate;border-spacing:0 3px;font-variant-numeric:tabular-nums;width:100%}.guide th{color:var(--muted);text-align:left;padding:4px 12px;font-size:.875rem;font-weight:500}.guide-hours td{width:50%;font:600 1.0625rem var(--font-figures);padding:7px 12px}.guide-hours td:first-child{border-radius:6px 0 0 6px}.guide-hours td:last-child{box-shadow:inset 1px 0 var(--gap);border-radius:0 6px 6px 0}.guide-hours td[data-tone=work]{background:var(--work);color:var(--work-ink)}.guide-hours td[data-tone=off-hours]{background:var(--off);color:var(--off-ink)}.guide-hours td[data-tone=night]{background:var(--night);color:var(--night-ink)}.guide-hours small{font:500 .8125rem var(--font-text);margin-left:8px}.guide-periods td{border-top:1px solid var(--line);padding:8px 12px}.guide-links{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.guide-links a{border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:3px 11px;font-size:.9375rem;text-decoration:none;display:inline-block}.guide-links a:hover{background:var(--tint)}.guide-footer{color:var(--muted);padding-bottom:40px;font-size:.8125rem}}@layer timeline{.comparison{--rows:1;--room-wide:calc((100cqw - 1000px) / 20);--room-tall:calc((100cqh - var(--overlap-height) - 13px) / var(--rows) - var(--row-height));--room:clamp(0px, min(var(--room-wide), var(--room-tall)), 2.5rem);overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:auto;container-type:size}.comparison:has(.zone-row:nth-child(2)){--rows:2}.comparison:has(.zone-row:nth-child(3)){--rows:3}.comparison:has(.zone-row:nth-child(4)){--rows:4}.comparison:has(.zone-row:nth-child(5)){--rows:5}.comparison:has(.zone-row:nth-child(6)){--rows:6}.overlap-row{grid-template-columns:calc(var(--label-width) + 2 * var(--room)) minmax(0, 1fr);background:var(--surface);border-bottom:1px solid var(--line);flex:none;display:grid}.overlap-label{flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:8px 16px 8px 22px;display:flex}.fit-status{color:var(--muted);font-size:calc(.875rem + var(--room) / 24)}.fit-status strong{color:var(--ink);font:600 calc(1.375rem + var(--room) / 6) / 1.2 var(--font-figures);font-variant-numeric:tabular-nums;margin-right:4px}.fit-status[data-all=true] strong{color:var(--accent)}.rank{background:var(--accent);width:1.25rem;height:1.25rem;color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.75rem;font-style:normal;font-weight:700;display:inline-grid}.overlap-track{min-height:var(--overlap-height);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;margin-right:22px;position:relative;overflow:clip}.overlap-bars,.best-pins{pointer-events:none;will-change:transform;position:absolute;left:0;right:0}.overlap-bars{height:36px;bottom:10px}.overlap-bars i{background:var(--bar);box-shadow:inset -1px 0 var(--surface);border-radius:2px 2px 0 0;position:absolute;bottom:0}.overlap-bars i[data-all=true]{background:var(--rail)}.best-pins{z-index:2;height:24px;top:6px}.best-pin{border:2px solid var(--surface);cursor:pointer;pointer-events:auto;width:24px;height:24px;padding:0;position:absolute;top:0;translate:-50%}.strip-lens{z-index:1;border:2px solid var(--accent);background:var(--lens);pointer-events:none;border-bottom:0;border-radius:8px 8px 0 0;min-width:2px;position:absolute;top:0;bottom:0}.lens-handle{z-index:3;background:var(--accent);width:12px;height:30px;box-shadow:0 0 0 2px var(--surface);cursor:ew-resize;touch-action:none;border-radius:6px;padding:0;position:absolute;top:50%;translate:-50% -50%}.lens-handle:before{content:"";position:absolute;inset:-8px -14px}.lens-handle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.overlap-track[data-short=true] .start-handle{translate:calc(-100% - 2px) -50%}.overlap-track[data-short=true] .end-handle{translate:2px -50%}.sun-detail svg{width:1.5rem;height:1.5rem;color:var(--accent)}.comparison[data-scrubbing=true]{cursor:grabbing}@media (width<=720px){.overlap-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"label""track"}.overlap-label{flex-flow:wrap;grid-area:label;justify-content:space-between;align-items:center;gap:4px 12px;padding:10px 16px 2px}.overlap-label .best-times{flex:1 0 100%}.overlap-track{grid-area:track;min-height:52px;margin:0 16px}}.zone-rows{flex:none;display:grid}.zone-row{grid-template-columns:calc(var(--label-width) + 2 * var(--room)) minmax(0, 1fr);grid-template-rows:calc(var(--row-height) + var(--room));display:grid}.location{flex-direction:column;justify-content:center;min-width:0;padding:4px 16px 4px 22px;display:flex}.place,.meet{align-items:center;gap:6px;min-width:0;display:flex}.place{align-items:baseline}.flag{font:calc(.9375rem + var(--room) / 8) "Clocks Apart Flags", system-ui;flex:none}.location-name{min-width:0;font-size:calc(1rem + var(--room) / 6);font-weight:600}.name-button{max-width:100%;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:4px;align-items:center;gap:2px;padding:0;display:inline-flex}.name-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.name-button svg{width:calc(14px + var(--room) / 12);height:calc(14px + var(--room) / 12);color:var(--muted);transition:rotate .15s}.name-button:hover span{text-underline-offset:3px;text-decoration:underline}.name-button[aria-expanded=true] svg{rotate:180deg}.editor{border-block:1px solid var(--line);background:var(--tint);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px 24px;margin-bottom:8px;padding:12px 22px;display:flex}@media (prefers-reduced-motion:no-preference){.editor{interpolate-size:allow-keywords;transition:block-size .24s cubic-bezier(.2, 0, 0, 1), padding-block .24s cubic-bezier(.2, 0, 0, 1), margin-block .24s cubic-bezier(.2, 0, 0, 1), opacity .2s ease-out, display .24s allow-discrete;overflow:clip}.editor[hidden]{opacity:0;block-size:0;margin-block:0;padding-block:0}@starting-style{.editor:not([hidden]){opacity:0;block-size:0;margin-block:0;padding-block:0}}.editor[data-instant]{transition:none}}.editor-field,.hours,.days{color:var(--muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.editor select{border:1px solid var(--line);background-color:var(--surface);height:36px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:8px;padding:0 32px 0 8px;font-size:1rem}.hours,.days{padding:0}.hours legend,.days legend{float:left;white-space:nowrap;margin-right:8px;padding:0}.hours legend{margin-right:0}.days button{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--ink);border-radius:8px;padding:0;font-weight:600}.days button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.days button[data-weekend=true]{color:var(--danger)}.days button[data-weekend=true][aria-pressed=true]{border-color:var(--danger);background:var(--danger);color:var(--danger-soft)}.editor-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.editor-actions .button{border-color:var(--line);background:var(--surface);min-height:36px;font-size:.9375rem;font-weight:500}.editor-actions .button:hover{background:var(--page)}.editor-actions svg{width:16px;height:16px}.home-label{color:var(--accent);font-size:calc(.875rem + var(--room) / 24);white-space:nowrap;align-self:center;align-items:center;gap:3px;font-weight:600;display:inline-flex}.home-label svg{width:14px;height:14px}.row-offset,.row-hours{color:var(--muted);font-size:calc(.875rem + var(--room) / 24);white-space:nowrap}.selected-clock{font:600 calc(1.5rem + var(--room) / 6) / 1.15 var(--font-figures);font-variant-numeric:tabular-nums;white-space:nowrap}.selected-clock small{color:var(--muted);font:500 .875rem var(--font-text);margin-left:3px}.chip{font-size:calc(.875rem + var(--room) / 24);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:1px 7px;font-weight:600;display:inline-flex}.chip svg{width:14px;height:14px}.chip.day{background:var(--line);color:var(--ink)}.selected-clock,.chip.day{flex:none}.chip.status{min-width:0}.chip-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.chip.status[data-truncated=true]{position:relative}.chip.status[data-truncated=true]:is(:hover,:focus):not([data-dismissed=true]):before{content:"";height:6px;position:absolute;bottom:100%;left:0;right:0}.chip.status[data-truncated=true]:is(:hover,:focus):not([data-dismissed=true]):after{content:attr(data-full);z-index:30;background:var(--ink);width:max-content;max-width:min(20rem,100vw - 32px);color:var(--surface);white-space:normal;border-radius:8px;padding:6px 10px;font-size:.875rem;font-weight:500;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 4px 20px #00000016}.chip[data-tone=off-hours],.chip[data-tone=rest]{background-color:var(--off);color:var(--off-ink)}.chip[data-tone=rest],.hour-cell[data-rest=true]:not([data-tone=night]){background-image:repeating-linear-gradient(135deg, transparent 0 5px, var(--hatch) 5px 7px)}.chip[data-tone=night]{background:var(--night);color:var(--night-ink)}.track{outline-offset:-3px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;min-width:0;margin-right:22px;position:relative;overflow:clip}.band{inset:calc(.75rem + var(--room) / 6) 0;border-radius:6px;position:absolute;overflow:clip}.track-cells{pointer-events:none;will-change:transform;position:absolute;inset:0}.hour-cell{padding-left:calc(5px + var(--room) / 12);box-shadow:inset 1px 0 var(--gap);font-size:calc(.875rem + var(--room) / 12);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;font-weight:500;line-height:1;display:flex;position:absolute;top:0;bottom:0}.hour-label{z-index:1;position:relative}.hour-cell[data-tone=work]{background-color:var(--work);color:var(--work-ink);box-shadow:inset 1px 0 var(--gap), inset 0 3px var(--rail)}.hour-cell[data-tone=off-hours]{background-color:var(--off);color:var(--off-ink)}.hour-cell[data-tone=night]{background-color:var(--night);color:var(--night-ink)}.hour-part{position:absolute;top:0;bottom:0}.hour-part[data-tone=work]{background-color:var(--work);box-shadow:inset 0 3px var(--rail)}.hour-part[data-tone=off-hours]{background-color:var(--off)}.hour-part[data-tone=night]{background-color:var(--night)}.hour-cell[data-split=true] .hour-label{background-color:inherit;border-radius:0 3px 3px 0;padding-right:3px}.hour-cell[data-midnight=true]{box-shadow:inset 2px 0 var(--ink);font-weight:700}.hour-cell[data-midnight=true][data-tone=work]{box-shadow:inset 2px 0 var(--ink), inset 0 3px var(--rail)}.hour-cell[data-change]:before{content:"";border-left:2px dashed var(--ink);position:absolute;top:0;bottom:0;left:0}.row-selection{z-index:1;border-inline:2px solid var(--accent);background:var(--lens);pointer-events:none;min-width:2px;position:absolute;top:0;bottom:0}.zone-row:last-child .row-selection{border-bottom:2px solid var(--accent);border-radius:0 0 8px 8px;bottom:6px}.sun-marker{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;display:flex;position:absolute;bottom:.125rem;translate:-50%}.sun-marker:before{content:"";position:absolute;inset:-10px -4px}.sun-badge{height:calc(1.25rem + var(--room) / 12);background:var(--surface);box-shadow:0 0 0 1px var(--line);color:var(--muted);font-size:calc(.875rem + var(--room) / 24);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:0 .4rem;line-height:1;display:flex}.sun-badge svg{width:.875rem;height:.875rem}.sun-marker:hover .sun-badge{background:var(--tint)}.sun-marker:focus-visible{outline-offset:2px}:root{view-transition-name:none}::view-transition{pointer-events:none}.zone-row{view-transition-class:city}@media (prefers-reduced-motion:no-preference){::view-transition-group(.city){animation-duration:.3s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-new(.city):only-child{animation:.3s cubic-bezier(.2,0,0,1) both city-in}::view-transition-old(.city):only-child{animation:.16s ease-in both city-out}:root[data-city-change=remove]::view-transition-group(.city){animation-delay:.12s}}@keyframes city-in{0%{opacity:0;translate:0 12px}}@keyframes city-out{to{opacity:0;translate:-32px}}.zone-row[data-arrived=true]{animation:1.6s ease-out city-arrived}@keyframes city-arrived{0%{background-color:var(--accent-soft)}}@media (width<=720px){.zone-row{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.location{flex-flow:wrap;justify-content:space-between;align-items:baseline;gap:0 8px;padding:10px 16px 0}.place{flex:auto}.meet{flex:none}.row-hours{display:none}.editor{gap:12px;margin:8px 0 0;padding:12px 16px}.days button{width:36px;height:36px}.editor-actions{width:100%;margin-left:0}.editor-actions .button{flex:40%}.selected-clock{font-size:1.25rem}.chip{padding:2px 4px}.chip.day{padding:1px 6px}.chip-text{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.chip.day .chip-text{clip-path:none;width:auto;height:auto;position:static}.chip.status[data-truncated=true]:is(:hover,:focus):not([data-dismissed=true]):after{left:auto;right:0}.track{height:2.625rem;margin:0 16px}.track:has(.sun-marker){height:3.75rem}.band{inset:5px 0 3px}.track:has(.sun-marker) .band{bottom:1.375rem}.hour-cell{padding-left:4px}.row-selection,.zone-row:last-child .row-selection{border:2px solid var(--accent);border-radius:7px;bottom:0}}}@layer dialogs{dialog{width:min(700px,100% - 32px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0;overflow:auto;box-shadow:0 24px 80px #00000024}dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:var(--scrim-blur);backdrop-filter:var(--scrim-blur)}[popover]::backdrop{background:var(--shade)}@media (prefers-reduced-motion:no-preference){@supports (overlay:auto){dialog,[popover]{opacity:0;transition:opacity .16s ease-out, translate .16s ease-out, display .16s allow-discrete, overlay .16s allow-discrete;translate:0 4px}dialog[open]{opacity:1;translate:0}[popover]:popover-open{opacity:1;translate:0}dialog:not([open]){pointer-events:none}[popover]:not(:popover-open){pointer-events:none}dialog::backdrop,[popover]::backdrop{opacity:0;transition:opacity .16s ease-out, display .16s allow-discrete, overlay .16s allow-discrete}dialog[open]::backdrop{opacity:1}[popover]:popover-open::backdrop{opacity:1}@starting-style{dialog[open]{opacity:0;translate:0 4px}[popover]:popover-open{opacity:0;translate:0 4px}dialog[open]::backdrop{opacity:0}[popover]:popover-open::backdrop{opacity:0}}}}.dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin:0;padding:23px 24px 20px;display:flex}.dialog-heading h2{letter-spacing:-.5px;font-size:1.1875rem}.dialog-heading p{color:var(--muted);margin-top:5px;font-size:.875rem}#picker-zone{flex-wrap:wrap;align-items:center;gap:2px 12px;display:flex}#picker-zone .flag{margin-right:6px}.picker-warning{color:var(--danger);align-items:center;gap:4px;font-weight:600;display:inline-flex}.picker-warning svg{width:15px;height:15px}.date-picker-body{grid-template-columns:1.25fr 1fr;gap:28px;padding:24px;display:grid}.calendar-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-heading h3{font-size:1rem}.calendar-heading .icon-button{width:32px;height:32px}.weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.weekdays{color:var(--muted);text-align:center;margin-bottom:9px;font-size:.875rem}.calendar-days button{aspect-ratio:1;font-variant-numeric:tabular-nums;background:0 0;border-radius:7px;min-width:0;min-height:32px;padding:0;font-size:1rem}.calendar-days button:hover{background:var(--tint)}.calendar-days button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.calendar-days button[data-outside=true]:not([aria-pressed=true]){color:var(--muted);background:var(--tint)}.calendar-days button[aria-current=date]:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--accent)}.weekdays [data-rest=true],.calendar-days button[data-rest=true]:not([aria-pressed=true]){color:var(--danger)}.calendar-days button[data-holiday]:not([aria-pressed=true],[data-outside=true]){background-color:var(--off);background-image:repeating-linear-gradient(135deg, transparent 0 5px, var(--hatch) 5px 7px);color:var(--off-ink)}.calendar-days button[data-holiday]:hover:not([aria-pressed=true],[data-outside=true]){background-color:color-mix(in srgb, var(--off) 88%, var(--ink))}.calendar-days button:is([data-rest=true],[data-holiday])[aria-pressed=true]{background:var(--danger)}.time-picker{border-left:1px solid var(--line);min-width:0;padding-left:25px}.time-picker .field-label{margin-bottom:12px;font-size:.875rem}.time-picker input{border:0;border-bottom:1px solid var(--line);letter-spacing:-1px;font-variant-numeric:tabular-nums;background:0 0;width:100%;min-width:0;padding:6px 2px 11px;font-size:1.75rem;font-weight:500}.wheels{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:17px;display:grid}.wheel{scroll-snap-type:y mandatory;scrollbar-width:none;background:linear-gradient(var(--tint), var(--surface) 38% 62%, var(--tint));border-radius:9px;height:145px;padding-block:52px;position:relative;overflow-y:auto}.wheel [role=option]{width:100%;min-height:41px;color:var(--muted);scroll-snap-align:center;font-variant-numeric:tabular-nums;background:0 0;padding:8px;font-size:1rem;display:block}.wheel [role=option][aria-selected=true]{color:var(--accent);font-weight:700}.wheel::-webkit-scrollbar{display:none}.wheel{-webkit-user-select:none;user-select:none}.wheel[data-dragging=true]{scroll-snap-type:none;cursor:grabbing}.period-choice{width:max-content;margin:14px auto 0;display:flex}.dialog-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:17px 24px;display:flex}.dialog-footer .button{white-space:normal;max-width:100%}.sun-dialog{width:min(380px,100% - 32px)}.about-dialog{width:min(560px,100% - 32px)}.about-dialog .dialog-heading h2{margin:0}.about-title{align-items:center;gap:10px;display:flex}.about-title .brand-mark{color:var(--accent)}.about-body{padding:20px 24px 24px;font-size:.9375rem}.about-body h3{margin:22px 0 6px;font-size:1rem}.about-body h4{margin:14px 0 2px;font-size:.9375rem;font-weight:600}.about-body p,.about-body ul{margin:0 0 8px}.about-body ul:not(.guide-links){padding-left:1.25em;list-style:outside}.about-body a{color:var(--accent)}.sun-details{grid-template-columns:1fr 1fr;gap:12px;padding:20px 24px 25px;display:grid}.sun-detail{background:var(--tint);border-radius:9px;padding:14px}.sun-detail>span{color:var(--muted);align-items:center;gap:7px;font-size:.875rem;display:flex}.sun-detail strong{font-variant-numeric:tabular-nums;margin-top:10px;font-size:1.4375rem;font-weight:500;display:block}@media (width<=600px){dialog{border-radius:14px;max-height:calc(100dvh - 24px)}.dialog-heading{padding:18px 18px 15px}.date-picker-body{grid-template-columns:1fr;gap:16px;padding:16px 18px}.calendar-heading{margin-bottom:10px}.calendar-days button{aspect-ratio:auto;min-height:35px}.time-picker{border-left:0;border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);align-items:center;gap:8px 20px;padding:16px 0 0;display:grid}.time-picker .field-label{margin-bottom:0}.time-picker input{font-size:1.4375rem}.wheels{margin:0}.wheel{height:90px;padding-block:24.5px}.period-choice{grid-column:1/-1;margin-top:0}.dialog-footer{padding:14px 18px}}@media (width<=370px){#date-dialog{width:calc(100vw - 8px);max-width:calc(100vw - 8px)}.date-picker-body{padding-inline:8px}.weekdays,.calendar-days{gap:2px}}.share-sheet{border:1px solid var(--line);background:var(--surface);width:min(400px,100vw - 32px);max-height:calc(100dvh - 88px);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:16px;position:fixed;inset:72px 16px auto auto}:is(.share-sheet:popover-open,.share-sheet[data-open=true]){display:grid}.sheet-heading{justify-content:space-between;align-items:center;display:flex}.sheet-heading h2{font-size:1.125rem;font-weight:600}.share-message{border-radius:var(--radius);background:var(--tint);max-height:240px;font:.9375rem / 1.5 var(--font-text);font-variant-numeric:tabular-nums;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 14px;overflow:auto}.sheet-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sheet-actions .button{border-color:var(--line);font-size:.9375rem;font-weight:500}.sheet-actions .primary{border-color:var(--accent);font-weight:600}#native-share{grid-column:1/-1}@media (width<=720px){.share-sheet{width:auto;max-height:calc(100dvh - 120px);inset:112px 8px auto}}}@layer accessibility{[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none}:is(.button,.icon-button,.segmented button):active:not(:disabled){scale:none}}}