.fp-flow{--fp-dur:8s;background:var(--surface-dark);border:1px solid var(--rule-on-dark);border-radius:var(--radius-panel);font-family:var(--font-mono);flex-direction:column;min-height:264px;padding:18px 20px 20px;display:flex;overflow:hidden}.fp-actors{justify-content:space-between;gap:10px;margin-bottom:20px;display:flex}.fp-actor{letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark);border:1px solid var(--rule-on-dark);background:color-mix(in srgb,var(--on-dark)5%,transparent);border-radius:var(--radius-panel);padding:6px 11px;font-size:12px;font-weight:600}.fp-steps{flex-direction:column;flex:1;justify-content:center;gap:15px;display:flex}.fp-msg{height:32px;position:relative}.fp-msg .fp-line{border-top:1px dashed var(--rule-on-dark);opacity:.5;position:absolute;top:68%;left:0;right:0}.fp-msg .fp-head{border:5px solid #0000;width:0;height:0;margin-top:-5px;position:absolute;top:68%}.fp-msg.ltr .fp-head{border-right:none;border-left-color:var(--on-dark-muted);right:-1px}.fp-msg.rtl .fp-head{border-left:none;border-right-color:var(--on-dark-muted);left:-1px}.fp-msg .fp-label{letter-spacing:.03em;color:var(--on-dark);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:12px;position:absolute;top:-3px;left:0;right:0;overflow:hidden}.fp-msg .fp-dot{background:var(--on-dark);opacity:0;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:68%;left:0}.fp-msg.half-l{width:47%}.fp-msg.half-r{width:47%;margin-left:53%}.fp-evt{text-align:center;color:var(--on-dark-muted);border:1px dashed var(--rule-on-dark);border-radius:var(--radius-panel);letter-spacing:.05em;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.fp-evt.bad{color:var(--danger-on-dark)}.fp-rec .fp-chit{text-align:center;letter-spacing:.04em;color:var(--on-dark);background:var(--surface-dark-card);border:1px solid var(--accent-on-dark);border-radius:var(--radius-panel);padding:9px 10px;font-size:12px;font-weight:500;display:block}.fp-chk{color:var(--success-on-dark);letter-spacing:.04em;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.fp-ico{flex:none}.fp-s1{animation:fp-slot1 var(--fp-dur)linear 1 both}.fp-s2{animation:fp-slot2 var(--fp-dur)linear 1 both}.fp-s3{animation:fp-slot3 var(--fp-dur)linear 1 both}.fp-s4{animation:fp-slot4 var(--fp-dur)linear 1 both}.fp-s5{animation:fp-slot5 var(--fp-dur)linear 1 both}.fp-s6{animation:fp-slot6 var(--fp-dur)linear 1 both}.fp-rec.fp-s1 .fp-chit{animation:fp-slot1 var(--fp-dur)linear 1 both,fp-pop1 var(--fp-dur)linear 1 both}.fp-rec.fp-s2 .fp-chit{animation:fp-slot2 var(--fp-dur)linear 1 both,fp-pop2 var(--fp-dur)linear 1 both}.fp-rec.fp-s3 .fp-chit{animation:fp-slot3 var(--fp-dur)linear 1 both,fp-pop3 var(--fp-dur)linear 1 both}.fp-rec.fp-s4 .fp-chit{animation:fp-slot4 var(--fp-dur)linear 1 both,fp-pop4 var(--fp-dur)linear 1 both}.fp-rec.fp-s5 .fp-chit{animation:fp-slot5 var(--fp-dur)linear 1 both,fp-pop5 var(--fp-dur)linear 1 both}.fp-rec.fp-s6 .fp-chit{animation:fp-slot6 var(--fp-dur)linear 1 both,fp-pop6 var(--fp-dur)linear 1 both}.fp-msg.ltr.fp-s1 .fp-dot{animation:fp-dgo1 var(--fp-dur)linear 1 both}.fp-msg.ltr.fp-s2 .fp-dot{animation:fp-dgo2 var(--fp-dur)linear 1 both}.fp-msg.ltr.fp-s3 .fp-dot{animation:fp-dgo3 var(--fp-dur)linear 1 both}.fp-msg.ltr.fp-s4 .fp-dot{animation:fp-dgo4 var(--fp-dur)linear 1 both}.fp-msg.ltr.fp-s5 .fp-dot{animation:fp-dgo5 var(--fp-dur)linear 1 both}.fp-msg.ltr.fp-s6 .fp-dot{animation:fp-dgo6 var(--fp-dur)linear 1 both}.fp-msg.rtl.fp-s1 .fp-dot{animation:fp-drt1 var(--fp-dur)linear 1 both}.fp-msg.rtl.fp-s2 .fp-dot{animation:fp-drt2 var(--fp-dur)linear 1 both}.fp-msg.rtl.fp-s3 .fp-dot{animation:fp-drt3 var(--fp-dur)linear 1 both}.fp-msg.rtl.fp-s4 .fp-dot{animation:fp-drt4 var(--fp-dur)linear 1 both}.fp-msg.rtl.fp-s5 .fp-dot{animation:fp-drt5 var(--fp-dur)linear 1 both}.fp-msg.rtl.fp-s6 .fp-dot{animation:fp-drt6 var(--fp-dur)linear 1 both}@keyframes fp-slot1{0%,1%{opacity:0}5%,to{opacity:1}}@keyframes fp-slot2{0%,15%{opacity:0}19%,to{opacity:1}}@keyframes fp-slot3{0%,29%{opacity:0}33%,to{opacity:1}}@keyframes fp-slot4{0%,43%{opacity:0}47%,to{opacity:1}}@keyframes fp-slot5{0%,57%{opacity:0}61%,to{opacity:1}}@keyframes fp-slot6{0%,71%{opacity:0}75%,to{opacity:1}}@keyframes fp-pop1{0%,1%{transform:scale(.9)}7%{transform:scale(1)}11%,to{transform:scale(1)}}@keyframes fp-pop2{0%,15%{transform:scale(.9)}21%{transform:scale(1)}25%,to{transform:scale(1)}}@keyframes fp-pop3{0%,29%{transform:scale(.9)}35%{transform:scale(1)}39%,to{transform:scale(1)}}@keyframes fp-pop4{0%,43%{transform:scale(.9)}49%{transform:scale(1)}53%,to{transform:scale(1)}}@keyframes fp-pop5{0%,57%{transform:scale(.9)}63%{transform:scale(1)}67%,to{transform:scale(1)}}@keyframes fp-pop6{0%,71%{transform:scale(.9)}77%{transform:scale(1)}81%,to{transform:scale(1)}}@keyframes fp-dgo1{0%,1%{opacity:0;left:0}5%{opacity:1}13%{opacity:1;left:calc(100% - 7px)}15%,to{opacity:0;left:calc(100% - 7px)}}@keyframes fp-dgo2{0%,15%{opacity:0;left:0}19%{opacity:1}27%{opacity:1;left:calc(100% - 7px)}29%,to{opacity:0;left:calc(100% - 7px)}}@keyframes fp-dgo3{0%,29%{opacity:0;left:0}33%{opacity:1}41%{opacity:1;left:calc(100% - 7px)}43%,to{opacity:0;left:calc(100% - 7px)}}@keyframes fp-dgo4{0%,43%{opacity:0;left:0}47%{opacity:1}55%{opacity:1;left:calc(100% - 7px)}57%,to{opacity:0;left:calc(100% - 7px)}}@keyframes fp-dgo5{0%,57%{opacity:0;left:0}61%{opacity:1}69%{opacity:1;left:calc(100% - 7px)}71%,to{opacity:0;left:calc(100% - 7px)}}@keyframes fp-dgo6{0%,71%{opacity:0;left:0}75%{opacity:1}83%{opacity:1;left:calc(100% - 7px)}85%,to{opacity:0;left:calc(100% - 7px)}}@keyframes fp-drt1{0%,1%{opacity:0;left:calc(100% - 7px)}5%{opacity:1}13%{opacity:1;left:0}15%,to{opacity:0;left:0}}@keyframes fp-drt2{0%,15%{opacity:0;left:calc(100% - 7px)}19%{opacity:1}27%{opacity:1;left:0}29%,to{opacity:0;left:0}}@keyframes fp-drt3{0%,29%{opacity:0;left:calc(100% - 7px)}33%{opacity:1}41%{opacity:1;left:0}43%,to{opacity:0;left:0}}@keyframes fp-drt4{0%,43%{opacity:0;left:calc(100% - 7px)}47%{opacity:1}55%{opacity:1;left:0}57%,to{opacity:0;left:0}}@keyframes fp-drt5{0%,57%{opacity:0;left:calc(100% - 7px)}61%{opacity:1}69%{opacity:1;left:0}71%,to{opacity:0;left:0}}@keyframes fp-drt6{0%,71%{opacity:0;left:calc(100% - 7px)}75%{opacity:1}83%{opacity:1;left:0}85%,to{opacity:0;left:0}}.fp-flow:not(.play) .fp-steps *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.fp-steps *,.fp-msg .fp-dot,.fp-rec .fp-chit{animation:none!important}.fp-steps .fp-s1,.fp-steps .fp-s2,.fp-steps .fp-s3,.fp-steps .fp-s4,.fp-steps .fp-s5,.fp-steps .fp-s6,.fp-rec .fp-chit{opacity:1!important;transform:none!important}.fp-msg .fp-dot{display:none}}.fp-list{margin:0;padding:0;list-style:none;display:none}.fp-li{border-bottom:1px solid var(--hairline-on-dark);color:var(--on-dark);align-items:center;gap:8px;padding:11px 0;font-size:12px;line-height:1.45;display:flex}.fp-li:last-child{border-bottom:0}.fp-li-msg{flex-direction:column;align-items:flex-start;gap:3px}.fp-li-who{letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted);font-size:12px}.fp-li-evt{color:var(--on-dark-muted)}.fp-li-evt.bad{color:var(--danger-on-dark)}.fp-li-rec{border:1px solid var(--accent-on-dark);border-radius:var(--radius-panel);background:var(--surface-dark-card);margin:6px 0;padding:10px 12px}.fp-li-chk{color:var(--success-on-dark)}@media (max-width:640px){.fp-flow{min-height:0}.fp-actors,.fp-steps{display:none}.fp-list{display:block}}.fp-flow:focus-visible{outline:2px solid var(--accent-on-dark);outline-offset:-2px}