.ho[data-astro-cid-vqvhcanl]{margin:0;--t1: .2s;--out-at: .7s;--t2: 2.3s;--t3: 3.3s;--back-at: 3.8s;--t4: 5.4s;--cross: 1.6s}.stage[data-astro-cid-vqvhcanl]{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,.75fr) minmax(0,1fr);align-items:center;padding:var(--space-5);background:var(--color-surface-sunk);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.win[data-astro-cid-vqvhcanl]{min-width:0;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.bar[data-astro-cid-vqvhcanl]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-subtle)}.dots[data-astro-cid-vqvhcanl]{flex:none;width:6px;height:6px;border-radius:50%;background:var(--color-border-strong);box-shadow:10px 0 0 var(--color-border-strong),20px 0 0 var(--color-border-strong);margin-right:20px}.body[data-astro-cid-vqvhcanl]{display:grid;gap:var(--space-2);padding:var(--space-4);min-height:7.5rem;align-content:start}.row[data-astro-cid-vqvhcanl]{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-bg-warm);font-size:var(--text-sm);line-height:var(--leading-snug)}.row[data-astro-cid-vqvhcanl].good{background:var(--color-accent-tint);border-color:color-mix(in srgb,var(--color-accent) 25%,transparent)}.code[data-astro-cid-vqvhcanl]{font-weight:var(--weight-bold);letter-spacing:.02em;color:var(--color-text)}.name[data-astro-cid-vqvhcanl]{color:var(--color-text-muted)}.state[data-astro-cid-vqvhcanl]{margin-left:auto;font-weight:var(--weight-semibold);color:var(--color-accent-deep)}.wire[data-astro-cid-vqvhcanl]{position:relative;display:grid;gap:var(--space-3);padding-inline:var(--space-3)}.wire-name[data-astro-cid-vqvhcanl]{justify-self:center;padding:var(--space-1) var(--space-3);border:1px dashed var(--color-accent);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-accent-deep);white-space:nowrap}.lane[data-astro-cid-vqvhcanl]{position:relative;height:1.75rem}.lane[data-astro-cid-vqvhcanl]:before{content:"";position:absolute;inset:50% 0 auto;border-top:2px dashed color-mix(in srgb,var(--color-accent) 55%,transparent)}.lane[data-astro-cid-vqvhcanl]:after{content:"";position:absolute;top:calc(50% - 5px);border:5px solid transparent}.lane[data-astro-cid-vqvhcanl].out:after{right:-4px;border-left:7px solid var(--color-accent)}.lane[data-astro-cid-vqvhcanl].back:after{left:-4px;border-right:7px solid var(--color-accent)}.packet[data-astro-cid-vqvhcanl]{position:absolute;top:50%;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-contrast);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;transform:translate(-50%,-50%)}.steps[data-astro-cid-vqvhcanl]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin:var(--space-4) 0 0;padding:0;list-style:none}.steps[data-astro-cid-vqvhcanl] li[data-astro-cid-vqvhcanl]{padding-top:var(--space-3);border-top:2px solid var(--color-accent);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.ho[data-astro-cid-vqvhcanl] .replay{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);min-height:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-subtle);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer}.ho[data-astro-cid-vqvhcanl] .replay:hover{color:var(--color-text);border-color:var(--color-text-subtle)}.ho[data-astro-cid-vqvhcanl] .replay:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ho[data-astro-cid-vqvhcanl] .replay:before{content:"";width:.75em;height:.75em;border:1.5px solid currentcolor;border-right-color:transparent;border-radius:50%;transform:rotate(-45deg)}html.js .ho[data-astro-cid-vqvhcanl]:not(.is-done) [data-astro-cid-vqvhcanl]:is(.t1,.t2,.t3,.t4){opacity:0}.ho[data-astro-cid-vqvhcanl].is-running [data-astro-cid-vqvhcanl]:is(.t1,.t2,.t3,.t4){animation:ho-appear .45s ease-out both}.ho[data-astro-cid-vqvhcanl].is-running .t1[data-astro-cid-vqvhcanl]{animation-delay:var(--t1)}.ho[data-astro-cid-vqvhcanl].is-running .t2[data-astro-cid-vqvhcanl]{animation-delay:var(--t2)}.ho[data-astro-cid-vqvhcanl].is-running .t3[data-astro-cid-vqvhcanl]{animation-delay:var(--t3)}.ho[data-astro-cid-vqvhcanl].is-running .t4[data-astro-cid-vqvhcanl]{animation-delay:var(--t4)}.ho[data-astro-cid-vqvhcanl].is-running .order[data-astro-cid-vqvhcanl]{animation:ho-across var(--cross) ease-in-out var(--out-at) both}.ho[data-astro-cid-vqvhcanl].is-running .result[data-astro-cid-vqvhcanl]{animation:ho-back var(--cross) ease-in-out var(--back-at) both}@keyframes ho-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes ho-across{0%{left:0%;opacity:0;transform:translateY(-50%)}12%,88%{opacity:1}to{left:100%;opacity:0;transform:translate(-100%,-50%)}}@keyframes ho-back{0%{left:100%;opacity:0;transform:translate(-100%,-50%)}12%,88%{opacity:1}to{left:0%;opacity:0;transform:translateY(-50%)}}@media(max-width:48rem){.stage[data-astro-cid-vqvhcanl]{grid-template-columns:minmax(0,1fr);padding:var(--space-4)}.wire[data-astro-cid-vqvhcanl]{grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;min-height:8rem}.wire-name[data-astro-cid-vqvhcanl]{grid-column:2;grid-row:1}.lane[data-astro-cid-vqvhcanl]{grid-row:1;justify-self:center;width:1.75rem;height:100%}.lane[data-astro-cid-vqvhcanl].out{grid-column:1}.lane[data-astro-cid-vqvhcanl].back{grid-column:3}.lane[data-astro-cid-vqvhcanl]:before{inset:0 auto 0 50%;border-top:0;border-left:2px dashed color-mix(in srgb,var(--color-accent) 55%,transparent)}.lane[data-astro-cid-vqvhcanl]:after{top:auto;left:calc(50% - 4px);right:auto}.lane[data-astro-cid-vqvhcanl].out:after{bottom:-4px;border:5px solid transparent;border-bottom:0;border-top:7px solid var(--color-accent)}.lane[data-astro-cid-vqvhcanl].back:after{top:-4px;border:5px solid transparent;border-top:0;border-bottom:7px solid var(--color-accent)}.packet[data-astro-cid-vqvhcanl]{left:50%}.ho[data-astro-cid-vqvhcanl].is-running .order[data-astro-cid-vqvhcanl]{animation-name:ho-down}.ho[data-astro-cid-vqvhcanl].is-running .result[data-astro-cid-vqvhcanl]{animation-name:ho-up}.body[data-astro-cid-vqvhcanl]{min-height:0}.steps[data-astro-cid-vqvhcanl]{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.steps[data-astro-cid-vqvhcanl] li[data-astro-cid-vqvhcanl]{padding-top:0;padding-left:var(--space-4);border-top:0;border-left:2px solid var(--color-accent)}}@keyframes ho-down{0%{top:0%;opacity:0;transform:translate(-50%)}12%,88%{opacity:1}to{top:100%;opacity:0;transform:translate(-50%,-100%)}}@keyframes ho-up{0%{top:100%;opacity:0;transform:translate(-50%,-100%)}12%,88%{opacity:1}to{top:0%;opacity:0;transform:translate(-50%)}}