.sf-flow-lead{max-width:64ch;color:var(--sf-ink-2);font:500 15px/1.5 var(--sf-ff-d);margin:-6px 0 18px}.sf-flow-screen{box-shadow:0 0 0 1px var(--sf-ink-line);background:#15161b url(/preview-bg.jpg) 50% 30%/cover no-repeat;border-radius:6px;justify-content:center;padding:18px 12px 26px;display:flex;position:relative;overflow:hidden}.sf-flow-screen:before{content:"";background:linear-gradient(#0000002e,#0000006b);position:absolute;inset:0}.sf-flow-board{--bg:#09090c;--surface:#15161b;--surface-2:#1c1e25;--primary:#ff6a1a;--primary-2:#ff8a3d;--primary-soft:#ff6a1a29;--primary-line:#ff6a1a59;--primary-glow:#ff6a1a99;--accent:#22d3ee;--fg:#f5f5f7;--muted:#9a9aa6;--border:#ffffff14;--gold:#ffc53d;--silver:#c9d2dc;--bronze:#e08a4b;--ok:#34d399;--danger:#ff6b6b;--ff-display:var(--font-russo), -apple-system, system-ui, sans-serif;--ff-body:var(--font-chakra), -apple-system, system-ui, sans-serif;max-width:none;color:var(--fg);font-family:var(--ff-body);line-height:1.5;position:relative}.sf-flow-ctl{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px;display:flex}.sf-flow-btn{border:1px solid var(--sf-ink-line);background:var(--sf-paper-2);min-width:42px;height:38px;color:var(--sf-ink);font:700 14px/1 var(--sf-ff-c);cursor:pointer;border-radius:4px;padding:0 12px}.sf-flow-btn:hover{border-color:var(--sf-ink-2)}.sf-flow-btn.play{background:var(--sf-ink);border-color:var(--sf-ink);min-width:128px;color:var(--sf-paper);letter-spacing:.04em;text-transform:uppercase}.sf-flow-btn:focus-visible,.sf-flow-range:focus-visible{outline:2px solid var(--sf-deep);outline-offset:2px}.sf-flow-range{min-width:140px;accent-color:var(--sf-ink);flex:200px}.sf-flow-ev{min-height:26px;font:500 15px/1.4 var(--sf-ff-d);color:var(--sf-ink-2);flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:12px 0 6px;display:flex}.sf-flow-ev b{color:var(--sf-ink);font-weight:700}.sf-flow-ev .n{font:500 12px/1.4 var(--sf-ff-m);letter-spacing:.04em}.sf-flow-ev i{font-style:normal;font-weight:700}.sf-flow-legend{font:600 12px/1.3 var(--sf-ff-m);letter-spacing:.03em;color:var(--sf-ink-2);flex-wrap:wrap;gap:4px 18px;margin:10px 0 4px;display:flex}.sf-flow-legend .sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.sf-flow-legend .sw.a,.sf-flow-chart .dot.a{fill:#0f8f87;background:#0f8f87}.sf-flow-legend .sw.b,.sf-flow-chart .dot.b{fill:#d63c2c;background:#d63c2c}.sf-flow-chart{width:100%;position:relative}.sf-flow-chart svg{width:100%;height:auto;display:block;overflow:visible}.sf-flow-chart .grid{stroke:var(--sf-ink-line);stroke-width:1px}.sf-flow-chart .mid{stroke:#1a0e1e52;stroke-width:1px}.sf-flow-chart .tick{font:500 10.5px var(--sf-ff-m);fill:var(--sf-ink-2)}.sf-flow-chart .area-a{fill:#0f8f872e}.sf-flow-chart .area-b{fill:#d63c2c29}.sf-flow-chart .line{fill:none;stroke:var(--sf-ink);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.sf-flow-chart .cross{stroke:#1a0e1e66;stroke-width:1px}.sf-flow-chart .dot{stroke:var(--sf-paper);stroke-width:2px;transition:cx .35s,cy .35s}.sf-flow-tip{z-index:3;background:var(--sf-ink);color:var(--sf-paper);font:500 12px/1.35 var(--sf-ff-d);white-space:nowrap;pointer-events:none;border-radius:4px;gap:2px;padding:7px 10px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 8px 24px #00000040}.sf-flow-tip b{font-size:13px}@media (prefers-reduced-motion:reduce){.sf-flow-chart .dot{transition:none}}