.afd{--ease:cubic-bezier(.65, 0, .35, 1);--out:cubic-bezier(.2, .8, .2, 1);--bg:var(--background);--bg2:var(--card);--bg3:var(--muted);--img:color-mix(in oklch, var(--muted) 70%, var(--background));--fg:var(--foreground);--fg2:color-mix(in oklch, var(--foreground) 72%, var(--background));--fg3:var(--muted-foreground);--line:var(--border);--line2:color-mix(in oklch, var(--foreground) 16%, var(--background));--shot:color-mix(in oklch, var(--fg3) 62%, var(--bg));--red:var(--fg);--agent:#b8420a;--agent-ink:#fff;--agent-soft:color-mix(in srgb, var(--agent) 11%, transparent);--agent-line:color-mix(in srgb, var(--agent) 55%, transparent);--agent-mid:color-mix(in srgb, var(--agent) 55%, var(--bg));--agent-low:color-mix(in srgb, var(--agent) 30%, var(--bg));--agent-min:color-mix(in srgb, var(--agent) 16%, var(--bg));--hl:color-mix(in oklch, var(--fg) 7%, transparent);overflow-x:clip}[data-theme=dark] .afd{--line2:color-mix(in oklch, var(--foreground) 24%, var(--background));--agent:#ff6a1f;--agent-ink:#140600}@layer base{.afd :focus-visible{outline:2px solid var(--fg);outline-offset:2px}}.afd .press{transition-property:color,background-color,border-color,opacity,transform}.afd .press:active{transition-duration:80ms;transform:scale(.97)}.afd .seg-ind{transition:transform .3s var(--ease), background-color .2s}.afd .seg-ind.is-agent{background:var(--agent);transform:translate(100%)}.afd .stage{contain:layout paint;transition:border-color .3s}.afd .stage.is-agent{border-color:var(--agent-line)}.afd .url-m,.afd .url-a{transition:color .2s}.afd .is-agent .url-m,.afd .is-agent .url-a{color:var(--agent)}.afd .swap{transition:opacity .15s var(--out)}.afd .fading .swap{opacity:0}.afd .hum{transition:opacity .2s .22s}.afd .is-agent .hum{opacity:0;pointer-events:none;transition-delay:0s}.afd .agt{opacity:0;pointer-events:none;transition:opacity .12s}.afd .is-agent .agt{opacity:1;pointer-events:auto;transition:opacity .25s .3s}.afd .m{box-sizing:border-box;transition:top .5s var(--ease), left .5s var(--ease), width .5s var(--ease), height .5s var(--ease), background-color .3s, border-color .3s, border-radius .5s var(--ease), color .3s, opacity .2s, transform .15s var(--out);position:absolute}.afd .ghost{transform-origin:0 0;white-space:nowrap;transition:transform .5s var(--ease), opacity .2s .1s;line-height:1.6;position:absolute;top:0;left:0}.afd .is-agent .ghost{opacity:0;transition:transform .5s var(--ease), opacity .2s .32s}.afd .box{background:var(--img);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.afd .is-agent .box{background:var(--agent-soft);border-color:var(--agent-line);border-radius:6px}.afd .hf{transition:opacity .2s .24s}.afd .is-agent .hf{opacity:0;transition-delay:0s}.afd .pill{border:1px solid var(--line2);color:var(--fg);font:500 14px/1 var(--font-sans);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;display:flex}.afd .pill.sel{border-color:var(--fg)}.afd .pill.out{color:var(--fg3);border-style:dashed;text-decoration:line-through}.afd .is-agent .pill{border-style:solid;border-color:var(--agent-line);background:var(--agent-soft);border-radius:4px}.afd .cta{border:1px solid var(--fg);background:var(--fg);color:var(--bg);font:500 15px/1 var(--font-sans);cursor:pointer;border-radius:8px;padding:0}.afd .cta:hover{background:color-mix(in oklch, var(--fg) 86%, var(--bg))}.afd .cta:active{transform:scale(.985)}.afd .is-agent .cta{background:var(--agent-soft);border-color:var(--agent-line);border-radius:6px}.afd .gl{white-space:pre;height:20px;font:12.5px/20px var(--font-mono);opacity:0;transition:opacity .12s,transform .12s;transform:translateY(4px)}.afd .is-agent .gl{opacity:1;transition:opacity .25s var(--d), transform .3s var(--out) var(--d);transform:none}.afd .gk{color:var(--fg)}.afd .gs,.afd .gn{color:var(--agent)}.afd .gp{color:var(--fg3)}.afd .gl .gn{border-radius:3px;transition:background-color .6s}.afd .gl.flash .gn{background:var(--agent-soft);transition-duration:.1s}.afd .frow{opacity:0;height:0;font:13px/1 var(--font-mono);transition:height .4s var(--out), opacity .3s, transform .4s var(--out), color .3s, border-color .3s;border-bottom:1px solid #0000;align-items:center;gap:10px;display:flex;overflow:hidden;transform:translate(-6px)}.afd .frow.on{opacity:1;border-bottom-color:var(--line);height:38px;transform:none}.afd .frow.gone{opacity:0;border-bottom-color:#0000;height:0;transform:translate(8px)}.afd .frow .fd{color:var(--fg3);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.afd .frow .fn{color:var(--fg);white-space:nowrap}.afd .frow .fs{color:var(--fg3);white-space:nowrap;border-radius:5px;margin-left:auto;padding:3px 7px;font-size:12px;transition:color .3s,background .3s}.afd .frow.drift .fn{color:var(--red)}.afd .frow.drift .fs{color:var(--bg);background:var(--fg)}.afd .frow.drift .fd{text-decoration:line-through;-webkit-text-decoration-color:var(--fg3);text-decoration-color:var(--fg3)}.afd .frow.edited .fs,.afd .frow.fresh .fs{color:var(--fg);background:var(--bg3)}.afd .snip{opacity:0;transition:opacity .35s, transform .45s var(--out);transform:translateY(6px)}.afd .snip.on{opacity:1;transform:none}.afd .snip .old{color:var(--fg3);transition:color .3s}.afd .snip.done .old{color:var(--red);text-decoration:line-through}.afd .snip .new{opacity:0;transition:opacity .3s}.afd .snip.done .new{opacity:1}.afd .cap{opacity:0;transition:opacity .4s, transform .5s var(--out);transform:translateY(8px)}.afd .cap.on{opacity:1;transform:none}.afd .seg-m{transition:width .3s var(--out)}.afd .spill{background:repeating-linear-gradient(-45deg, var(--red) 0 2px, transparent 2px 6px);transition:width .3s var(--out)}.afd .call{opacity:0;height:0;transition:height .4s var(--out), opacity .3s;border-bottom:1px solid #0000;overflow:hidden}.afd .call.on{opacity:1;border-bottom-color:var(--line);height:40px}.afd .call.cur .re,.afd .call.cur .no{color:var(--agent)}.afd .call.tight.on{height:32px}.afd .call.lit{border-bottom-color:#0000;margin-inline:-8px;padding-inline:8px}.afd .tbx{opacity:0;height:0;transition:height .4s var(--out), opacity .3s, border-color .3s;border-top:1px solid #0000;overflow:hidden}.afd .tbx.on{opacity:1;border-top-color:var(--line);height:32px}.afd .live .track{height:1700px}.afd .live .sticky{top:max(calc(var(--header-height) + 24px), calc(50svh + var(--header-height) / 2 - 272px));position:sticky}.afd .ask{opacity:0;transition:opacity .4s, transform .55s var(--out);transform:translateY(14px)}.afd .ask.on{opacity:1;transform:none}.afd .enter{animation:enter .22s var(--out) both}@keyframes enter{0%{opacity:0;transform:translateY(4px)}}.afd .draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .3s var(--out) .1s forwards}@keyframes draw{to{stroke-dashoffset:0}}.afd .spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.afd .src .line{box-sizing:border-box;opacity:.4;min-width:calc(100% + 2rem);margin-inline:-1rem;padding-inline:1rem;transition:opacity .2s,background-color .2s,box-shadow .2s;display:inline-block}.afd .src .line.lit{opacity:1;background:var(--hl);box-shadow:inset 2px 0 0 var(--fg)}.afd .how .src>figure{flex:1}.afd .pulse{stroke-dasharray:.12 2;stroke-dashoffset:.13px;animation:pulse-run .7s var(--out) forwards}@keyframes pulse-run{to{stroke-dashoffset:-1.01px}}.afd .reveal{opacity:0;transition:grid-template-rows .4s var(--out), opacity .3s;grid-template-rows:0fr;display:grid}.afd .reveal.on{opacity:1;grid-template-rows:1fr}.afd .reveal>*{min-height:0;overflow:hidden}.afd .fan-v>span{opacity:0;transition:opacity .2s .3s, transform .25s var(--out) .3s;grid-area:1/1;transform:translateY(3px)}.afd .fan-v>span.on{opacity:1;transform:none}@media (max-width:899px){.afd .live .track{height:auto}.afd .live .sticky{position:static}}@media (max-width:600px){.afd .stage-wrap{zoom:.74}}@media (max-width:420px){.afd .stage-wrap{zoom:.64}}@media (prefers-reduced-motion:reduce){.afd *,.afd :before,.afd :after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}.afd .draw{stroke-dashoffset:0}}