.sf{--sf-a:#7fa8ff;--sf-b:#58d3a6;--sf-c:#b39cff;--sf-you:#f2b544;--sf-bad:#ff7a90;--sf-ok:#58d3a6;--sf-accent:var(--sl-color-accent);--sf-node:var(--sl-color-gray-6);--sf-line:var(--sl-color-gray-5);--sf-wire-c:var(--sl-color-gray-4);--sf-text:var(--sl-color-white);--sf-muted:var(--sl-color-gray-3);border:1px solid var(--sl-color-hairline);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--sf-a) 9%, transparent), transparent 60%), radial-gradient(120% 90% at 100% 100%, color-mix(in srgb, var(--sf-c) 8%, transparent), transparent 60%), var(--sl-color-black);border-radius:16px;margin:1.75rem 0;padding:1.25rem 1.25rem 1rem}:root[data-theme=light] .sf{--sf-a:#2f5fd0;--sf-b:#0f7a56;--sf-c:#6a4bd6;--sf-you:#9a5d00;--sf-bad:#c4304b;--sf-ok:#0f7a56;--sf-node:#fff;--sf-line:#c9d1df;--sf-wire-c:#8a97ae;background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--sf-a) 7%, transparent), transparent 60%), radial-gradient(120% 90% at 100% 100%, color-mix(in srgb, var(--sf-c) 6%, transparent), transparent 60%), var(--sl-color-gray-7,#f3f5f9)}.sf *{margin:0}.sf-svg{width:100%;height:auto;font-family:var(--sl-font);display:block;overflow:visible}.sf-narrow{max-width:380px;margin-inline:auto;display:none}@container sf (width<=560px){.sf-wide{display:none}.sf-narrow{display:block}}.sf-stage{container:sf/inline-size}.sf-frame{fill:color-mix(in srgb, var(--sf-a) 4%, transparent);stroke:var(--sf-line);stroke-dasharray:5 5}.sf-frame-label,.sf-loop-label{fill:var(--sf-muted);letter-spacing:.02em;font-size:13px}.sf-loop-label{fill:var(--sf-bad)}.sf-wire{fill:none;stroke:var(--sf-wire-c);stroke-width:1.5px}.sf-arrow{fill:var(--sf-wire-c)}.sf-arrow-bad{fill:var(--sf-bad)}.sf-loop{fill:none;stroke:var(--sf-bad);stroke-width:1.5px;stroke-dasharray:4 5;opacity:.6}.sf-loop-hl{fill:none;stroke:var(--sf-bad);stroke-width:3px;stroke-linecap:round;stroke-dasharray:10 8}.sf-node{fill:var(--sf-node);stroke:var(--sf-line);stroke-width:1px}.sf-hl{fill:color-mix(in srgb, var(--c) 16%, transparent);stroke:var(--c);stroke-width:2px}.sf-bad{fill:color-mix(in srgb, var(--sf-bad) 16%, transparent);stroke:var(--sf-bad);stroke-width:2px}.sf-wait{fill:none;stroke:var(--sf-you);stroke-width:1.5px;stroke-dasharray:3 4}.sf-title{fill:var(--sf-text);dominant-baseline:central;font-size:15.5px;font-weight:600}.sf-agent circle{fill:color-mix(in srgb, var(--c) 22%, transparent);stroke:var(--c)}.sf-agent text{fill:var(--c);dominant-baseline:central;font-size:12px;font-weight:700}.sf-gate circle:first-child{fill:var(--sf-node);stroke:var(--sf-you);stroke-width:1.4px}.sf-gate-glyph{fill:none;stroke:var(--sf-you);stroke-width:1.3px}.sf-ok circle{fill:var(--sf-ok)}.sf-ok path{fill:none;stroke:var(--sl-color-black);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.sf-chip rect{fill:color-mix(in srgb, var(--sf-bad) 18%, var(--sf-node));stroke:var(--sf-bad)}.sf-chip text{fill:var(--sf-bad);dominant-baseline:central;font-size:12px;font-weight:600}.sf-bar{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.sf-captions{min-height:2.9em;font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);flex:1;align-items:center;line-height:1.45;display:grid}.sf-cap,.sf-cap-still{grid-area:1/1}.sf-cap-still{display:none}.sf-toggle{border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);font:inherit;font-size:var(--sl-text-xs);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.3rem .8rem}.sf-toggle:hover{color:var(--sl-color-white);border-color:var(--sl-color-gray-3)}.sf-toggle-play,.sf[data-paused] .sf-toggle-pause{display:none}.sf[data-paused] .sf-toggle-play{display:inline}.sf-legend{border-top:1px solid var(--sl-color-hairline);font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:.75rem;padding:.75rem 0 0;list-style:none;display:flex}.sf-legend li{align-items:center;gap:.4rem;margin:0;display:flex}.sf-dot{border:1px solid var(--c);background:color-mix(in srgb, var(--c) 20%, transparent);width:1.25rem;height:1.25rem;color:var(--c);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:inline-grid}.sf-person{border:1.5px solid var(--sf-you);background:radial-gradient(circle at 50% 36%, var(--sf-you) 0 17%, transparent 19%), radial-gradient(60% 40% at 50% 92%, var(--sf-you) 0 60%, transparent 63%);border-radius:50%;width:1.25rem;height:1.25rem}.sf-words{font-size:var(--sl-text-sm);margin-top:.75rem}.sf-words summary{cursor:pointer;color:var(--sl-color-gray-2)}.sf-words ol{color:var(--sl-color-gray-2);margin-top:.5rem;padding-left:1.4rem;list-style:decimal}.sf-words code{font-family:var(--sl-font-mono);font-size:.9em}.sf-words li+li{margin-top:.25rem}.sf .sf-anim{opacity:0;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.sf .sf-loop-hl.sf-anim{animation:sf-loop-on var(--sf-duration,22s) linear infinite, sf-dash .9s linear infinite}@keyframes sf-dash{to{stroke-dashoffset:-18px}}.sf[data-paused] .sf-anim,.sf[data-offscreen] .sf-anim{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.sf .sf-anim{opacity:0;animation:none!important}.sf .sf-cap{display:none}.sf .sf-cap-still{display:block}.sf-toggle{display:none}}