: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}.anim-machine{z-index:1;background:linear-gradient(#232b34,#171d24);border:1px solid #303a45;border-radius:16px;width:230px;margin:0 auto;padding:9px;position:relative;box-shadow:0 18px 30px -14px #000000b3,inset 0 1px #ffffff0d}.anim-machine-header{font-family:var(--anim-font-mono);letter-spacing:.06em;color:#9aa7b4;text-align:center;padding:5px 0 7px;font-size:9px}.anim-slots{gap:6px;display:flex}.anim-slot{background:#0e1318;border:1px solid #262f38;border-radius:9px;flex:1;padding:7px 4px 8px;transition:box-shadow .25s,border-color .25s,transform .2s;position:relative}.anim-slot .anim-glass{background:radial-gradient(80% 80% at 50% 30%,#ffffff0f,#0006);border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;height:44px;font-size:20px;display:flex}.anim-slot .anim-lbl{text-align:center;color:#7c8794;letter-spacing:.02em;margin-top:5px;font-size:7.5px}.anim-slot .anim-dot{background:#2a3239;border-radius:99px;width:6px;height:6px;margin:6px auto 0;transition:background .2s,box-shadow .2s}.anim-slot.lit{transform:translateY(-1px)}.anim-slot.lit[data-drink=gaseosa]{border-color:var(--anim-gaseosa);box-shadow:0 0 0 1px var(--anim-gaseosa), 0 0 18px -2px var(--anim-gaseosa)}.anim-slot.lit[data-drink=agua]{border-color:var(--anim-agua);box-shadow:0 0 0 1px var(--anim-agua), 0 0 18px -2px var(--anim-agua)}.anim-slot.lit[data-drink=limonada]{border-color:var(--anim-limonada);box-shadow:0 0 0 1px var(--anim-limonada), 0 0 18px -2px var(--anim-limonada)}.anim-slot.lit[data-drink=gaseosa] .anim-dot{background:var(--anim-gaseosa);box-shadow:0 0 8px var(--anim-gaseosa)}.anim-slot.lit[data-drink=agua] .anim-dot{background:var(--anim-agua);box-shadow:0 0 8px var(--anim-agua)}.anim-slot.lit[data-drink=limonada] .anim-dot{background:var(--anim-limonada);box-shadow:0 0 8px var(--anim-limonada)}.anim-chute{isolation:isolate;background:#0a0d10;border:1px solid #232b33;border-radius:8px;justify-content:center;align-items:center;height:34px;margin-top:8px;display:flex;position:relative;overflow:hidden}.anim-chute .anim-tray{z-index:1;background:#040607;border:1px solid #1c2329;border-radius:5px;position:absolute;inset:5px 6px}.anim-chute .anim-can{text-align:center;opacity:0;z-index:999;pointer-events:none;font-size:16px;line-height:1;transition:transform .55s cubic-bezier(.32,1.4,.4,1),opacity .2s;position:absolute;top:9px;left:0;right:0;transform:translateY(-34px)}.anim-chute .anim-can.drop{opacity:1;transform:translateY(0)}.anim-chute .anim-out-label{color:#4a5560;letter-spacing:.05em;z-index:2;font-size:8px;position:relative}