.live-demo{--alice:var(--lightningcss-light,var(--color-sky-500))var(--lightningcss-dark,var(--color-sky-400));--alice-text:var(--lightningcss-light,var(--color-sky-700))var(--lightningcss-dark,var(--color-sky-400));--ben:var(--lightningcss-light,var(--color-violet-500))var(--lightningcss-dark,var(--color-violet-400));--ben-text:var(--lightningcss-light,var(--color-violet-600))var(--lightningcss-dark,var(--color-violet-400));margin-block:2.5rem;font-size:.9375rem;line-height:1.5}.live-demo figcaption{color:var(--color-body);text-wrap:pretty;margin-top:1.25rem;font-size:.875rem}.live-demo .mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.live-demo [data-person=alice]{--person:var(--alice);--person-text:var(--alice-text)}.live-demo [data-person=ben]{--person:var(--ben);--person-text:var(--ben-text)}.live-demo .segments{border-radius:var(--radius-lg);background:var(--color-wash);gap:.125rem;padding:.125rem;display:inline-flex}.live-demo .segments button{border-radius:var(--radius-md);min-height:1.625rem;color:var(--color-body);padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:color .15s}.live-demo .segments button:hover{color:var(--color-ink)}.live-demo .segments button[aria-checked=true]{color:var(--color-ink);background:var(--lightningcss-light,var(--color-canvas))var(--lightningcss-dark,var(--color-edge));box-shadow:0 0 0 .5px var(--color-edge)}.live-demo .segments button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.live-demo .say{color:var(--color-body);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.875rem;display:flex}.live-demo .say label{align-items:center;gap:.375rem;display:inline-flex}.live-demo .word{border:1px solid var(--color-field-border);border-bottom-color:var(--color-field-edge);border-radius:var(--radius-lg);background:var(--color-field);width:8rem;height:2rem;color:var(--color-ink);-webkit-text-decoration:underline 2px var(--person);text-decoration:underline 2px var(--person);text-underline-offset:.3em;outline:none;padding:0 .5rem;font-size:1rem}.live-demo .word:focus{border-color:var(--color-field-focus)}@media (pointer:coarse){.live-demo .segments button{min-height:2.75rem}.live-demo .word{height:2.75rem}}.panel.svelte-rx0yja{border-radius:var(--radius-xl);background:var(--lightningcss-light,var(--color-sidebar))var(--lightningcss-dark,var(--color-card));box-shadow:inset 0 0 0 1px var(--color-hairline);color:var(--color-ink);margin-inline:-1.5rem;padding:1rem 1.5rem 1.5rem;container-type:inline-size}.head.svelte-rx0yja{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;font-size:.8125rem;line-height:1.25rem;display:flex}.title.svelte-rx0yja{font-weight:600}.kind.svelte-rx0yja{color:var(--color-body)}figcaption.svelte-rx0yja{margin-top:.875rem}@media (width<48rem){.panel.svelte-rx0yja{box-shadow:inset 0 1px 0 var(--color-hairline), inset 0 -1px 0 var(--color-hairline);border-radius:0}}.strip.svelte-veu564{color:var(--color-ink);font-size:1.0625rem;line-height:2;display:block}.strip[data-size=large].svelte-veu564{letter-spacing:-.01em;font-size:1.375rem;line-height:2.25}.chars.svelte-veu564{white-space:pre-wrap;overflow-wrap:anywhere}.strip[data-ids].svelte-veu564 .chars:where(.svelte-veu564){flex-wrap:wrap;align-items:flex-end;row-gap:.25rem;display:flex}.run[data-ids].svelte-veu564{flex-direction:column;min-width:0;max-width:100%;display:inline-flex}.id.svelte-veu564{border-left:1px solid var(--color-edge);font-variant-numeric:tabular-nums;color:var(--person-text,var(--color-body));white-space:nowrap;margin-right:.25rem;padding-left:.1875rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.625rem;line-height:1.25}.run[data-ids].svelte-veu564 .run-text:where(.svelte-veu564){line-height:1.75}.char[data-person].svelte-veu564{-webkit-text-decoration:underline 2px var(--person);text-decoration:underline 2px var(--person);text-underline-offset:.3em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.char[data-deleted].svelte-veu564{color:var(--color-body);text-decoration:line-through;text-decoration-thickness:1.5px}.char[data-deleted][data-person].svelte-veu564{-webkit-text-decoration:underline line-through 2px var(--person);text-decoration:underline line-through 2px var(--person)}.char[data-deleted][data-space].svelte-veu564{background:linear-gradient(currentColor,currentColor) 50%/100% 1.5px no-repeat}.char[data-selected=alice].svelte-veu564{background:color-mix(in oklab, var(--alice) 28%, transparent)}.char[data-selected=ben].svelte-veu564{background:color-mix(in oklab, var(--ben) 28%, transparent)}.char[data-marked][data-space].svelte-veu564{padding-inline:.12em}.char[data-marked].svelte-veu564{box-shadow:0 0 0 1.5px var(--color-ink);border-radius:3px}.caret.svelte-veu564{vertical-align:-.2em;width:0;height:1.2em;display:inline-block;position:relative}.caret.svelte-veu564:before{content:"";inset-block:0;background:var(--person);border-radius:1px;width:2px;position:absolute;left:-1px}.caret[data-kind=position].svelte-veu564:before{border:1px dashed var(--color-body);background:0 0;border-radius:1px;width:3px;left:-1.5px}.stage.svelte-1o163e4{grid-template-columns:minmax(0,1fr);display:grid}.row.svelte-1o163e4,.gap.svelte-1o163e4{grid-template-columns:4.5rem minmax(0,1fr);column-gap:.75rem;display:grid}.who.svelte-1o163e4{flex-direction:column;justify-content:center;line-height:1.3;display:flex}.name.svelte-1o163e4{color:var(--person-text,var(--color-ink));font-size:.8125rem;font-weight:600}.version.svelte-1o163e4,.pending.svelte-1o163e4{color:var(--color-body);font-size:.6875rem}.pending[data-some].svelte-1o163e4{color:var(--person-text)}.text.svelte-1o163e4{border:1px solid var(--color-field-border);border-bottom-color:var(--color-field-edge);border-radius:var(--radius-lg);background:var(--color-field);align-items:flex-end;min-width:0;min-height:3.25rem;padding:.25rem .75rem .3125rem;display:flex}.text.svelte-1o163e4>*{flex:1;min-width:0}.row[data-who=server].svelte-1o163e4 .text:where(.svelte-1o163e4){background:var(--color-wash);border-color:#0000}.gap.svelte-1o163e4{height:3.25rem;position:relative}.wire.svelte-1o163e4{border-left:1px dashed var(--color-edge);grid-column:2;margin-left:1.25rem}.trips.svelte-1o163e4{margin:0;padding:0;list-style:none;position:absolute;inset:.25rem 0 .25rem 5.25rem}.trip.svelte-1o163e4{--height:1.5rem;left:.625rem;top:calc(var(--through) * (100% - var(--height)));max-width:calc(100% - .625rem);height:var(--height);border-radius:var(--radius-md);background:var(--color-canvas);box-shadow:0 0 0 1px var(--color-hairline);color:var(--color-ink);white-space:nowrap;transition:top var(--ms) cubic-bezier(.45, 0, .3, 1);align-items:center;gap:.375rem;margin:0;padding:0 .5rem;font-size:.75rem;display:flex;position:absolute}.trip.svelte-1o163e4:not([data-person]){left:auto;right:0}.stage[data-still].svelte-1o163e4 .trip:where(.svelte-1o163e4){transition:none}.arrow.svelte-1o163e4{color:var(--person-text,var(--color-body));font-weight:600}.label.svelte-1o163e4{text-overflow:ellipsis;min-width:0;overflow:hidden}.log.svelte-1o163e4{border-radius:var(--radius-lg);background:var(--color-wash);height:6rem;color:var(--color-body);flex-direction:column;justify-content:flex-end;margin:.75rem 0 0;padding:.5rem .75rem;font-size:.75rem;line-height:1.25rem;list-style:none;display:flex;overflow:hidden}.log.svelte-1o163e4 li:where(.svelte-1o163e4){white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;overflow:hidden}.log.svelte-1o163e4 li:where(.svelte-1o163e4):last-child{color:var(--color-ink)}@container (width<=30rem){.row.svelte-1o163e4,.gap.svelte-1o163e4{grid-template-columns:minmax(0,1fr)}.who.svelte-1o163e4{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:.5rem;padding-bottom:.25rem}.wire.svelte-1o163e4{grid-column:1}.trips.svelte-1o163e4{left:0}}@media (prefers-reduced-motion:reduce){.trip.svelte-1o163e4{transition:none}}.now.svelte-1tp4ovj{border-top:1px solid var(--color-hairline);min-height:4.25rem;color:var(--color-ink);text-wrap:pretty;grid-template-columns:1.5rem minmax(0,1fr);margin:1rem 0 0;padding-top:.875rem;font-size:.9375rem;line-height:1.6;display:grid}.number.svelte-1tp4ovj{color:var(--color-body);font-size:.75rem;line-height:1.5rem}.bar.svelte-1tp4ovj{align-items:center;gap:1rem;margin-top:.25rem;font-size:.875rem;display:flex}.play.svelte-1tp4ovj{align-items:center;gap:.5rem;min-width:5.5rem;min-height:2rem;font-weight:500;display:inline-flex}.glyph.svelte-1tp4ovj{text-align:center;width:1em;font-size:.75em}.marks.svelte-1tp4ovj{flex:1;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.marks.svelte-1tp4ovj li:where(.svelte-1tp4ovj){margin:0;padding:0}.mark.svelte-1tp4ovj{width:1.25rem;height:2rem;display:block;position:relative}.mark.svelte-1tp4ovj:before{content:"";background:var(--color-edge);border-radius:50%;width:.375rem;height:.375rem;transition:background-color .15s,scale .15s;position:absolute;top:50%;left:50%;translate:-50% -50%}.mark[data-state=past].svelte-1tp4ovj:before{background:var(--color-body)}.mark[data-state=now].svelte-1tp4ovj:before{background:var(--color-ink);scale:1.5}.mark.svelte-1tp4ovj:not(:disabled):hover:before{background:var(--color-ink)}.mark.svelte-1tp4ovj:focus-visible{outline:2px solid var(--color-focus);outline-offset:-4px;border-radius:var(--radius-md)}.steps-nav.svelte-1tp4ovj{align-items:center;gap:.25rem;display:flex}.steps-nav.svelte-1tp4ovj button:where(.svelte-1tp4ovj){text-align:center;min-width:2rem;min-height:2rem}.all.svelte-1tp4ovj{color:var(--color-body);margin-top:.5rem;font-size:.8125rem}.all.svelte-1tp4ovj summary:where(.svelte-1tp4ovj){width:fit-content}.all.svelte-1tp4ovj summary:where(.svelte-1tp4ovj):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius)}.all.svelte-1tp4ovj ol:where(.svelte-1tp4ovj){margin:.5rem 0 0;padding-left:1.25rem;list-style:decimal}.all.svelte-1tp4ovj li:where(.svelte-1tp4ovj){margin:.25rem 0;padding-left:.25rem;line-height:1.5}.all.svelte-1tp4ovj li[data-current]:where(.svelte-1tp4ovj){color:var(--color-ink)}@container (width<=30rem){.now.svelte-1tp4ovj{min-height:6.25rem}}@media (pointer:coarse){.steps-nav.svelte-1tp4ovj button:where(.svelte-1tp4ovj),.play.svelte-1tp4ovj{min-height:2.75rem}.steps-nav.svelte-1tp4ovj button:where(.svelte-1tp4ovj){min-width:2.75rem}.mark.svelte-1tp4ovj{height:2.75rem}}@media (prefers-reduced-motion:reduce){.mark.svelte-1tp4ovj:before{transition:none}}.field.svelte-1jpm8bp{position:relative}.input.svelte-1jpm8bp{height:auto;min-height:calc(var(--rows) * 1.5rem + 1rem + 2px);white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;padding-block:.5rem;font-size:1rem;line-height:1.5rem}.copy.svelte-1jpm8bp{visibility:hidden}.area.svelte-1jpm8bp{resize:none;height:100%;position:absolute;inset:0;overflow:hidden}.area[readonly].svelte-1jpm8bp{color:var(--color-body)}.other.svelte-1jpm8bp{background:var(--person);pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute}.tag.svelte-1jpm8bp{border-radius:var(--radius);background:var(--person-text);color:var(--color-canvas);white-space:nowrap;margin-bottom:1px;padding:0 .25rem;font-size:.6875rem;font-weight:500;line-height:1rem;animation:3s forwards svelte-1jpm8bp-tag;position:absolute;bottom:100%;left:0}@keyframes svelte-1jpm8bp-tag{0%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tag.svelte-1jpm8bp{animation-timing-function:step-end}}.controls.svelte-1w0247u{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:1.25rem;font-size:.875rem;display:flex}.delay.svelte-1w0247u{min-width:0;color:var(--color-body);white-space:nowrap;flex:1;align-items:center;gap:.75rem;display:flex}.delay.svelte-1w0247u input:where(.svelte-1w0247u){min-width:4rem;accent-color:var(--color-accent);flex:0 10rem}.delay.svelte-1w0247u output:where(.svelte-1w0247u){min-width:4.5em;color:var(--color-ink)}.row.svelte-1w0247u,.gap.svelte-1w0247u{grid-template-columns:4.5rem minmax(0,1fr);column-gap:.75rem;display:grid}.who.svelte-1w0247u{flex-direction:column;padding-top:.625rem;line-height:1.3;display:flex}.server.svelte-1w0247u .who:where(.svelte-1w0247u){justify-content:center;padding-top:0}.name.svelte-1w0247u{color:var(--person-text,var(--color-ink));font-size:.8125rem;font-weight:600}.version.svelte-1w0247u{color:var(--color-body);font-size:.6875rem}.body.svelte-1w0247u{min-width:0}.foot.svelte-1w0247u{min-height:2rem;color:var(--color-body);justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;display:flex}.status[data-some].svelte-1w0247u{color:var(--person-text)}.history.svelte-1w0247u{gap:.75rem;margin-right:.375rem;font-size:.8125rem;display:flex}@media (pointer:coarse){.history.svelte-1w0247u button:where(.svelte-1w0247u){min-height:2.75rem}}.stored.svelte-1w0247u{border-radius:var(--radius-lg);background:var(--color-wash);align-items:flex-end;min-height:3.25rem;padding:.25rem .75rem .3125rem;display:flex}.stored.svelte-1w0247u>*{flex:1;min-width:0}.gap.svelte-1w0247u{height:3.5rem}.connect.svelte-1w0247u{color:var(--color-body);align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.way.svelte-1w0247u{min-width:0;position:relative}.wire.svelte-1w0247u{inset-block:0;border-left:1px dashed var(--color-edge);transition:opacity .15s;position:absolute;left:1.25rem}.gap.svelte-1w0247u:not([data-connected]) .wire:where(.svelte-1w0247u){opacity:.25}.trips.svelte-1w0247u,.trips.svelte-1w0247u ul:where(.svelte-1w0247u){margin:0;padding:0;list-style:none}.side.svelte-1w0247u{margin:0;padding:0 0 0 1.875rem;display:flex;position:absolute;inset:.25rem 0}.side[data-side=coming].svelte-1w0247u{justify-content:flex-end;padding:0}.side.svelte-1w0247u ul:where(.svelte-1w0247u){gap:.375rem;min-width:0;display:flex}.trip.svelte-1w0247u{--height:1.5rem;--travel:calc(3.5rem - .5rem - var(--height));min-width:0;max-width:20rem;height:var(--height);border-radius:var(--radius-md);background:var(--color-canvas);box-shadow:0 0 0 1px var(--color-hairline);color:var(--color-ink);white-space:nowrap;animation:var(--ms) cubic-bezier(.45, 0, .3, 1) forwards;align-items:center;gap:.375rem;margin:0;padding:0 .5rem;font-size:.75rem;display:flex}.trip[data-way=down].svelte-1w0247u{animation-name:svelte-1w0247u-down}.trip[data-way=up].svelte-1w0247u{translate:0 var(--travel);animation-name:svelte-1w0247u-up}.trip[data-held].svelte-1w0247u,.trip[data-still].svelte-1w0247u{animation:none}.trip[data-held].svelte-1w0247u{color:var(--color-body)}@keyframes svelte-1w0247u-down{0%{translate:0}to{translate:0 var(--travel)}}@keyframes svelte-1w0247u-up{0%{translate:0 var(--travel)}to{translate:0}}.arrow.svelte-1w0247u{color:var(--person-text,var(--color-body));font-weight:600}.label.svelte-1w0247u{text-overflow:ellipsis;min-width:0;overflow:hidden}@container (width<=30rem){.row.svelte-1w0247u,.gap.svelte-1w0247u{grid-template-columns:5.5rem minmax(0,1fr)}.row.svelte-1w0247u{grid-template-columns:minmax(0,1fr)}.who.svelte-1w0247u,.server.svelte-1w0247u .who:where(.svelte-1w0247u){flex-direction:row;justify-content:flex-start;align-items:baseline;gap:.5rem;padding:0 0 .375rem}}@media (prefers-reduced-motion:reduce){.trip.svelte-1w0247u{animation:none}}