: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{--anim-warn:#ff5f57;--anim-warn-dim:#ff5f5729}.anim-tok-acc{color:var(--anim-agua);font-weight:600}.anim-with-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}.anim-code-line.anim-with-line-accent{background:var(--anim-agua-dim);border-left-color:var(--anim-agua);opacity:1}.anim-code-line.anim-with-line-warn{background:var(--anim-warn-dim);border-left-color:var(--anim-warn);opacity:1}.anim-with-card{background:var(--anim-panel);border:1px solid var(--anim-line);border-radius:14px;padding:12px;transition:all .3s}.anim-with-resource-label{font-family:var(--anim-font-mono);color:var(--anim-muted);letter-spacing:.08em;font-size:10px;font-weight:600}.anim-with-tag{font-family:var(--anim-font-mono);color:var(--anim-muted);background:#00000080;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:700;transition:all .2s}.anim-with-tag.open{color:var(--anim-signal);border-color:var(--anim-signal)}.anim-with-tag.closed{color:#a1a1aa;border-color:#3f3f46}.anim-with-tag.error{color:var(--anim-warn);border-color:var(--anim-warn)}.anim-with-door{background:#090e14;border:2px solid #262f38;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:12px;transition:all .35s;display:flex}.anim-with-door.open{border-color:var(--anim-signal);background:#7cfb4c0a;box-shadow:0 0 20px #7cfb4c33}.anim-with-door.error-state{border-color:var(--anim-warn);background:#ff5f570d;box-shadow:0 0 20px #ff5f5740}.anim-with-door-title{font-family:var(--anim-font-mono);color:#d1d5db;font-size:11px;font-weight:700}.anim-with-door-title.open{color:var(--anim-signal)}.anim-with-door-title.error{color:var(--anim-warn)}.anim-with-door-sub{font-family:var(--anim-font-mono);color:#6b7280;font-size:9.5px}.anim-with-pulse{background:#4b5563;border-radius:9999px;width:10px;height:10px;transition:all .3s}.anim-with-pulse.open{background:var(--anim-signal);animation:1s cubic-bezier(0,0,.2,1) infinite anim-with-ping}.anim-with-pulse.error{background:var(--anim-warn);animation:1s cubic-bezier(0,0,.2,1) infinite anim-with-ping}@keyframes anim-with-ping{75%,to{opacity:0;transform:scale(2.2)}}.anim-with-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-with-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-with-console .anim-row{line-height:14px;animation:.18s anim-with-row-in}.anim-with-prompt{color:#4b5563}.anim-with-caret{opacity:.85;background:#7ee08a;width:6px;height:12px;animation:1s step-end infinite anim-blink;display:inline-block}@keyframes anim-with-row-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.ctrl-btn.normal{color:#c8ffb0;border-color:#7cfb4c66}.ctrl-btn.error-btn{color:#ffa39e;border-color:#ff5f5766}