:root{--viz-fg: #ffffff;--viz-body: #c1c2d3;--viz-dim: #9496ab;--viz-faint: rgb(255 255 255 / .14);--viz-surface: #1a1a28;--viz-surface-2: #22223a;--viz-accent: #00ff99;--viz-accent-soft: rgb(0 255 153 / .14);--viz-danger: #ff5c7a;--viz-danger-soft: rgb(255 92 122 / .16);--viz-warn: #ffc14d;--viz-info: #38bdf8}@keyframes viz-dash{to{stroke-dashoffset:-24}}.viz-t{transition:opacity .45s ease,transform .45s ease,fill .35s ease,stroke .35s ease,background-color .35s ease,border-color .35s ease,color .35s ease}.viz-flow{stroke-dasharray:6 6;animation:viz-dash .9s linear infinite}.viz-scroll{overflow-x:auto;scrollbar-width:thin}:root{--viz-fg: #ffffff;--viz-muted: #c1c2d3;--viz-line: rgb(255 255 255 / .18);--viz-accent: #00ff99;--viz-ok: #00ff99;--viz-danger: #ff5c7a;--viz-warn: #ffc14d;--viz-gray: #8a8ba0;--viz-flow: #38bdf8;--viz-purple: #a855f7;--viz-surface: #141420}.viz text{font-family:var(--viz-font, var(--font-sans, system-ui, sans-serif))}.viz .viz-mono{font-family:var(--viz-font-mono, var(--font-mono, ui-monospace, monospace))}.viz-animate .viz-el{transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .5s}.viz-animate .viz-bar{transition:width .8s}.viz-color{transition:stroke .4s,fill .4s}.viz-flow{animation:viz-flow 1.1s linear infinite}@keyframes viz-flow{to{stroke-dashoffset:-26}}.viz-frame{display:flex;flex-direction:column;gap:.5rem;outline-offset:4px}.viz-caption{min-height:3rem;font-size:.9rem;line-height:1.5;color:var(--viz-caption, #c1c2d3);word-break:keep-all}.viz-controls{display:flex;align-items:center;gap:.5rem}.viz-btn,.viz-dot{margin:0;padding:0;background:transparent;font:inherit;cursor:pointer}.viz-btn{display:grid;height:2.75rem;min-width:2.75rem;place-items:center;border-radius:999px;border:1px solid var(--viz-btn-line, rgb(255 255 255 / .2));color:var(--viz-accent);font-size:.8rem}.viz-btn-wide{padding-inline:1.1rem;font-family:var(--viz-font-mono, var(--font-mono, ui-monospace, monospace))}.viz-dots{display:flex;flex-wrap:wrap}.viz-dot{position:relative;height:2.75rem;width:1.5rem}.viz-dot:after{content:"";position:absolute;inset:50% auto auto 50%;height:.6rem;width:.6rem;transform:translate(-50%,-50%);border-radius:999px;background:var(--viz-dot, rgb(255 255 255 / .25))}.viz-dot[data-active=true]:after{background:var(--viz-accent)}@media(prefers-reduced-motion:reduce){.viz-animate .viz-el,.viz-animate .viz-bar,.viz-color{transition:none}.viz-flow{animation:none}}.viz-fill{width:100%;height:100%}.viz-fill-h{height:100%}.viz-wide,.viz-lazy{width:100%}.viz-lazy-player{min-height:12rem}.viz-lazy-ph{width:100%;height:100%;min-height:8rem}