:root{--paper: #f6f1e7;--ink: #24221f;--ink-soft: #857e72;--rule: #e0d7c6;--sheet: #fffdf8;--now: #e0342c;--warn: #f2c31b;--red: rgb(240, 84, 84);--orange: rgb(250, 140, 51);--yellow: rgb(237, 186, 26);--green: rgb(77, 191, 102);--teal: rgb(26, 179, 184);--blue: rgb(64, 128, 247);--purple: rgb(158, 102, 242);--pink: rgb(237, 89, 166);--display: "Instrument Serif", georgia, serif;--text: -apple-system, blinkmacsystemfont, "Helvetica Neue", sans-serif;--ui: ui-rounded, -apple-system, blinkmacsystemfont, sans-serif}html{scrollbar-width:none}*,:before,:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--display);font-weight:400}.scrub{animation-delay:calc(var(--at) - var(--progress) * var(--length));animation-fill-mode:both;animation-play-state:paused}@keyframes home-exit{15%{opacity:1}85%{opacity:0}to{opacity:0;scale:.96;translate:0 55vh}}@keyframes home-rise{0%{opacity:0;translate:0 12px}}@keyframes home-fade{0%{opacity:0}}@keyframes home-swap{0%{opacity:0;translate:0 10px}10%,90%{opacity:1;translate:0 0}to{opacity:0;translate:0 -10px}}@keyframes home-swap-stay{0%{opacity:0;translate:0 10px}10%,to{opacity:1;translate:0 0}}@keyframes home-draw{0%{stroke-dashoffset:1}}.nav{--surface: var(--paper);position:fixed;inset:0 0 auto;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:clamp(14px,2.4vh,24px) clamp(24px,6vw,96px);background:var(--surface);&:after{content:"";position:absolute;inset:100% 0 auto;height:3rem;background:linear-gradient(var(--surface),transparent);pointer-events:none}a{color:inherit;text-decoration:none}.wordmark{display:flex;gap:.55rem;align-items:center;font-family:var(--display);font-size:1.6rem;svg{width:1.6rem;height:1.2rem}.track{fill:none;stroke:currentcolor;stroke-opacity:.35}.cursor{stroke:var(--now);stroke-width:2;stroke-linecap:round}.dot{fill:var(--now)}}.links{display:flex;align-items:center;gap:clamp(24px,3vw,44px);color:var(--ink-soft);font-size:.95rem;a:hover{color:var(--ink)}.cta{padding:.35rem 1rem;border:1px solid var(--ink);border-radius:999px;color:var(--ink)}}&[data-tone=dark]{--surface: var(--ink);color:var(--paper);.links{color:#f6f1e799}.links a:hover,.cta{border-color:var(--paper);color:var(--paper)}}@media(width<48rem){.links a:not(.cta){display:none}}}.contents{position:fixed;top:50%;right:clamp(12px,1.6vw,28px);z-index:2;translate:0 -50%;ol{display:grid;padding:.6rem .8rem;border:1px solid transparent;border-radius:14px;list-style:none;transition:.3s ease}a{display:flex;align-items:center;justify-content:flex-end;padding:.32rem 0;color:var(--ink-soft);font-size:.95rem;text-decoration:none;transition:color .2s ease;&:hover,&[aria-current]{color:var(--ink)}}.label{max-width:0;overflow:hidden;opacity:0;translate:.5rem 0;white-space:nowrap;transition:.35s ease}.tick{width:12px;height:1px;background:currentcolor;transition:.25s ease}[aria-current] .tick{width:24px;background:var(--now)}&:hover,&:focus-within{ol{border-color:var(--rule);background:var(--sheet);box-shadow:0 18px 40px -24px #24221f73}.label{max-width:12rem;margin-right:.9rem;opacity:1;translate:0;transition-delay:calc(var(--i) * 18ms)}}&[data-dark]:not(:hover,:focus-within) a{color:#f6f1e773;&[aria-current]{color:var(--paper)}}@media(hover:none){display:none}}.hero{--progress: 0;--length: 1s;display:grid;place-items:center;min-height:100dvh;padding:120px clamp(24px,6vw,96px) 80px;text-align:center;container-type:inline-size;view-timeline:--hero block;.content{display:grid;justify-items:center;width:100%;animation:home-exit linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}h1{font-size:clamp(3rem,7vw,6rem);line-height:.98;letter-spacing:-.015em;text-wrap:balance;animation:home-rise .8s ease-out both}.mark{position:relative;font-style:italic;svg{position:absolute;inset:auto -2% -.08em;width:104%;height:.2em;overflow:visible;fill:none;stroke:var(--now);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgb(224,52,44,.5))}path{stroke-dasharray:1;animation:home-draw 1.1s .6s cubic-bezier(.5,0,.3,1) both}}.lead{max-width:34rem;margin-top:clamp(1.6rem,4vh,2.4rem);color:var(--ink-soft);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6;text-wrap:pretty;animation:home-rise .8s .2s ease-out both}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem;align-items:center;margin-top:clamp(1.8rem,4.5vh,2.6rem);animation:home-rise .8s .35s ease-out both;a{font-size:1rem;text-decoration:none}}.cta{padding:.85rem 1.8rem;border-radius:999px;background:var(--ink);color:var(--paper);transition:background .2s;&:hover{background:var(--now)}}.how{padding-bottom:2px;background:linear-gradient(var(--now),var(--now)) no-repeat 0 100% / 100% 1px;color:var(--ink)}.preview{display:grid;align-items:center;width:min(56rem,100%);height:124px;margin-top:clamp(2rem,6vh,4rem);text-align:left;animation:home-rise 1s .6s ease-out both}.hint{margin-top:.8rem;color:var(--ink-soft);font-size:.85rem;animation:home-rise 1s 1.2s ease-out both}@media(prefers-reduced-motion:reduce){h1,.lead,.actions,.preview,.hint,.mark path{animation:none}}}.bar{width:100%;padding:10px 16px 6px;border:1px solid rgb(255,255,255,.7);border-radius:14px;background:#fffdf8db;color:var(--ink);font-family:var(--ui);box-shadow:0 1px 2px #24221f14,0 18px 40px -18px #24221f59;backdrop-filter:blur(20px);transition:padding .3s,border-radius .3s,grid-template-columns .3s;&.scrub{animation-name:home-rise;animation-duration:.6s;animation-timing-function:ease-out}.status{display:grid;height:18px;transition:height .3s,margin .3s,opacity .2s}.line{display:flex;grid-area:1 / 1;gap:6px;align-items:center;min-width:0;font-size:12px;white-space:nowrap;animation-name:home-swap;animation-duration:var(--for);animation-timing-function:linear;&:last-child{animation-name:home-swap-stay}b{font-weight:600}}.dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--color);box-shadow:0 0 4px var(--color)}.plus{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:700;line-height:1}.detail{overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis}time{margin-left:auto;padding-left:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.track{position:relative;height:32px;margin-top:14px;transition:height .3s,margin .3s}.rail{position:absolute;inset:calc(50% - 1px) 0 auto;height:2px;border-radius:1px;background:#24221f12;transition:opacity .2s}.block{position:absolute;inset:0 auto;left:var(--from);width:calc(var(--to) - var(--from));&.scrub{animation-name:bar-edit;animation-duration:.8s;animation-timing-function:ease-in-out}}.face{position:relative;display:flex;align-items:center;height:100%;padding:0 8px;border-radius:8px;background:color-mix(in srgb,var(--color) 26%,white);color:color-mix(in srgb,var(--color) 50%,var(--ink));font-size:11px;font-weight:600;box-shadow:inset 0 0 0 .5px #fff9;transition:border-radius .3s;&.past{background:color-mix(in srgb,var(--color) 13%,white);color:var(--ink-soft)}&.scrub{animation-name:bar-appear;animation-duration:.5s;animation-timing-function:cubic-bezier(.3,1.4,.6,1);&.leaves{animation-name:bar-leave;animation-timing-function:ease-in}}}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s}.call{flex:none;width:11px;margin-left:auto;fill:currentcolor;opacity:.7;transition:opacity .2s}.lit{position:absolute;inset:0;display:flex;align-items:center;padding:0 8px;border-radius:inherit;background:var(--color);color:#fff;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px -2px color-mix(in srgb,var(--color) 60%,transparent);animation-name:home-fade;animation-duration:.3s;animation-timing-function:ease-out}.outline{position:absolute;inset:0;border:1.5px solid var(--warn);border-radius:inherit;box-shadow:0 0 12px var(--warn);animation-name:home-fade;animation-duration:.3s;&:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--warn);animation:bar-pulse 1.2s ease-in-out infinite alternate}}.changed{position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--color) 70%,var(--ink));animation-name:home-fade;animation-duration:.3s}.cursor{position:absolute;inset:-6px auto -4px;left:var(--from);width:2px;margin-left:-1px;border-radius:1px;background:var(--now);box-shadow:0 0 6px var(--now);animation-name:bar-walk;animation-duration:var(--length);animation-timing-function:linear;&:before,&:after{content:"";position:absolute;top:-6px;left:-3px;width:8px;height:8px;border-radius:50%}&:before{z-index:1;background:var(--now);box-shadow:0 0 0 1.5px #fff}&:after{border:1.5px solid var(--now);animation:bar-ring 2.4s ease-out infinite}}.warn{position:absolute;inset:0;z-index:2;border-radius:inherit;background:var(--warn);box-shadow:0 0 6px var(--warn);animation-name:home-fade;animation-duration:.3s;&:before{content:"";position:absolute;top:-6px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 1.5px #fff}}.hours{position:relative;height:14px;margin-top:5px;transition:height .3s,margin .3s,opacity .2s;span{position:absolute;left:var(--pos);translate:-50% 0;color:var(--ink-soft);font-size:9.5px;font-variant-numeric:tabular-nums}}@media(hover:hover){&.collapsed{position:relative;&:before{content:"";position:absolute;inset:-16px;z-index:-1}&:not(:hover,.held){padding:2px;border-radius:5px;.status,.hours{height:0;margin:0;opacity:0}.track{height:6px;margin-top:0}.rail,.title,.call{opacity:0}.face{border-radius:2px}.cursor{top:-2px;bottom:-2px;&:before,&:after{display:none}}}}}&.vertical{display:grid;grid-template:auto 1fr / 2rem 6.5rem;width:auto;height:100%;padding:10px 10px 10px 4px;.status{grid-column:1 / -1;height:34px;margin:0 0 10px 6px}.line{flex-wrap:wrap;align-content:flex-start;row-gap:2px}.detail{flex-basis:100%}time{display:none}.track{grid-area:2 / 2;height:auto;margin:0}.rail{inset:0 auto 0 calc(50% - 1px);width:2px;height:auto}.block{inset:var(--from) 0 auto;width:auto;height:calc(var(--to) - var(--from))}.face,.lit{align-items:flex-start;padding:3px 6px}.cursor{inset:var(--from) -6px auto -4px;width:auto;height:2px;margin:-1px 0 0;animation-name:bar-walk-down;&:before,&:after{top:-3px;left:-6px}}.hours{grid-area:2 / 1;height:auto;margin:0;span{top:var(--pos);right:12px;left:auto;translate:0 -50%}}@media(hover:hover){&.collapsed:not(:hover,.held){grid-template-columns:0 6px;.track{height:auto}.face,.lit{padding:0}.cursor{top:var(--from);bottom:auto;left:-2px;right:-2px}}}}@container (width < 44rem){.title,.detail,.call{display:none}}}@keyframes bar-appear{0%{opacity:0;translate:0 -18px;scale:.9}}@keyframes bar-leave{to{opacity:0;translate:0 18px;scale:.9}}@keyframes bar-edit{to{width:calc(var(--edit) - var(--from))}}@keyframes bar-walk{to{left:var(--to)}}@keyframes bar-walk-down{to{top:var(--to)}}@keyframes bar-ring{0%{opacity:.7;scale:1}to{opacity:0;scale:3}}@keyframes bar-pulse{0%{opacity:.05}to{opacity:.3}}.bar.live-bar{user-select:none;.track{touch-action:pan-y}.block{top:calc(var(--lane) / var(--lanes) * 100%);height:calc(100% / var(--lanes));padding-bottom:calc(1px * (var(--lanes) - 1))}.line,.cursor,.lit,.outline,.warn{animation:none}.lens{position:absolute;inset:-4px auto;left:var(--pos);width:1px;background:#24221f59;pointer-events:none}.undo{padding:1px 9px;border:0;border-radius:999px;background:var(--blue);color:#fff;font:inherit;font-weight:600;cursor:pointer}}.chapter{--progress: 0;view-timeline:--chapter block;.viewport{position:sticky;top:0;container-type:inline-size;display:grid;grid-template-rows:auto auto;align-content:safe center;justify-items:center;gap:clamp(1.5rem,6vh,4.5rem);height:100dvh;padding:clamp(72px,11vh,96px) clamp(24px,6vw,96px) clamp(24px,4vh,48px);overflow-x:clip;animation:home-exit linear forwards;animation-timeline:--chapter;animation-range:exit 0% exit 100%}.progress{position:absolute;inset:18vh auto 18vh clamp(10px,2.4vw,36px);z-index:1;width:1px;background:var(--rule);animation:home-progress linear both;animation-timeline:--chapter;animation-range:contain;.fill{position:relative;height:calc(var(--progress) * 100%);background:var(--now);&:after{content:"";position:absolute;bottom:-3px;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--now);box-shadow:0 0 8px var(--now)}}@media(width<48rem){display:none}}.captions{position:relative;z-index:1;display:grid;width:min(44rem,100%);text-align:center}.caption{grid-area:1 / 1;align-self:end;font-family:var(--display);font-size:clamp(1.6rem,3.2cqi,2.8rem);line-height:1.15;text-wrap:balance;animation-name:home-swap;animation-duration:var(--for);animation-timing-function:linear;&:last-child{animation-name:home-swap-stay}}.kicker{display:block;margin-bottom:.7rem;color:var(--now);font-family:var(--text);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.stage{display:grid;place-items:center;width:100%}.captions,.stage{animation:home-chapter-arrive ease-out backwards;animation-timeline:--chapter;animation-range:entry 10% entry 100%}&[data-tone=dark]{position:relative;z-index:1;clip-path:inset(0);background:var(--ink);color:var(--paper);.progress{background:#f6f1e726}.kicker{color:var(--warn)}}}@keyframes home-chapter-arrive{0%{opacity:0;translate:0 6vh}}@keyframes home-progress{0%,to{opacity:0}3%,97%{opacity:1}}.desktop{position:relative;width:min(60rem,100%);overflow:hidden;border-radius:14px;background:radial-gradient(120% 90% at 85% 0%,#f3d9b8 0%,transparent 55%),radial-gradient(90% 80% at 0% 100%,#c9d6e8 0%,transparent 60%),#ece4d6;color:var(--ink);box-shadow:0 0 0 1px #24221f14,0 40px 80px -40px #24221f8c;.menubar{display:flex;gap:18px;align-items:center;height:26px;padding:0 14px;background:#fffdf88c;font-family:var(--ui);font-size:12px;backdrop-filter:blur(16px);.app{font-weight:700}}.extra{display:flex;gap:6px;align-items:center;margin-left:auto;svg{width:18px;height:14px}}.labels{display:grid;justify-items:start;min-width:9rem}.label{grid-area:1 / 1;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;animation-name:home-swap;animation-duration:var(--for);animation-timing-function:linear;&:last-child{animation-name:home-swap-stay}}.space{position:relative;display:grid;grid-template:auto 1fr / 1fr;gap:18px;min-height:16rem;padding:14px 18px 0}.float{position:relative;z-index:1;grid-area:1 / 1}.card{z-index:1;grid-area:2 / 1;justify-self:center;margin-top:-10px}.side{position:absolute;inset:12px 4px 12px auto;z-index:1;display:flex}.window{display:grid;grid-area:1 / 1 / 3;align-content:start;gap:14px;width:72%;margin:48px auto 0;padding:18px 22px;border-radius:12px 12px 0 0;background:#fffdf8eb;box-shadow:0 20px 50px -20px #24221f66;.lights{display:flex;gap:6px;margin-bottom:10px;i{width:10px;height:10px;border-radius:50%;background:var(--rule)}}.row{width:var(--w);height:8px;border-radius:4px;background:#24221f12}}@container (width < 44rem){.menubar>span:not(.app,.extra){display:none}}}.toast{display:flex;gap:10px;align-items:center;width:17rem;padding:10px 10px 10px 12px;border:1px solid rgb(255,255,255,.6);border-radius:14px;background:#fffdf8d1;color:var(--ink);font-family:var(--ui);font-size:12px;box-shadow:0 10px 24px -8px #24221f59;backdrop-filter:blur(20px);animation-name:toast-in;animation-duration:.5s;animation-timing-function:cubic-bezier(.3,1.3,.6,1);&.leaves{animation-name:toast-visit;animation-duration:var(--for);animation-timing-function:linear}.dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--color);box-shadow:0 0 5px var(--color)}.text{display:grid;flex:1;gap:1px;span{color:var(--ink-soft)}}.button{padding:5px 12px;border-radius:999px;background:var(--color);color:#fff;font-weight:600}}@keyframes toast-in{0%{opacity:0;translate:0 -12px}}@keyframes toast-visit{0%{opacity:0;translate:0 -12px}12%,80%{opacity:1;translate:0 0}to{opacity:0;translate:0 -10px}}.shape-plan{position:absolute;inset:0 auto 0 75%;width:0;font-family:var(--ui);font-size:11px;font-weight:600;white-space:nowrap;animation-name:shape-plan;animation-duration:8.2s;animation-timing-function:linear;>span{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;padding:0 8px;border-radius:8px;animation-duration:.3s}.draft{border:1.5px dashed var(--blue);background:color-mix(in srgb,var(--blue) 12%,white);color:var(--blue);animation-name:shape-hide}.walk{background:color-mix(in srgb,var(--yellow) 30%,white);color:color-mix(in srgb,var(--yellow) 45%,var(--ink));box-shadow:inset 0 0 0 .5px #fff9;animation-name:home-fade}@container (width < 44rem){.draft,.walk{color:transparent}}}@keyframes shape-plan{0%{left:75%;width:0}12.2%,41.5%{left:75%;width:10%}51.2%,56.1%{left:72.5%;width:10%}65.9%,73.2%{left:72.5%;width:15%;opacity:1;translate:0 0}78%,97.6%{left:72.5%;width:15%;opacity:0;translate:0 -36px}to{left:72.5%;width:15%;opacity:1;translate:0 0}}@keyframes shape-hide{to{opacity:0}}.routine{display:grid;gap:22px;width:min(52rem,100%);.plan{width:min(34rem,100%);justify-self:center;animation-name:home-rise;animation-duration:.6s;animation-timing-function:ease-out}}.week{width:100%;padding:14px 16px 16px;border-radius:14px;background:var(--sheet);font-family:var(--ui);box-shadow:0 0 0 1px #24221f0f,0 18px 40px -22px #24221f66;.name{margin-bottom:10px;font-size:12px;font-weight:700}.days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.weekday{display:block;margin-bottom:6px;color:var(--ink-soft);font-size:11px;text-align:center}.today .weekday{color:var(--now);font-weight:700}.column{position:relative;height:10rem;border-radius:8px;background:#24221f09}.today .column{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--now) 45%,transparent)}.tile{position:absolute;inset:var(--top) 3px auto;align-content:center;height:calc(var(--bottom) - var(--top) - 2px);overflow:hidden;padding:0 6px;border-radius:5px;background:color-mix(in srgb,var(--color) 26%,white);color:color-mix(in srgb,var(--color) 50%,var(--ink));font-size:10px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}@container (width < 44rem){.tile{font-size:0}}}.features{display:grid;justify-items:center;gap:clamp(2.5rem,7vh,4.5rem);padding:18vh clamp(24px,6vw,96px) 12vh;h2{font-size:clamp(2.2rem,4.4vw,3.6rem);text-align:center}ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2.6rem 3rem;width:min(60rem,100%);list-style:none}li{padding-top:1rem;border-top:1px solid var(--rule);animation:home-rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}h3{display:flex;gap:.6rem;align-items:center;font-size:1rem;font-weight:600;&:before{content:"";width:1.4rem;height:.55rem;border-radius:3px;background:color-mix(in srgb,var(--color) 55%,white)}}p{margin-top:.5rem;color:var(--ink-soft);font-size:.95rem;line-height:1.55}}.faq{width:min(44rem,100% - 2 * clamp(24px,6vw,96px));margin:0 auto;padding:10vh 0 6vh;h2{margin-bottom:2rem;color:var(--now);font-family:var(--text);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}details{border-top:1px solid var(--rule);&:last-child{border-bottom:1px solid var(--rule)}&[open] summary:after{rotate:45deg}}summary{display:flex;justify-content:space-between;padding:1.3rem 0;font-family:var(--display);font-size:clamp(1.4rem,2.4vw,1.75rem);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&:after{content:"+";color:var(--now);transition:rotate .2s}}p{max-width:36rem;padding-bottom:1.4rem;color:var(--ink-soft);font-size:1rem;line-height:1.65}}.download{display:grid;justify-items:center;align-content:center;gap:clamp(2rem,5vh,3rem);min-height:80dvh;padding:16vh clamp(24px,6vw,96px) 6vh;text-align:center;.icon{margin-bottom:-1rem;filter:drop-shadow(0 18px 24px rgb(36,34,31,.3))}h2{font-size:clamp(2.4rem,5vw,4rem);text-wrap:balance}.button{padding:.85rem 1.8rem;border:1px solid var(--ink);border-radius:999px;color:var(--ink);font-size:1.05rem;text-decoration:none;transition:background .2s,color .2s;&:hover{background:var(--ink);color:var(--paper)}}.note{margin-top:-.8rem;color:var(--ink-soft);font-size:.95rem}.foot{margin-top:12vh;color:var(--ink-soft);font-family:var(--display);font-size:1.2rem}}