.pipeline{position:fixed;left:clamp(.8rem,2vw,1.6rem);top:5.5rem;bottom:0;width:4px;z-index:50;pointer-events:none;overflow:visible}.pipeline .track{position:absolute;inset:0;width:100%;background:rgba(255,255,255,6%);border-radius:2px}.pipeline .fill{position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(to bottom,var(--accent-orange),var(--accent-teal));opacity:.3;border-radius:2px;will-change:height}.pipeline .flow-particle{position:absolute;left:50%;transform:translateX(-50%);width:3px;height:3px;border-radius:50%;opacity:0;animation:pipe-flow var(--d,6s)linear var(--del,0s)infinite}@keyframes pipe-flow{0%{top:0;opacity:0;background:var(--accent-orange);box-shadow:0 0 4px rgba(249,115,22,.4)}8%{opacity:.7}50%{background:var(--accent-teal);box-shadow:0 0 4px rgba(20,184,166,.4)}92%{opacity:.4}100%{top:100%;opacity:0}}.pipeline .p-node{position:absolute;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--bg-deep);border:1.5px solid rgba(255,255,255,.1);transition:all .5s var(--ease)}.pipeline .p-node .p-label{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);font-family:var(--font-body);font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;opacity:0;transition:opacity .4s,color .4s;cursor:pointer;pointer-events:auto}.pipeline .p-node .p-label:hover{opacity:1!important;color:var(--accent-orange)!important;text-shadow:0 0 12px rgba(249,115,22,.5),0 0 24px rgba(249,115,22,.2)}.pipeline .p-node.active{width:10px;height:10px;border-color:var(--accent-orange);background:var(--accent-orange);box-shadow:0 0 14px rgba(249,115,22,.35),0 0 30px rgba(249,115,22,8%);pointer-events:auto}.pipeline .p-node.active .p-label{opacity:1;color:#ff7900}.pipeline .p-node.passed{width:9px;height:9px;border-color:var(--accent-teal);background:var(--accent-teal);box-shadow:0 0 6px rgba(20,184,166,.15);opacity:.5;pointer-events:auto}.pipeline .p-node.passed .p-label{opacity:.7;color:#ff7900}.pipeline .p-node.seen{border-color:rgba(249,115,22,.2);pointer-events:auto}.pipeline .p-node.seen .p-label{opacity:.7;color:#ff7900}.pipeline .p-node::before{content:'';position:absolute;left:calc(100% + 3px);top:50%;transform:translateY(-50%);height:1px;width:0;background:linear-gradient(90deg,rgba(249,115,22,.35),transparent);transition:width .6s var(--ease)}.pipeline .p-node.active::before,.pipeline .p-node.passed::before{width:clamp(14px,2vw,28px)}.pipeline .p-node::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid transparent;opacity:0;transform:scale(.5)}.pipeline .p-node.active::after{border-color:var(--accent-orange);animation:node-burst .9s var(--ease)forwards}@keyframes node-burst{0%{transform:scale(.5);opacity:.8}100%{transform:scale(4);opacity:0}}@media(max-width:768px){.pipeline{display:none}:root{--pipe-offset:0px}}