.evolution-scene[data-astro-cid-k4b5kipq]{--flow-accent: var(--color-brand-blue-500);position:relative;display:flex;width:100%;max-width:20rem;height:200px;align-items:center;padding:0 14px;margin-inline:auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-foreground-500) 10%,transparent);border-radius:15px;color:var(--color-foreground-500);background-color:var(--color-surface-muted);background-image:radial-gradient(circle,color-mix(in srgb,var(--color-foreground-500) 10%,transparent) 1px,transparent 1px);background-size:17px 17px;box-shadow:inset 0 1px #ffffff52}.evolution-scene[data-astro-cid-k4b5kipq]:before{position:absolute;inset:24% 18%;border-radius:50%;background:color-mix(in srgb,var(--flow-accent) 10%,transparent);filter:blur(26px);content:""}.rail[data-astro-cid-k4b5kipq]{position:relative;z-index:1;display:grid;width:100%;grid-template-columns:48px minmax(10px,1fr) 60px minmax(10px,1fr) 48px;align-items:center}.node[data-astro-cid-k4b5kipq],.change[data-astro-cid-k4b5kipq]{position:relative;z-index:3;background:color-mix(in srgb,var(--color-card-500) 96%,transparent);box-shadow:0 6px 16px #0f172a12}.node[data-astro-cid-k4b5kipq]{display:flex;height:48px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-foreground-500) 12%,transparent);border-radius:12px;color:var(--color-muted-foreground)}.node[data-astro-cid-k4b5kipq] svg{width:18px;height:18px}.node--source[data-astro-cid-k4b5kipq]{animation:source-state 6s ease-in-out infinite}.node--result[data-astro-cid-k4b5kipq]{animation:result-state 6s ease-in-out infinite}.link[data-astro-cid-k4b5kipq]{position:relative;z-index:1;height:2px;background:color-mix(in srgb,var(--color-foreground-500) 20%,transparent)}.change[data-astro-cid-k4b5kipq]{display:flex;height:60px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-foreground-500) 12%,transparent);border-radius:14px;color:var(--color-muted-foreground);animation:change-state 6s ease-in-out infinite}.change[data-astro-cid-k4b5kipq]>svg{width:21px;height:21px}.change-badge[data-astro-cid-k4b5kipq]{position:absolute;top:-7px;right:-7px;display:flex;width:22px;height:22px;align-items:center;justify-content:center;border:2px solid var(--color-surface-muted);border-radius:999px;color:var(--color-muted-foreground);background:var(--color-card-500);animation:badge-state 6s ease-in-out infinite}.change-badge[data-astro-cid-k4b5kipq] svg{width:11px;height:11px}.packet[data-astro-cid-k4b5kipq]{position:absolute;z-index:2;top:50%;left:24px;width:8px;height:8px;border-radius:999px;background:var(--flow-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--flow-accent) 14%,transparent);opacity:0;transform:translate(-50%,-50%);animation:packet-travel 6s linear infinite}@keyframes packet-travel{0%,5%{left:24px;opacity:0}10%{opacity:1}72%{left:calc(100% - 24px);opacity:1}78%,to{left:calc(100% - 24px);opacity:0}}@keyframes source-state{0%,3%,20%,to{border-color:color-mix(in srgb,var(--color-foreground-500) 12%,transparent);color:var(--color-muted-foreground);background:color-mix(in srgb,var(--color-card-500) 96%,transparent);box-shadow:0 6px 16px #0f172a12}7%,15%{border-color:color-mix(in srgb,var(--flow-accent) 28%,transparent);color:var(--flow-accent);background:color-mix(in srgb,var(--color-card-500) 88%,var(--flow-accent) 12%);box-shadow:0 8px 20px color-mix(in srgb,var(--flow-accent) 16%,transparent)}}@keyframes change-state{0%,24%,54%,to{border-color:color-mix(in srgb,var(--color-foreground-500) 12%,transparent);color:var(--color-muted-foreground);background:color-mix(in srgb,var(--color-card-500) 96%,transparent);box-shadow:0 6px 16px #0f172a12}29%,49%{border-color:color-mix(in srgb,var(--flow-accent) 28%,transparent);color:var(--flow-accent);background:color-mix(in srgb,var(--color-card-500) 88%,var(--flow-accent) 12%);box-shadow:0 8px 20px color-mix(in srgb,var(--flow-accent) 16%,transparent)}}@keyframes badge-state{0%,24%,54%,to{color:var(--color-muted-foreground);background:var(--color-card-500)}29%,49%{color:var(--color-card-500);background:var(--flow-accent)}}@keyframes result-state{0%,69%,96%,to{border-color:color-mix(in srgb,var(--color-foreground-500) 12%,transparent);color:var(--color-muted-foreground);background:color-mix(in srgb,var(--color-card-500) 96%,transparent);box-shadow:0 6px 16px #0f172a12}73%,90%{border-color:color-mix(in srgb,var(--flow-accent) 32%,transparent);color:var(--flow-accent);background:color-mix(in srgb,var(--color-card-500) 88%,var(--flow-accent) 12%);box-shadow:0 8px 20px color-mix(in srgb,var(--flow-accent) 18%,transparent)}}@media(prefers-reduced-motion:reduce){.packet[data-astro-cid-k4b5kipq],.node--source[data-astro-cid-k4b5kipq],.change[data-astro-cid-k4b5kipq],.change-badge[data-astro-cid-k4b5kipq],.node--result[data-astro-cid-k4b5kipq]{animation:none}.node--result[data-astro-cid-k4b5kipq]{border-color:color-mix(in srgb,var(--flow-accent) 32%,transparent);color:var(--flow-accent);background:color-mix(in srgb,var(--color-card-500) 88%,var(--flow-accent) 12%)}}