.st-stage{background:var(--well);isolation:isolate;border-radius:24px;position:relative;overflow:hidden}.st-dim{color:var(--ink-3)}.st-hero{height:24.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.5}.st-win{background:var(--surface);box-shadow:0 0 0 1px var(--line),0 2px 6px #00000014,0 28px 48px -22px #00000059;border-radius:14px;position:absolute;inset:1.75rem -4.5rem -3.75rem 1.75rem}.st-clip{border-radius:inherit;transition:opacity .5s ease-out;position:absolute;inset:0;overflow:hidden}.st-clip[data-out]{opacity:0}.st-bar{background:var(--well);height:2.4rem;box-shadow:0 1px 0 var(--line);align-items:center;gap:14px;padding:0 14px;display:flex}.st-lights{gap:6px;display:flex}.st-lights i{background:var(--ink-3);opacity:.35;border-radius:50%;width:9px;height:9px}.st-rail{font-family:var(--font-body),system-ui,sans-serif;gap:6px;margin:0;padding:0;font-size:.6875rem;font-weight:500;list-style:none;display:flex}.st-rail li{color:var(--ink-3);border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 5px;transition:color .3s ease-out,background-color .3s ease-out;display:flex}.st-rail__dot{width:12px;height:12px;color:inherit;border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s ease-out,box-shadow .3s ease-out;display:flex;box-shadow:inset 0 0 0 1.5px}.st-rail li[data-state=now]{color:var(--orange-ink);background:var(--orange-wash)}.st-rail li[data-state=now] .st-rail__dot{background:var(--orange);box-shadow:none}.st-rail li[data-state=done]{color:var(--teal-ink)}.st-rail li[data-state=done] .st-rail__dot{background:var(--teal);box-shadow:none;color:#06201c}.st-body{color:var(--ink);padding:14px 5.5rem 0 18px}.st-welcome{align-items:center;gap:12px;margin-bottom:14px;display:flex}.st-welcome__name{font-weight:600}.st-prompt{box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;gap:10px;margin-bottom:12px;padding:7px 12px;display:flex}.st-prompt__sign{color:var(--orange-ink)}.st-rest{opacity:0}.st-caret{background:var(--ink);opacity:0;width:.55em;height:1.1em;margin:0 1px -.2em 0;display:inline-block}.st-caret[data-live]{opacity:1;animation:1s step-end infinite st-blink}@keyframes st-blink{50%{opacity:0}}.st-step{opacity:0;transition:opacity .45s ease-out,transform .45s var(--ease);margin-bottom:9px;transform:translateY(4px)}.st-step[data-on]{opacity:1;transform:none}.st-line{opacity:0;transition:opacity .45s ease-out}.st-line[data-on]{opacity:1}.st-call{padding-left:16px;position:relative}.st-call:before{content:"";background:var(--teal);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:1px}.st-call--text:before{background:var(--orange)}.st-call b{font-weight:600}.st-note{color:var(--ink-3);padding-left:16px}.st-note:before{content:"⎿";margin-right:6px}.st-note--ok{color:var(--teal-ink)}.st-diff{border-radius:8px;margin:3px 0 0 16px;overflow:hidden}.st-diff>div{white-space:nowrap;gap:10px;padding:1px 10px;display:flex}.st-diff__del{background:var(--orange-wash);color:var(--orange-ink)}.st-diff__add{background:var(--teal-wash);color:var(--teal-ink)}.st-diff span{opacity:.7}.st-answer .st-call{font-family:var(--font-body),system-ui,sans-serif;font-size:.8125rem;line-height:1.45}:root[data-motion=reduce] .st-step,:root[data-motion=reduce] .st-line{opacity:1;transform:none}:root[data-motion=reduce] .st-rest{opacity:1}:root[data-motion=reduce] .st-caret{display:none}:root[data-motion=reduce] .st-clip{opacity:1}:root[data-motion=reduce] .st-rail li{color:var(--teal-ink)}:root[data-motion=reduce] .st-rail__dot{background:var(--teal);box-shadow:none}@media (prefers-reduced-motion:reduce){.st-step,.st-line{opacity:1;transform:none}.st-rest{opacity:1}.st-caret{display:none}.st-clip{opacity:1}.st-caret[data-live]{animation:none}}@media (max-width:639px){.st-hero{height:26rem;font-size:.75rem}.st-win{inset:.75rem .75rem -2.5rem}.st-lights{display:none}.st-bar{justify-content:center;height:2.5rem;padding:0 10px}.st-rail{justify-content:space-between;width:100%}.st-rail li{flex:1;justify-content:center;padding:4px 6px 4px 4px}.st-body{padding:12px 14px 0}.st-diff>div{white-space:normal}}.st-scene{border-radius:0 0 24px 24px;height:10.25rem;margin:1.25rem -1.5rem -1.5rem;font-size:.8125rem}.st-pane{background:var(--surface);box-shadow:0 0 0 1px var(--line),0 2px 6px #00000012,0 22px 40px -22px #0000004d;border-radius:14px;position:absolute;inset:1.25rem 1.5rem -2.5rem}.st-pane .st-clip{padding:14px 16px 0;transition:none}.st-pane__head{align-items:center;gap:8px;margin-bottom:8px;font-size:.75rem;display:flex}.st-badge{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.st-badge--orange{background:var(--orange-wash);color:var(--orange-ink)}.st-pane__title{color:var(--ink);font-weight:600;line-height:1.3}.st-inline{background:var(--well);border-radius:5px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;font-weight:500}.st-codechip{background:var(--well);color:var(--ink-2);border-radius:7px;margin-top:8px;padding:2px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;display:inline-block}.st-lines{flex-direction:column;gap:6px;margin-top:10px;display:flex}.st-barline{background:var(--well);border-radius:3px;height:6px;display:block}.st-barline[data-tone="3"]{background:color-mix(in srgb,var(--well)70%,var(--ink-3))}.st-item{align-items:flex-start;gap:10px;padding-bottom:12px;display:flex}.st-item--on{box-shadow:0 1px 0 var(--line);margin-bottom:12px;padding-bottom:12px}.st-item__text{flex-direction:column;flex:1;gap:6px;min-width:0;padding-top:4px;display:flex}.st-item--on .st-item__text{gap:0;padding-top:0}.st-tick{color:var(--teal);flex:none}.st-tick--off{color:var(--ink-3);opacity:.5}
.written-word{white-space:nowrap;display:inline-block}.written-line{position:relative}.written-letter{color:#0000;animation-name:written-ink;animation-duration:.52s;animation-timing-function:cubic-bezier(.33,0,.2,1);animation-play-state:paused;animation-fill-mode:both}.written-ghosts{pointer-events:none;position:absolute;inset:0}.written-ghost{color:var(--ink,currentColor);filter:blur(3px);opacity:0;animation-name:written-ghost;animation-duration:.52s;animation-timing-function:ease-out;animation-play-state:paused;animation-fill-mode:both}@keyframes written-ink{0%,22%{color:#0000}to{color:currentColor}}@keyframes written-ghost{0%{opacity:0}28%{opacity:.85}to{opacity:0}}.written-line[data-ready] .written-ghost,.written-line[data-ready] .written-letter,.written-line[data-ready] .written-stroke{animation-play-state:running}.written-marked{white-space:nowrap;display:inline-block;position:relative}.written-stroke{pointer-events:none;clip-path:inset(-50% 102% -50% -4%);width:104%;height:.42em;animation-name:written-pen;animation-duration:.64s;animation-timing-function:cubic-bezier(.55,0,.3,1);animation-play-state:paused;animation-fill-mode:both;position:absolute;bottom:-.22em;left:-2%;overflow:visible}.written-stroke path{fill:var(--color-i-600)}@keyframes written-pen{to{clip-path:inset(-50% -6% -50% -4%)}}.written-glint{--glint:var(--lightningcss-light,#57a79bf2)var(--lightningcss-dark,#abdfd4f2);white-space:nowrap;color:#0000;pointer-events:none;background-image:radial-gradient(ellipse 50% 50% at 50% 100%,var(--glint),transparent);opacity:0;background-position:-1.3em 100%;background-repeat:no-repeat;background-size:2.6em 1.1em;-webkit-background-clip:text;background-clip:text;animation-name:written-glint;animation-duration:.64s;animation-timing-function:cubic-bezier(.55,0,.3,1);animation-play-state:paused;animation-fill-mode:both;position:absolute;inset:0}@keyframes written-glint{0%{opacity:0;background-position:-1.3em 100%}15%{opacity:1}75%{opacity:1}to{opacity:0;background-position:calc(100% + 1.3em) 100%}}.written-line[data-ready] .written-glint{animation-play-state:running}.written-gold{--gold-high:var(--lightningcss-light,#c99a3c)var(--lightningcss-dark,#f2d9a0);--gold:var(--lightningcss-light,#a77822)var(--lightningcss-dark,#d0a654);--gold-deep:var(--lightningcss-light,#6f4c12)var(--lightningcss-dark,#9a7330);font-family:var(--font-imbue),serif;letter-spacing:.01em;font-size:1.12em;font-style:normal}@property --gold-in{syntax:"<number>";inherits:false;initial-value:1}.written-gold .written-letter,.written-gold .written-ghost{margin:0 -.12em;padding:0 .12em}.written-gold .written-letter{color:#0000;background-image:linear-gradient(180deg,color-mix(in srgb,var(--gold-high)calc(var(--gold-in)*100%),transparent)15%,color-mix(in srgb,var(--gold)calc(var(--gold-in)*100%),transparent)55%,color-mix(in srgb,var(--gold-deep)calc(var(--gold-in)*100%),transparent)95%);-webkit-background-clip:text;background-clip:text;animation-name:written-gold-ink}@keyframes written-gold-ink{0%,22%{--gold-in:0}to{--gold-in:1}}.written-gold .written-ghost{color:var(--gold)}@media (prefers-reduced-motion:reduce){.written-glint,.written-ghosts{display:none}.written-letter,.written-stroke{clip-path:none;animation:none}.written-letter{color:inherit}.written-gold .written-letter{color:#0000}}
