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