.legacy-flow{--flow-cyan:rgb(var(--ostwin-cyan-rgb));--flow-acid:rgb(var(--ostwin-acid-rgb));--flow-amber:rgb(var(--ostwin-amber-rgb));--flow-blue:rgb(var(--ostwin-blue-rgb));--flow-human-alert:#f97e30;--flow-human-hot:#ff5b40;--flow-agent-green:#2aca5e;--flow-agent-green-soft:#89eb4b;--flow-panel:color-mix(in oklch, var(--sl-color-bg) 74%, var(--sl-color-gray-6));--flow-panel-strong:color-mix(in oklch, var(--sl-color-bg) 62%, var(--sl-color-gray-6));border:1px solid var(--sl-color-hairline);background:linear-gradient(120deg, rgba(var(--ostwin-cyan-rgb), .11), transparent 34%), linear-gradient(300deg, rgba(var(--ostwin-acid-rgb), .08), transparent 42%), var(--flow-panel);border-radius:8px;width:min(100%,100vw - 2rem);max-width:100%;margin:2rem 0 2.5rem;padding:1.25rem;overflow:hidden;box-shadow:0 24px 60px #03080e33}.legacy-flow,.legacy-flow *{box-sizing:border-box}.legacy-flow__header{grid-template-columns:minmax(12rem,.9fr) minmax(16rem,1.5fr);align-items:end;gap:.85rem 1.25rem;margin-bottom:1.25rem;display:grid}.legacy-flow__eyebrow,.legacy-flow__panel-heading>span,.legacy-flow__index,.legacy-flow__task>span,.legacy-flow__room-stack>div>span{color:var(--flow-cyan);font-family:var(--sl-font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.legacy-flow__header h3{color:var(--sl-color-gray-1);letter-spacing:0;grid-column:1;margin:0;font-size:clamp(1.32rem,2vw,1.9rem);line-height:1.08}.legacy-flow__header p:not(.legacy-flow__eyebrow){color:var(--sl-color-gray-2);grid-column:2;margin:0;font-size:.92rem;line-height:1.65}.legacy-flow__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:1rem;display:grid}.legacy-flow__panel{border:1px solid var(--sl-color-hairline);background:linear-gradient(#ffffff0b,#0000),#080d1247;border-radius:8px;min-width:0;min-height:30rem;padding:1rem;position:relative;overflow:hidden}:root[data-theme=light] .legacy-flow__panel{background:linear-gradient(#fffc,#0000),#ffffff75}.legacy-flow__panel:before{pointer-events:none;content:"";opacity:.36;background-image:linear-gradient(rgba(var(--ostwin-cyan-rgb), .18) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--ostwin-cyan-rgb), .12) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0;mask-image:linear-gradient(#000000f2,#0000 82%)}.legacy-flow__panel-heading{z-index:1;border-bottom:1px solid var(--sl-color-hairline);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.85rem;display:flex;position:relative}.legacy-flow__panel-heading strong{color:var(--sl-color-gray-1);text-align:right;font-size:.84rem;line-height:1.2}.legacy-flow__stage,.legacy-flow__task,.legacy-flow__merge,.legacy-flow__rail-step,.legacy-flow__room-stack>div{z-index:1;border:1px solid var(--sl-color-hairline);background:linear-gradient(180deg, #ffffff0d, transparent), var(--flow-panel-strong);border-radius:8px;position:relative}.legacy-flow__stage{text-align:center;width:min(100%,18rem);margin:1rem auto 0;padding:.82rem}.legacy-flow__stage strong,.legacy-flow__task strong,.legacy-flow__merge strong,.legacy-flow__rail-step strong,.legacy-flow__room-stack strong{color:var(--sl-color-gray-1);margin-top:.18rem;font-size:.9rem;line-height:1.15;display:block}.legacy-flow__stage small,.legacy-flow__task small,.legacy-flow__merge small,.legacy-flow__rail-step small,.legacy-flow__room-stack small{color:var(--sl-color-gray-3);margin-top:.35rem;font-size:.74rem;line-height:1.35;display:block}.legacy-flow__node-effort{border-top:1px solid color-mix(in oklch, var(--sl-color-hairline), transparent 28%);margin-top:.58rem;padding-top:.52rem}.legacy-flow__rail-step .legacy-flow__node-effort{grid-column:2/-1}.legacy-flow__node-effort-bars{--human-share:50%;border:1px solid var(--sl-color-hairline);background:linear-gradient(90deg, var(--flow-human-alert) 0, var(--flow-human-hot) var(--human-share), var(--flow-agent-green-soft) var(--human-share), var(--flow-agent-green) 100%);border-radius:999px;width:100%;height:.38rem;display:flex;overflow:hidden}.legacy-flow__node-effort--agent .legacy-flow__node-effort-bars{background:linear-gradient(90deg, #f97e309e 0, #ff5b409e var(--human-share), var(--flow-agent-green-soft) var(--human-share), var(--flow-agent-green) 100%)}.legacy-flow__node-effort-split{color:var(--sl-color-gray-2);font-family:var(--sl-font-mono);letter-spacing:.02em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:.18rem .5rem;margin-top:.34rem;font-size:.58rem;font-weight:700;line-height:1.25;display:flex}.legacy-flow__node-effort-split span:first-child{color:var(--flow-human-alert)}.legacy-flow__node-effort-split span:last-child{color:var(--flow-agent-green);text-align:right}.legacy-flow__node-effort>small{color:var(--sl-color-gray-4);margin-top:.26rem;font-size:.62rem;line-height:1.25;display:block}.legacy-flow__connector--down{z-index:1;background:linear-gradient(to bottom, rgba(var(--ostwin-cyan-rgb), .18), rgba(var(--ostwin-amber-rgb), .78));width:2px;height:2.15rem;margin:0 auto;position:relative;overflow:hidden}.legacy-flow__connector--down i{background:var(--flow-amber);width:100%;height:45%;animation:1.9s cubic-bezier(.22,1,.36,1) infinite legacy-drop;display:block}.legacy-flow__task-row{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem;margin-top:1.6rem;display:grid;position:relative}.legacy-flow__task{text-align:center;min-height:7.15rem;animation:4.8s ease-in-out infinite legacy-task-drift;animation-delay:calc(var(--flow-index) * -.75s);padding:.68rem}.legacy-flow__task>span{color:var(--flow-amber);font-size:.62rem}.legacy-flow__merge-zone{z-index:1;margin-top:2.25rem;position:relative}.legacy-flow__merge-lines{height:2.15rem;position:absolute;bottom:calc(100% - .1rem);left:13%;right:13%}.legacy-flow__merge-lines i{background:linear-gradient(to bottom, rgba(var(--ostwin-amber-rgb), .08), rgba(var(--ostwin-amber-rgb), .82));transform-origin:bottom;width:2px;height:100%;position:absolute;bottom:0}.legacy-flow__merge-lines i:first-child{left:4%;transform:rotate(-34deg)}.legacy-flow__merge-lines i:nth-child(2){left:50%}.legacy-flow__merge-lines i:nth-child(3){right:4%;transform:rotate(34deg)}.legacy-flow__merge{text-align:center;border-color:rgba(var(--ostwin-amber-rgb), .42);width:min(100%,21.5rem);margin:0 auto;padding:.82rem;animation:2.8s ease-in-out infinite legacy-merge-warning}.legacy-flow__risk-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-top:.75rem;display:grid}.legacy-flow__risk-list span{border:1px solid rgba(var(--ostwin-amber-rgb), .26);min-width:0;color:var(--sl-color-gray-2);font-family:var(--sl-font-mono);background:rgba(var(--ostwin-amber-rgb), .08);border-radius:6px;padding:.3rem .35rem;font-size:.62rem;line-height:1.2}.legacy-flow__packet{z-index:2;aspect-ratio:1;background:var(--flow-amber);width:.5rem;box-shadow:0 0 0 4px rgba(var(--ostwin-amber-rgb), .12);opacity:0;border-radius:50%;position:absolute}.legacy-flow__packet--one{animation:3.8s ease-in-out infinite legacy-packet-one;top:58%;left:22%}.legacy-flow__packet--two{animation:3.8s ease-in-out .3s infinite legacy-packet-two;top:58%;left:50%}.legacy-flow__packet--three{animation:3.8s ease-in-out .6s infinite legacy-packet-three;top:58%;right:22%}.legacy-flow__rail{z-index:1;gap:.62rem;margin-top:1rem;display:grid;position:relative}.legacy-flow__rail:before{content:"";background:linear-gradient(to bottom, var(--flow-cyan), var(--flow-acid));opacity:.42;width:2px;position:absolute;top:1.2rem;bottom:1.2rem;left:1rem}.legacy-flow__rail-step{min-height:4.25rem;animation:5.6s ease-in-out infinite ostwin-step-focus;animation-delay:calc(var(--flow-index) * .32s);grid-template-columns:2.6rem 1fr;align-items:start;gap:.15rem .68rem;padding:.65rem .72rem .65rem .52rem;display:grid}.legacy-flow__rail-step .legacy-flow__index{border:1px solid rgba(var(--ostwin-cyan-rgb), .34);background:rgba(var(--ostwin-cyan-rgb), .1);border-radius:8px;grid-row:span 2;place-items:center;width:2rem;height:2rem;display:grid}.legacy-flow__rail-step small{margin-top:.18rem}.legacy-flow__rail-pulse{z-index:2;aspect-ratio:1;background:var(--flow-acid);width:.44rem;box-shadow:0 0 0 5px rgba(var(--ostwin-acid-rgb), .12);border-radius:50%;animation:5.6s cubic-bezier(.22,1,.36,1) infinite ostwin-rail-pulse;position:absolute;top:1.05rem;left:.79rem}.legacy-flow__room-stack{z-index:1;grid-template-columns:1fr;gap:.58rem;margin-top:1rem;display:grid;position:relative}.legacy-flow__room-stack>div{border-color:rgba(var(--ostwin-acid-rgb), .24);padding:.68rem}.legacy-flow__summary{z-index:1;border:1px solid rgba(var(--ostwin-acid-rgb), .22);color:var(--sl-color-gray-2);background:rgba(var(--ostwin-acid-rgb), .06);border-radius:8px;margin:1rem 0 0;padding:.85rem;font-size:.84rem;line-height:1.6;position:relative}@keyframes legacy-drop{0%{opacity:0;transform:translateY(-130%)}24%,70%{opacity:1}to{opacity:0;transform:translateY(240%)}}@keyframes legacy-task-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-.28rem)}}@keyframes legacy-merge-warning{0%,to{box-shadow:0 0 0 rgba(var(--ostwin-amber-rgb), 0);transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(var(--ostwin-amber-rgb), .08);transform:scale(1.012)}}@keyframes legacy-packet-one{0%,20%{opacity:0;transform:translate(0)}30%{opacity:1}72%{opacity:1;transform:translate(5.35rem,9.1rem)}to{opacity:0;transform:translate(5.35rem,9.1rem)}}@keyframes legacy-packet-two{0%,20%{opacity:0;transform:translate(0)}30%{opacity:1}72%{opacity:1;transform:translateY(9.1rem)}to{opacity:0;transform:translateY(9.1rem)}}@keyframes legacy-packet-three{0%,20%{opacity:0;transform:translate(0)}30%{opacity:1}72%{opacity:1;transform:translate(-5.35rem,9.1rem)}to{opacity:0;transform:translate(-5.35rem,9.1rem)}}@keyframes ostwin-step-focus{0%,to{border-color:var(--sl-color-hairline);transform:translate(0)}45%{border-color:rgba(var(--ostwin-acid-rgb), .34);transform:translate(.22rem)}}@keyframes ostwin-rail-pulse{0%{transform:translateY(0)}20%{transform:translateY(4.9rem)}40%{transform:translateY(9.78rem)}60%{transform:translateY(14.68rem)}80%,to{transform:translateY(19.55rem)}}@keyframes effort-fill{0%,to{opacity:.82;transform:scaleX(.94)}50%{opacity:1;transform:scaleX(1)}}@media (width<=900px){.legacy-flow__header,.legacy-flow__grid{grid-template-columns:1fr}.legacy-flow__header h3,.legacy-flow__header p:not(.legacy-flow__eyebrow){grid-column:auto}.legacy-flow__panel{min-height:auto}}@media (width<=620px){.legacy-flow{width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);padding:.85rem}.legacy-flow__panel{width:100%;max-width:100%;padding:.72rem}.legacy-flow__task-row,.legacy-flow__risk-list{grid-template-columns:1fr;width:100%;max-width:100%}.legacy-flow__rail-step{grid-template-columns:2.25rem minmax(0,1fr);padding-right:.6rem}.legacy-flow__node-effort-split{justify-content:flex-start;gap:.68rem;font-size:.54rem;display:flex}.legacy-flow__node-effort-bars,.legacy-flow__node-effort-split{width:min(100%,16rem);max-width:100%;margin-left:0;margin-right:auto}.legacy-flow__node-effort-split span:last-child{text-align:left}.legacy-flow__task{width:100%;max-width:100%;min-height:auto}.legacy-flow__packet,.legacy-flow__merge-lines{display:none}.legacy-flow__panel-heading{flex-direction:column;align-items:start}.legacy-flow__panel-heading strong{text-align:left}}@media (prefers-reduced-motion:reduce){.legacy-flow *,.legacy-flow :before,.legacy-flow :after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}