:root{--anim-bg-deep:#060a0f;--anim-panel:#0d131b;--anim-panel-2:#11181f;--anim-line:#1c2530;--anim-ink:#e7edf3;--anim-muted:#5f6c7a;--anim-signal:#7cfb4c;--anim-signal-dim:#7cfb4c24;--anim-gaseosa:#a1a1aa;--anim-gaseosa-dim:#a1a1aa29;--anim-agua:#3fd0e0;--anim-agua-dim:#3fd0e029;--anim-limonada:#facc15;--anim-limonada-dim:#facc1529;--anim-kw:#c792ea;--anim-str:#8fd14f;--anim-fn:#6cb8ff;--anim-num:#f2c94c;--anim-font-display:"Space Grotesk", sans-serif;--anim-font-mono:"JetBrains Mono", monospace;--anim-font-body:"Inter", sans-serif}.anim-font-display{font-family:var(--anim-font-display)}.anim-font-mono{font-family:var(--anim-font-mono)}.anim-tok-kw{color:var(--anim-kw)}.anim-tok-str{color:var(--anim-str)}.anim-tok-fn{color:var(--anim-fn)}.anim-tok-var{color:var(--anim-ink)}.anim-tok-mut{color:var(--anim-muted)}.anim-tok-num{color:var(--anim-num)}.anim-stage-outer{background:linear-gradient(#ffffff1a,#0000);border-radius:30px;width:fit-content;padding:3px}.anim-stage{background:radial-gradient(120% 90% at 15% 0%, #0e2a1c 0%, transparent 55%), radial-gradient(90% 70% at 100% 10%, #1a1120 0%, transparent 50%), var(--anim-bg-deep);border-radius:28px;flex-direction:column;width:405px;height:720px;display:flex;position:relative;overflow:hidden}.anim-stage:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.anim-eyebrow{font-family:var(--anim-font-mono);letter-spacing:.18em;color:var(--anim-signal);font-size:10px}.anim-title{font-family:var(--anim-font-display);color:#fff;margin-top:4px;font-size:24px;font-weight:700;line-height:1.05}.anim-watermark{color:var(--anim-muted);opacity:.8;z-index:10;font-size:11px;position:absolute;bottom:24px;right:24px}.anim-stage--4-5{width:400px;height:500px}.anim-stage--4-5>div:first-child{padding-top:20px}.anim-stage--4-5 .anim-title{font-size:21px}:root{--h2-s1:#a855f7;--h2-s3:#3fd0e0;--h2-s5:#f2c94c}.anim-h2-card{background:var(--anim-panel);border:1px solid var(--anim-line);border-radius:14px;padding:10px;position:relative}.anim-h2-svg{width:100%;height:auto;font-family:var(--anim-font-mono);overflow:visible}.h2-lane-title{letter-spacing:.08em;fill:var(--anim-muted);font-size:10.5px;font-weight:700}.h2-res-label{fill:var(--anim-ink);font-size:11px;font-weight:600}.h2-track{fill:#ffffff0a;stroke:var(--anim-line)}.h2-req-chip{fill:#3b82f640;stroke:#3b82f699}.h2-resp-chip{fill:#7cfb4c29;stroke:#7cfb4c8c}.h2-chip-text{fill:#dfe6ec;font-size:9.5px;font-weight:700}.h2-block-box{fill:#f871711f;stroke:#f8717180}.h2-block-text{fill:#f87171;font-size:10px;font-weight:700}.h2-note{fill:var(--anim-muted);font-size:9.5px}.h2-pipe{fill:#0ea5e914;stroke:#0ea5e98c}.h2-frame{stroke-width:1px}.h2-frame.h2-s1{fill:#a855f74d;stroke:var(--h2-s1)}.h2-frame.h2-s3{fill:#3fd0e038;stroke:var(--h2-s3)}.h2-frame.h2-s5{fill:#f2c94c38;stroke:var(--h2-s5)}.h2-frame.h2-data{stroke-dasharray:4 2}.h2-frame-text{fill:#fff;font-size:11px;font-weight:800}.h2-dot.h2-s1fill{fill:var(--h2-s1)}.h2-dot.h2-s3fill{fill:var(--h2-s3)}.h2-dot.h2-s5fill{fill:var(--h2-s5)}.h2-st-label{fill:var(--anim-ink);font-size:11px;font-weight:600}.anim-h2-console-label{font-family:var(--anim-font-mono);color:var(--anim-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:9px}.anim-h2-console{font-family:var(--anim-font-mono);color:#7ee08a;background:#04070a;border:1px solid #1a232d;border-radius:10px;flex-direction:column;justify-content:flex-end;min-height:65px;padding:8px 12px;font-size:10px;display:flex}.anim-h2-console .anim-row{line-height:14px}.anim-h2-prompt{color:#4b5563}.anim-h2-caret{opacity:.85;background:#7ee08a;width:6px;height:12px;display:inline-block}@keyframes anim-h2-blink{0%,49%{opacity:.85}50%,to{opacity:0}}.anim-h2-caret{animation:1s step-end infinite anim-h2-blink}.ctrl-btn.http1{color:#fecaca;border-color:#f8717173}.ctrl-btn.http2{color:#bae6fd;border-color:#38bdf873}.anim-code-line.anim-h2-line-active{opacity:1;background:#38bdf81f;border-left-color:#38bdf8}.anim-h2-badge{font-family:var(--anim-font-mono);color:#a1a1aa;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:6px;padding:2px 8px;font-size:8.5px}