.workflow{--wf-panel:#0f1b18;--wf-ink:#e6fff1;--wf-muted:#b1c8bd;--wf-line:#416454;--wf-accent:#00ff99;--wf-amber:#ffd089;color:var(--wf-ink);scroll-margin-top:100px}
.workflow [hidden]{display:none!important}.wf-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:24px}.wf-heading h2{font-size:clamp(30px,4vw,49px);line-height:1.13;margin:0}.wf-heading h2 span{color:var(--wf-accent)}.wf-heading>p{font-size:17px;line-height:1.75;margin:0;max-width:490px}.wf-demo-label{display:flex;align-items:center;gap:10px;font:12px/1.7 var(--mono);color:var(--wf-muted);margin:22px 0}.wf-indicator{width:8px;height:8px;border-radius:50%;background:var(--wf-accent);flex:none}.wf-prompt{display:flex;gap:20px;align-items:center;background:linear-gradient(110deg,#153e2c,#0c201b);border:1px solid #3d785a;border-radius:16px;padding:25px 28px}.wf-avatar{display:grid;place-items:center;width:54px;height:54px;flex:none;border:1px solid #4a956e;border-radius:14px;color:var(--wf-accent);font:12px var(--mono)}.wf-kicker{font:11px/1.6 var(--mono);letter-spacing:.065em;color:var(--wf-muted)}.wf-prompt p{font-size:19px;line-height:1.6;margin:7px 0 0;color:var(--wf-ink)}.wf-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:24px 0}.wf-controls label{display:grid;gap:8px;font-size:12px;color:var(--wf-muted)}.workflow button,.workflow select{font:13px/1.5 var(--mono);border:1px solid var(--wf-line);border-radius:8px;color:var(--wf-ink);background:#14271f;padding:11px 13px;cursor:pointer;min-height:44px;max-width:100%}.workflow select{min-width:150px}.workflow button:focus-visible,.workflow select:focus-visible,.wf-text summary:focus-visible{outline:3px solid var(--wf-amber);outline-offset:4px}.workflow button:disabled{cursor:default;opacity:.5}.wf-playback{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.workflow [data-wf-play]{background:#d7ffe8;color:#092318;border-color:#d7ffe8;font-weight:700;min-width:208px}.wf-map{margin:0;padding:26px;border:1px solid var(--wf-line);border-radius:17px;background:radial-gradient(ellipse at 50% 0,#173a2b55,transparent 75%),linear-gradient(#152c2133 1px,transparent 1px),linear-gradient(90deg,#152c2133 1px,transparent 1px),#0b1511;background-size:auto,28px 28px,28px 28px,auto}.wf-map figcaption{display:flex;gap:15px;justify-content:space-between;color:var(--wf-muted);font:11px/1.8 var(--mono);margin-bottom:24px}.wf-map figcaption span{letter-spacing:0}.wf-nodes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.wf-nodes li{position:relative;min-width:0}.wf-nodes li:nth-child(4){grid-column:3;grid-row:2}.wf-nodes li:nth-child(5){grid-column:2;grid-row:2}.wf-nodes li:nth-child(6){grid-column:1;grid-row:2}.wf-nodes li:nth-child(7){grid-column:1;grid-row:3}.wf-nodes li:nth-child(8){grid-column:2;grid-row:3}.wf-nodes li:nth-child(9){grid-column:3;grid-row:3}.wf-nodes button{width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:19px 15px;min-height:112px;background:#10251e;position:relative;z-index:1;transition:border-color .2s,background .2s,box-shadow .2s}.wf-nodes button:disabled{opacity:1}.wf-number{font:12px var(--mono);color:var(--wf-accent);align-self:flex-start;padding-top:3px}.wf-nodes strong{display:block;font:600 16px/1.4 var(--sans,Segoe UI,sans-serif);color:var(--wf-ink)}.wf-nodes small{display:block;font:12px/1.5 var(--mono);color:var(--wf-muted);margin-top:7px}.wf-node-arrow{margin-left:auto;color:#89ad9a;font-size:20px}.wf-nodes li:not(:last-child):after{content:'→';position:absolute;width:30px;right:-30px;top:43%;text-align:center;color:#83a592;font-size:20px}.wf-nodes li:nth-child(3):after,.wf-nodes li:nth-child(6):after{content:'↓';right:calc(50% - 15px);top:auto;bottom:-28px}.wf-nodes li:nth-child(4):after,.wf-nodes li:nth-child(5):after{content:'←';right:auto;left:-30px}.wf-nodes li:nth-child(3) .wf-node-arrow,.wf-nodes li:nth-child(6) .wf-node-arrow{transform:rotate(90deg)}.wf-nodes li:nth-child(4) .wf-node-arrow,.wf-nodes li:nth-child(5) .wf-node-arrow{transform:rotate(180deg)}.wf-nodes .wf-active button{border-color:var(--wf-accent);background:#17432e;box-shadow:0 0 0 1px #00ff9928,0 0 35px #00ff990a}.wf-nodes .wf-done button{border-color:#4b966d}.wf-return{border-top:1px dashed #446a54;margin-top:25px;padding-top:16px;color:var(--wf-muted);font-size:13px;line-height:1.8}.wf-return span{color:var(--wf-amber);font-size:23px;margin-right:8px}.wf-playing .wf-active:after{animation:wf-travel 1.2s ease-in-out infinite;color:var(--wf-accent)}@keyframes wf-travel{0%,100%{opacity:.3}50%{opacity:1;text-shadow:0 0 8px #00ff99}}
.wf-live{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.wf-detail,.wf-reviewers{background:var(--wf-panel);border:1px solid var(--wf-line);border-radius:14px;padding:26px;min-width:0}.wf-detail-top{display:flex;align-items:start;justify-content:space-between;gap:15px}.wf-detail-top>[data-wf-count],.wf-detail-top>[data-wf-quorum]{font:11px/1.6 var(--mono);color:var(--wf-accent);text-align:right}.wf-detail h3{font-size:26px;line-height:1.2;margin:27px 0 17px}.wf-detail p{font-size:16px;line-height:1.8;color:var(--wf-muted)}.wf-example{padding:18px;border-left:3px solid var(--wf-accent);background:#123326;color:var(--wf-ink);font:14px/1.8 var(--mono)}.wf-detail .wf-boundary{font-size:12px;line-height:1.7;border-top:1px solid #365142;padding-top:18px;margin-top:24px}.wf-peer{border-top:1px solid #365142;padding:14px 0 10px;position:relative;margin-top:12px}.wf-peer h4{font-size:16px;margin:0 110px 6px 0;line-height:1.5}.wf-peer-status{position:absolute;right:0;top:16px;text-transform:uppercase;font:9px var(--mono);color:var(--wf-muted);border:1px solid #456450;padding:5px 7px;border-radius:5px}.wf-peer p{font-size:12px;line-height:1.7;margin:7px 0;color:var(--wf-muted)}.wf-peer .wf-peer-angle{color:#8ed9b0;font-size:11px}.wf-peer[data-status=success] .wf-peer-status{color:#a0f1bb;border-color:#649173}.wf-peer[data-status=unavailable] .wf-peer-status,.wf-peer[data-status='invalid output'] .wf-peer-status{color:var(--wf-amber);border-color:#9a783f}.wf-reviewers>p{font-size:11px;line-height:1.7;margin-bottom:0}.wf-announcement{font:12px/1.6 var(--mono);min-height:20px;color:var(--wf-muted);margin:12px 0}.wf-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:42px 0 24px}.wf-compare-heading{grid-column:1/-1;max-width:850px;margin-bottom:8px}.wf-compare-heading h3{font-size:31px;margin:12px 0}.wf-compare-heading p{font-size:15px;line-height:1.75}.wf-comparison article{border:1px solid var(--wf-line);border-radius:15px;background:var(--wf-panel);padding:26px;min-width:0}.wf-comparison .wf-without{border-top:3px solid #dfb26a}.wf-comparison .wf-with{border-top:3px solid var(--wf-accent)}.wf-comparison h4{font-size:22px;line-height:1.35;margin:18px 0}.wf-comparison pre{font-size:12px;line-height:1.9;border-radius:9px;padding:18px;background:#060e0a;color:#dff6e7;overflow:auto}.wf-comparison p,.wf-comparison li{font-size:13px;line-height:1.8;color:var(--wf-muted)}.wf-comparison ul{padding-left:19px}.wf-result{font:13px/1.8 var(--mono);padding:17px;border:1px solid #417655;background:#112e20;border-radius:9px;color:#c0fdd0}.wf-result strong{font-size:19px}.wf-result-warning{border-color:#816536;background:#2c2619;color:#ffdeb0}.wf-rejected{border-left:2px solid var(--wf-amber);padding-left:14px}.wf-text{padding:22px 24px;border:1px solid var(--wf-line);border-radius:12px;margin:25px 0}.wf-text summary{cursor:pointer;font-weight:600;line-height:1.6}.wf-text li{margin:20px 0;padding-left:8px}.wf-text h3{font-size:18px}.wf-text p,.wf-text li{font-size:14px;line-height:1.8}.workflow[data-path=shortage] .wf-active[data-wf-node=quorum] button{border-color:var(--wf-amber);background:#342b19}
@media(max-width:1050px){.wf-playback{margin-left:0}.wf-nodes{gap:24px}.wf-nodes button{gap:9px;padding:16px 10px}.wf-nodes strong{font-size:15px}.wf-nodes li:not(:last-child):after{width:24px;right:-24px}.wf-nodes li:nth-child(4):after,.wf-nodes li:nth-child(5):after{left:-24px;right:auto}.wf-nodes li:nth-child(3):after,.wf-nodes li:nth-child(6):after{right:calc(50% - 12px);bottom:-25px}.wf-node-arrow{display:none}}
@media(max-width:740px){.wf-heading,.wf-live,.wf-comparison{grid-template-columns:1fr}.wf-heading{gap:20px}.wf-prompt{padding:20px;gap:14px}.wf-prompt p{font-size:16px}.wf-controls label{flex:1;min-width:200px}.wf-controls select{width:100%}.wf-playback{width:100%}.workflow [data-wf-play]{min-width:0;flex:1}.wf-map{padding:20px}.wf-map figcaption{flex-direction:column;gap:5px}.wf-nodes{grid-template-columns:1fr;gap:18px}.wf-nodes li:nth-child(n){grid-column:auto;grid-row:auto}.wf-nodes button{min-height:83px;padding:14px 17px}.wf-nodes strong{font-size:16px}.wf-nodes small{font-size:12px}.wf-node-arrow{display:block;transform:rotate(90deg)!important}.wf-nodes li:last-child .wf-node-arrow{transform:none!important}.wf-nodes li:not(:last-child):after{content:'↓';top:auto;bottom:-20px;right:calc(50% - 12px);left:auto;font-size:16px}.wf-detail,.wf-reviewers,.wf-comparison article{padding:21px}.wf-compare-heading h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.workflow *,.workflow *:after{animation:none!important;transition:none!important}.workflow{scroll-behavior:auto}}