.anim-code-panel{background:var(--anim-panel);border:1px solid var(--anim-line);border-radius:12px;overflow:hidden;box-shadow:0 12px 24px -16px #0009}.anim-code-topbar{background:var(--anim-panel-2);border-bottom:1px solid var(--anim-line);align-items:center;gap:6px;padding:7px 10px;display:flex}.anim-code-topbar .anim-dotc{border-radius:99px;width:7px;height:7px}.anim-file{color:var(--anim-muted);margin-left:4px;font-size:9px}.anim-code-body{padding:8px 0}.anim-code-line{font-family:var(--anim-font-mono);color:var(--anim-ink);white-space:pre;opacity:.62;border-left:2px solid #0000;align-items:center;padding:3px 10px 3px 6px;font-size:10.5px;line-height:16px;transition:background .18s,border-color .18s,opacity .18s;display:flex}.anim-code-line .anim-ln{color:#39424c;text-align:right;flex:none;width:14px;margin-right:8px;font-size:9.5px}.anim-code-line.anim-scan{opacity:1;background:#ffffff09;border-left-color:#3a4450}.anim-code-line.anim-active{background:var(--anim-signal-dim);border-left-color:var(--anim-signal);opacity:1}.anim-code-line.anim-matched[data-drink=gaseosa]{background:var(--anim-gaseosa-dim);border-left-color:var(--anim-gaseosa);opacity:1}.anim-code-line.anim-matched[data-drink=agua]{background:var(--anim-agua-dim);border-left-color:var(--anim-agua);opacity:1}.anim-code-line.anim-matched[data-drink=limonada]{background:var(--anim-limonada-dim);border-left-color:var(--anim-limonada);opacity:1}.anim-console{font-family:var(--anim-font-mono);color:#7ee08a;align-items:center;gap:6px;min-height:14px;font-size:10px;display:flex}.anim-caret{opacity:.85;background:#7ee08a;width:6px;height:12px;animation:1s step-end infinite anim-blink;display:inline-block}@keyframes anim-blink{50%{opacity:0}}: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}.ctrl-btn{font-family:var(--anim-font-body);color:#dfe6ec;cursor:pointer;background:#141b22;border:1px solid #ffffff14;border-radius:10px;padding:9px 14px;font-size:12.5px;font-weight:600;transition:transform .12s,border-color .15s,background .15s,opacity .15s}.ctrl-btn:hover{border-color:#fff3;transform:translateY(-1px)}.ctrl-btn:active{transform:translateY(0)}.ctrl-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.ctrl-btn.gaseosa{border-color:#a1a1aa66}.ctrl-btn.agua{border-color:#3fd0e066}.ctrl-btn.limonada{border-color:#facc1566}.ctrl-btn.primary{color:#c8ffb0;background:linear-gradient(#171f27,#10161c);border-color:#7cfb4c66}.ctrl-btn.ghost{background:0 0}.ctrl-select{font-family:var(--anim-font-mono);color:#dfe6ec;cursor:pointer;background:#141b22;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:8px 10px;font-size:11px}.ctrl-select:focus-visible,.ctrl-btn:focus-visible{outline-offset:1px;outline:2px solid #7cfb4c80}