.ramp{block-size:60svh}.ramp--afternoon{--s:#fff1da, #fcddb4, #f2b48e, #c98a86, #6e4f72, #2a2340}.ramp--overnight{--s:#4c3b5e, #1e1a2c 35% 50%, #6b5670 65%, #e8bba8 82%, #fff4ec;block-size:50svh}@media (prefers-color-scheme:dark){.ramp--afternoon{--s:#26221b, #33261c, #3b2620, #352232, #241c33, #16131f}.ramp--overnight{--s:#2b2140, #121019, #2a2030, #2a1f19, #1f1915}}.ramp{background:linear-gradient(var(--s))}@supports (background:linear-gradient(in oklab, red, red)){.ramp{background:linear-gradient(in oklab, var(--s))}}@media (width<=47.99rem){.ramp--afternoon{block-size:40svh}}@media (prefers-contrast:more),(forced-colors:active){.ramp{display:none}}.beat[data-prev=ramp]{--prev:var(--top)}.beat--evening{min-block-size:min(100svh,56rem);padding-block:4rem}.beat--evening .ev-stage{min-block-size:0;padding-block:0;display:block;position:static}.ev-stage--weeks .beat-text{text-align:center;max-inline-size:48rem;margin-inline:auto}.ev-stage--weeks .beat-text h3{align-items:center}.ev-stage--weeks .prose{margin-inline:auto}.beat--evening .demo-caption{margin-block:28px 12px}.rv-stage{align-items:start;gap:2rem;margin-block-start:2rem;display:grid}@media (width>=64rem){.ev-stage:has(.rv-demo){grid-template:repeat(4,auto) 1fr/repeat(12,1fr);column-gap:24px;display:grid}.ev-stage>.beat-text{grid-area:1/1/2/7}.rv-demo,.rv-stage{grid-template:subgrid / subgrid;grid-area:1/1/-1/-1;gap:0 24px;margin:0;display:grid}.rv-demo>.demo-caption{grid-area:2/1/3/7}.rv-said{grid-area:3/1/4/7}.rv-demo>.demo-after{grid-area:4/1/5/7}.rv-sheet{grid-area:1/8/-1/12;align-self:start}}.rv-sentence{color:var(--dusk-text);margin:0 0 1.5rem}.rv-readwrap .m-btn{gap:8px}.rv-demo:not([data-state=idle]) .rv-readwrap{opacity:0}.rv-demo[data-state=reading] .rv-readwrap{transition:opacity var(--dur-snappy) var(--ease-snappy)}.rv-demo:is([data-choice=move],[data-choice=skip]) .rv-choices{display:none}.beat[data-sky=dusk] :is(.link-button,.rv-reviewed){color:var(--dusk-text-2)}.rv-fly{transform-origin:0 0;pointer-events:none;z-index:5;margin:0;display:block;position:fixed}.rv-ghead,.rv-row,.rv-foot{transition:opacity var(--dur-snappy) var(--ease-snappy)}.rv-demo[data-state=reading] :is(.rv-group:not(.landed) .rv-ghead,.rv-row:not(.landed),.rv-foot){opacity:0}.rv-phrase{transition:opacity var(--dur-sort) var(--ease-sort)}.rv-phrase.gone{opacity:.35}.rv-sheet{flex-direction:column;gap:12px;margin:0;padding-block-start:12px;display:flex}.rv-bar{justify-content:space-between;align-items:center;display:flex}.rv-round{background:var(--surface-raised);block-size:44px;inline-size:44px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.rv-body{gap:12px;display:grid}.rv-hint{margin-inline:4px}.rv-groups{gap:16px;display:grid}.rv-group{gap:8px;display:grid}.rv-group:not(:has(.rv-row:not([hidden]))){display:none}.rv-ghead{color:var(--text-3);margin-inline:4px;font-size:17px;font-weight:600}.rv-row{gap:2px;display:grid}.rv-rowtop{justify-content:space-between;gap:12px;display:flex}.rv-quote{color:var(--text-2)}.rv-movedetail{display:none}.rv-group[data-group=changes] .rv-movedetail{display:inline}.rv-choices{border:0;flex-wrap:wrap;gap:12px 8px;margin:6px 0 0;padding:0;display:flex}.rv-chip{min-block-size:32px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 14%, transparent);cursor:pointer;border-radius:999px;align-items:center;padding-inline:12px;font-size:13px;display:inline-flex;position:relative}.rv-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.rv-chip:before{content:"";position:absolute;inset:-6px 0}.rv-chip:has(input:checked){background:var(--accent);color:var(--on-accent)}.rv-chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.rv-note{margin-inline:4px}.rv-foot{text-align:center;gap:8px;display:grid}.rv-apply{min-block-size:50px;inline-size:100%;font-weight:600}.rv-after{text-align:center;justify-items:center;gap:16px;padding-block:24px 4px;display:none}.rv-tick{background:var(--accent);block-size:44px;inline-size:44px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.rv-tick .g{stroke-width:2.5px}.rv-msg{font-size:22px;font-weight:600}.rv-others{color:var(--text-2);justify-items:center;gap:12px;display:grid}.rv-demo[data-state=marked] :is(.rv-others,.rv-undo){display:none}.rv-after .rv-undo{margin-block-start:-12px;font-weight:400}.rv-demo[data-state=idle] :is(.rv-groups,.rv-foot),.rv-demo:is([data-state=applied],[data-state=marked]) :is(.rv-body,.rv-foot){display:none}.rv-demo:is([data-state=applied],[data-state=marked]) .rv-after{animation:lm-fade var(--dur-snappy) var(--ease-snappy);display:grid}.rv-demo[data-state=closed] .rv-sheet{opacity:0;visibility:hidden;transition:opacity var(--dur-sheet) var(--ease-sheet), translate var(--dur-sheet) var(--ease-sheet), visibility 0s var(--dur-sheet);translate:0 24px}@media (prefers-reduced-motion:reduce){.rv-demo[data-state=closed] .rv-sheet{translate:none}}.beat[data-sky=dusk] .demo-caption{color:var(--dusk-text-2)}.wk-demo{justify-items:center;gap:2rem;margin:2rem 0 0;display:grid}.wk-demo .demo-caption{margin:0}.wk-strip{gap:8px;display:flex}.wk-pill{background:var(--sunken);block-size:56px;inline-size:16px;box-shadow:inset 0 0 0 1px var(--separator);border-radius:999px;position:relative}@media (width>=48rem){.wk-pill{block-size:72px;inline-size:24px}}.wk-on:after{content:"";border-radius:inherit;background:var(--accent);transition:opacity var(--dur-snappy) var(--ease-snappy);position:absolute;inset:0}.wk-demo[data-state=before] .wk-on:not(.lit):after{opacity:0}.wk-card{text-align:start;background:var(--surface-raised);gap:8px;inline-size:min(390px,100%);display:grid}.wk-line{gap:10px;display:flex}.wk-line .g{color:var(--accent);flex:none}.wk-q{border-block-start:1px solid var(--separator);padding-block-start:8px}.wk-demo[data-answer] .wk-buttons{display:none}@media (forced-colors:active){.wk-on:after{forced-color-adjust:none;background:highlight}}.beat--capture{min-block-size:min(100svh,56rem);padding-block:calc(var(--band) + 2rem) 4rem}.beat--capture .cp-stage{min-block-size:0;padding-block:0;display:block;position:static}.cp-demo{gap:1.5rem;margin:1.5rem 0 0;display:grid}@media (width>=64rem){.cp-stage{grid-template:auto auto auto 1fr/repeat(12,1fr);column-gap:24px;display:grid}.beat--capture .cp-stage{display:grid}.cp-stage>.beat-text{grid-area:1/1/2/6}.cp-demo{grid-template:subgrid / subgrid;grid-area:1/1/-1/-1;gap:0 24px;margin:0;display:grid}.cp-demo>.demo-caption{grid-area:2/1/3/6;margin-block-start:1.5rem}.cp-pick{grid-area:3/1/4/6;align-self:start}.cp-sheet{grid-area:1/8/-1/12;align-self:start}.cp-demo>.demo-after{grid-area:4/1/5/6;align-self:start;margin-block-start:1rem}}.cp-pick{border:0;gap:4px;margin:0;padding:0;display:grid}.cp-pick legend{color:var(--text-2);margin-block-end:8px;padding:0}.cp-option{cursor:pointer;align-items:center;gap:12px;min-block-size:44px;display:flex}.cp-option input{block-size:20px;inline-size:20px;accent-color:var(--accent);flex:none;margin:0}.cp-demo [hidden]{display:none}.cp-sheet{align-content:start;gap:14px;min-block-size:31rem;margin:0;display:grid}.cp-bar{justify-content:space-between;align-items:center;display:flex}.cp-round,.cp-gap{border-radius:50%;place-items:center;block-size:44px;inline-size:44px;display:grid}.cp-round{background:var(--surface-raised);color:var(--accent)}.cp-field{align-items:start;gap:12px;display:flex}.cp-text{flex:1;min-block-size:2.6em;font-size:20px}.cp-demo[data-state=typing] .cp-text:after{content:"";vertical-align:text-bottom;background:var(--accent);block-size:1.1em;inline-size:2px;margin-inline-start:1px;display:inline-block}.cp-mic{background:var(--accent-soft);block-size:52px;inline-size:52px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.cp-read,.cp-reading,.cp-asking{gap:14px;display:grid}.cp-chips{flex-wrap:wrap;gap:8px;display:flex}.cp-chip{min-block-size:28px;color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:8px;align-items:center;gap:4px;padding-inline:8px;font-size:15px;display:inline-flex}.cp-chip .g{block-size:16px;inline-size:16px}.cp-add{color:var(--text-2);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--separator)}.cp-ask{background:var(--sunken);border-radius:12px;gap:8px;padding:12px;display:grid}.cp-landing{background:var(--accent-soft);border-radius:12px;gap:12px;padding:12px 16px;display:flex}.cp-landing>.g{block-size:26px;inline-size:26px;color:var(--accent)}.cp-landing p{display:grid}.cp-landtitle{font-weight:600}.cp-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-block-start:8rem;display:grid}.cp-buttons .m-btn{gap:8px;min-block-size:50px}.cp-saved{text-align:center;justify-items:center;gap:16px;padding-block:3rem;display:grid}.cp-tick{background:var(--accent);block-size:52px;inline-size:52px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.cp-tick .g{stroke-width:2.5px}.cp-msg{font-size:22px;font-weight:600}.cp-chip,.cp-landing,.cp-buttons,.cp-ask{transition:opacity var(--dur-arrive) var(--ease-arrive)}.cp-demo[data-state=typing] :is(.cp-chip,.cp-landing,.cp-buttons,.cp-ask){opacity:0;transition:none}.cp-chip:nth-child(2){transition-delay:80ms}.cp-chip:nth-child(3){transition-delay:.16s}.cp-chip:nth-child(4){transition-delay:.24s}.cp-landing,.cp-ask{transition-delay:.32s}.cp-buttons{transition-delay:.4s}@media (prefers-reduced-motion:reduce){.cp-chip,.cp-landing,.cp-buttons,.cp-ask{transition-delay:0s}}.capsule{display:none}.js .capsule{z-index:3;inline-size:min(480px,100% - 2rem);block-size:var(--capsule-h);background:var(--capsule-fill);box-shadow:0 0 0 1px var(--edge);opacity:0;--focus:var(--accent);border-radius:999px;align-items:center;gap:.75rem;margin-block-end:calc(-1 * var(--capsule-h));margin-inline:auto;padding-inline:.75rem;display:flex;position:sticky;inset-block-start:1rem}.js .capsule.shown{opacity:1}@media (prefers-reduced-motion:no-preference){.js .capsule{transition:opacity .2s}.capsule .fill,.capsule .fill:after{transition:inline-size .25s,background-color .25s,opacity .25s}}.capsule ol{flex:1;gap:4px;padding:0;list-style:none;display:flex}.capsule li{flex:1;min-inline-size:24px}.capsule a{block-size:var(--capsule-h);align-items:center;display:flex}.seg{background:var(--sunken);border-radius:3px;block-size:6px;inline-size:100%;display:block;position:relative}.fill{background:var(--accent);border-radius:3px;inline-size:0;position:absolute;inset-block:0;inset-inline-start:0}.past .fill{background:color-mix(in srgb, var(--accent) 35%, transparent);inline-size:100%}.current .fill{inline-size:100%}.current .fill:after{content:"";background:var(--accent);block-size:8px;inline-size:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%;position:absolute;inset-block-start:-1px;inset-inline-end:-4px}.capsule-label{white-space:nowrap;color:var(--text);font-size:.9375rem}.capsule-time{font:600 1em/1 var(--font-rounded);font-variant-numeric:tabular-nums}.capsule-name{color:var(--text-2)}@media (width<=29.99rem){.capsule-name{display:none}.js .capsule{inline-size:calc(100% - 1rem)}.capsule ol{gap:2px}}@media (width>=48rem) and (height>=44rem) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){main{timeline-scope:--b1, --b2, --b3, --b4, --b5}#beat-0758{view-timeline:--b1}#beat-1015{view-timeline:--b2}#beat-1230{view-timeline:--b3}#beat-2141{view-timeline:--b4}#beat-weeks{view-timeline:--b5}.capsule .fill{animation:linear both fill}.capsule li .fill{animation-range:exit-crossing}.capsule li:first-child .fill{animation-timeline:--b1}.capsule li:nth-child(2) .fill{animation-timeline:--b2}.capsule li:nth-child(3) .fill{animation-timeline:--b3}.capsule li:nth-child(4) .fill{animation-timeline:--b4}.capsule li:nth-child(5) .fill{animation-timeline:--b5}}}@keyframes fill{0%{inline-size:0}to{inline-size:100%}}