.reactive-state-flow-module__Sc-Xya__root{color:var(--foreground);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-block:2rem 2.6rem}.reactive-state-flow-module__Sc-Xya__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reactive-state-flow-module__Sc-Xya__toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.9rem;padding-bottom:.9rem;display:flex}.reactive-state-flow-module__Sc-Xya__controlGroup{border:0;min-width:0;margin:0;padding:0}.reactive-state-flow-module__Sc-Xya__controlGroup legend{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.35rem;font-size:.68rem}.reactive-state-flow-module__Sc-Xya__toggleRow{flex-wrap:wrap;gap:.35rem;display:flex}.reactive-state-flow-module__Sc-Xya__toggle,.reactive-state-flow-module__Sc-Xya__playback{appearance:none;border:1px solid var(--border-strong);background:var(--background);color:var(--muted);font:inherit;cursor:pointer;padding:.42rem .62rem;font-size:.72rem;line-height:1.2;transition:border-color .16s,background-color .16s,color .16s}.reactive-state-flow-module__Sc-Xya__toggle:hover,.reactive-state-flow-module__Sc-Xya__playback:hover{border-color:var(--accent);color:var(--foreground)}.reactive-state-flow-module__Sc-Xya__toggle[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--foreground)}.reactive-state-flow-module__Sc-Xya__playback{color:var(--foreground);min-width:5.4rem}.reactive-state-flow-module__Sc-Xya__diagramCanvas{border-bottom:1px solid var(--border);height:42.5rem;position:relative}.reactive-state-flow-module__Sc-Xya__desktopConnections,.reactive-state-flow-module__Sc-Xya__mobileConnections{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.reactive-state-flow-module__Sc-Xya__mobileConnections{display:none}.reactive-state-flow-module__Sc-Xya__tierRule{stroke:color-mix(in srgb, var(--border) 58%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.reactive-state-flow-module__Sc-Xya__tierLabel{fill:var(--foreground);opacity:.52;font-family:var(--font-mono);letter-spacing:.08em;font-size:9px;font-weight:500}.reactive-state-flow-module__Sc-Xya__providerBoundary line{stroke:var(--border-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.reactive-state-flow-module__Sc-Xya__providerEndpoint{fill:var(--background);stroke:var(--border-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.reactive-state-flow-module__Sc-Xya__providerLabel{fill:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:7px}.reactive-state-flow-module__Sc-Xya__archEdge{fill:none;stroke:var(--border-strong);stroke-width:1px;opacity:.52;vector-effect:non-scaling-stroke;transition:stroke .22s,opacity .22s}.reactive-state-flow-module__Sc-Xya__archEdge[data-active=true]{stroke:var(--accent);stroke-width:1.8px;stroke-dasharray:2 8;opacity:1;animation:2.4s linear infinite reactive-state-flow-module__Sc-Xya__conveyor-dash}.reactive-state-flow-module__Sc-Xya__arrowHeadActive{fill:var(--accent)}.reactive-state-flow-module__Sc-Xya__edgeLabel{fill:var(--muted);stroke:var(--background);stroke-width:2.5px;paint-order:stroke fill;font-family:var(--font-mono);text-anchor:middle;font-size:9px;transition:fill .22s;display:none}.reactive-state-flow-module__Sc-Xya__edgeLabel[data-active=true]{fill:var(--foreground)}.reactive-state-flow-module__Sc-Xya__flowToken{pointer-events:none}.reactive-state-flow-module__Sc-Xya__tokenPayload{opacity:.34;transform-box:fill-box;transform-origin:50%;transition:opacity .42s,transform .42s,filter .42s;transform:scale(.46)}.reactive-state-flow-module__Sc-Xya__flowToken[data-active=true] .reactive-state-flow-module__Sc-Xya__tokenPayload{opacity:1;filter:drop-shadow(0 3px 8px color-mix(in srgb, var(--accent) 28%, transparent));transform:scale(1)}.reactive-state-flow-module__Sc-Xya__tokenBody{fill:var(--background);stroke:var(--accent);stroke-width:1px;vector-effect:non-scaling-stroke}.reactive-state-flow-module__Sc-Xya__tokenText{fill:var(--foreground);font-family:var(--font-mono);text-anchor:middle;opacity:0;font-size:9px;font-weight:500;transition:opacity .32s}.reactive-state-flow-module__Sc-Xya__flowToken[data-active=true] .reactive-state-flow-module__Sc-Xya__tokenText{opacity:1}.reactive-state-flow-module__Sc-Xya__tokenTailNear,.reactive-state-flow-module__Sc-Xya__tokenTailFar{fill:var(--accent);opacity:0;transition:opacity .32s}.reactive-state-flow-module__Sc-Xya__flowToken[data-active=true] .reactive-state-flow-module__Sc-Xya__tokenTailFar{opacity:.32}.reactive-state-flow-module__Sc-Xya__flowToken[data-active=true] .reactive-state-flow-module__Sc-Xya__tokenTailNear{opacity:.62}.reactive-state-flow-module__Sc-Xya__archNode{z-index:3;width:12.25rem;transition:transform .42s,z-index 0s linear .42s;position:absolute;transform:translate(-50%,-50%)}.reactive-state-flow-module__Sc-Xya__archNodeButton{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--background) 90%, transparent);-webkit-backdrop-filter:blur(8px)saturate(.9);backdrop-filter:blur(8px)saturate(.9);width:100%;box-shadow:0 8px 22px color-mix(in srgb, var(--foreground) 7%, transparent);color:var(--foreground);font:inherit;text-align:left;cursor:pointer;grid-template-columns:2.45rem minmax(0,1fr);align-items:center;column-gap:.65rem;padding:.55rem .7rem 1.2rem;transition:border-color .42s,background-color .42s,box-shadow .42s;display:grid}.reactive-state-flow-module__Sc-Xya__nodeGlyph{border:1px solid var(--border-strong);background:var(--background);width:2.45rem;height:2.45rem;color:var(--muted);border-radius:999px;grid-row:1/span 2;place-items:center;font-size:.72rem;transition:transform .18s,border-color .18s,background-color .18s,color .18s;display:grid}.reactive-state-flow-module__Sc-Xya__archNode:hover .reactive-state-flow-module__Sc-Xya__nodeGlyph,.reactive-state-flow-module__Sc-Xya__archNode:focus-within .reactive-state-flow-module__Sc-Xya__nodeGlyph{border-color:var(--accent);color:var(--foreground)}.reactive-state-flow-module__Sc-Xya__archNode:hover,.reactive-state-flow-module__Sc-Xya__archNode:focus-within{z-index:6;transition-delay:0s;transform:translate(-50%,-50%)scale(1.055)}.reactive-state-flow-module__Sc-Xya__archNode:hover .reactive-state-flow-module__Sc-Xya__archNodeButton,.reactive-state-flow-module__Sc-Xya__archNode:focus-within .reactive-state-flow-module__Sc-Xya__archNodeButton,.reactive-state-flow-module__Sc-Xya__archNode[data-active=true] .reactive-state-flow-module__Sc-Xya__archNodeButton{border-color:var(--accent)}.reactive-state-flow-module__Sc-Xya__archNode[data-active=true] .reactive-state-flow-module__Sc-Xya__archNodeButton{background:var(--accent-soft);box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 16%, transparent)}.reactive-state-flow-module__Sc-Xya__archNode[data-active=true]{animation:.72s ease-out reactive-state-flow-module__Sc-Xya__node-pulse}.reactive-state-flow-module__Sc-Xya__archNode[data-active=true] .reactive-state-flow-module__Sc-Xya__nodeGlyph{border-color:var(--accent);color:var(--foreground)}.reactive-state-flow-module__Sc-Xya__nodeLabel{grid-column:2;font-size:.74rem;font-weight:500}.reactive-state-flow-module__Sc-Xya__nodeMeta{color:var(--muted);grid-column:2;font-size:.69rem;line-height:1.25;display:block}.reactive-state-flow-module__Sc-Xya__nodeCapability{color:var(--muted);grid-column:2;font-size:.58rem;line-height:1.15;display:block}.reactive-state-flow-module__Sc-Xya__nodeDocs,.reactive-state-flow-module__Sc-Xya__adapterDocs{z-index:4;color:var(--muted);font-size:.6rem;line-height:1;text-decoration:none;transition:color .22s;position:absolute;bottom:.32rem;right:.55rem}.reactive-state-flow-module__Sc-Xya__nodeDocs:hover,.reactive-state-flow-module__Sc-Xya__nodeDocs:focus-visible,.reactive-state-flow-module__Sc-Xya__adapterDocs:hover,.reactive-state-flow-module__Sc-Xya__adapterDocs:focus-visible{color:var(--foreground);text-underline-offset:.18rem;text-decoration:underline}.reactive-state-flow-module__Sc-Xya__node_source{top:10%;left:33%}.reactive-state-flow-module__Sc-Xya__node_runtime{width:min(29rem,100% - 5rem);top:30%;left:50%}.reactive-state-flow-module__Sc-Xya__node_cache{width:min(29rem,100% - 5rem);top:70%;left:50%}.reactive-state-flow-module__Sc-Xya__node_graph{top:90%;left:28%}.reactive-state-flow-module__Sc-Xya__node_application{top:90%;left:72%}.reactive-state-flow-module__Sc-Xya__node_rpc{top:10%;left:67%}.reactive-state-flow-module__Sc-Xya__adapterStack{z-index:4;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 4.5rem;align-items:center;gap:.55rem;width:29rem;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%)}.reactive-state-flow-module__Sc-Xya__adapterItem{min-width:0;transition:transform .42s;position:relative}.reactive-state-flow-module__Sc-Xya__adapterItem:hover,.reactive-state-flow-module__Sc-Xya__adapterItem:focus-within{z-index:6;transform:scale(1.055)}.reactive-state-flow-module__Sc-Xya__adapterNode{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--background) 90%, transparent);-webkit-backdrop-filter:blur(8px)saturate(.9);backdrop-filter:blur(8px)saturate(.9);width:100%;height:4.5rem;color:var(--foreground);font:inherit;text-align:left;cursor:pointer;box-shadow:0 7px 18px color-mix(in srgb, var(--foreground) 6%, transparent);grid-template-columns:2rem 1fr;align-items:center;gap:.55rem;padding:.55rem .65rem 1.2rem;transition:border-color .42s,background-color .42s,box-shadow .42s;display:grid;position:relative;overflow:hidden}.reactive-state-flow-module__Sc-Xya__adapterNode:after{content:"";background:var(--accent);opacity:0;width:38%;height:2px;position:absolute;bottom:0;left:0;transform:translate(-120%)}.reactive-state-flow-module__Sc-Xya__adapterNode[data-active=true]{z-index:2;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 9px 24px color-mix(in srgb, var(--accent) 14%, transparent)}.reactive-state-flow-module__Sc-Xya__adapterNode:hover,.reactive-state-flow-module__Sc-Xya__adapterNode:focus-visible{border-color:var(--accent)}.reactive-state-flow-module__Sc-Xya__adapterNode[data-active=true][aria-pressed=true]{animation:.72s ease-out reactive-state-flow-module__Sc-Xya__adapter-pulse}.reactive-state-flow-module__Sc-Xya__adapterNode[data-active=true]:after{opacity:.32;animation:3.6s linear infinite reactive-state-flow-module__Sc-Xya__adapter-scan}.reactive-state-flow-module__Sc-Xya__adapterNode[data-processing=true]:after{opacity:1}.reactive-state-flow-module__Sc-Xya__adapterOverflow{height:4.5rem;position:relative}.reactive-state-flow-module__Sc-Xya__adapterGhost{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--background) 90%, transparent);-webkit-backdrop-filter:blur(8px)saturate(.9);backdrop-filter:blur(8px)saturate(.9);width:3.35rem;height:4.5rem;color:var(--muted);box-shadow:0 5px 14px color-mix(in srgb, var(--foreground) 5%, transparent);place-items:center;font-size:.76rem;display:grid;position:absolute}.reactive-state-flow-module__Sc-Xya__adapterGhost:first-child{top:0;left:0}.reactive-state-flow-module__Sc-Xya__adapterGhost:nth-child(2){top:0;left:.4rem}.reactive-state-flow-module__Sc-Xya__adapterGhost:nth-child(3){top:0;left:.8rem}.reactive-state-flow-module__Sc-Xya__adapterGlyph{border:1px solid var(--border-strong);width:2rem;height:2rem;color:var(--muted);border-radius:999px;place-items:center;font-size:.68rem;display:grid}.reactive-state-flow-module__Sc-Xya__adapterNode[data-active=true] .reactive-state-flow-module__Sc-Xya__adapterGlyph{border-color:var(--accent);color:var(--foreground)}.reactive-state-flow-module__Sc-Xya__adapterCapability{width:calc(100% - 2.6rem);color:var(--muted);white-space:nowrap;margin-top:.2rem;font-size:.58rem;line-height:1.15;display:block;overflow:hidden}.reactive-state-flow-module__Sc-Xya__adapterNode[data-active=true] .reactive-state-flow-module__Sc-Xya__adapterCapability{color:var(--foreground)}.reactive-state-flow-module__Sc-Xya__detail{border-block:1px solid var(--border);background:var(--surface);padding:1rem}.reactive-state-flow-module__Sc-Xya__detailHeader{justify-content:space-between;align-items:start;gap:1rem;display:flex}.reactive-state-flow-module__Sc-Xya__eyebrow{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.67rem}.reactive-state-flow-module__Sc-Xya__detailTitle{font-family:var(--font-serif);font-size:1.03rem;font-weight:500;line-height:1.35;margin-top:.2rem!important}.reactive-state-flow-module__Sc-Xya__metric{border:1px solid var(--accent);background:var(--accent-soft);color:var(--foreground);white-space:nowrap;flex:none;padding:.25rem .42rem;font-size:.66rem;line-height:1.2}.reactive-state-flow-module__Sc-Xya__description{color:var(--foreground);font-family:var(--font-serif);font-size:.9rem;line-height:1.55;margin-top:.7rem!important}.reactive-state-flow-module__Sc-Xya__codeTransition{grid-template-columns:minmax(0,1fr) 5rem minmax(0,1fr);align-items:stretch;gap:.6rem;margin-top:.9rem;display:grid}.reactive-state-flow-module__Sc-Xya__codePanel{border-block:1px solid var(--border-strong);min-width:0}.reactive-state-flow-module__Sc-Xya__codeLabel{border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:.48rem .65rem;font-size:.7rem}.reactive-state-flow-module__Sc-Xya__codePanel pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:11rem;font-size:.7rem;line-height:1.52;overflow:visible;color:var(--foreground)!important;background:0 0!important;border:0!important;margin:0!important;padding:.72rem!important}.reactive-state-flow-module__Sc-Xya__codePanel code{color:inherit;font:inherit;background:0 0;padding:0}.reactive-state-flow-module__Sc-Xya__codeAction{color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:.35rem;font-size:.69rem;display:grid}.reactive-state-flow-module__Sc-Xya__codeAction>span:first-child,.reactive-state-flow-module__Sc-Xya__codeAction>span:last-child{color:var(--accent)}.reactive-state-flow-module__Sc-Xya__note{border-top:1px solid var(--border);color:var(--muted);font-family:var(--font-serif);padding-top:.7rem;font-size:.79rem;line-height:1.5;margin-top:.85rem!important}.reactive-state-flow-module__Sc-Xya__caption{color:var(--muted);font-size:.66rem;line-height:1.45;margin-top:.55rem!important}@keyframes reactive-state-flow-module__Sc-Xya__node-pulse{0%{transform:translate(-50%,-50%)scale(.96)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes reactive-state-flow-module__Sc-Xya__adapter-pulse{0%{transform:scale(.97)}to{transform:scale(1)}}@keyframes reactive-state-flow-module__Sc-Xya__adapter-scan{0%{transform:translate(-120%)}to{transform:translate(360%)}}@keyframes reactive-state-flow-module__Sc-Xya__conveyor-dash{to{stroke-dashoffset:-20px}}@media (max-width:700px){.reactive-state-flow-module__Sc-Xya__toolbar{align-items:stretch}.reactive-state-flow-module__Sc-Xya__controlGroup{flex:100%}.reactive-state-flow-module__Sc-Xya__playback{width:100%}.reactive-state-flow-module__Sc-Xya__diagramCanvas{height:50rem}.reactive-state-flow-module__Sc-Xya__desktopConnections{display:none}.reactive-state-flow-module__Sc-Xya__mobileConnections{display:block}.reactive-state-flow-module__Sc-Xya__mobileConnections .reactive-state-flow-module__Sc-Xya__edgeLabel{display:none}.reactive-state-flow-module__Sc-Xya__archNode{width:8.65rem}.reactive-state-flow-module__Sc-Xya__archNodeButton{grid-template-columns:2.15rem minmax(0,1fr);column-gap:.45rem;padding-inline:.55rem}.reactive-state-flow-module__Sc-Xya__nodeGlyph{width:2.15rem;height:2.15rem}.reactive-state-flow-module__Sc-Xya__node_source{top:8%;left:28%}.reactive-state-flow-module__Sc-Xya__node_runtime{width:calc(100% - 2rem);top:25%;left:50%}.reactive-state-flow-module__Sc-Xya__adapterStack{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 3rem;gap:.3rem;width:calc(100% - 1rem);top:38%;left:50%}.reactive-state-flow-module__Sc-Xya__node_cache{width:calc(100% - 2rem);top:67%;left:50%}.reactive-state-flow-module__Sc-Xya__node_rpc{top:8%;left:72%}.reactive-state-flow-module__Sc-Xya__node_graph{top:90%;left:28%}.reactive-state-flow-module__Sc-Xya__node_application{top:90%;left:72%}.reactive-state-flow-module__Sc-Xya__adapterNode{grid-template-columns:1.45rem minmax(0,1fr);gap:.28rem;min-height:4.35rem;padding-inline:.35rem}.reactive-state-flow-module__Sc-Xya__adapterGlyph{width:1.45rem;height:1.45rem}.reactive-state-flow-module__Sc-Xya__adapterNode .reactive-state-flow-module__Sc-Xya__nodeLabel{white-space:nowrap;font-size:.66rem}.reactive-state-flow-module__Sc-Xya__adapterNode .reactive-state-flow-module__Sc-Xya__nodeMeta{white-space:nowrap;font-size:.58rem}.reactive-state-flow-module__Sc-Xya__adapterOverflow{height:4.5rem}.reactive-state-flow-module__Sc-Xya__adapterGhost{width:2.25rem;height:4.5rem}.reactive-state-flow-module__Sc-Xya__adapterGhost:nth-child(2){left:.3rem}.reactive-state-flow-module__Sc-Xya__adapterGhost:nth-child(3){left:.6rem}.reactive-state-flow-module__Sc-Xya__edgeLabel{font-size:8px}.reactive-state-flow-module__Sc-Xya__detailHeader{display:grid}.reactive-state-flow-module__Sc-Xya__metric{justify-self:start}.reactive-state-flow-module__Sc-Xya__codeTransition{grid-template-columns:1fr}.reactive-state-flow-module__Sc-Xya__codePanel pre{min-height:0}.reactive-state-flow-module__Sc-Xya__codeAction{grid-template-columns:auto auto auto}}@media (prefers-reduced-motion:reduce){.reactive-state-flow-module__Sc-Xya__archEdge,.reactive-state-flow-module__Sc-Xya__edgeLabel,.reactive-state-flow-module__Sc-Xya__nodeGlyph,.reactive-state-flow-module__Sc-Xya__archNode,.reactive-state-flow-module__Sc-Xya__archNodeButton,.reactive-state-flow-module__Sc-Xya__adapterItem,.reactive-state-flow-module__Sc-Xya__adapterNode,.reactive-state-flow-module__Sc-Xya__tokenPayload,.reactive-state-flow-module__Sc-Xya__toggle,.reactive-state-flow-module__Sc-Xya__playback{transition:none}.reactive-state-flow-module__Sc-Xya__archNode[data-active=true],.reactive-state-flow-module__Sc-Xya__adapterNode[data-active=true][aria-pressed=true],.reactive-state-flow-module__Sc-Xya__archEdge[data-active=true],.reactive-state-flow-module__Sc-Xya__adapterNode[data-active=true]:after{animation:none}.reactive-state-flow-module__Sc-Xya__edgeLabel[data-active=true]{display:block}.reactive-state-flow-module__Sc-Xya__flowToken{display:none}}