.flow-card{--flow-surface:hsl(var(--card));--flow-bg:hsl(var(--background));--flow-line:hsl(var(--border));--flow-line-soft:hsl(var(--border)/0.55);--flow-mist:hsl(var(--border)/0.75);--flow-text:hsl(var(--foreground));--flow-text-mute:hsl(var(--muted-foreground));--flow-accent:hsl(var(--primary));background:var(--flow-surface);border:1px solid var(--flow-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 26px 60px -34px rgba(11,18,32,.24)}.flow-head{display:flex;align-items:center;gap:.55rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--flow-line-soft);font-family:var(--font-mono,ui-monospace,monospace);font-size:.74rem;color:var(--flow-text-mute);letter-spacing:.06em}.flow-head-live{margin-left:auto;font-size:.64rem;letter-spacing:.18em;color:var(--flow-accent);border:1px solid var(--flow-accent);border-radius:6px;padding:.1rem .4rem;opacity:.85}.flow-svg{width:100%;height:auto;display:block;padding:.6rem .4rem}.flow-path{stroke-width:2.4;stroke-linecap:round;stroke-dasharray:8 10;animation:dashflow 1.1s linear infinite}@keyframes dashflow{to{stroke-dashoffset:-36}}.flow-branch{stroke:var(--flow-mist);stroke-width:5;stroke-linecap:round}.flow-box{fill:var(--flow-surface);stroke:var(--flow-line);stroke-width:1}.flow-label{fill:var(--flow-text);font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;font-weight:500}.flow-node.else .flow-box{fill:var(--flow-bg);stroke:var(--flow-line-soft)}.flow-node.else .flow-label{fill:var(--flow-text-mute)}.flow-node.trigger .flow-box{stroke:var(--flow-accent);stroke-width:1.4}.flow-ring{fill:none;stroke:url(#fgrad);stroke-width:2;opacity:0}.flow-node{animation:nodeflash 7.5s linear infinite;animation-delay:var(--d,0s)}@keyframes nodeflash{0%{opacity:.6}2%{opacity:1}8%{opacity:1}16%{opacity:.82}to{opacity:.82}}.flow-node .flow-ring{animation:ringflash 7.5s linear infinite;animation-delay:var(--d,0s)}@keyframes ringflash{0%,16%,to{opacity:0}3%{opacity:.9}11%{opacity:0}}.flow-trail{filter:blur(3px)}.flow-dot{fill:hsl(var(--foreground))}.flow-foot{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;padding:.8rem 1.15rem;border-top:1px solid var(--flow-line-soft);font-family:var(--font-mono,ui-monospace,monospace);font-size:.74rem;color:var(--flow-text-mute)}.flow-foot strong{color:var(--flow-text);font-weight:600}@media (prefers-reduced-motion:reduce){.flow-path{animation:none}.flow-node,.flow-node .flow-ring{animation:none;opacity:1}.flow-dot,.flow-trail{display:none}}.flow-bare .flow-foot,.flow-bare .flow-head{display:none}.flow-bare .flow-svg{padding:1.9rem .4rem}.flow-bare .flow-stop-1,.flow-bare .flow-stop-2,.flow-bare .flow-stop-3{stop-color:hsl(var(--primary))}.act{--act-surface:hsl(var(--card));--act-row:hsl(var(--muted));--act-line:hsl(var(--border));--act-line-soft:hsl(var(--border)/0.55);--act-text:hsl(var(--foreground));--act-text-mute:hsl(var(--muted-foreground));--act-blue:var(--primary);--act-blue-soft:var(--brand-blue-light);--act-ok:142.1 76.2% 36.3%;--act-warn:37.7 92.1% 50.2%;background:var(--act-surface);border:1px solid var(--act-line);border-radius:18px;padding:1rem 1.1rem;flex:1;box-shadow:0 20px 46px -30px hsl(var(--brand-ink-surface)/.2)}.act-head{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono,ui-monospace,monospace);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--act-text-mute);margin-bottom:.85rem}.act-list{display:flex;flex-direction:column;gap:.55rem}.act-row{display:flex;align-items:center;gap:.6rem;font-size:.84rem;color:var(--act-text);padding:.5rem .6rem;border-radius:10px;background:var(--act-row);border:1px solid var(--act-line-soft)}.act-row.fresh{animation:act-slidein .5s cubic-bezier(.23,1,.32,1);border-color:hsl(var(--act-blue)/.3)}@keyframes act-slidein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.act-ico{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:.82rem;flex-shrink:0}.act-ico.t-i{background:hsl(var(--act-blue)/.12);color:hsl(var(--act-blue))}.act-ico.t-v{background:hsl(var(--act-blue-soft)/.13);color:hsl(var(--act-blue-soft))}.act-ico.t-ok{background:hsl(var(--act-ok)/.13);color:hsl(var(--act-ok))}.act-ico.t-w{background:hsl(var(--act-warn)/.13);color:hsl(var(--act-warn))}.act-text{line-height:1.3}.act-tag{margin-left:auto;font-family:var(--font-mono,ui-monospace,monospace);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--act-text-mute);border:1px solid var(--act-line);border-radius:5px;padding:.1rem .4rem}.x-pulse{width:7px;height:7px;border-radius:50%;background:hsl(var(--act-ok,142.1 76.2% 36.3%));box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:act-pulse 2s infinite;flex-shrink:0}@keyframes act-pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 9px rgba(22,163,74,0)}to{box-shadow:0 0 0 0 rgba(22,163,74,0)}}@media (prefers-reduced-motion:reduce){.act-row.fresh,.x-pulse{animation:none}}