wissive 0.1.0

package/dist/wissive.js

@@ -0,0 +1,2687 @@
+var et = Object.defineProperty;
+var tt = (o, t, e) => t in o ? et(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var g = (o, t, e) => tt(o, typeof t != "symbol" ? t + "" : t, e);
+function f(o = {}) {
+  return {
+    eyeOpen: 1,
+    eyeScale: 1,
+    eyeType: 0,
+    eyeGap: 32,
+    eyeY: 45,
+    mouthY: 63,
+    mouthCurve: 0,
+    mouthWidth: 0.8,
+    mouthOpen: 0,
+    mouthType: 0,
+    browY: 0,
+    browTilt: 0,
+    cheek: 0,
+    bob: 0,
+    shiftX: 0,
+    tears: 0,
+    gazeX: 0,
+    gazeY: 0,
+    turnAngle: 0,
+    // En 0 por defecto pero SIEMPRE presentes: el resorte solo anima claves
+    // que existían en el objeto inicial. Si faltaran aquí, un override
+    // procedural (p.ej. "sleeping" poniendo zzz=1) se descartaría en
+    // silencio para cualquier emoji que no las trajera ya de fábrica.
+    zzz: 0,
+    sweat: 0,
+    storm: 0,
+    scribble: 0,
+    puff: 0,
+    ...o
+  };
+}
+const Re = {
+  name: "mochi",
+  emotion: "happy",
+  baseColor: "#F2A9B8",
+  silhouette: "heart",
+  motion: {
+    stiffness: 220,
+    damping: 14,
+    idleSpeed: 3.2,
+    idleAmplitude: 2.5,
+    idleIntervalMin: 6e3,
+    idleIntervalMax: 12e3,
+    motionType: "bouncy"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 28.33, eyeY: 43.33, mouthType: 0, mouthY: 53.33, mouthWidth: 0.39, mouthCurve: 0.43, cheek: 0 }),
+      // >‿<
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 28.33, eyeY: 43.33, mouthType: 0, mouthY: 53.33, mouthWidth: 0.39, mouthCurve: 0.43, cheek: 0, bob: -1.5 }),
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 28.33, eyeY: 43.33, mouthType: 0, mouthY: 53.33, mouthWidth: 0.39, mouthCurve: 0.43, cheek: 0, bob: 1 }),
+      // ^‿^
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 28.33, eyeY: 43.33, mouthType: 0, mouthY: 53.33, mouthWidth: 0.39, mouthCurve: 0.43, cheek: 0 })
+    ],
+    near: [
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 28.33, eyeY: 43.33, mouthType: 0, mouthY: 53.33, mouthWidth: 0.39, mouthCurve: 0.43, cheek: 0, bob: -1.5 }),
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 28.33, eyeY: 43.33, mouthType: 0, mouthY: 53.33, mouthWidth: 0.39, mouthCurve: 0.43, cheek: 0, bob: -2.5 })
+    ],
+    hover: [
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 28.33, eyeY: 43.33, mouthType: 0, mouthY: 53.33, mouthWidth: 0.39, mouthCurve: 0.43, cheek: 0.3, bob: -4 }),
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 28.33, eyeY: 43.33, mouthType: 0, mouthY: 53.33, mouthWidth: 0.39, mouthCurve: 0.43, cheek: 0.3, bob: -4.5 })
+    ],
+    click: [
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 28.33, eyeY: 43.33, mouthType: 0, mouthY: 53.33, mouthWidth: 0.39, mouthCurve: 0.43, cheek: 0.5, bob: -7 }),
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 28.33, eyeY: 43.33, mouthType: 0, mouthY: 53.33, mouthWidth: 0.39, mouthCurve: 0.43, cheek: 0.5, bob: -6 })
+    ]
+  }
+}, ot = {
+  name: "zumi",
+  emotion: "flutter",
+  baseColor: "#F2CB4E",
+  silhouette: "round-blob",
+  motion: {
+    stiffness: 300,
+    damping: 10,
+    idleSpeed: 4.5,
+    idleAmplitude: 3.8,
+    idleIntervalMin: 4e3,
+    idleIntervalMax: 9e3,
+    motionType: "flutter"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 30, eyeY: 43.33, mouthType: 3, mouthY: 45.83, mouthWidth: 0.27, mouthCurve: 0, cheek: 0.3 }),
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 30, eyeY: 43.33, mouthType: 3, mouthY: 45.83, mouthWidth: 0.27, mouthCurve: 0, cheek: 0.4, bob: -1.5 }),
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 30, eyeY: 43.33, mouthType: 3, mouthY: 45.83, mouthWidth: 0.27, mouthCurve: 0, cheek: 0.35, bob: 1 })
+    ],
+    near: [
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 30, eyeY: 43.33, mouthType: 3, mouthY: 45.83, mouthWidth: 0.27, mouthCurve: 0, cheek: 0.5, bob: -2 })
+    ],
+    hover: [
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 30, eyeY: 43.33, mouthType: 3, mouthY: 45.83, mouthWidth: 0.27, mouthCurve: 0, cheek: 0.7, bob: -4 })
+    ],
+    click: [
+      f({ eyeType: 2, eyeScale: 1, eyeGap: 30, eyeY: 43.33, mouthType: 3, mouthY: 45.83, mouthWidth: 0.27, mouthCurve: 0, cheek: 0.9, bob: -6 })
+    ]
+  }
+}, it = {
+  name: "suri",
+  emotion: "pleasure",
+  baseColor: "#F28FC2",
+  silhouette: "elongated-oval",
+  motion: {
+    stiffness: 140,
+    damping: 18,
+    idleSpeed: 1.8,
+    idleAmplitude: 1.8,
+    idleIntervalMin: 7e3,
+    idleIntervalMax: 14e3,
+    motionType: "serene"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 1, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 0, mouthY: 53.33, mouthWidth: 0.36, mouthCurve: 0.48, cheek: 0.4 }),
+      f({ eyeType: 1, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 0, mouthY: 53.33, mouthWidth: 0.36, mouthCurve: 0.48, cheek: 0.5, bob: 1 })
+    ],
+    near: [
+      f({ eyeType: 1, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 0, mouthY: 53.33, mouthWidth: 0.36, mouthCurve: 0.48, cheek: 0.6, bob: 2 })
+    ],
+    hover: [
+      f({ eyeType: 1, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 0, mouthY: 53.33, mouthWidth: 0.36, mouthCurve: 0.48, cheek: 0.75, bob: 3.5 })
+    ],
+    click: [
+      f({ eyeType: 1, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 0, mouthY: 53.33, mouthWidth: 0.36, mouthCurve: 0.48, cheek: 0.9, bob: 5 })
+    ]
+  }
+}, st = {
+  name: "nima",
+  emotion: "peaceful",
+  baseColor: "#9AC9A0",
+  silhouette: "ghost-blob",
+  motion: {
+    stiffness: 110,
+    damping: 22,
+    idleSpeed: 1.2,
+    idleAmplitude: 2,
+    idleIntervalMin: 8e3,
+    idleIntervalMax: 15e3,
+    motionType: "float"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 14, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 14, mouthY: 51.67, mouthWidth: 0, mouthCurve: 0 }),
+      f({ eyeType: 14, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 14, mouthY: 51.67, mouthWidth: 0, mouthCurve: 0, bob: 1.5 })
+    ],
+    near: [
+      f({ eyeType: 14, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 14, mouthY: 51.67, mouthWidth: 0, mouthCurve: 0, bob: 2 })
+    ],
+    hover: [
+      f({ eyeType: 14, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 14, mouthY: 51.67, mouthWidth: 0, mouthCurve: 0, cheek: 0.3, bob: 3 })
+    ],
+    click: [
+      f({ eyeType: 14, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 14, mouthY: 51.67, mouthWidth: 0, mouthCurve: 0, cheek: 0.5, bob: 4.5 })
+    ]
+  }
+}, Ce = {
+  name: "cota",
+  emotion: "normal",
+  baseColor: "#C9DCD3",
+  silhouette: "oval",
+  motion: {
+    stiffness: 160,
+    damping: 18,
+    idleSpeed: 1.5,
+    idleAmplitude: 1.2,
+    idleIntervalMin: 8e3,
+    idleIntervalMax: 16e3,
+    motionType: "calm"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 0, eyeScale: 1, eyeGap: 23.33, eyeY: 45.83, mouthType: 3, mouthY: 56.67, mouthWidth: 0.33, mouthCurve: 0 }),
+      f({ eyeType: 0, eyeScale: 1, eyeGap: 23.33, eyeY: 45.83, mouthType: 3, mouthY: 56.67, mouthWidth: 0.33, mouthCurve: 0, bob: -0.8 })
+    ],
+    near: [
+      f({ eyeType: 0, eyeScale: 1, eyeGap: 23.33, eyeY: 45.83, mouthType: 3, mouthY: 56.67, mouthWidth: 0.33, mouthCurve: 0, bob: 1.2 })
+    ],
+    hover: [
+      f({ eyeType: 0, eyeScale: 1, eyeGap: 23.33, eyeY: 45.83, mouthType: 3, mouthY: 56.67, mouthWidth: 0.33, mouthCurve: 0, cheek: 0.2, bob: 2.5 })
+    ],
+    click: [
+      f({ eyeType: 0, eyeScale: 1, eyeGap: 23.33, eyeY: 45.83, mouthType: 3, mouthY: 56.67, mouthWidth: 0.33, mouthCurve: 0, cheek: 0.4, bob: 4 })
+    ]
+  }
+}, at = {
+  name: "dozy",
+  emotion: "tired",
+  baseColor: "#D6DBCF",
+  silhouette: "wide-oval",
+  motion: {
+    stiffness: 90,
+    damping: 24,
+    idleSpeed: 0.9,
+    idleAmplitude: 2.8,
+    idleIntervalMin: 6e3,
+    idleIntervalMax: 12e3,
+    motionType: "droop"
+  },
+  expressions: {
+    // Cansado de verdad: párpados caídos + gotas de sudor + resoplido —
+    // sin zzz, que es "dormido"; Dozy está agotado pero despierto.
+    idle: [
+      f({ eyeType: 15, eyeScale: 0.85, eyeGap: 26.67, eyeY: 45.83, mouthType: 3, mouthY: 56.67, mouthWidth: 0.24, mouthCurve: 0, sweat: 1, puff: 0.7, bob: 1.5 }),
+      f({ eyeType: 15, eyeScale: 0.85, eyeGap: 26.67, eyeY: 45.83, mouthType: 3, mouthY: 56.67, mouthWidth: 0.24, mouthCurve: 0, sweat: 1, puff: 0.7, bob: 2.5 })
+    ],
+    near: [
+      f({ eyeType: 15, eyeScale: 0.85, eyeGap: 26.67, eyeY: 45.83, mouthType: 3, mouthY: 56.67, mouthWidth: 0.24, mouthCurve: 0, sweat: 1, puff: 0.7, bob: 3.5 })
+    ],
+    hover: [
+      f({ eyeType: 15, eyeScale: 0.85, eyeGap: 26.67, eyeY: 45.83, mouthType: 3, mouthY: 56.67, mouthWidth: 0.24, mouthCurve: 0, sweat: 1, puff: 0.85, bob: 4.5 })
+    ],
+    click: [
+      f({ eyeType: 15, eyeScale: 0.85, eyeGap: 26.67, eyeY: 45.83, mouthType: 3, mouthY: 56.67, mouthWidth: 0.24, mouthCurve: 0, sweat: 1, puff: 1, bob: 6.5 })
+    ]
+  }
+}, nt = {
+  name: "lumo",
+  emotion: "sad",
+  baseColor: "#7FA6D9",
+  silhouette: "teardrop-blob",
+  motion: {
+    stiffness: 100,
+    damping: 20,
+    idleSpeed: 1.1,
+    idleAmplitude: 2.2,
+    idleIntervalMin: 7e3,
+    idleIntervalMax: 13e3,
+    motionType: "sob"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 16, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 3, mouthY: 55, mouthWidth: 0.3, mouthCurve: 0, tears: 1, bob: 1.8 }),
+      f({ eyeType: 16, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 3, mouthY: 55, mouthWidth: 0.3, mouthCurve: 0, tears: 1, bob: 2.8 })
+    ],
+    near: [
+      f({ eyeType: 16, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 3, mouthY: 55, mouthWidth: 0.3, mouthCurve: 0, tears: 1, bob: 3.5 })
+    ],
+    hover: [
+      f({ eyeType: 16, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 3, mouthY: 55, mouthWidth: 0.3, mouthCurve: 0, tears: 1, bob: 4.8 })
+    ],
+    click: [
+      f({ eyeType: 16, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 3, mouthY: 55, mouthWidth: 0.3, mouthCurve: 0, tears: 1, bob: 6 })
+    ]
+  }
+}, rt = {
+  name: "fidge",
+  emotion: "anxiety",
+  baseColor: "#A99BD9",
+  silhouette: "cloud-blob",
+  motion: {
+    stiffness: 350,
+    damping: 8,
+    idleSpeed: 5.5,
+    idleAmplitude: 1.5,
+    idleIntervalMin: 3e3,
+    idleIntervalMax: 7e3,
+    motionType: "jitter"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 5, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 13, mouthY: 56.67, mouthWidth: 0.08, mouthCurve: 0 }),
+      f({ eyeType: 5, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 13, mouthY: 56.67, mouthWidth: 0.08, mouthCurve: 0, shiftX: 1.5 })
+    ],
+    near: [
+      f({ eyeType: 5, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 13, mouthY: 56.67, mouthWidth: 0.08, mouthCurve: 0, shiftX: 2.5 })
+    ],
+    hover: [
+      f({ eyeType: 5, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 13, mouthY: 56.67, mouthWidth: 0.08, mouthCurve: 0, shiftX: 4 })
+    ],
+    click: [
+      f({ eyeType: 5, eyeScale: 1, eyeGap: 25, eyeY: 43.33, mouthType: 13, mouthY: 56.67, mouthWidth: 0.08, mouthCurve: 0, shiftX: 6 })
+    ]
+  }
+}, lt = {
+  name: "brix",
+  emotion: "anger",
+  baseColor: "#D9566A",
+  silhouette: "flame-blob",
+  motion: {
+    stiffness: 280,
+    damping: 12,
+    idleSpeed: 3.8,
+    idleAmplitude: 2,
+    idleIntervalMin: 4e3,
+    idleIntervalMax: 8e3,
+    motionType: "fiery"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 17, eyeScale: 1, eyeGap: 28.33, eyeY: 46.67, mouthType: 0, mouthY: 61.67, mouthWidth: 0.33, mouthCurve: -0.48 }),
+      f({ eyeType: 17, eyeScale: 1, eyeGap: 28.33, eyeY: 46.67, mouthType: 0, mouthY: 61.67, mouthWidth: 0.33, mouthCurve: -0.48 })
+    ],
+    near: [
+      f({ eyeType: 17, eyeScale: 1, eyeGap: 28.33, eyeY: 46.67, mouthType: 0, mouthY: 61.67, mouthWidth: 0.33, mouthCurve: -0.48 })
+    ],
+    hover: [
+      f({ eyeType: 17, eyeScale: 1, eyeGap: 28.33, eyeY: 46.67, mouthType: 0, mouthY: 61.67, mouthWidth: 0.33, mouthCurve: -0.48 })
+    ],
+    click: [
+      f({ eyeType: 17, eyeScale: 1, eyeGap: 28.33, eyeY: 46.67, mouthType: 0, mouthY: 61.67, mouthWidth: 0.33, mouthCurve: -0.48 })
+    ]
+  }
+}, ct = {
+  name: "wilt",
+  emotion: "disappointed",
+  baseColor: "#EBD98A",
+  silhouette: "droopy-blob",
+  motion: {
+    stiffness: 100,
+    damping: 22,
+    idleSpeed: 1,
+    idleAmplitude: 2,
+    idleIntervalMin: 7e3,
+    idleIntervalMax: 14e3,
+    motionType: "wilt"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 15, eyeScale: 1.15, eyeGap: 25, eyeY: 43.33, mouthType: 0, mouthY: 63.33, mouthWidth: 0.45, mouthCurve: -0.54, bob: 1.5 }),
+      f({ eyeType: 15, eyeScale: 1.15, eyeGap: 25, eyeY: 43.33, mouthType: 0, mouthY: 63.33, mouthWidth: 0.45, mouthCurve: -0.54, bob: 2.5 })
+    ],
+    near: [
+      f({ eyeType: 15, eyeScale: 1.15, eyeGap: 25, eyeY: 43.33, mouthType: 0, mouthY: 63.33, mouthWidth: 0.45, mouthCurve: -0.54, bob: 3.5 })
+    ],
+    hover: [
+      f({ eyeType: 15, eyeScale: 1.15, eyeGap: 25, eyeY: 43.33, mouthType: 0, mouthY: 63.33, mouthWidth: 0.45, mouthCurve: -0.54, bob: 4.5 })
+    ],
+    click: [
+      f({ eyeType: 15, eyeScale: 1.15, eyeGap: 25, eyeY: 43.33, mouthType: 0, mouthY: 63.33, mouthWidth: 0.45, mouthCurve: -0.54, bob: 6 })
+    ]
+  }
+}, ht = {
+  name: "knot",
+  emotion: "stress",
+  baseColor: "#C97F76",
+  silhouette: "bear-blob",
+  motion: {
+    stiffness: 320,
+    damping: 9,
+    idleSpeed: 4.8,
+    idleAmplitude: 2.2,
+    idleIntervalMin: 3500,
+    idleIntervalMax: 7500,
+    motionType: "dizzy"
+  },
+  expressions: {
+    // Estresado de verdad: la espiral de mareo en los ojos ya lo insinuaba,
+    // pero el sello de Knot es cargar con la nube de tormenta Y el garabato
+    // de confusión encima a la vez — agobiado por todos lados, no solo mareado.
+    idle: [
+      f({ eyeType: 18, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 3, mouthY: 58.33, mouthWidth: 0.42, mouthCurve: 0, storm: 1, scribble: 1 }),
+      f({ eyeType: 18, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 3, mouthY: 58.33, mouthWidth: 0.42, mouthCurve: 0, storm: 1, scribble: 1, shiftX: 1.5 })
+    ],
+    near: [
+      f({ eyeType: 18, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 3, mouthY: 58.33, mouthWidth: 0.42, mouthCurve: 0, storm: 1, scribble: 1, shiftX: 3 })
+    ],
+    hover: [
+      f({ eyeType: 18, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 3, mouthY: 58.33, mouthWidth: 0.42, mouthCurve: 0, storm: 1, scribble: 1, shiftX: 4.5 })
+    ],
+    click: [
+      f({ eyeType: 18, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 3, mouthY: 58.33, mouthWidth: 0.42, mouthCurve: 0, storm: 1, scribble: 1, shiftX: 6.5 })
+    ]
+  }
+}, ut = {
+  name: "snug",
+  emotion: "sleepy",
+  baseColor: "#AFCBE0",
+  silhouette: "soft-round",
+  motion: {
+    stiffness: 85,
+    damping: 25,
+    idleSpeed: 0.7,
+    idleAmplitude: 2.2,
+    idleIntervalMin: 6e3,
+    idleIntervalMax: 12e3,
+    motionType: "snooze"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 19, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 3, mouthY: 56.67, mouthWidth: 0.27, mouthCurve: 0, zzz: 1, bob: 0.5 }),
+      f({ eyeType: 19, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 3, mouthY: 56.67, mouthWidth: 0.27, mouthCurve: 0, zzz: 1, bob: 1.5 })
+    ],
+    near: [
+      f({ eyeType: 19, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 3, mouthY: 56.67, mouthWidth: 0.27, mouthCurve: 0, zzz: 1, bob: 2.5 })
+    ],
+    hover: [
+      f({ eyeType: 19, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 3, mouthY: 56.67, mouthWidth: 0.27, mouthCurve: 0, zzz: 1, bob: 3.8 })
+    ],
+    click: [
+      f({ eyeType: 19, eyeScale: 1, eyeGap: 26.67, eyeY: 45, mouthType: 3, mouthY: 56.67, mouthWidth: 0.27, mouthCurve: 0, zzz: 1, bob: 5.5 })
+    ]
+  }
+}, dt = {
+  name: "pip",
+  emotion: "surprised",
+  baseColor: "#F0B98A",
+  silhouette: "octopus-blob",
+  motion: {
+    stiffness: 250,
+    damping: 12,
+    idleSpeed: 2.8,
+    idleAmplitude: 3,
+    idleIntervalMin: 5e3,
+    idleIntervalMax: 1e4,
+    motionType: "pop"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 20, eyeScale: 0.8, eyeGap: 21.67, eyeY: 43.33, mouthType: 1, mouthY: 55, mouthWidth: 0.21, mouthCurve: 0 }),
+      f({ eyeType: 20, eyeScale: 0.8, eyeGap: 21.67, eyeY: 43.33, mouthType: 1, mouthY: 55, mouthWidth: 0.21, mouthCurve: 0, bob: -2 })
+    ],
+    near: [
+      f({ eyeType: 20, eyeScale: 0.8, eyeGap: 21.67, eyeY: 43.33, mouthType: 1, mouthY: 55, mouthWidth: 0.21, mouthCurve: 0, bob: -3 })
+    ],
+    hover: [
+      f({ eyeType: 20, eyeScale: 0.8, eyeGap: 21.67, eyeY: 43.33, mouthType: 1, mouthY: 55, mouthWidth: 0.21, mouthCurve: 0, bob: -5 })
+    ],
+    click: [
+      f({ eyeType: 20, eyeScale: 0.8, eyeGap: 21.67, eyeY: 43.33, mouthType: 1, mouthY: 55, mouthWidth: 0.21, mouthCurve: 0, bob: -8 })
+    ]
+  }
+}, mt = {
+  name: "void",
+  emotion: "numbness",
+  baseColor: "#D9C6E0",
+  silhouette: "wave-blob",
+  motion: {
+    stiffness: 100,
+    damping: 24,
+    idleSpeed: 0.8,
+    idleAmplitude: 1.5,
+    idleIntervalMin: 9e3,
+    idleIntervalMax: 18e3,
+    motionType: "drift"
+  },
+  expressions: {
+    idle: [
+      f({ eyeType: 20, eyeScale: 0.75, eyeGap: 23.33, eyeY: 44.17, mouthType: 3, mouthY: 56.67, mouthWidth: 0.33, mouthCurve: 0 }),
+      f({ eyeType: 20, eyeScale: 0.75, eyeGap: 23.33, eyeY: 44.17, mouthType: 3, mouthY: 56.67, mouthWidth: 0.33, mouthCurve: 0, bob: 1 })
+    ],
+    near: [
+      f({ eyeType: 20, eyeScale: 0.75, eyeGap: 23.33, eyeY: 44.17, mouthType: 3, mouthY: 56.67, mouthWidth: 0.33, mouthCurve: 0, bob: 2 })
+    ],
+    hover: [
+      f({ eyeType: 20, eyeScale: 0.75, eyeGap: 23.33, eyeY: 44.17, mouthType: 3, mouthY: 56.67, mouthWidth: 0.33, mouthCurve: 0, bob: 3 })
+    ],
+    click: [
+      f({ eyeType: 20, eyeScale: 0.75, eyeGap: 23.33, eyeY: 44.17, mouthType: 3, mouthY: 56.67, mouthWidth: 0.33, mouthCurve: 0, bob: 4.5 })
+    ]
+  }
+}, oe = {
+  mochi: Re,
+  zumi: ot,
+  suri: it,
+  nima: st,
+  cota: Ce,
+  dozy: at,
+  lumo: nt,
+  fidge: rt,
+  brix: lt,
+  wilt: ct,
+  knot: ht,
+  snug: ut,
+  pip: dt,
+  void: mt
+};
+function We(o) {
+  const t = o.toLowerCase();
+  return oe[t] ? oe[t] : Object.values(oe).find((i) => i.emotion === t) || Re;
+}
+function yt(o, t = {}) {
+  const { stiffness: e = 180, damping: i = 18, mass: n = 1 } = t, c = {
+    current: o,
+    target: o,
+    velocity: 0
+  };
+  return {
+    state: c,
+    setTarget(a) {
+      c.target = a;
+    },
+    setCurrent(a) {
+      c.current = a, c.target = a, c.velocity = 0;
+    },
+    update(a) {
+      const $ = a / 4;
+      let b = !1;
+      for (let d = 0; d < 4; d++) {
+        const M = c.current - c.target, v = -e * M, Y = -i * c.velocity, A = (v + Y) / n;
+        c.velocity += A * $, c.current += c.velocity * $, (Math.abs(c.velocity) > 1e-4 || Math.abs(c.current - c.target) > 1e-4) && (b = !0);
+      }
+      return b || (c.current = c.target, c.velocity = 0), b;
+    }
+  };
+}
+function ft(o, t) {
+  const e = Object.keys(o), i = {};
+  for (const n of e)
+    i[n] = yt(o[n], t);
+  return {
+    getValues() {
+      const n = {};
+      for (const c of e)
+        n[c] = i[c].state.current;
+      return n;
+    },
+    setTargets(n) {
+      for (const c in n)
+        c in i && i[c].setTarget(n[c]);
+    },
+    setValues(n) {
+      for (const c in n)
+        c in i && i[c].setCurrent(n[c]);
+    },
+    update(n) {
+      let c = !1;
+      for (const a of e)
+        i[a].update(n) && (c = !0);
+      return c;
+    }
+  };
+}
+function pt(o, t) {
+  const e = { ...o };
+  switch (t) {
+    case "sleeping":
+      e.eyeOpen = 0.05, e.eyeType = 2, e.mouthCurve = 0.2, e.browY = 3, e.browTilt = -0.1, e.cheek = 0.2, e.zzz = 1;
+      break;
+    case "drowsy":
+    case "powering-down":
+      e.eyeOpen = 0.35, e.mouthCurve = 0, e.browY = 4, e.browTilt = 0.1, e.zzz = 0.55, e.sweat = 0.8, e.puff = 0.7;
+      break;
+    case "bored":
+      e.eyeOpen = 0.45, e.mouthCurve = -0.2, e.browY = 2, e.gazeX = 6, e.puff = 0.4;
+      break;
+    case "waking":
+    case "spawning":
+      e.eyeOpen = 0.75, e.eyeScale = 1.1, e.mouthCurve = 0.4, e.browY = -2;
+      break;
+    case "angry":
+      e.eyeType = 3, e.browTilt = -0.75, e.mouthCurve = -0.65, e.mouthOpen = 0.2, e.eyeScale = 1.15, e.storm = 1;
+      break;
+    case "alerting":
+    case "notifying":
+      e.eyeScale = 1.3, e.browTilt = -0.4, e.mouthOpen = 0.45, e.mouthCurve = 0.1;
+      break;
+    case "suspicious":
+      e.browTilt = -0.5, e.eyeScale = 0.9, e.mouthCurve = -0.3, e.gazeX = -8;
+      break;
+    case "excited":
+    case "celebrate":
+      e.eyeScale = 1.35, e.mouthCurve = 0.9, e.mouthOpen = 0.55, e.cheek = 0.85, e.browY = -4;
+      break;
+    case "happy":
+    case "playful":
+      e.eyeScale = 1.15, e.mouthCurve = 0.75, e.cheek = 0.6, e.browY = -2;
+      break;
+    case "laughing":
+      e.eyeType = 2, e.mouthCurve = 0.95, e.mouthOpen = 0.7, e.cheek = 0.9, e.bob = -3;
+      break;
+    case "proud":
+      e.eyeScale = 1.1, e.mouthCurve = 0.65, e.browY = -3, e.bob = -4;
+      break;
+    case "thinking":
+    case "searching":
+      e.browTilt = 0.5, e.eyeScale = 1.1, e.mouthWidth = 0.6, e.mouthCurve = 0.1, e.shiftX = -4;
+      break;
+    case "dictating":
+    case "listening":
+    case "writing":
+    case "humming":
+      e.mouthOpen = 0.45, e.mouthCurve = 0.4, e.eyeScale = 1.08, e.cheek = 0.4;
+      break;
+    case "loading":
+    case "orbit":
+    case "radar":
+    case "progress":
+      e.eyeScale = 1.15, e.mouthCurve = 0.3, e.browY = -2;
+      break;
+    case "surprised":
+      e.eyeScale = 1.45, e.mouthOpen = 0.75, e.mouthCurve = 0, e.browY = -7;
+      break;
+    case "scared":
+      e.eyeScale = 1.4, e.mouthOpen = 0.8, e.mouthCurve = -0.55, e.browTilt = 0.5;
+      break;
+    case "confused":
+      e.browTilt = 0.65, e.mouthCurve = -0.3, e.shiftX = -5, e.scribble = 1;
+      break;
+    case "curious":
+      e.browTilt = -0.3, e.eyeScale = 1.2, e.mouthCurve = 0.45, e.shiftX = 3;
+      break;
+    case "shy":
+      e.eyeScale = 0.85, e.gazeY = 6, e.cheek = 0.95, e.mouthCurve = 0.35;
+      break;
+    case "sad":
+      e.browTilt = 0.6, e.mouthCurve = -0.65, e.tears = 0.8, e.browY = 2;
+      break;
+  }
+  return e;
+}
+class $t {
+  constructor() {
+    g(this, "currentState", "idle");
+    g(this, "lastIndices", {});
+  }
+  getState() {
+    return this.currentState;
+  }
+  setState(t) {
+    const e = this.currentState !== t;
+    return this.currentState = t, e;
+  }
+  resolvePool(t, e = this.currentState) {
+    let i = [];
+    if (t[e] && t[e].length > 0)
+      i = t[e];
+    else
+      switch (e) {
+        case "happy":
+        case "excited":
+        case "playful":
+        case "celebrate":
+        case "laughing":
+        case "proud":
+          i = t.hover || t.idle;
+          break;
+        case "surprised":
+        case "scared":
+        case "alerting":
+        case "notifying":
+        case "bouncing":
+          i = t.click || t.hover || t.idle;
+          break;
+        case "suspicious":
+        case "angry":
+          i = t.click || t.idle;
+          break;
+        case "curious":
+        case "thinking":
+        case "searching":
+        case "listening":
+        case "working":
+        case "confused":
+        case "shy":
+        case "sad":
+        case "dictating":
+        case "writing":
+        case "sending":
+        case "receiving":
+        case "uploading":
+        case "dragging":
+        case "humming":
+        case "loading":
+        case "orbit":
+        case "radar":
+        case "progress":
+          i = t.near || t.hover || t.idle;
+          break;
+        default:
+          i = t[e] || t.idle;
+          break;
+      }
+    return i.map((n) => pt(n, e));
+  }
+  pickVariant(t, e = this.currentState) {
+    if (!t || t.length === 0)
+      throw new Error(`Empty variant pool for state "${e}"`);
+    if (t.length === 1)
+      return this.lastIndices[e] = 0, t[0];
+    const i = this.lastIndices[e] ?? -1;
+    let n = Math.floor(Math.random() * t.length);
+    for (; n === i; )
+      n = Math.floor(Math.random() * t.length);
+    return this.lastIndices[e] = n, t[n];
+  }
+}
+class bt {
+  constructor() {
+    g(this, "callbacks", /* @__PURE__ */ new Set());
+    g(this, "handle", null);
+    g(this, "lastTime", 0);
+  }
+  add(t) {
+    this.callbacks.add(t), this.handle || (this.lastTime = performance.now(), this.tick = this.tick.bind(this), this.handle = requestAnimationFrame(this.tick));
+  }
+  remove(t) {
+    this.callbacks.delete(t), this.callbacks.size === 0 && this.handle !== null && (cancelAnimationFrame(this.handle), this.handle = null);
+  }
+  get size() {
+    return this.callbacks.size;
+  }
+  tick(t) {
+    const e = Math.min((t - this.lastTime) / 1e3, 0.1);
+    this.lastTime = t, this.callbacks.forEach((i) => i(e)), this.callbacks.size > 0 ? this.handle = requestAnimationFrame(this.tick) : this.handle = null;
+  }
+}
+const O = new bt();
+function Ne(o = 2.2, t = 0.25) {
+  const e = [], i = o * Math.PI * 2;
+  for (let n = 0; n <= i; n += t) {
+    const c = n / i;
+    e.push([Math.cos(n) * c, Math.sin(n) * c]);
+  }
+  return e;
+}
+function gt(o) {
+  switch (o) {
+    case "circle":
+      return "M 50 13 A 37 37 0 1 0 50 87 A 37 37 0 1 0 50 13 Z";
+    case "heart":
+      return "M 50 21.67 C 54.17 17.5 65 12.5 74.17 16.67 C 85 21.67 89.17 35.83 85 48.33 C 80.83 61.67 66.67 74.17 50 74.17 C 33.33 74.17 19.17 61.67 15 48.33 C 10.83 35.83 15 21.67 25.83 16.67 C 35 12.5 45.83 17.5 50 21.67 Z";
+    case "capsule":
+      return "M 26 26 L 74 26 C 88 26 88 74 74 74 L 26 74 C 12 74 12 26 26 26 Z";
+    case "rounded-squircle":
+      return "M 32 18 L 68 18 C 84 18 84 32 84 50 C 84 68 84 82 68 82 L 32 82 C 16 82 16 68 16 50 C 16 32 16 18 32 18 Z";
+    case "pear-blob":
+      return "M 50 14 C 66 14 72 32 80 54 C 86 70 80 86 50 86 C 20 86 14 70 20 54 C 28 32 34 14 50 14 Z";
+    case "egg-oval":
+      return "M 18 54 C 18 26 32 14 50 14 C 68 14 82 26 82 54 C 82 74 70 84 50 84 C 30 84 18 74 18 54 Z";
+    case "starburst-puff":
+      return "M 34 18 C 50 24 50 24 66 18 C 78 18 84 30 80 46 C 84 62 78 82 66 82 C 50 76 50 76 34 82 C 22 82 16 62 20 46 C 16 30 22 18 34 18 Z";
+    case "pill-vertical":
+      return "M 26 28 C 26 12 74 12 74 28 L 74 72 C 74 88 26 88 26 72 Z";
+    case "round-blob":
+      return "M 86.5 53.64 C 86.5 73.98 70.16 77.2 50 77.2 C 29.84 77.2 13.5 73.98 13.5 53.64 C 13.5 33.29 29.84 16.8 50 16.8 C 70.16 16.8 86.5 33.29 86.5 53.64 Z";
+    case "ghost-blob":
+      return "M 50 14.17 C 70 14.17 83.33 29.17 83.33 47.5 L 83.33 70 C 83.33 75 78.33 75.83 75.83 71.67 C 73.33 65.83 67.5 65.83 65 71.67 C 62.5 77.5 56.67 77.5 54.17 71.67 C 51.67 65.83 45.83 65.83 43.33 71.67 C 40.83 77.5 35 77.5 32.5 71.67 C 30 65.83 24.17 65.83 21.67 71.67 C 19.17 75.83 16.67 75 16.67 70 L 16.67 47.5 C 16.67 29.17 30 14.17 50 14.17 Z";
+    case "oval":
+      return "M 45.24 12.83 C 58.45 10.98 74.32 28.1 76.87 46.26 C 79.31 63.59 69.61 78.41 54.76 80.5 C 39.9 82.59 26.49 71.01 24.06 53.68 C 21.51 35.52 32.04 14.69 45.24 12.83 Z";
+    case "elongated-oval":
+      return "M 86.38 54.82 C 87.03 78.56 86.38 75.48 49.94 76.67 C 13.52 77.86 13.5 75.67 13.5 54.82 C 13.5 33.97 29.81 17.07 49.94 17.07 C 70.06 17.07 86.38 33.97 86.38 54.82 Z";
+    case "teardrop-blob":
+      return "M 50 14.17 C 70 14.17 84.17 28.33 84.17 47.5 C 84.17 69.17 69.17 81.67 49.17 81.67 C 30 81.67 15.83 68.33 15.83 47.5 C 15.83 28.33 30 14.17 50 14.17 Z";
+    case "flame-blob":
+      return "M 20 43.33 L 25.83 18.33 L 36.67 35 L 47.5 13.33 L 58.33 33.33 L 70 20 L 75.83 43.33 C 82.5 51.67 80 65.83 70 74.17 C 58.33 83.33 38.33 81.67 27.5 72.5 C 18.33 65 14.17 51.67 20 43.33 Z";
+    case "droopy-blob":
+      return "M 47.83 15.03 C 64.86 12.2 79.26 26.85 79.26 43.84 C 79.26 62.72 77.35 73.65 59.63 78.17 C 41.9 82.69 18.53 73.61 19.16 56.42 C 19.16 33.97 20.59 24.37 35.7 17.57 C 39.66 15.66 43.78 15.72 47.83 15.03 Z M 13.5 49.19 A 6.92 6.92 0 1 0 27.34 49.19 A 6.92 6.92 0 1 0 13.5 49.19 Z M 72.66 49.19 A 6.92 6.92 0 1 0 86.5 49.19 A 6.92 6.92 0 1 0 72.66 49.19 Z";
+    case "bear-blob":
+      return "M 85.2 51.24 C 85.2 71.22 69.15 78.94 49.35 78.94 C 29.55 78.94 13.5 71.22 13.5 51.24 C 13.5 31.26 29.55 15.06 49.35 15.06 C 69.15 15.06 85.2 31.26 85.2 51.24 Z M 86.5 29.08 C 86.5 34.3 81.98 38.53 76.4 38.53 C 70.82 38.53 66.29 34.3 66.29 29.08 C 66.29 23.86 70.82 19.63 76.4 19.63 C 81.98 19.63 86.5 23.86 86.5 29.08 Z M 13.5 29.08 A 10.1 9.45 0 1 0 33.7 29.08 A 10.1 9.45 0 1 0 13.5 29.08 Z";
+    case "spiky-blob":
+      return "M 50 12 C 76 12 88 26 88 48 C 88 64 88 78 84 86 C 78 82 72 92 64 86 C 56 82 50 90 44 86 C 36 92 30 82 12 48 C 12 26 24 12 50 12 Z";
+    case "cloud-blob":
+      return "M 50 12.5 C 60 9.17 69.17 15.83 71.67 21.67 C 79.17 24.17 83.33 32.5 80.83 40 C 85.83 47.5 83.33 57.5 78.33 61.67 C 76.67 70.83 68.33 76.67 60 74.17 C 53.33 80 42.5 80 35.83 74.17 C 27.5 76.67 20 70 18.33 61.67 C 13.33 56.67 11.67 47.5 16.67 40 C 14.17 32.5 20 24.17 27.5 21.67 C 30.83 15 40 9.17 50 12.5 Z";
+    case "wide-oval":
+      return "M 50 20.83 C 73.33 20.83 87.5 31.67 87.5 47.5 C 87.5 64.17 73.33 75.83 50 75.83 C 26.67 75.83 12.5 64.17 12.5 47.5 C 12.5 31.67 26.67 20.83 50 20.83 Z";
+    case "soft-round":
+      return "M 50 15 C 73.33 15 85 26.67 85 48.33 C 85 70 73.33 80 50 80 C 26.67 80 15 70 15 48.33 C 15 26.67 26.67 15 50 15 Z";
+    case "octopus-blob":
+      return "M 50 12.5 C 70 12.5 83.33 27.5 83.33 47.5 L 83.33 65.83 C 83.33 73.33 77.5 75 74.17 69.17 C 71.67 65 66.67 65 64.17 69.17 C 61.67 73.33 56.67 73.33 54.17 69.17 C 51.67 65 46.67 65 44.17 69.17 C 41.67 73.33 36.67 73.33 34.17 69.17 C 31.67 65 26.67 65 24.17 69.17 C 20.83 75 16.67 73.33 16.67 65.83 L 16.67 47.5 C 16.67 27.5 30 12.5 50 12.5 Z";
+    case "wave-blob":
+      return "M 50 13.33 C 63.33 13.33 75 20 76.67 31.67 C 77.5 40 70 43.33 76.67 50 C 82.5 56.67 75 73.33 56.67 76.67 C 50 78.33 43.33 78.33 36.67 75.83 C 21.67 70.83 17.5 58.33 23.33 51.67 C 28.33 45.83 21.67 41.67 23.33 33.33 C 25.83 20.83 36.67 13.33 50 13.33 Z";
+    default:
+      return "M 50 12 C 78 12 90 26 90 52 C 90 78 78 88 50 88 C 22 88 10 78 10 52 C 10 26 22 12 50 12 Z";
+  }
+}
+const Mt = "M -4 2 C 2 2 5 -2 1 -5 C -3 -8 -10 -6 -10 -1 C -10 5 -2 8 4 4 C 9 1 7 -6 0 -7";
+function vt(o, t, e, i, n, c = "") {
+  return `<g transform="translate(${o.toFixed(2)}, ${t.toFixed(2)}) scale(${e.toFixed(3)})" ${c}>
+    <path d="${Mt}" stroke="${i}" stroke-width="${(n / e).toFixed(2)}" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+  </g>`;
+}
+function _e(o, t, e, i, n = {}, c = 0) {
+  const a = c || (typeof performance < "u" ? performance.now() / 1e3 : Date.now() / 1e3), h = "#2C2C2A", $ = "#F0997B", b = 3.5, M = gt(o).split(/(?=M )/).map((r) => r.trim()).filter(Boolean).map((r) => `<path d="${r}" fill="${t}" />`).join(""), { flipX: v = !1, emphasis: Y = !1 } = n, A = Math.max(-13.2, Math.min(13.2, e.gazeX ?? 0)), B = Math.max(-8.4, Math.min(8.4, e.gazeY ?? 0)), X = (e.eyeGap ?? 32) / 2, G = (e.eyeY ?? 45) + B, Z = 50 - X + A, _ = 50 + X + A, J = 40, ae = 50 + (e.shiftX ?? 0), K = e.turnAngle ?? 0, ie = (r) => {
+    const l = r - ae, k = Math.max(-J, Math.min(J, l)), C = Math.asin(k / J), L = C + K, p = Math.cos(L), z = p > 0, P = ae + J * Math.sin(L), T = z ? Math.max(0, p / Math.cos(C)) : 0;
+    return { projX: P, scaleX: T, isVisible: z };
+  }, I = ie(Z), E = ie(_), s = (e.eyeScale ?? 1) * (Y ? 1.15 : 1), Se = Math.round(e.eyeType ?? 0);
+  let le = "", fe = "";
+  const ce = (r, l, k, C) => {
+    if (k <= 0.01) return "";
+    const L = s * k, p = `transform="translate(${r}, ${l}) scale(${k.toFixed(2)}, 1) translate(${-r}, ${-l})"`;
+    switch (Se) {
+      case 1:
+        return `<g ${p}><path d="M ${r - 5.83 * s} ${l + 1.67 * s} Q ${r} ${l - 5.83 * s} ${r + 5.83 * s} ${l + 1.67 * s}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" fill="none" /></g>`;
+      case 2:
+        return C ? `<g ${p}><path d="M ${r + 3.33 * s} ${l - 5 * s} L ${r - 3.33 * s} ${l} L ${r + 3.33 * s} ${l + 5 * s}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" stroke-linejoin="round" fill="none" /></g>` : `<g ${p}><path d="M ${r - 3.33 * s} ${l - 5 * s} L ${r + 3.33 * s} ${l} L ${r - 3.33 * s} ${l + 5 * s}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" stroke-linejoin="round" fill="none" /></g>`;
+      case 3:
+        return C ? `<g ${p}><line x1="${r - 5 * s}" y1="${l + 3 * s}" x2="${r + 5 * s}" y2="${l - 3 * s}" stroke="${h}" stroke-width="3.2" stroke-linecap="round" /></g>` : `<g ${p}><line x1="${r - 5 * s}" y1="${l - 3 * s}" x2="${r + 5 * s}" y2="${l + 3 * s}" stroke="${h}" stroke-width="3.2" stroke-linecap="round" /></g>`;
+      case 4:
+        return C ? `<g ${p}><line x1="${r - 5 * s}" y1="${l - 3 * s}" x2="${r + 5 * s}" y2="${l + 3 * s}" stroke="${h}" stroke-width="3.2" stroke-linecap="round" /></g>` : `<g ${p}><line x1="${r - 5 * s}" y1="${l + 3 * s}" x2="${r + 5 * s}" y2="${l - 3 * s}" stroke="${h}" stroke-width="3.2" stroke-linecap="round" /></g>`;
+      case 5:
+        return `<g ${p}>
+          <ellipse cx="${r}" cy="${l}" rx="${5 * s}" ry="${5.83 * s}" fill="#ffffff" />
+          <circle cx="${r}" cy="${l + 0.83 * s}" r="${2.17 * s}" fill="${h}" />
+        </g>`;
+      case 6:
+        return `<g ${p} fill="#E3536C"><path d="M ${r} ${l + 5 * s} C ${r - 8 * s} ${l - 2 * s} ${r - 5 * s} ${l - 7 * s} ${r} ${l - 3 * s} C ${r + 5 * s} ${l - 7 * s} ${r + 8 * s} ${l - 2 * s} ${r} ${l + 5 * s} Z" /></g>`;
+      case 7:
+        return `<g ${p} stroke="${h}" stroke-width="3.2">
+          <line x1="${r - 4.5 * s}" y1="${l - 4.5 * s}" x2="${r + 4.5 * s}" y2="${l + 4.5 * s}" stroke-linecap="round" />
+          <line x1="${r - 4.5 * s}" y1="${l + 4.5 * s}" x2="${r + 4.5 * s}" y2="${l - 4.5 * s}" stroke-linecap="round" />
+        </g>`;
+      case 8:
+        return `<g ${p} stroke="${h}" stroke-width="2.8" stroke-linecap="round">
+          <line x1="${r - 5 * s}" y1="${l - 2}" x2="${r + 5 * s}" y2="${l - 2}" />
+          <line x1="${r - 5 * s}" y1="${l + 2}" x2="${r + 5 * s}" y2="${l + 2}" />
+        </g>`;
+      case 9:
+        return C ? "" : `<g transform="translate(0, 0)">
+          <path d="M ${I.projX - 12} ${l - 2} L ${E.projX + 12} ${l - 2}" stroke="${h}" stroke-width="2.8" />
+          <rect x="${I.projX - 9}" y="${l - 6}" width="16" height="12" rx="3" fill="${h}" />
+          <rect x="${E.projX - 7}" y="${l - 6}" width="16" height="12" rx="3" fill="${h}" />
+        </g>`;
+      case 10:
+        return C ? `<g ${p}><circle cx="${r}" cy="${l}" r="${3.2 * s}" fill="${h}" /></g>` : `<g ${p}><ellipse cx="${r}" cy="${l}" rx="${6 * s}" ry="${8 * s}" fill="${h}" /></g>`;
+      case 11:
+        return C ? `<g ${p}><circle cx="${r}" cy="${l}" r="${4.2 * s}" fill="${h}" /></g>` : `<g ${p}><line x1="${r - 5 * s}" y1="${l}" x2="${r + 5 * s}" y2="${l}" stroke="${h}" stroke-width="3.2" stroke-linecap="round" /></g>`;
+      case 12:
+        return `<g ${p}>
+          <ellipse cx="${r}" cy="${l}" rx="${3 * s}" ry="${6 * s}" fill="${h}" />
+        </g>`;
+      case 13:
+        return `<g ${p}><circle cx="${r}" cy="${l}" r="${6.5 * s}" fill="${h}" /></g>`;
+      case 14:
+        return `<g ${p}><path d="M ${r - 5.83 * s} ${l - 1.67 * s} Q ${r} ${l + 5.83 * s} ${r + 5.83 * s} ${l - 1.67 * s}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" fill="none" /></g>`;
+      case 15:
+        return C ? `<g ${p}><path d="M ${r + 6.67 * s} ${l + 2.5 * s} Q ${r} ${l - 5 * s} ${r - 6.67 * s} ${l - 0.83 * s}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" fill="none" /></g>` : `<g ${p}><path d="M ${r - 6.67 * s} ${l + 2.5 * s} Q ${r} ${l - 5 * s} ${r + 6.67 * s} ${l - 0.83 * s}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" fill="none" /></g>`;
+      case 16:
+        return `<g ${p}><path d="M ${r} ${l - 4.17 * s} L ${r} ${l + 3.33 * s}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" fill="none" /></g>`;
+      case 17:
+        return C ? `<g ${p}><path d="M ${r + 5.83 * s} ${l - 6.67 * s} L ${r - 5 * s} ${l + 0.83 * s}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" fill="none" /></g>` : `<g ${p}><path d="M ${r - 5.83 * s} ${l - 6.67 * s} L ${r + 5 * s} ${l + 0.83 * s}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" fill="none" /></g>`;
+      case 18: {
+        const T = 4.6 * s, x = Ne().map(([D, ee], de) => {
+          const H = (r + D * T).toFixed(2), te = (l + ee * T).toFixed(2);
+          return `${de === 0 ? "M" : "L"} ${H} ${te}`;
+        }).join(" ");
+        return `<g ${p}><path d="${x}" stroke="${h}" stroke-width="1.3" stroke-linecap="round" fill="none" /></g>`;
+      }
+      case 19:
+        return `<g ${p}>
+          <circle cx="${r}" cy="${l}" r="${4.5 * s}" fill="none" stroke="${h}" stroke-width="2.63" />
+          <path d="M ${r - 2.83 * s} ${l - 0.42 * s} Q ${r} ${l + 2.83 * s} ${r + 2.83 * s} ${l - 0.42 * s}" stroke="${h}" stroke-width="2.63" stroke-linecap="round" fill="none" />
+        </g>`;
+      case 20:
+        return `<g ${p}><circle cx="${r}" cy="${l}" r="${3.67 * s}" fill="none" stroke="${h}" stroke-width="2.8" /></g>`;
+      case 21: {
+        const T = 6 * s, x = T * 0.22, D = `M ${r} ${l - T} Q ${r + x} ${l - x} ${r + T} ${l} Q ${r + x} ${l + x} ${r} ${l + T} Q ${r - x} ${l + x} ${r - T} ${l} Q ${r - x} ${l - x} ${r} ${l - T} Z`;
+        return `<g ${p}><path d="${D}" fill="${h}" /></g>`;
+      }
+      case 22:
+        return `<g ${p}>
+          <ellipse cx="${r}" cy="${l}" rx="${5.5 * s}" ry="${3.3 * s}" fill="#ffffff" stroke="${h}" stroke-width="1.4" />
+          <circle cx="${r - 2.2 * s}" cy="${l}" r="${1.8 * s}" fill="${h}" />
+        </g>`;
+      case 23:
+        return C ? `<g ${p}><ellipse cx="${r}" cy="${l}" rx="${2.83 * s}" ry="${Math.max(0.5, 2.83 * s * Math.max(0.05, e.eyeOpen))}" fill="${h}" /></g>` : `<g ${p}><path d="M ${r - 5 * s} ${l} Q ${r} ${l + 4 * s} ${r + 5 * s} ${l}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" fill="none" /></g>`;
+      case 24: {
+        const T = 4.2 * s, x = 5.8 * s;
+        return `<g ${p}>
+          <ellipse cx="${r}" cy="${l}" rx="${T}" ry="${x}" fill="${h}" />
+          <circle cx="${r - T * 0.35}" cy="${l - x * 0.4}" r="${1.3 * s}" fill="#ffffff" />
+        </g>`;
+      }
+      case 25:
+        return C ? `<g ${p}>
+              <path d="M ${r - 5 * s} ${l} Q ${r} ${l + 2 * s} ${r + 5 * s} ${l}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" fill="none" />
+              <line x1="${r + 5 * s}" y1="${l - 0.5 * s}" x2="${r + 7 * s}" y2="${l - 2.5 * s}" stroke="${h}" stroke-width="2" stroke-linecap="round" />
+            </g>` : `<g ${p}>
+              <path d="M ${r - 5 * s} ${l} Q ${r} ${l + 2 * s} ${r + 5 * s} ${l}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" fill="none" />
+              <line x1="${r - 5 * s}" y1="${l - 0.5 * s}" x2="${r - 7 * s}" y2="${l - 2.5 * s}" stroke="${h}" stroke-width="2" stroke-linecap="round" />
+            </g>`;
+      case 26:
+        return `<g ${p}>
+          <circle cx="${r}" cy="${l}" r="${5 * s}" fill="none" stroke="${h}" stroke-width="2.2" />
+          <circle cx="${r + 1.6 * s}" cy="${l + 1.6 * s}" r="${1.7 * s}" fill="${h}" />
+        </g>`;
+      case 27: {
+        const T = 4 * s, x = 8 * s;
+        return `<g ${p}><path d="M ${r - T} ${l + x} L ${r - T} ${l - x} L ${r + T} ${l - x} L ${r + T} ${l + x}" stroke="${h}" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" fill="none" /></g>`;
+      }
+      case 28:
+        return `<g ${p}><ellipse cx="${r}" cy="${l}" rx="${4.5 * s}" ry="${3 * s}" fill="${h}" /></g>`;
+      case 29:
+        return `<g ${p}>
+          <path d="M ${r - 4 * s} ${l - 3 * s} Q ${r} ${l - 6 * s} ${r + 4 * s} ${l - 2.5 * s}" stroke="${h}" stroke-width="2" stroke-linecap="round" fill="none" />
+          <circle cx="${r}" cy="${l + 1.5 * s}" r="${1.6 * s}" fill="${h}" />
+        </g>`;
+      case 30:
+        return C ? `<g ${p}><path d="M ${r + 6 * s} ${l - 6 * s} L ${r + 2 * s} ${l - 3 * s} L ${r + 5 * s} ${l - 1 * s} L ${r - 3 * s} ${l + 2 * s}" stroke="${h}" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" fill="none" /></g>` : `<g ${p}><path d="M ${r - 6 * s} ${l - 6 * s} L ${r - 2 * s} ${l - 3 * s} L ${r - 5 * s} ${l - 1 * s} L ${r + 3 * s} ${l + 2 * s}" stroke="${h}" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" fill="none" /></g>`;
+      case 31:
+        return `<g ${p}>
+          <circle cx="${r}" cy="${l}" r="${4 * s}" fill="none" stroke="${h}" stroke-width="2" />
+          <circle cx="${r}" cy="${l}" r="${1.3 * s}" fill="${h}" />
+        </g>`;
+      case 0:
+      default:
+        const z = 2.83 * L, P = Math.max(0.5, z * Math.max(0.05, e.eyeOpen));
+        return `<ellipse cx="${r.toFixed(2)}" cy="${l.toFixed(2)}" rx="${z.toFixed(2)}" ry="${P.toFixed(2)}" fill="${h}" />`;
+    }
+  };
+  le = I.isVisible ? ce(I.projX, G, I.scaleX, !1) : "", fe = E.isVisible ? ce(E.projX, G, E.scaleX, !0) : "";
+  let ne = "";
+  const se = e.tears ?? 0;
+  if (se > 0.01) {
+    const r = Math.min(1, se), l = a * 0.36 % 1;
+    let k = 0, C = r, L = 1;
+    if (l < 0.25) {
+      const p = l / 0.25;
+      k = p * 1.2, L = 0.75 + p * 0.35, C = r * (0.3 + p * 0.7);
+    } else if (l < 0.82) {
+      const p = (l - 0.25) / 0.57;
+      k = 1.2 + p * 10.5, L = 1.1 - p * 0.2, C = r;
+    } else {
+      const p = (l - 0.82) / 0.18;
+      k = 11.7 + p * 2.5, L = 0.9 - p * 0.4, C = r * (1 - p);
+    }
+    if (e.cascadeTears)
+      ne = `
+        <g opacity="${C.toFixed(2)}">
+          <path d="M ${I.projX - 3} ${G + 4} L ${I.projX - 6} 88 L ${I.projX + 2} 88 Z" fill="#7FA6D9" opacity="0.85" />
+          <path d="M ${E.projX - 2} ${G + 4} L ${E.projX - 2} 88 L ${E.projX + 6} 88 Z" fill="#7FA6D9" opacity="0.85" />
+        </g>
+      `;
+    else {
+      const p = (G + 7).toFixed(2), z = (I.projX - 1.2).toFixed(2), P = (E.projX + 1.2).toFixed(2), T = parseFloat(z), x = parseFloat(P), D = parseFloat(p);
+      ne = `
+        <g opacity="${C.toFixed(2)}">
+          <g transform="translate(0, ${k.toFixed(2)}) scale(${L.toFixed(2)})">
+            <!-- Lágrima redondita ojo izquierdo -->
+            <path d="M ${z} ${(D - 2.5).toFixed(2)} C ${(T + 2.2).toFixed(2)} ${(D - 0.5).toFixed(2)} ${(T + 2.2).toFixed(2)} ${(D + 2.2).toFixed(2)} ${z} ${(D + 3.2).toFixed(2)} C ${(T - 2.2).toFixed(2)} ${(D + 2.2).toFixed(2)} ${(T - 2.2).toFixed(2)} ${(D - 0.5).toFixed(2)} ${z} ${(D - 2.5).toFixed(2)} Z" fill="#ffffff" />
+            <!-- Lágrima redondita ojo derecho -->
+            <path d="M ${P} ${(D - 2.5).toFixed(2)} C ${(x + 2.2).toFixed(2)} ${(D - 0.5).toFixed(2)} ${(x + 2.2).toFixed(2)} ${(D + 2.2).toFixed(2)} ${P} ${(D + 3.2).toFixed(2)} C ${(x - 2.2).toFixed(2)} ${(D + 2.2).toFixed(2)} ${(x - 2.2).toFixed(2)} ${(D - 0.5).toFixed(2)} ${P} ${(D - 2.5).toFixed(2)} Z" fill="#ffffff" />
+          </g>
+        </g>
+      `;
+    }
+  }
+  let R = "";
+  if (e.zzz) {
+    const r = a * 0.75, l = 3;
+    R += `<g stroke="${h}" fill="none" stroke-linecap="round" stroke-linejoin="round">`;
+    for (let k = 0; k < l; k++) {
+      const C = (r + k / l) % 1, L = 68 + C * 20 + Math.sin(C * Math.PI * 2) * 2, p = 30 - C * 26, z = 0.5 + Math.sin(C * Math.PI) * 0.65, P = Math.sin(C * Math.PI) * 0.95, T = (1.8 + z * 0.7).toFixed(2), x = z.toFixed(2);
+      P > 0.01 && (R += `
+          <g transform="translate(${L.toFixed(2)}, ${p.toFixed(2)}) scale(${x}) translate(-72, -31)" opacity="${P.toFixed(2)}">
+            <path d="M 68 28 L 76 28 L 68 34 L 76 34" stroke-width="${T}" />
+          </g>
+        `);
+    }
+    R += "</g>";
+  }
+  if (e.sweat) {
+    const r = [
+      { x: 80, delay: 0, scale: 1 },
+      { x: 20, delay: 0.4, scale: 0.85 },
+      { x: 71, delay: 0.7, scale: 0.7 }
+    ], l = Math.min(1, e.sweat);
+    R += '<g fill="#7FA6D9">';
+    for (const k of r) {
+      const C = (a * 1.2 + k.delay) % 1, L = 25 + C * 7, p = l * Math.sin(C * Math.PI);
+      p > 0.01 && (R += `
+          <g transform="translate(${k.x}, ${L.toFixed(2)}) scale(${k.scale}) translate(-80, -25)" opacity="${p.toFixed(2)}">
+            <path d="M 76 26 C 76 22 80 20 80 20 C 80 20 84 22 84 26 C 84 28.5 82.2 30 80 30 C 77.8 30 76 28.5 76 26 Z" />
+          </g>
+        `);
+    }
+    R += "</g>";
+  }
+  if (e.storm) {
+    const r = Math.min(1, e.storm), l = Math.sin(a * 1.4) * 1.2, k = Math.sin(a * 1.4 + 1.8) * 1.2, C = 0.85 + Math.sin(a * 1.4) * 0.15, L = 0.85 + Math.sin(a * 1.4 + 1.8) * 0.15;
+    R += `
+      <g opacity="${r.toFixed(2)}" fill="#8a8a86">
+        <path transform="translate(${l.toFixed(2)}, ${(Math.abs(l) * -0.4).toFixed(2)})" opacity="${C.toFixed(2)}" d="M 22 6 C 22 3 25 1.5 27 2.3 C 27.6 0.5 30 -0.3 31.7 1 C 33.3 -0.7 36.5 0.3 36.5 3 C 38.2 3 39.5 4.5 39 6.2 C 39 8 37.3 9 35.6 9 L 24 9 C 22.3 9 22 7.5 22 6 Z" />
+        <path transform="translate(${k.toFixed(2)}, ${(Math.abs(k) * -0.4).toFixed(2)})" opacity="${L.toFixed(2)}" d="M 62 8 C 62 5.3 64.8 3.9 66.6 4.6 C 67.2 3 69.4 2.3 71 3.5 C 72.5 1.9 75.4 2.8 75.4 5.3 C 77 5.3 78.2 6.7 77.7 8.2 C 77.7 9.8 76.1 10.7 74.6 10.7 L 63.8 10.7 C 62.3 10.7 62 9.4 62 8 Z" />
+      </g>
+    `;
+  }
+  if (e.scribble) {
+    const r = Math.min(1, e.scribble), l = Math.sin(a * 1.6) * 6, k = 1 + Math.sin(a * 2.3) * 0.06;
+    R += `
+      <g transform="translate(50, 3) rotate(${l.toFixed(2)}) translate(-50, -3)" opacity="${r.toFixed(2)}">
+        ${vt(50, 3, k, "#5B7FD6", 2.3)}
+      </g>
+    `;
+  }
+  if (e.puff) {
+    const r = a * 0.55 % 1, l = e.mouthY ?? 63, k = 68 + r * 12, C = l - r * 10, L = 0.4 + r * 0.9, p = Math.min(1, e.puff) * Math.sin(r * Math.PI) * 0.8;
+    p > 0.01 && (R += `
+        <g fill="#B9BDB6" opacity="${p.toFixed(2)}" transform="translate(${k.toFixed(2)}, ${C.toFixed(2)}) scale(${L.toFixed(2)})">
+          <circle cx="0" cy="0" r="3.4" />
+          <circle cx="3" cy="-1.2" r="2.1" />
+          <circle cx="-2.4" cy="-1" r="1.8" />
+        </g>
+      `);
+  }
+  let he = "";
+  if (e.browY !== 0 || e.browTilt !== 0) {
+    const r = 32 + e.browY + B * 0.5, l = e.browTilt, k = -e.browTilt;
+    he = `
+      <g transform="rotate(${l}, ${I.projX}, ${r})">
+        <line x1="${I.projX - 6}" y1="${r}" x2="${I.projX + 6}" y2="${r}" stroke="${h}" stroke-width="2.8" stroke-linecap="round" />
+      </g>
+      <g transform="rotate(${k}, ${E.projX}, ${r})">
+        <line x1="${E.projX - 6}" y1="${r}" x2="${E.projX + 6}" y2="${r}" stroke="${h}" stroke-width="2.8" stroke-linecap="round" />
+      </g>
+    `;
+  }
+  const pe = Math.round(e.mouthType ?? 0), w = Math.max(0, 14 * e.mouthWidth), m = 50 + A * 0.6, u = (e.mouthY ?? 63) + B * 0.4;
+  let S = "";
+  switch (pe) {
+    case 1:
+      S = `<ellipse cx="${m}" cy="${u}" rx="${w}" ry="${w * 1.24}" fill="#B3554A" />`;
+      break;
+    case 2: {
+      const r = w * 2 / 4;
+      let l = `M ${m - w} ${u}`;
+      for (let k = 1; k <= 4; k++) l += ` L ${m - w + r * k} ${u + (k % 2 ? 2.83 : 0)}`;
+      S = `<path d="${l}" fill="none" stroke="${h}" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" />`;
+      break;
+    }
+    case 3:
+      S = `<line x1="${m - w}" y1="${u}" x2="${m + w}" y2="${u}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" />`;
+      break;
+    case 13:
+      S = `<circle cx="${m}" cy="${u}" r="${w * 2}" fill="none" stroke="${h}" stroke-width="2.8" />`;
+      break;
+    case 14:
+      S = "";
+      break;
+    case 4:
+      S = `
+        <rect x="${m - 10}" y="${u - 4}" width="20" height="8" rx="2" fill="#ffffff" stroke="${h}" stroke-width="2.5" />
+        <line x1="${m - 10}" y1="${u}" x2="${m + 10}" y2="${u}" stroke="${h}" stroke-width="1.8" />
+        <line x1="${m - 3}" y1="${u - 4}" x2="${m - 3}" y2="${u + 4}" stroke="${h}" stroke-width="1.5" />
+        <line x1="${m + 3}" y1="${u - 4}" x2="${m + 3}" y2="${u + 4}" stroke="${h}" stroke-width="1.5" />
+      `;
+      break;
+    case 5:
+      S = `
+        <path d="M ${m - 12} ${u - 2} Q ${m} ${u + 12} ${m + 12} ${u - 2} Z" fill="${h}" />
+        <path d="M ${m - 10} ${u - 2} L ${m + 10} ${u - 2} L ${m + 8} ${u + 2} L ${m - 8} ${u + 2} Z" fill="#ffffff" />
+      `;
+      break;
+    case 6:
+      S = `<path d="M ${m - 13} ${u - 3} Q ${m} ${u + 14} ${m + 13} ${u - 3} Z" fill="#E87C8A" stroke="${h}" stroke-width="2.5" />`;
+      break;
+    case 7:
+      S = `
+        <g stroke="${h}" stroke-width="3.5" stroke-linecap="round">
+          <line x1="${m - 5}" y1="${u - 5}" x2="${m + 5}" y2="${u + 5}" />
+          <line x1="${m - 5}" y1="${u + 5}" x2="${m + 5}" y2="${u - 5}" />
+        </g>
+      `;
+      break;
+    case 8:
+      S = `
+        <g>
+          <line x1="12" y1="${u - 2}" x2="${m - 14}" y2="${u - 2}" stroke="#ffffff" stroke-width="2" />
+          <line x1="12" y1="${u + 4}" x2="${m - 14}" y2="${u + 4}" stroke="#ffffff" stroke-width="2" />
+          <line x1="88" y1="${u - 2}" x2="${m + 14}" y2="${u - 2}" stroke="#ffffff" stroke-width="2" />
+          <line x1="88" y1="${u + 4}" x2="${m + 14}" y2="${u + 4}" stroke="#ffffff" stroke-width="2" />
+          <rect x="${m - 15}" y="${u - 7}" width="30" height="16" rx="3" fill="#ffffff" stroke="${h}" stroke-width="2.2" />
+        </g>
+      `;
+      break;
+    case 9:
+      S = `<path d="M ${m - 6} ${u} Q ${m - 3} ${u - 3} ${m} ${u} Q ${m + 3} ${u - 3} ${m + 6} ${u}" fill="none" stroke="${h}" stroke-width="2.8" stroke-linecap="round" />`;
+      break;
+    case 10:
+      S = `<circle cx="${m}" cy="${u}" r="2.5" fill="${h}" />`;
+      break;
+    case 11:
+      S = `<line x1="${m - 6}" y1="${u + 3}" x2="${m + 6}" y2="${u - 3}" stroke="${h}" stroke-width="3" stroke-linecap="round" />`;
+      break;
+    case 12:
+      S = `<path d="M ${m - w} ${u + 4} Q ${m} ${u - 6} ${m + w} ${u + 4}" fill="none" stroke="${h}" stroke-width="3.2" stroke-linecap="round" />`;
+      break;
+    case 15:
+      S = `
+        <path d="M ${m - w} ${u} Q ${m} ${u + 6} ${m + w} ${u}" fill="none" stroke="${h}" stroke-width="${b}" stroke-linecap="round" />
+        <path d="M ${m - 3} ${u + 2} Q ${m} ${u + 10} ${m + 3} ${u + 2} Z" fill="#E3536C" />
+      `;
+      break;
+    case 16:
+      S = `<path d="M ${m - w} ${u} Q ${m + w * 0.3} ${u} ${m + w} ${u - 5}" fill="none" stroke="${h}" stroke-width="${b}" stroke-linecap="round" />`;
+      break;
+    case 17:
+      S = `<path d="M ${m - 3.5} ${u - 2} L ${m + 3.5} ${u - 2} L ${m} ${u + 4} Z" fill="#E3536C" />`;
+      break;
+    case 18:
+      S = `<path d="M ${m - 3} ${u - 4} Q ${m + 3} ${u - 4} ${m - 1} ${u} Q ${m + 3} ${u + 4} ${m - 3} ${u + 4}" fill="none" stroke="${h}" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" />`;
+      break;
+    case 19:
+      S = `<path d="M ${m - 6} ${u - 4} L ${m + 6} ${u - 4} L ${m + 4} ${u + 5} L ${m - 4} ${u + 5} Z" fill="#B3554A" stroke="${h}" stroke-width="2" />`;
+      break;
+    case 20:
+      S = `<ellipse cx="${m}" cy="${u}" rx="3" ry="1.4" fill="none" stroke="${h}" stroke-width="2.2" />`;
+      break;
+    case 21: {
+      const r = w;
+      let l = "";
+      for (let k = 1; k < 4; k++) {
+        const C = m - r + 2 * r / 4 * k;
+        l += `<line x1="${C.toFixed(2)}" y1="${u - 4}" x2="${C.toFixed(2)}" y2="${u + 4}" stroke="${h}" stroke-width="1.3" />`;
+      }
+      S = `<rect x="${(m - r).toFixed(2)}" y="${u - 4}" width="${(r * 2).toFixed(2)}" height="8" rx="2" fill="#ffffff" stroke="${h}" stroke-width="2.2" />${l}`;
+      break;
+    }
+    case 22:
+      S = `
+        <path d="M ${m - w} ${u} Q ${m} ${u + 5} ${m + w} ${u}" fill="none" stroke="${h}" stroke-width="${b}" stroke-linecap="round" />
+        <path d="M ${m + w - 3} ${u + 2} Q ${m + w + 3} ${u + 6} ${m + w - 1} ${u + 9} Q ${m + w - 5} ${u + 6} ${m + w - 3} ${u + 2} Z" fill="#E3536C" />
+      `;
+      break;
+    case 23:
+      S = `
+        <path d="M ${m - w * 1.1} ${u - 3} Q ${m} ${u + 10} ${m + w * 1.1} ${u - 3} Z" fill="#8a2f36" />
+        <ellipse cx="${m}" cy="${u + 4}" rx="${w * 0.6}" ry="4" fill="#E3536C" />
+      `;
+      break;
+    case 24:
+      S = `
+        <path d="M ${m - w} ${u} Q ${m} ${u + 7} ${m + w} ${u - 2}" fill="none" stroke="${h}" stroke-width="${b}" stroke-linecap="round" />
+        <ellipse cx="${m + w * 0.3}" cy="${u + 3}" rx="2" ry="1.2" fill="#E3536C" opacity="0.7" />
+      `;
+      break;
+    case 0:
+    default:
+      if (e.mouthCurve === 0)
+        S = `<line x1="${m - w}" y1="${u}" x2="${m + w}" y2="${u}" stroke="${h}" stroke-width="${b}" stroke-linecap="round" />`;
+      else {
+        const r = u + e.mouthCurve * 14;
+        S = `<path d="M ${m - w} ${u} Q ${m} ${r.toFixed(2)} ${m + w} ${u}" fill="none" stroke="${h}" stroke-width="${b}" stroke-linecap="round" />`;
+      }
+      break;
+  }
+  const ue = Math.max(0, Math.min(1, e.cheek));
+  let j = "";
+  e.blushStripes ? j = `
+      <g stroke="#E3536C" stroke-width="2" opacity="0.75" stroke-linecap="round">
+        <line x1="20" y1="52" x2="24" y2="58" />
+        <line x1="24" y1="52" x2="28" y2="58" />
+        <line x1="28" y1="52" x2="32" y2="58" />
+        <line x1="68" y1="52" x2="72" y2="58" />
+        <line x1="72" y1="52" x2="76" y2="58" />
+        <line x1="76" y1="52" x2="80" y2="58" />
+      </g>
+    ` : ue > 0.01 && (j = `
+      <ellipse cx="${27 + A * 0.4}" cy="${56 + B * 0.4}" rx="6" ry="4" fill="${$}" opacity="${ue.toFixed(2)}" />
+      <ellipse cx="${73 + A * 0.4}" cy="${56 + B * 0.4}" rx="6" ry="4" fill="${$}" opacity="${ue.toFixed(2)}" />
+    `);
+  const re = [
+    `translate(${(e.shiftX ?? 0).toFixed(2)}, ${e.bob.toFixed(2)})`,
+    v ? "translate(100, 0) scale(-1, 1)" : "",
+    Y ? "translate(50, 50) scale(1.1) translate(-50, -50)" : ""
+  ].filter(Boolean).join(" ");
+  return `
+    <svg width="${i}" height="${i}" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" style="overflow: visible;">
+      <defs>
+        <style>
+          @keyframes wissive-zzz-loop {
+            0% { transform: translate(0px, 4px) scale(0.55); opacity: 0; }
+            18% { transform: translate(3px, -2px) scale(0.85); opacity: 0.95; }
+            55% { transform: translate(8px, -11px) scale(1.1); opacity: 1; }
+            85% { transform: translate(14px, -19px) scale(0.85); opacity: 0.6; }
+            100% { transform: translate(18px, -25px) scale(0.5); opacity: 0; }
+          }
+          @keyframes wissive-tear-drip {
+            0% { transform: translateY(-2px) scaleY(0.7); opacity: 0.4; }
+            50% { transform: translateY(5px) scaleY(1.18); opacity: 0.95; }
+            85% { transform: translateY(12px) scaleY(0.8); opacity: 0.3; }
+            100% { transform: translateY(15px) scaleY(0.3); opacity: 0; }
+          }
+          @keyframes wissive-sweat-slide {
+            0% { transform: translateY(0px); opacity: 0.4; }
+            50% { transform: translateY(5px); opacity: 0.95; }
+            100% { transform: translateY(9px); opacity: 0.15; }
+          }
+          .wissive-zzz-1 { animation: wissive-zzz-loop 3s cubic-bezier(0.33, 0, 0.25, 1) infinite 0s; transform-box: fill-box; transform-origin: center; }
+          .wissive-zzz-2 { animation: wissive-zzz-loop 3s cubic-bezier(0.33, 0, 0.25, 1) infinite -1s; transform-box: fill-box; transform-origin: center; }
+          .wissive-zzz-3 { animation: wissive-zzz-loop 3s cubic-bezier(0.33, 0, 0.25, 1) infinite -2s; transform-box: fill-box; transform-origin: center; }
+          .wissive-anim-tear { animation: wissive-tear-drip 1.8s cubic-bezier(0.4, 0, 0.6, 1) infinite; transform-box: fill-box; transform-origin: top center; }
+          .wissive-anim-sweat { animation: wissive-sweat-slide 2.2s ease-in-out infinite; transform-box: fill-box; transform-origin: top center; }
+        </style>
+      </defs>
+      <g transform="${re}">
+        <!-- Silueta del cuerpo (una o varias subformas: cuerpo + orejas, brazos…) -->
+        ${M}
+        <!-- Mejillas o Rayas -->
+        ${j}
+        <!-- Accesorios (ZZZ, Gotas) -->
+        ${R}
+        <!-- Lágrimas -->
+        ${ne}
+        <!-- Ojos -->
+        ${le}
+        ${fe}
+        <!-- Cejas -->
+        ${he}
+        <!-- Boca -->
+        ${S}
+      </g>
+    </svg>
+  `;
+}
+function ao(o, t, e, i, n = {}) {
+  return _e(o, t, e, i, n);
+}
+function Qe() {
+  return typeof window > "u" || typeof window.matchMedia != "function" ? !0 : window.matchMedia("(hover: hover)").matches;
+}
+function kt() {
+  return typeof window > "u" ? !1 : typeof window.matchMedia == "function" && window.matchMedia("(hover: none)").matches || "ontouchstart" in window || typeof navigator < "u" && navigator.maxTouchPoints > 0;
+}
+const we = /* @__PURE__ */ new Set();
+let Te = !1;
+function qe(o) {
+  const t = o.clientX, e = o.clientY, i = (typeof window < "u" ? window.innerWidth : 1e3) / 2 || 1, n = (typeof window < "u" ? window.innerHeight : 1e3) / 2 || 1;
+  for (const c of we) {
+    const a = c.element.getBoundingClientRect(), h = a.left + a.width / 2, $ = a.top + a.height / 2;
+    if (c.onGazeMove) {
+      const M = Math.max(-0.6, Math.min(0.6, (t - h) / i)), v = Math.max(-0.6, Math.min(0.6, (e - $) / n));
+      c.onGazeMove(22 * M, 14 * v);
+    }
+    if (c.isActive())
+      continue;
+    const d = Math.hypot(t - h, e - $) <= c.nearRadius;
+    d !== c.isNear && (c.isNear = d, c.onNearChange(d));
+  }
+}
+function Ct(o) {
+  we.add(o), !Te && typeof window < "u" && (window.addEventListener("mousemove", qe, { passive: !0 }), Te = !0);
+}
+function wt(o) {
+  we.delete(o), we.size === 0 && Te && typeof window < "u" && (window.removeEventListener("mousemove", qe), Te = !1);
+}
+function Tt(o, t, e = 120) {
+  if (typeof window > "u")
+    return () => {
+    };
+  let i = !1, n = !1, c = !1, a = !1;
+  const h = () => {
+    i = !0, t.onHoverStart();
+  }, $ = () => {
+    i = !1, n = !1, t.onHoverEnd();
+  }, b = (_) => {
+    _.button === 0 && (n = !0, t.onClickStart());
+  }, d = () => {
+    n && (n = !1, t.onClickEnd());
+  }, M = () => {
+    n = !0, t.onClickStart();
+  }, v = () => {
+    n && (n = !1, t.onClickEnd());
+  }, Y = () => {
+    n && (n = !1, t.onClickEnd());
+  }, A = () => {
+    c = !0, t.onHoverStart();
+  }, B = () => {
+    c = !1, a && (a = !1, n = !1, t.onClickEnd()), t.onHoverEnd();
+  }, X = (_) => {
+    (_.key === "Enter" || _.key === " ") && (_.preventDefault(), a || (a = !0, n = !0, t.onClickStart()));
+  }, G = (_) => {
+    (_.key === "Enter" || _.key === " ") && (_.preventDefault(), a && (a = !1, n = !1, t.onClickEnd()));
+  };
+  o.addEventListener("mouseenter", h), o.addEventListener("mouseleave", $), o.addEventListener("mousedown", b), window.addEventListener("mouseup", d), o.addEventListener("focus", A), o.addEventListener("blur", B), o.addEventListener("keydown", X), o.addEventListener("keyup", G), o.addEventListener("touchstart", M, { passive: !0 }), window.addEventListener("touchend", v, { passive: !0 }), window.addEventListener("touchcancel", Y, { passive: !0 });
+  const Z = {
+    element: o,
+    nearRadius: e,
+    isNear: !1,
+    isActive: () => i || n || c,
+    onNearChange: t.onNearChange,
+    onGazeMove: t.onGazeMove
+  };
+  return (Qe() || t.onGazeMove) && Ct(Z), () => {
+    o.removeEventListener("mouseenter", h), o.removeEventListener("mouseleave", $), o.removeEventListener("mousedown", b), window.removeEventListener("mouseup", d), o.removeEventListener("focus", A), o.removeEventListener("blur", B), o.removeEventListener("keydown", X), o.removeEventListener("keyup", G), o.removeEventListener("touchstart", M), window.removeEventListener("touchend", v), window.removeEventListener("touchcancel", Y), wt(Z);
+  };
+}
+let Ae;
+function ze() {
+  return Ae || (Ae = import(
+    /* @vite-ignore */
+    "cuelume"
+  ).catch(() => null)), Ae;
+}
+class St {
+  constructor() {
+    g(this, "enabled", !0);
+    g(this, "volume", 0.6);
+    ze().then((t) => {
+      try {
+        t == null || t.setVolume(this.volume);
+      } catch {
+      }
+    });
+  }
+  setEnabled(t) {
+    this.enabled = t;
+  }
+  isEnabled() {
+    return this.enabled;
+  }
+  setVolumeLevel(t) {
+    this.volume = Math.max(0, Math.min(1, t)), ze().then((e) => {
+      try {
+        e == null || e.setVolume(this.volume);
+      } catch {
+      }
+    });
+  }
+  getVolumeLevel() {
+    return this.volume;
+  }
+  playCue(t, e = {}) {
+    this.enabled && ze().then((i) => {
+      try {
+        i == null || i.play(t, { volume: e.volume ?? this.volume });
+      } catch {
+      }
+    });
+  }
+  playSound(t, e) {
+    if (!this.enabled) return;
+    let i = "tick";
+    switch (t) {
+      case "happy":
+        i = e === "click" ? "sparkle" : "chime";
+        break;
+      case "flutter":
+        i = e === "click" ? "pulse" : "bloom";
+        break;
+      case "pleasure":
+        i = e === "click" ? "bloom" : "droplet";
+        break;
+      case "peaceful":
+        i = e === "click" ? "arrival" : "whisper";
+        break;
+      case "normal":
+        i = e === "click" ? "toggle" : "tick";
+        break;
+      case "tired":
+      case "sleepy":
+        i = e === "click" ? "loading" : "whisper";
+        break;
+      case "sad":
+      case "disappointed":
+        i = e === "click" ? "scan" : "droplet";
+        break;
+      case "anxiety":
+      case "stress":
+        i = e === "click" ? "pulse" : "tick";
+        break;
+      case "anger":
+        i = e === "click" ? "press" : "release";
+        break;
+      case "surprised":
+        i = e === "click" ? "success" : "chime";
+        break;
+      case "numbness":
+        i = e === "click" ? "ready" : "page";
+        break;
+      default:
+        i = e === "click" ? "sparkle" : "tick";
+        break;
+    }
+    this.playCue(i);
+  }
+}
+const U = new St();
+function xt(o) {
+  U.setEnabled(o);
+}
+function Yt() {
+  return U.isEnabled();
+}
+function Ft(o) {
+  U.setVolumeLevel(o);
+}
+function Et() {
+  return U.getVolumeLevel();
+}
+class At {
+  constructor(t, e) {
+    g(this, "particles", []);
+    g(this, "canvas");
+    g(this, "ctx");
+    g(this, "animating", !1);
+    g(this, "rafId", null);
+    g(this, "size");
+    g(this, "dpr");
+    g(this, "tick", () => {
+      const t = this.canvas.width, e = this.canvas.height;
+      this.ctx.clearRect(0, 0, t, e);
+      const i = 0.016;
+      for (let n = this.particles.length - 1; n >= 0; n--) {
+        const c = this.particles[n];
+        if (c.life -= i, c.life <= 0) {
+          this.particles.splice(n, 1);
+          continue;
+        }
+        c.vx *= 0.95, c.vy *= 0.95, c.swayFreq && c.swayAmp && (c.x += Math.sin((c.maxLife - c.life) * c.swayFreq) * c.swayAmp), c.x += c.vx, c.y += c.vy, c.rotation += c.rotSpeed, this.drawParticle(c);
+      }
+      this.particles.length > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.animating = !1, this.ctx.clearRect(0, 0, t, e));
+    });
+    this.size = e, this.dpr = typeof window < "u" && window.devicePixelRatio || 1, this.canvas = document.createElement("canvas"), this.setupCanvas(), t.style.position = "relative", t.style.overflow = "visible", t.appendChild(this.canvas), this.ctx = this.canvas.getContext("2d");
+  }
+  setupCanvas() {
+    const t = this.dpr, e = this.size * 2.5;
+    this.canvas.width = e * t, this.canvas.height = e * t, this.canvas.style.cssText = `
+      position: absolute;
+      top: -${this.size * 0.75}px;
+      left: -${this.size * 0.75}px;
+      width: ${e}px;
+      height: ${e}px;
+      pointer-events: none;
+      z-index: 10;
+    `;
+  }
+  resize(t) {
+    this.size = t, this.dpr = typeof window < "u" && window.devicePixelRatio || 1, this.setupCanvas();
+  }
+  burst(t, e = 8, i, n) {
+    const c = this.size * 2.5, a = i ?? c / 2, h = n ?? c / 2;
+    for (let $ = 0; $ < e; $++) {
+      const b = Math.PI * 2 * $ / e + (Math.random() - 0.5) * 0.7, d = 2.5 + Math.random() * 3.5, M = this.createParticle(t, a, h, b, d);
+      this.particles.push(M);
+    }
+    this.animating || (this.animating = !0, this.tick());
+  }
+  createParticle(t, e, i, n, c) {
+    const a = 10 + Math.random() * 15, h = e + Math.cos(n) * a, $ = i + Math.sin(n) * a, b = 0.6 + Math.random() * 0.5, d = {
+      x: h,
+      y: $,
+      vx: Math.cos(n) * c,
+      vy: Math.sin(n) * c - 1.2,
+      life: b,
+      maxLife: b,
+      size: (6 + Math.random() * 8) * (this.size / 120),
+      rotation: Math.random() * Math.PI * 2,
+      rotSpeed: (Math.random() - 0.5) * 0.2,
+      shape: "circle",
+      color: "#F2A9B8",
+      opacity: 1
+    }, M = Math.random() > 0.6, v = (Y) => Y[Math.floor(Math.random() * Y.length)];
+    switch (t) {
+      case "happy":
+        d.shape = M ? "sparkle" : "heart", d.color = v(["#F2A9B8", "#E3536C", "#FF8FAB", "#FFD1DC", "#FFF0F5"]), d.vy -= 0.6;
+        break;
+      case "pleasure":
+        d.shape = M ? "circle" : "petal", d.color = v(["#F28FC2", "#FFC2DE", "#FFE3F0", "#E5739F"]), d.vy += 0.9, d.vx *= 0.6, d.rotSpeed *= 2.5, d.swayFreq = 5 + Math.random() * 3, d.swayAmp = 0.9 + Math.random() * 0.5;
+        break;
+      case "flutter":
+        d.shape = M ? "sparkle" : "star", d.color = v(["#F2CB4E", "#FFD700", "#FFA500", "#FFF4CC"]), d.vy -= 1, d.vx *= 1.5, d.rotSpeed *= 2;
+        break;
+      case "peaceful":
+        d.shape = M ? "circle" : "ring", d.color = v(["#9AC9A0", "#B5E8B5", "#7FD17F", "#E8F5E9"]), d.vy -= 0.8, d.swayFreq = 8 + Math.random() * 4, d.swayAmp = 0.4 + Math.random() * 0.4;
+        break;
+      case "normal":
+        d.shape = M ? "circle" : "dot", d.color = v(["#C9DCD3", "#A8C7BB", "#E4F0EA", "#8FB3A4"]), d.size *= 0.65, d.vx *= 0.5, d.vy *= 0.5;
+        break;
+      case "tired":
+        d.shape = M ? "ring" : "zzz", d.color = v(["#D6DBCF", "#BFC7B8", "#EDF0E8", "#A9B3A0"]), d.vy -= 1.2, d.vx *= 0.25, d.swayFreq = 6 + Math.random() * 4, d.swayAmp = 0.5;
+        break;
+      case "sleepy":
+        d.shape = M ? "zzz" : "bubble", d.color = v(["#AFCBE0", "#D3E8F5", "#ffffff", "#8FB6D1"]), d.size *= 1.35, d.vy -= 1.5, d.vx *= 0.2, d.swayFreq = 3 + Math.random() * 2, d.swayAmp = 0.7;
+        break;
+      case "sad":
+        d.shape = M ? "circle" : "drop", d.color = v(["#7FA6D9", "#A0C4E8", "#6B9ACF", "#E1F5FE"]), d.vy += 1.8, d.vx *= 0.3;
+        break;
+      case "disappointed":
+        d.shape = M ? "drop" : "shard", d.color = v(["#EBD98A", "#C9B86B", "#F5E9B8", "#A89550"]), d.vy += 1.2, d.vx *= 0.8, d.rotSpeed *= 4;
+        break;
+      case "anxiety":
+        d.shape = M ? "circle" : "zigzag", d.color = v(["#A99BD9", "#C4B5F0", "#8B7BC4", "#D1C4E9"]), d.size *= 0.8, d.vx *= 1.4;
+        break;
+      case "stress":
+        d.shape = M ? "zigzag" : "spiral", d.color = v(["#C97F76", "#E09A91", "#A85F57", "#F0BDB6"]), d.size *= 0.9, d.rotSpeed *= 6, d.swayFreq = 12 + Math.random() * 6, d.swayAmp = 0.6;
+        break;
+      case "anger":
+        d.shape = M ? "diamond" : "ember", d.color = v(["#D9566A", "#FF4444", "#FF6B35", "#FFA033"]), d.vy -= 1.4, d.vx *= 0.7, d.size *= 0.9;
+        break;
+      case "surprised":
+        d.shape = M ? "dot" : "burst", d.color = v(["#F0B98A", "#FFCFA3", "#FF9F1C", "#FFE8D1"]), d.size *= 1.15, d.vx *= 1.8, d.vy *= 1.8;
+        break;
+      case "numbness":
+        d.shape = M ? "dot" : "glitch", d.color = v(["#D9C6E0", "#C0A8CC", "#EDE2F0", "#A98FB8"]), d.vx *= 0.25, d.vy *= 0.25, d.life *= 0.6, d.rotSpeed = 0;
+        break;
+      default:
+        d.shape = M ? "sparkle" : "circle", d.color = v(["#F2A9B8", "#F2CB4E", "#9AC9A0"]);
+        break;
+    }
+    return d;
+  }
+  drawParticle(t) {
+    const e = this.ctx, i = this.dpr, n = 1 - t.life / t.maxLife;
+    let c = 1;
+    n < 0.18 ? c = n / 0.18 : n > 0.65 && (c = (1 - n) / 0.35), c = Math.max(0, Math.min(1.2, c));
+    const a = t.size * c;
+    if (a <= 0.1) return;
+    const h = Math.max(0, Math.min(1, t.life / t.maxLife * 1.2));
+    switch (e.save(), e.translate(t.x * i, t.y * i), e.rotate(t.rotation), e.globalAlpha = h, t.shape) {
+      case "heart":
+        e.fillStyle = t.color, e.beginPath(), e.moveTo(0, a * 0.35 * i), e.bezierCurveTo(
+          -a * 0.7 * i,
+          -a * 0.1 * i,
+          -a * 0.8 * i,
+          -a * 0.8 * i,
+          0,
+          -a * 0.45 * i
+        ), e.bezierCurveTo(
+          a * 0.8 * i,
+          -a * 0.8 * i,
+          a * 0.7 * i,
+          -a * 0.1 * i,
+          0,
+          a * 0.35 * i
+        ), e.closePath(), e.fill();
+        break;
+      case "star": {
+        e.fillStyle = t.color, e.beginPath();
+        const $ = 5, b = a * i, d = a * 0.45 * i;
+        for (let M = 0; M < $ * 2; M++) {
+          const v = M % 2 === 0 ? b : d, Y = M * Math.PI / $ - Math.PI / 2, A = Math.cos(Y) * v, B = Math.sin(Y) * v;
+          M === 0 ? e.moveTo(A, B) : e.lineTo(A, B);
+        }
+        e.closePath(), e.fill();
+        break;
+      }
+      case "sparkle": {
+        e.fillStyle = t.color, e.beginPath();
+        const $ = a * 1.1 * i;
+        e.moveTo(0, -$), e.quadraticCurveTo(0, 0, $, 0), e.quadraticCurveTo(0, 0, 0, $), e.quadraticCurveTo(0, 0, -$, 0), e.quadraticCurveTo(0, 0, 0, -$), e.closePath(), e.fill();
+        break;
+      }
+      case "drop":
+        e.fillStyle = t.color, e.beginPath(), e.moveTo(0, -a * 0.8 * i), e.bezierCurveTo(
+          a * 0.7 * i,
+          -a * 0.2 * i,
+          a * 0.6 * i,
+          a * 0.7 * i,
+          0,
+          a * 0.7 * i
+        ), e.bezierCurveTo(
+          -a * 0.6 * i,
+          a * 0.7 * i,
+          -a * 0.7 * i,
+          -a * 0.2 * i,
+          0,
+          -a * 0.8 * i
+        ), e.closePath(), e.fill();
+        break;
+      case "diamond":
+        e.fillStyle = t.color, e.beginPath(), e.moveTo(0, -a * i), e.lineTo(a * 0.65 * i, 0), e.lineTo(0, a * i), e.lineTo(-a * 0.65 * i, 0), e.closePath(), e.fill();
+        break;
+      case "zigzag":
+        e.strokeStyle = t.color, e.lineWidth = Math.max(2, a * 0.25) * i, e.lineCap = "round", e.lineJoin = "round", e.beginPath(), e.moveTo(-a * 0.6 * i, -a * 0.5 * i), e.lineTo(-a * 0.1 * i, -a * 0.1 * i), e.lineTo(-a * 0.3 * i, a * 0.1 * i), e.lineTo(a * 0.6 * i, a * 0.5 * i), e.stroke();
+        break;
+      case "ring":
+        e.strokeStyle = t.color, e.lineWidth = Math.max(1.5, a * 0.25) * i, e.beginPath(), e.arc(0, 0, a * 0.55 * i, 0, Math.PI * 2), e.stroke();
+        break;
+      case "zzz":
+        e.strokeStyle = t.color, e.lineWidth = Math.max(2, a * 0.25) * i, e.lineCap = "round", e.lineJoin = "round", e.beginPath(), e.moveTo(-a * 0.4 * i, -a * 0.5 * i), e.lineTo(a * 0.4 * i, -a * 0.5 * i), e.lineTo(-a * 0.4 * i, a * 0.5 * i), e.lineTo(a * 0.4 * i, a * 0.5 * i), e.stroke();
+        break;
+      case "petal":
+        e.fillStyle = t.color, e.beginPath(), e.moveTo(0, -a * 0.9 * i), e.quadraticCurveTo(a * 0.75 * i, -a * 0.1 * i, 0, a * 0.9 * i), e.quadraticCurveTo(-a * 0.75 * i, -a * 0.1 * i, 0, -a * 0.9 * i), e.closePath(), e.fill();
+        break;
+      case "spiral": {
+        e.strokeStyle = t.color, e.lineWidth = Math.max(1.5, a * 0.2) * i, e.lineCap = "round", e.beginPath();
+        const $ = a * 0.85 * i;
+        Ne().forEach(([b, d], M) => {
+          const v = b * $, Y = d * $;
+          M === 0 ? e.moveTo(v, Y) : e.lineTo(v, Y);
+        }), e.stroke();
+        break;
+      }
+      case "bubble":
+        e.strokeStyle = t.color, e.lineWidth = Math.max(1, a * 0.14) * i, e.beginPath(), e.arc(0, 0, a * 0.6 * i, 0, Math.PI * 2), e.stroke(), e.fillStyle = t.color, e.globalAlpha *= 0.7, e.beginPath(), e.arc(-a * 0.22 * i, -a * 0.24 * i, a * 0.13 * i, 0, Math.PI * 2), e.fill();
+        break;
+      case "ember": {
+        e.fillStyle = t.color, e.beginPath(), e.moveTo(0, -a * 0.95 * i), e.bezierCurveTo(
+          a * 0.5 * i,
+          -a * 0.2 * i,
+          a * 0.62 * i,
+          a * 0.55 * i,
+          0,
+          a * 0.75 * i
+        ), e.bezierCurveTo(
+          -a * 0.62 * i,
+          a * 0.55 * i,
+          -a * 0.5 * i,
+          -a * 0.2 * i,
+          0,
+          -a * 0.95 * i
+        ), e.closePath(), e.fill();
+        break;
+      }
+      case "shard":
+        e.fillStyle = t.color, e.beginPath(), e.moveTo(0, -a * 0.9 * i), e.lineTo(a * 0.55 * i, -a * 0.15 * i), e.lineTo(a * 0.2 * i, a * 0.85 * i), e.lineTo(-a * 0.45 * i, a * 0.3 * i), e.closePath(), e.fill();
+        break;
+      case "burst": {
+        e.strokeStyle = t.color, e.lineWidth = Math.max(1.5, a * 0.22) * i, e.lineCap = "round", e.beginPath();
+        for (let $ = 0; $ < 4; $++) {
+          const b = $ * Math.PI / 2, d = a * 0.3 * i, M = a * i;
+          e.moveTo(Math.cos(b) * d, Math.sin(b) * d), e.lineTo(Math.cos(b) * M, Math.sin(b) * M);
+        }
+        e.stroke();
+        break;
+      }
+      case "dot":
+        e.fillStyle = t.color, e.beginPath(), e.arc(0, 0, a * 0.28 * i, 0, Math.PI * 2), e.fill();
+        break;
+      case "glitch":
+        e.fillStyle = t.color, e.fillRect(-a * 0.6 * i, -a * 0.28 * i, a * 1.2 * i, a * 0.22 * i), e.globalAlpha *= 0.6, e.fillRect(-a * 0.25 * i, a * 0.06 * i, a * 0.9 * i, a * 0.16 * i);
+        break;
+      case "circle":
+      default:
+        e.fillStyle = t.color, e.beginPath(), e.arc(0, 0, a * 0.5 * i, 0, Math.PI * 2), e.fill();
+        break;
+    }
+    e.restore();
+  }
+  destroy() {
+    this.rafId !== null && cancelAnimationFrame(this.rafId), this.particles = [], this.canvas.remove();
+  }
+}
+class zt {
+  constructor(t, e, i) {
+    // Position
+    g(this, "posX", 0);
+    g(this, "posY", 0);
+    // Velocity
+    g(this, "velX", 0);
+    g(this, "velY", 0);
+    // Drag tracking
+    g(this, "dragging", !1);
+    g(this, "startPointerX", 0);
+    g(this, "startPointerY", 0);
+    g(this, "lastPointerX", 0);
+    g(this, "lastPointerY", 0);
+    g(this, "lastPointerTime", 0);
+    // Velocity samples for a smooth toss (ring buffer of last N moves)
+    g(this, "velocitySamples", []);
+    g(this, "MAX_SAMPLES", 6);
+    // Spring constants for the return-to-origin bounce
+    g(this, "springK", 0.08);
+    // stiffness — lower = softer jelly
+    g(this, "springD", 0.82);
+    // damping   — lower = bouncier
+    g(this, "tossDecay", 0.96);
+    // air friction on free flight
+    // Stretch limits
+    g(this, "maxStretch", 0.25);
+    // Physics loop
+    g(this, "animating", !1);
+    g(this, "rafId", null);
+    // Callbacks
+    g(this, "onUpdate");
+    g(this, "onDragStart");
+    g(this, "onDragEnd");
+    // Element ref
+    g(this, "el");
+    // ─── Pointer Abstraction ───────────────────────────────────────────
+    g(this, "handlePointerDown", (t) => {
+      t.preventDefault(), this.startDrag(t.clientX, t.clientY);
+    });
+    g(this, "handlePointerMove", (t) => {
+      this.dragging && this.moveDrag(t.clientX, t.clientY);
+    });
+    g(this, "handlePointerUp", () => {
+      this.dragging && this.endDrag();
+    });
+    g(this, "handleTouchDown", (t) => {
+      t.preventDefault();
+      const e = t.touches[0];
+      this.startDrag(e.clientX, e.clientY);
+    });
+    g(this, "handleTouchMove", (t) => {
+      if (!this.dragging) return;
+      t.preventDefault();
+      const e = t.touches[0];
+      this.moveDrag(e.clientX, e.clientY);
+    });
+    g(this, "handleTouchUp", () => {
+      this.dragging && this.endDrag();
+    });
+    g(this, "physicsTick", () => {
+      if (this.dragging) {
+        this.emitState(), this.rafId = requestAnimationFrame(this.physicsTick);
+        return;
+      }
+      const t = -this.springK * this.posX, e = -this.springK * this.posY;
+      this.velX = (this.velX + t) * this.springD, this.velY = (this.velY + e) * this.springD, this.velX *= this.tossDecay, this.velY *= this.tossDecay, this.posX += this.velX, this.posY += this.velY, this.emitState();
+      const i = Math.hypot(this.posX, this.posY), n = Math.hypot(this.velX, this.velY);
+      if (i < 0.3 && n < 0.1) {
+        this.posX = 0, this.posY = 0, this.velX = 0, this.velY = 0, this.animating = !1, this.emitState();
+        return;
+      }
+      this.rafId = requestAnimationFrame(this.physicsTick);
+    });
+    this.el = t, this.onUpdate = e, this.onDragStart = i == null ? void 0 : i.onDragStart, this.onDragEnd = i == null ? void 0 : i.onDragEnd, this.el.addEventListener("mousedown", this.handlePointerDown), window.addEventListener("mousemove", this.handlePointerMove), window.addEventListener("mouseup", this.handlePointerUp), this.el.addEventListener("touchstart", this.handleTouchDown, { passive: !1 }), window.addEventListener("touchmove", this.handleTouchMove, { passive: !1 }), window.addEventListener("touchend", this.handleTouchUp);
+  }
+  // ─── Drag Logic ────────────────────────────────────────────────────
+  startDrag(t, e) {
+    var i;
+    this.dragging = !0, this.startPointerX = t - this.posX, this.startPointerY = e - this.posY, this.lastPointerX = t, this.lastPointerY = e, this.lastPointerTime = performance.now(), this.velocitySamples = [], this.velX = 0, this.velY = 0, this.el.style.cursor = "grabbing", (i = this.onDragStart) == null || i.call(this), this.startPhysicsLoop();
+  }
+  moveDrag(t, e) {
+    const i = performance.now(), n = Math.max(1, i - this.lastPointerTime);
+    this.velocitySamples.push({
+      x: (t - this.lastPointerX) / n,
+      y: (e - this.lastPointerY) / n
+    }), this.velocitySamples.length > this.MAX_SAMPLES && this.velocitySamples.shift(), this.posX = t - this.startPointerX, this.posY = e - this.startPointerY, this.lastPointerX = t, this.lastPointerY = e, this.lastPointerTime = i;
+  }
+  endDrag() {
+    var t;
+    if (this.dragging = !1, this.el.style.cursor = "pointer", this.velocitySamples.length > 0) {
+      let e = 0, i = 0;
+      for (const h of this.velocitySamples)
+        e += h.x, i += h.y;
+      const n = this.velocitySamples.length;
+      this.velX = e / n * 16, this.velY = i / n * 16;
+      const c = 25, a = Math.hypot(this.velX, this.velY);
+      a > c && (this.velX = this.velX / a * c, this.velY = this.velY / a * c);
+    }
+    (t = this.onDragEnd) == null || t.call(this), this.startPhysicsLoop();
+  }
+  // ─── Physics Simulation ────────────────────────────────────────────
+  startPhysicsLoop() {
+    this.animating || (this.animating = !0, this.rafId = requestAnimationFrame(this.physicsTick));
+  }
+  emitState() {
+    let t = 1, e = 1, i = 0;
+    if (this.dragging) {
+      const n = this.posX, c = this.posY, a = Math.hypot(n, c), h = Math.min(this.maxStretch, a * 2e-3), $ = Math.atan2(c, n);
+      t = 1 + h * Math.abs(Math.cos($)), e = 1 - h * 0.5 * Math.abs(Math.cos($)), Math.abs(Math.sin($)) > Math.abs(Math.cos($)) && (e = 1 + h * Math.abs(Math.sin($)), t = 1 - h * 0.5 * Math.abs(Math.sin($))), i = Math.atan2(c, n) * 0.06;
+    } else {
+      const n = Math.hypot(this.velX, this.velY), c = Math.min(this.maxStretch, n * 0.012), a = Math.atan2(this.velY, this.velX);
+      t = 1 + c * Math.abs(Math.cos(a)), e = 1 - c * 0.6 * Math.abs(Math.cos(a)), Math.abs(Math.sin(a)) > Math.abs(Math.cos(a)) && (e = 1 + c * Math.abs(Math.sin(a)), t = 1 - c * 0.6 * Math.abs(Math.sin(a))), i = Math.atan2(this.velY, this.velX) * 0.04;
+    }
+    this.onUpdate({
+      offsetX: this.posX,
+      offsetY: this.posY,
+      scaleX: t,
+      scaleY: e,
+      rotation: i,
+      isDragging: this.dragging
+    });
+  }
+  destroy() {
+    this.rafId !== null && cancelAnimationFrame(this.rafId), this.el.removeEventListener("mousedown", this.handlePointerDown), window.removeEventListener("mousemove", this.handlePointerMove), window.removeEventListener("mouseup", this.handlePointerUp), this.el.removeEventListener("touchstart", this.handleTouchDown), window.removeEventListener("touchmove", this.handleTouchMove), window.removeEventListener("touchend", this.handleTouchUp);
+  }
+}
+function Pt() {
+  return typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function Xt(o) {
+  if (typeof window > "u" || !window.matchMedia)
+    return () => {
+    };
+  const t = window.matchMedia("(prefers-reduced-motion: reduce)"), e = (i) => o(i.matches);
+  return t.addEventListener ? (t.addEventListener("change", e), () => t.removeEventListener("change", e)) : (t.addListener(e), () => t.removeListener(e));
+}
+function Lt(o) {
+  let t = o.trim().replace("#", "");
+  if (t.length === 3 && (t = t.split("").map((e) => e + e).join("")), t.length === 6) {
+    const e = parseInt(t, 16);
+    return [(e >> 16 & 255) / 255, (e >> 8 & 255) / 255, (e & 255) / 255];
+  }
+  return [0, 0, 0];
+}
+function Oe(o) {
+  const [t, e, i] = Lt(o), n = ($) => $ <= 0.03928 ? $ / 12.92 : Math.pow(($ + 0.055) / 1.055, 2.4), c = n(t), a = n(e), h = n(i);
+  return 0.2126 * c + 0.7152 * a + 0.0722 * h;
+}
+function Dt(o, t) {
+  const e = Oe(o), i = Oe(t), n = Math.max(e, i), c = Math.min(e, i);
+  return (n + 0.05) / (c + 0.05);
+}
+function no(o, t, e = 3) {
+  const i = Dt(o, t);
+  return {
+    ratio: Number(i.toFixed(2)),
+    passes: i >= e
+  };
+}
+const ro = {
+  // Emociones positivas & energía
+  happy: { baseColor: "#F7C6CE", strokeColor: "#1c1917" },
+  excited: { baseColor: "#FFD54F", strokeColor: "#1c1917" },
+  celebrate: { baseColor: "#FF80AB", strokeColor: "#1c1917" },
+  laughing: { baseColor: "#FFE082", strokeColor: "#1c1917" },
+  playful: { baseColor: "#F48FB1", strokeColor: "#1c1917" },
+  proud: { baseColor: "#CE93D8", strokeColor: "#1c1917" },
+  // Reposo, sueño & descanso
+  idle: { baseColor: "#F7C6CE", strokeColor: "#1c1917" },
+  sleeping: { baseColor: "#9FA8DA", strokeColor: "#1A237E" },
+  drowsy: { baseColor: "#C5CAE9", strokeColor: "#283593" },
+  "powering-down": { baseColor: "#78909C", strokeColor: "#263238" },
+  bored: { baseColor: "#B0BEC5", strokeColor: "#37474F" },
+  // Fuego, ira & alerta
+  angry: { baseColor: "#EF5350", strokeColor: "#B71C1C" },
+  alerting: { baseColor: "#FF7043", strokeColor: "#BF360C" },
+  notifying: { baseColor: "#FFA726", strokeColor: "#E65100" },
+  suspicious: { baseColor: "#D4E157", strokeColor: "#33691E" },
+  // Pensamiento, procesamiento & escaneo AI
+  thinking: { baseColor: "#4DD0E1", strokeColor: "#006064" },
+  searching: { baseColor: "#26C6DA", strokeColor: "#004D40" },
+  loading: { baseColor: "#4FC3F7", strokeColor: "#01579B" },
+  listening: { baseColor: "#81C784", strokeColor: "#1B5E20" },
+  dictating: { baseColor: "#AED581", strokeColor: "#33691E" },
+  writing: { baseColor: "#FFF176", strokeColor: "#F57F17" },
+  orbit: { baseColor: "#80DEEA", strokeColor: "#00838F" },
+  radar: { baseColor: "#4DB6AC", strokeColor: "#004D40" },
+  progress: { baseColor: "#64B5F6", strokeColor: "#0D47A1" },
+  // Tristeza, duda & empatía
+  sad: { baseColor: "#90CAF9", strokeColor: "#1565C0" },
+  scared: { baseColor: "#B39DDB", strokeColor: "#4527A0" },
+  confused: { baseColor: "#FFE082", strokeColor: "#E65100" },
+  curious: { baseColor: "#A5D6A7", strokeColor: "#1B5E20" },
+  shy: { baseColor: "#F48FB1", strokeColor: "#880E4F" },
+  waking: { baseColor: "#FFF59D", strokeColor: "#F57F17" },
+  spawning: { baseColor: "#E1BEE7", strokeColor: "#4A148C" }
+};
+function Be(o) {
+  let t = o.trim().replace("#", "");
+  t.length === 3 && (t = t.split("").map((i) => i + i).join(""));
+  const e = parseInt(t, 16);
+  return isNaN(e) ? { r: 247, g: 198, b: 206 } : {
+    r: e >> 16 & 255,
+    g: e >> 8 & 255,
+    b: e & 255
+  };
+}
+function It(o, t, e) {
+  const i = Be(o), n = Be(t), c = Math.max(0, Math.min(1, e)), a = Math.round(i.r + (n.r - i.r) * c), h = Math.round(i.g + (n.g - i.g) * c), $ = Math.round(i.b + (n.b - i.b) * c), b = (d) => d.toString(16).padStart(2, "0");
+  return `#${b(a)}${b(h)}${b($)}`;
+}
+function lo(o, t) {
+  return {
+    baseColor: t,
+    strokeColor: "#1c1917"
+  };
+}
+function q(o, t, e) {
+  const i = o / t % 1;
+  return i < e ? Math.sin(i / e * Math.PI) : 0;
+}
+const je = {
+  // Mochi — saltitos alegres, mejillas que florecen en el apogeo
+  bouncy(o, t, e, i) {
+    const n = Math.abs(Math.sin(t * e));
+    o.bob += n * i - i * 0.5, o.cheek += n * 0.15, o.eyeScale += n * 0.04, o.turnAngle += Math.sin(t * e * 0.5) * 0.05;
+  },
+  // Zumi — aleteo rápido lateral, entrecierra los ojos por el zumbido
+  flutter(o, t, e, i) {
+    const n = Math.sin(t * e);
+    o.shiftX += n * i, o.bob += Math.cos(t * e * 0.7) * i * 0.5, o.turnAngle += n * 0.06, o.eyeScale -= Math.abs(n) * 0.03;
+  },
+  // Suri — respiración profunda y lenta, inclinación que va por detrás
+  serene(o, t, e, i) {
+    const n = Math.sin(t * e);
+    o.bob += n * i, o.eyeScale += n * 0.05, o.cheek += (n + 1) * 0.06, o.turnAngle += Math.sin(t * e * 0.4 - 0.6) * 0.045;
+  },
+  // Nima — deriva fantasmal en ocho (frecuencias 2:1)
+  float(o, t, e, i) {
+    o.bob += Math.sin(t * e) * i, o.shiftX += Math.sin(t * e * 0.5) * i * 1.1, o.turnAngle += Math.sin(t * e * 0.5 - 0.9) * 0.07;
+  },
+  // Cota — respiración mínima y mirada que divaga sin rumbo
+  calm(o, t, e, i) {
+    const n = Math.sin(t * e);
+    o.bob += n * i, o.eyeScale += n * 0.025, o.gazeX += Math.sin(t * e * 0.23) * 2.5, o.turnAngle += Math.sin(t * e * 0.31) * 0.03;
+  },
+  // Dozy — cabecea hasta dormirse y despierta de golpe
+  droop(o, t, e, i) {
+    const n = t * e * 0.18 % 1, c = n < 0.82 ? n / 0.82 : 1 - (n - 0.82) / 0.18;
+    o.bob += c * i * 2.2, o.eyeOpen = Math.max(0, o.eyeOpen - c * 0.45), o.browY += c * 2, o.turnAngle += c * 0.12;
+  },
+  // Lumo — respiración entrecortada del llanto, mirada baja
+  sob(o, t, e, i) {
+    const n = Math.sin(t * e) + Math.sin(t * e * 2.7) * 0.4;
+    o.bob += n * i, o.browY += 1 + Math.sin(t * e) * 0.8, o.gazeY += 1.5, o.mouthCurve -= 0.05 + Math.abs(Math.sin(t * e)) * 0.05;
+  },
+  // Fidge — temblor nervioso y mirada que se dispara de un lado a otro
+  jitter(o, t, e, i) {
+    o.shiftX += (Math.random() - 0.5) * i, o.bob += (Math.random() - 0.5) * i, o.gazeX += Math.sin(t * e * 1.7) * 4 + (Math.random() - 0.5) * 2, o.turnAngle += (Math.random() - 0.5) * 0.03;
+  },
+  // Brix — rumor contenido que estalla en llamaradas puntuales
+  fiery(o, t, e, i) {
+    const n = Math.sin(t * e * 3.1) * 0.35, c = Math.pow(Math.max(0, Math.sin(t * e * 0.35)), 6);
+    o.bob += n * i - c * i * 1.8, o.shiftX += n * i * 0.5, o.eyeScale += c * 0.18, o.browY -= c * 2.5, o.browTilt -= c * 0.25;
+  },
+  // Wilt — se desinfla y se vuelve a inflar, resignado
+  wilt(o, t, e, i) {
+    const n = (Math.sin(t * e * 0.6) + 1) / 2;
+    o.bob += n * i * 1.8, o.mouthCurve -= n * 0.12, o.browY += n * 1.6, o.eyeScale -= n * 0.05;
+  },
+  // Knot — bamboleo circular con la cabeza rodando
+  dizzy(o, t, e, i) {
+    o.shiftX += Math.sin(t * e) * i, o.bob += Math.cos(t * e) * i * 0.7, o.turnAngle += Math.sin(t * e) * 0.14, o.gazeX += Math.cos(t * e) * 3;
+  },
+  // Snug — respiración profunda de sueño, párpados pesados
+  snooze(o, t, e, i) {
+    const n = Math.sin(t * e);
+    o.bob += n * i * 1.6, o.eyeScale += n * 0.06, o.eyeOpen *= 0.35, o.cheek += (n + 1) * 0.05, o.turnAngle += Math.sin(t * e - 0.8) * 0.05;
+  },
+  // Pip — sobresaltos secos; entre uno y otro aguanta la respiración con tensión
+  pop(o, t, e, i) {
+    const n = q(t, 1 / (e * 0.1), 0.18), c = Math.sin(t * e * 1.6) * 0.18;
+    o.bob += c * i - n * i * 2.2, o.eyeScale += c * 0.02 + n * 0.22, o.browY -= n * 3, o.mouthOpen += n * 0.25;
+  },
+  // Void — casi inmóvil, con micro-fallos tipo glitch
+  drift(o, t, e, i) {
+    o.bob += Math.sin(t * e) * i * 0.6;
+    const n = q(t, 3.7, 0.04);
+    o.shiftX += n * (Math.random() - 0.5) * 5, o.gazeX += n * (Math.random() - 0.5) * 6, o.eyeScale -= n * 0.08;
+  }
+};
+function Gt(o, t, e, i, n, c = 1) {
+  (je[o] || je.calm)(t, e, i, n * c);
+}
+const Wt = {
+  // ── Ciclo de vida ──────────────────────────────────────────────────
+  sleeping(o, t) {
+    const e = Math.sin(t * 0.9);
+    o.eyeOpen = 0.05, o.bob += e * 2.4, o.eyeScale += e * 0.04, o.bob += q(t, 9, 0.15) * 1.8;
+  },
+  waking(o, t) {
+    const e = q(t, 4, 0.4);
+    o.bob += Math.sin(t * 2.2) * 1.6 - e * 3, o.eyeOpen = Math.min(1, 0.35 + e * 0.65), o.eyeScale += e * 0.1, o.turnAngle += Math.sin(t * 1.1) * 0.06;
+  },
+  listening(o, t) {
+    o.turnAngle += 0.1 + Math.sin(t * 1.4) * 0.03, o.bob += q(t, 2.6, 0.25) * 2.2, o.eyeScale += 0.06, o.gazeY -= 0.8;
+  },
+  thinking(o, t) {
+    o.gazeX += -6 + Math.sin(t * 0.9) * 3, o.gazeY += -4 + Math.cos(t * 0.7) * 2, o.browY -= 1 + Math.sin(t * 1.3) * 0.8, o.turnAngle += Math.sin(t * 0.6) * 0.05;
+  },
+  searching(o, t) {
+    o.gazeX += Math.sin(t * 5.5) * 11, o.gazeY += Math.sin(t * 2.3) * 2.5, o.turnAngle += Math.sin(t * 5.5) * 0.05, o.eyeScale += 0.05;
+  },
+  working(o, t) {
+    o.bob += Math.sin(t * 3.4) * 1.4, o.turnAngle += Math.sin(t * 3.4 - 0.5) * 0.035, o.gazeY += 1.5, o.mouthWidth *= 0.9;
+  },
+  // ── Reacciones ─────────────────────────────────────────────────────
+  excited(o, t) {
+    o.bob += -Math.abs(Math.sin(t * 7)) * 5.5, o.eyeScale += 0.1 + Math.abs(Math.sin(t * 7)) * 0.06, o.cheek += 0.2, o.turnAngle += Math.sin(t * 3.5) * 0.07;
+  },
+  surprised(o, t) {
+    o.bob += Math.sin(t * 9) * 0.9, o.eyeScale += 0.12, o.browY -= 1.5, o.shiftX += Math.sin(t * 13) * 0.4;
+  },
+  suspicious(o, t) {
+    o.gazeX += -7 + Math.sin(t * 0.5) * 2.5, o.eyeScale -= 0.08, o.browTilt -= 0.12, o.bob += Math.sin(t * 0.8) * 0.5;
+  },
+  angry(o, t) {
+    o.shiftX += (Math.random() - 0.5) * 3, o.bob += (Math.random() - 0.5) * 2;
+    const e = q(t, 2.2, 0.3);
+    o.browY -= e * 2, o.browTilt -= e * 0.2;
+  },
+  drowsy(o, t) {
+    const e = (Math.sin(t * 0.8) + 1) / 2;
+    o.bob += e * 3, o.eyeOpen = Math.max(0.08, 0.5 - e * 0.4), o.eyeOpen += q(t, 6.5, 0.08) * 0.5, o.browY += e * 2;
+  },
+  happy(o, t) {
+    o.bob += -Math.abs(Math.sin(t * 3.2)) * 2.4, o.cheek += 0.15 + Math.abs(Math.sin(t * 3.2)) * 0.1, o.turnAngle += Math.sin(t * 1.6) * 0.05;
+  },
+  curious(o, t) {
+    o.turnAngle += Math.sin(t * 1.2) * 0.13, o.gazeX += Math.sin(t * 2.1) * 6, o.eyeScale += 0.08, o.bob += Math.sin(t * 2.4) * 1;
+  },
+  confused(o, t) {
+    o.turnAngle += Math.sin(t * 0.9) * 0.16, o.shiftX += Math.sin(t * 0.9) * 1.8, o.browTilt += 0.15 + Math.sin(t * 1.7) * 0.1, o.gazeX += Math.sin(t * 0.6) * 4;
+  },
+  bored(o, t) {
+    o.shiftX += Math.sin(t * 0.5) * 2.2, o.gazeX += 6 + Math.sin(t * 0.3) * 3, o.eyeOpen = Math.min(o.eyeOpen, 0.5), o.bob += q(t, 7, 0.2) * 2;
+  },
+  proud(o, t) {
+    o.bob += -2 + Math.sin(t * 1.1) * 0.8, o.turnAngle += Math.sin(t * 0.7) * 0.04, o.gazeY -= 2, o.cheek += 0.1;
+  },
+  shy(o, t) {
+    o.bob += 1.5 + Math.sin(t * 1.3) * 0.7, o.gazeX += -4 + Math.sin(t * 0.9) * 1.5, o.gazeY += 4, o.cheek += 0.25, o.eyeScale -= 0.06;
+  },
+  sad(o, t) {
+    o.bob += 2 + Math.sin(t * 0.9) * 1.4, o.gazeY += 3, o.browY += 1.5, o.turnAngle += Math.sin(t * 0.5) * 0.03;
+  },
+  laughing(o, t) {
+    o.bob += -Math.abs(Math.sin(t * 9)) * 4, o.mouthOpen += 0.2 + Math.abs(Math.sin(t * 9)) * 0.3, o.cheek += 0.3, o.turnAngle += Math.sin(t * 4.5) * 0.05;
+  },
+  scared(o, t) {
+    o.shiftX += Math.sin(t * 22) * 1.2, o.bob += 1.2 + Math.sin(t * 18) * 0.8, o.eyeScale += 0.14, o.browTilt += 0.2;
+  },
+  playful(o, t) {
+    o.bob += (Math.sin(t * 4.3) + Math.sin(t * 6.7) * 0.5) * 1.8, o.turnAngle += Math.sin(t * 3.1) * 0.11, o.shiftX += Math.sin(t * 2.2) * 1.5, o.cheek += 0.18;
+  },
+  celebrate(o, t) {
+    o.bob += -Math.abs(Math.sin(t * 5)) * 7, o.turnAngle += Math.sin(t * 2.5) * 0.18, o.cheek += 0.35, o.eyeScale += 0.1;
+  },
+  // ── Morfos de agente ───────────────────────────────────────────────
+  orbit(o, t) {
+    o.gazeX += Math.cos(t * 2.2) * 10, o.gazeY += Math.sin(t * 2.2) * 6, o.turnAngle += Math.cos(t * 2.2) * 0.06;
+  },
+  radar(o, t) {
+    const e = Math.sin(t * 1.6);
+    o.gazeX += Math.sign(e) * Math.pow(Math.abs(e), 0.45) * 11, o.turnAngle += e * 0.05, o.eyeScale += 0.04;
+  },
+  progress(o, t) {
+    const e = Math.pow(Math.max(0, Math.sin(t * 3)), 3);
+    o.bob += -e * 3, o.eyeScale += e * 0.09;
+  },
+  // ── Ciclo de producto ──────────────────────────────────────────────
+  spawning(o, t) {
+    const e = Math.exp(-(t * 1.5 % 6) * 0.7);
+    o.bob += -Math.sin(t * 6) * 4 * e, o.eyeScale += e * 0.15;
+  },
+  humming(o, t) {
+    o.bob += Math.sin(t * 2.6) * 1.6, o.mouthOpen += 0.1 + Math.abs(Math.sin(t * 2.6)) * 0.08, o.turnAngle += Math.sin(t * 1.3) * 0.05, o.cheek += 0.12;
+  },
+  loading(o, t) {
+    o.eyeScale += Math.sin(t * 1.8) * 0.08, o.bob += Math.sin(t * 1.8) * 1.2, o.gazeY += Math.sin(t * 0.9) * 1.5;
+  },
+  dictating(o, t) {
+    o.mouthOpen = 0.25 + Math.abs(Math.sin(t * 11)) * 0.4, o.bob += Math.sin(t * 2) * 0.6, o.browY -= 0.5;
+  },
+  writing(o, t) {
+    o.gazeY += 4, o.gazeX += Math.sin(t * 4.5) * 5, o.bob += Math.abs(Math.sin(t * 4.5)) * 1.2;
+  },
+  sending(o, t) {
+    const e = q(t, 1.6, 0.3);
+    o.shiftX += e * 4, o.bob += -e * 2, o.turnAngle += e * 0.08;
+  },
+  receiving(o, t) {
+    const e = q(t, 1.6, 0.3);
+    o.shiftX += -e * 4, o.bob += e * 1.5, o.eyeScale += e * 0.12;
+  },
+  uploading(o, t) {
+    const e = 1 - t * 0.7 % 1;
+    o.bob += e * 4 - 2, o.gazeY -= 2, o.eyeScale += (1 - e) * 0.05;
+  },
+  notifying(o, t) {
+    const e = q(t, 2.4, 0.12) + q(t - 0.22, 2.4, 0.12);
+    o.bob += -e * 4, o.eyeScale += e * 0.12, o.turnAngle += e * 0.06;
+  },
+  alerting(o, t) {
+    o.shiftX += Math.sin(t * 16) * 2.5, o.bob += Math.sin(t * 12) * 1.5, o.eyeScale += 0.16, o.browY -= 2;
+  },
+  dragging(o, t) {
+    o.turnAngle += Math.sin(t * 2.4 - 1.2) * 0.14, o.shiftX += Math.sin(t * 2.4) * 2, o.bob += Math.cos(t * 2.4 - 1.2) * 1.5;
+  },
+  bouncing(o, t) {
+    o.bob += -Math.abs(Math.sin(t * 5.5)) * 8;
+  },
+  "powering-down"(o, t) {
+    const e = Math.min(1, t % 8 / 8);
+    o.bob += e * 4, o.eyeOpen = Math.max(0.03, 0.4 - e * 0.37), o.eyeOpen += q(t, 2.7, 0.05) * 0.3, o.eyeScale -= e * 0.1;
+  }
+};
+function Ot(o, t, e, i, n) {
+  const c = Wt[o];
+  return c ? (c(t, e, i, n), !0) : !1;
+}
+const Bt = 600;
+function jt(o) {
+  let t = null, e = !1;
+  const i = () => {
+    t !== null && (clearTimeout(t), t = null), e = !1;
+  };
+  return { play: (c, a = {}) => {
+    if (i(), c.length === 0) return;
+    const h = a.mode ?? "once";
+    e = !0;
+    let $ = 0, b = 1;
+    const d = () => {
+      if (!e) return;
+      const M = c[$];
+      o.applyStep(o.resolveStep(M)), t = setTimeout(() => {
+        var v;
+        if (h === "ping-pong")
+          c.length > 1 && (($ + b >= c.length || $ + b < 0) && (b = -b), $ += b);
+        else if ($ += 1, $ >= c.length)
+          if (h === "loop")
+            $ = 0;
+          else {
+            i(), (v = a.onComplete) == null || v.call(a);
+            return;
+          }
+        d();
+      }, M.duration ?? Bt);
+    };
+    d();
+  }, stop: i, isPlaying: () => e };
+}
+const Ve = [
+  {
+    label: "Interacción",
+    states: ["idle", "near", "hover", "click"]
+  },
+  {
+    // `idle` vive en el grupo de Interacción, no se repite aquí
+    label: "Ciclo de vida",
+    states: ["sleeping", "waking", "listening", "thinking", "searching", "working"]
+  },
+  {
+    label: "Reacciones",
+    states: [
+      "excited",
+      "surprised",
+      "suspicious",
+      "angry",
+      "drowsy",
+      "happy",
+      "curious",
+      "confused",
+      "bored",
+      "proud",
+      "shy",
+      "sad",
+      "laughing",
+      "scared",
+      "playful",
+      "celebrate"
+    ]
+  },
+  {
+    label: "Morfos de agente",
+    states: ["orbit", "radar", "progress"]
+  },
+  {
+    label: "Ciclo de producto",
+    states: [
+      "spawning",
+      "humming",
+      "loading",
+      "dictating",
+      "writing",
+      "sending",
+      "receiving",
+      "uploading",
+      "notifying",
+      "alerting",
+      "dragging",
+      "bouncing",
+      "powering-down"
+    ]
+  }
+], Zt = Ve.flatMap((o) => o.states), Rt = ["idle", "near", "hover", "click"], Nt = Ve.find((o) => o.label === "Reacciones").states, _t = Zt.filter(
+  (o) => !Rt.includes(o)
+);
+function Qt(o, t) {
+  return o ?? t ?? Nt;
+}
+function qt(o, t) {
+  if (o.length <= 1) return o[0];
+  let e = o[Math.floor(Math.random() * o.length)];
+  for (; e === t; )
+    e = o[Math.floor(Math.random() * o.length)];
+  return e;
+}
+class Vt {
+  constructor(t = [], e = {}) {
+    g(this, "instances", /* @__PURE__ */ new Map());
+    g(this, "options");
+    g(this, "connectedPairs", /* @__PURE__ */ new Map());
+    g(this, "isRunning", !1);
+    g(this, "update", () => {
+      const t = Array.from(this.instances.values());
+      if (t.length < 2) return;
+      const e = /* @__PURE__ */ new Set();
+      for (let i = 0; i < t.length; i++)
+        for (let n = i + 1; n < t.length; n++) {
+          const c = t[i], a = t[n], h = c.getPosition(), $ = a.getPosition(), b = $.x - h.x, d = $.y - h.y, M = Math.hypot(b, d);
+          if (M <= this.options.proximityThreshold && M > 0) {
+            const v = this.getPairKey(c.id, a.id);
+            if (e.add(v), this.options.enableGazeSync) {
+              const A = Math.max(-0.8, Math.min(0.8, b / 160)) * 22, B = Math.max(-0.8, Math.min(0.8, d / 160)) * 14;
+              c.setGaze({ x: A, y: B }), a.setGaze({ x: -A, y: -B });
+            }
+            let Y = this.connectedPairs.get(v);
+            Y ? Math.random() < 0.08 && this.options.enableSynergies && (c.triggerParticles(1), a.triggerParticles(1)) : (Y = {
+              idA: c.id,
+              idB: a.id,
+              connectedSince: Date.now()
+            }, this.connectedPairs.set(v, Y), this.triggerSynergy(c, a));
+          }
+        }
+      for (const [i, n] of this.connectedPairs.entries())
+        if (!e.has(i)) {
+          const c = this.instances.get(n.idA), a = this.instances.get(n.idB);
+          c && c.setGaze({ x: 0, y: 0 }), a && a.setGaze({ x: 0, y: 0 }), this.connectedPairs.delete(i);
+        }
+    });
+    this.options = {
+      proximityThreshold: e.proximityThreshold ?? 220,
+      enableGazeSync: e.enableGazeSync ?? !0,
+      enableSynergies: e.enableSynergies ?? !0
+    }, t.forEach((i) => this.add(i)), this.start();
+  }
+  add(t) {
+    !t || !t.id || this.instances.set(t.id, t);
+  }
+  remove(t) {
+    !t || !t.id || this.instances.delete(t.id);
+  }
+  start() {
+    this.isRunning || (this.isRunning = !0, O.add(this.update));
+  }
+  stop() {
+    this.isRunning && (this.isRunning = !1, O.remove(this.update));
+  }
+  getPairKey(t, e) {
+    return t < e ? `${t}:${e}` : `${e}:${t}`;
+  }
+  /**
+   * Reacción de sinergia entre dos emojis según sus emociones
+   */
+  triggerSynergy(t, e) {
+    if (!this.options.enableSynergies) return;
+    const i = t.emotionCategory || "happy", n = e.emotionCategory || "happy";
+    if (U.playSound(i, "hover"), t.triggerParticles(6), e.triggerParticles(6), i === "happy" && n === "happy")
+      t.bounce(), e.bounce();
+    else if (i === "happy" && n === "sad" || i === "sad" && n === "happy") {
+      const c = i === "happy" ? t : e, a = i === "sad" ? t : e;
+      c.setEmotion("hover"), a.setEmotion("near");
+    } else (i === "intense" || n === "intense") && (t.spin(0.5), e.spin(0.5));
+  }
+  destroy() {
+    this.stop(), this.instances.clear(), this.connectedPairs.clear();
+  }
+}
+function Ht(o = [], t = {}) {
+  return new Vt(o, t);
+}
+const He = "wissive:custom:";
+function Ut(o) {
+  const t = {};
+  for (const e in o)
+    t[e] = o[e].map((i) => ({ ...i }));
+  return t;
+}
+function Jt(o, t = {}) {
+  var b, d, M;
+  const e = t.eyesFrom ? oe[t.eyesFrom] : void 0, i = t.mouthFrom ? oe[t.mouthFrom] : void 0, n = t.motionFrom ? oe[t.motionFrom] : void 0, c = t.particlesFrom ? oe[t.particlesFrom] : void 0, a = t.soundFrom ? oe[t.soundFrom] : void 0, h = Ut(Ce.expressions);
+  for (const v in h) {
+    const Y = e && (((b = e.expressions[v]) == null ? void 0 : b[0]) ?? e.expressions.idle[0]), A = i && (((d = i.expressions[v]) == null ? void 0 : d[0]) ?? i.expressions.idle[0]);
+    h[v] = h[v].map((B) => ({
+      ...B,
+      ...Y && { eyeType: Y.eyeType, eyeScale: Y.eyeScale },
+      ...A && {
+        mouthType: A.mouthType,
+        mouthCurve: A.mouthCurve,
+        mouthWidth: A.mouthWidth
+      },
+      // Los overrides van al final y ganan: son para los tipos nuevos que
+      // ningún personaje del catálogo tiene todavía, así que no hay un
+      // "from" del que copiarlos.
+      ...t.eyeTypeOverride !== void 0 && { eyeType: t.eyeTypeOverride },
+      ...t.mouthTypeOverride !== void 0 && { mouthType: t.mouthTypeOverride }
+    }));
+  }
+  const $ = (M = t.stateBank) == null ? void 0 : M.filter((v) => _t.includes(v));
+  return {
+    name: o,
+    emotion: "custom",
+    baseColor: t.baseColor || Ce.baseColor,
+    silhouette: t.silhouette || "circle",
+    motion: n ? { ...n.motion } : { ...Ce.motion },
+    expressions: h,
+    particleEmotion: c == null ? void 0 : c.emotion,
+    soundEmotion: a == null ? void 0 : a.emotion,
+    ...$ && $.length > 0 && { autonomousStatePool: $ }
+  };
+}
+function Kt(o, t) {
+  localStorage.setItem(He + o, JSON.stringify(t));
+}
+function co(o) {
+  const t = localStorage.getItem(He + o);
+  return t ? JSON.parse(t) : null;
+}
+function ho(o, t = {}) {
+  const e = Jt(o, t);
+  return oe[o] = e, Kt(o, e), e;
+}
+const eo = {
+  idle: 1,
+  near: 0.7,
+  hover: 0.5,
+  click: 0.35
+}, to = {
+  xs: 48,
+  sm: 80,
+  base: 120,
+  lg: 160,
+  xl: 200,
+  "2xl": 240
+};
+function Ze(o = "base") {
+  return typeof o == "number" ? o : to[o] ?? 120;
+}
+function oo(o, t) {
+  const {
+    target: e,
+    size: i = "base",
+    interactive: n = !0,
+    draggable: c = !0,
+    nearRadius: a = 120,
+    sound: h = !0,
+    flipX: $ = !1,
+    emphasis: b = !1,
+    gazeTracking: d = !1,
+    ambientParticles: M = !0,
+    autonomousStates: v = !0,
+    autonomousStatePool: Y,
+    reducedMotion: A = "auto",
+    theme: B = "auto"
+  } = t, X = We(o) || We("mochi"), G = X.motion;
+  let Z = Ze(i), _ = A, J = B, ae = X.baseColor;
+  const K = X.particleEmotion || X.emotion, ie = X.soundEmotion || X.emotion, I = () => typeof _ == "boolean" ? _ : Pt(), E = document.createElement("div");
+  E.className = "wissive-wrapper", E.style.width = `${Z}px`, E.style.height = `${Z}px`, E.style.display = "inline-block", E.style.position = "relative";
+  const s = document.createElement("div");
+  s.className = "wissive-emoji", s.setAttribute("role", "img"), n && s.setAttribute("tabindex", "0");
+  const Se = {
+    idle: "Reposo",
+    near: "Cerca",
+    hover: "Hover",
+    click: "Presionado"
+  }, le = (y) => {
+    s.setAttribute(
+      "aria-label",
+      `${X.name} (${X.emotion}) emoji - Estado: ${Se[y] || y}`
+    );
+  };
+  le("idle"), s.style.width = `${Z}px`, s.style.height = `${Z}px`, s.style.display = "inline-block", s.style.userSelect = "none", s.style.cursor = n ? "pointer" : "default", s.style.willChange = "transform", s.style.transformOrigin = "center center", E.appendChild(s), e.appendChild(E);
+  const fe = Xt(() => {
+    ee();
+  });
+  let ce = $, ne = b, se = d, R = h, he = c, pe = M, w = v, m = Qt(
+    Y,
+    X.autonomousStatePool
+  );
+  const u = new $t(), S = X.expressions.idle, ue = u.pickVariant(S, "idle"), j = ft(ue, {
+    stiffness: G.stiffness,
+    damping: G.damping
+  });
+  let re = !1, r = !1, l = !1, k = Math.random() * 100, C = !1, L = null, p = null;
+  const z = new At(E, Z);
+  let P = {
+    offsetX: 0,
+    offsetY: 0,
+    scaleX: 1,
+    scaleY: 1,
+    rotation: 0
+  }, T = null;
+  const x = () => {
+    T || (T = new zt(
+      s,
+      (y) => {
+        P = y, D();
+      },
+      {
+        onDragStart: () => {
+          R && U.playSound(ie, "click");
+        },
+        onDragEnd: () => {
+          z.burst(K, 10), R && U.playSound(ie, "bounce");
+        }
+      }
+    ));
+  };
+  he && n && x();
+  const D = () => {
+    const y = I(), F = y ? 0 : G.idleSpeed * 0.35, W = y ? 0 : 0.04, V = 1 + W * Math.cos(k * F), Q = 1 - W * Math.sin(k * F), ye = P.offsetX !== 0 || P.offsetY !== 0 || P.scaleX !== 1 || P.scaleY !== 1;
+    let Ye, Fe, Ee;
+    ye ? (Ye = V * P.scaleX, Fe = Q * P.scaleY, Ee = P.rotation) : (Ye = V, Fe = Q, Ee = 0);
+    const Je = P.offsetX, Ke = P.offsetY;
+    s.style.transform = `translate(${Je.toFixed(1)}px, ${Ke.toFixed(1)}px) rotate(${(Ee * 180 / Math.PI).toFixed(2)}deg) scale(${Ye.toFixed(4)}, ${Fe.toFixed(4)})`;
+  }, ee = () => {
+    const y = j.getValues(), F = u.getState();
+    let W = X.baseColor;
+    if (typeof J == "object" && J.baseColor && (W = J.baseColor), ae = It(ae, W, 0.15), C && (y.eyeOpen = 0.05), !I() && !Ot(
+      F,
+      y,
+      k,
+      G.idleSpeed,
+      G.idleAmplitude
+    )) {
+      const Q = eo[F] ?? 1;
+      Gt(
+        G.motionType,
+        y,
+        k,
+        G.idleSpeed,
+        G.idleAmplitude,
+        Q
+      );
+    }
+    D(), s.innerHTML = _e(
+      X.silhouette,
+      ae,
+      y,
+      Z,
+      { flipX: ce, emphasis: ne },
+      k
+    );
+  }, de = (y = u.getState()) => {
+    u.setState(y);
+    const F = u.resolvePool(X.expressions, y);
+    if (!(!F || F.length === 0)) {
+      if (F.length === 1) {
+        const W = u.pickVariant(F, y);
+        j.setTargets(W), O.add(N);
+        return;
+      }
+      C = !0, O.add(N), setTimeout(() => {
+        const W = u.pickVariant(F, y);
+        j.setTargets(W), O.add(N), setTimeout(() => {
+          C = !1, O.add(N);
+        }, 120);
+      }, 100);
+    }
+  }, H = (y) => {
+    le(y), de(y);
+  }, te = jt({
+    resolveStep(y) {
+      return { ...y.state ? u.pickVariant(
+        u.resolvePool(X.expressions, y.state),
+        y.state
+      ) : {}, ...y.params };
+    },
+    applyStep(y) {
+      j.setTargets(y), O.add(N);
+    }
+  }), N = (y) => {
+    k += y;
+    const F = j.update(y);
+    ee(), !F && u.getState() !== "idle" && O.remove(N);
+  };
+  O.add(N);
+  const Pe = () => {
+    const W = 3e3 + Math.random() * 4e3;
+    p = window.setTimeout(() => {
+      u.getState() === "idle" && !C && (C = !0, O.add(N), L = window.setTimeout(() => {
+        C = !1, O.add(N);
+      }, 180)), Pe();
+    }, W);
+  };
+  Pe();
+  let $e = null;
+  const Xe = () => {
+    const y = G.idleIntervalMin, F = G.idleIntervalMax, W = y + Math.random() * (F - y);
+    $e = window.setTimeout(() => {
+      u.getState() === "idle" && !te.isPlaying() && de("idle"), Xe();
+    }, W);
+  };
+  Xe();
+  let be = null, ge = null;
+  const Le = () => {
+    const W = 3500 + Math.random() * 4500;
+    be = window.setTimeout(() => {
+      if (u.getState() === "idle" && !se && !te.isPlaying()) {
+        const V = [
+          { x: -9, y: 0 },
+          { x: 9, y: 0 },
+          { x: -7, y: -4 },
+          { x: 7, y: -4 },
+          { x: 0, y: -5 },
+          { x: 0, y: 4 }
+        ], Q = V[Math.floor(Math.random() * V.length)];
+        j.setTargets({ gazeX: Q.x, gazeY: Q.y }), O.add(N);
+        const ye = 1200 + Math.random() * 1500;
+        ge = window.setTimeout(() => {
+          se || (j.setTargets({ gazeX: 0, gazeY: 0 }), O.add(N));
+        }, ye);
+      }
+      Le();
+    }, W);
+  };
+  Le();
+  let Me = null;
+  const De = () => {
+    const W = 3500 + Math.random() * 5e3;
+    Me = window.setTimeout(() => {
+      if (pe && !I()) {
+        const V = u.getState();
+        if (V === "idle" || V === "near" || V === "hover") {
+          const Q = Math.floor(2 + Math.random() * 3);
+          z.burst(K, Q);
+        }
+      }
+      De();
+    }, W);
+  };
+  De();
+  let ve = null, ke = null, Ie = null;
+  const Ge = () => {
+    const W = 5e3 + Math.random() * 6e3;
+    ve = window.setTimeout(() => {
+      if (w && m.length > 0 && !I() && !te.isPlaying() && u.getState() === "idle" && !re && !r && !l) {
+        const Q = qt(m, Ie);
+        Ie = Q, H(Q);
+        const ye = 1800 + Math.random() * 2200;
+        ke = window.setTimeout(() => {
+          u.getState() === Q && !re && !r && !l && H("idle");
+        }, ye);
+      }
+      Ge();
+    }, W);
+  };
+  Ge();
+  const Ue = () => {
+    $e !== null && (clearTimeout($e), $e = null), p !== null && (clearTimeout(p), p = null), L !== null && (clearTimeout(L), L = null), be !== null && (clearTimeout(be), be = null), ge !== null && (clearTimeout(ge), ge = null), Me !== null && (clearTimeout(Me), Me = null), ve !== null && (clearTimeout(ve), ve = null), ke !== null && (clearTimeout(ke), ke = null);
+  };
+  let xe = null;
+  const me = () => l ? "click" : r ? "hover" : re ? "near" : "idle";
+  return n && (xe = Tt(
+    s,
+    {
+      onHoverStart: () => {
+        r = !0, R && U.playSound(ie, "hover"), H(me());
+      },
+      onHoverEnd: () => {
+        r = !1, H(me());
+      },
+      onClickStart: () => {
+        l = !0, R && U.playSound(ie, "click"), I() || z.burst(K, 8), H(me());
+      },
+      onClickEnd: () => {
+        l = !1, H(me());
+      },
+      onNearChange: (y) => {
+        re = y, H(me());
+      },
+      onGazeMove: (y, F) => {
+        se && (j.setTargets({ gazeX: y, gazeY: F }), O.add(N));
+      }
+    },
+    a
+  )), {
+    id: "wissive-" + Math.random().toString(36).substring(2, 9),
+    name: X.name,
+    emotionCategory: X.emotion,
+    getElement() {
+      return s;
+    },
+    getPosition() {
+      const y = s.getBoundingClientRect();
+      return {
+        x: y.left + y.width / 2,
+        y: y.top + y.height / 2
+      };
+    },
+    getCurrentState() {
+      return u.getState();
+    },
+    setEmotion(y) {
+      I() || (y === "click" ? z.burst(K, 8) : y === "hover" && z.burst(K, 4)), H(y);
+    },
+    spin(y = 1) {
+      const F = j.getValues().turnAngle || 0;
+      j.setTargets({ turnAngle: F + Math.PI * 2 * y }), O.add(N);
+    },
+    bounce() {
+      R && U.playSound(ie, "bounce"), I() || z.burst(K, 5);
+      const y = j.getValues().bob || 0;
+      j.setTargets({ bob: y - 14 }), O.add(N);
+    },
+    setGaze(y) {
+      j.setTargets({ gazeX: y.x, gazeY: y.y }), O.add(N);
+    },
+    setGazeTracking(y) {
+      se = y, y || (j.setTargets({ gazeX: 0, gazeY: 0 }), O.add(N));
+    },
+    setSound(y) {
+      R = y;
+    },
+    setDraggable(y) {
+      he = y, y && !T && n ? x() : !y && T && (T.destroy(), T = null, P = { offsetX: 0, offsetY: 0, scaleX: 1, scaleY: 1, rotation: 0, isDragging: !1 }, D());
+    },
+    setFlipX(y) {
+      ce = y, ee();
+    },
+    setEmphasis(y) {
+      ne = y, ee();
+    },
+    setAmbientParticles(y) {
+      pe = y;
+    },
+    setAutonomousStates(y) {
+      w = y;
+    },
+    setAutonomousStatePool(y) {
+      m = y;
+    },
+    setReducedMotion(y) {
+      _ = y, ee();
+    },
+    setTheme(y) {
+      J = y, ee();
+    },
+    setSize(y) {
+      Z = Ze(y), E.style.width = `${Z}px`, E.style.height = `${Z}px`, s.style.width = `${Z}px`, s.style.height = `${Z}px`, z.resize(Z), ee();
+    },
+    triggerParticles(y = 8) {
+      I() || z.burst(K, y);
+    },
+    playSequence(y, F) {
+      te.play(y, F);
+    },
+    stopSequence() {
+      te.stop(), de(u.getState());
+    },
+    isSequencePlaying() {
+      return te.isPlaying();
+    },
+    destroy() {
+      te.stop(), Ue(), fe(), O.remove(N), z.destroy(), T && T.destroy(), xe && xe(), E.remove();
+    }
+  };
+}
+const uo = {
+  create: oo,
+  createGroup: Ht,
+  setGlobalSound: xt,
+  isGlobalSoundEnabled: Yt,
+  setGlobalVolume: Ft,
+  getGlobalVolume: Et,
+  supportsHover: Qe,
+  isTouchDevice: kt
+};
+export {
+  Zt as ALL_STATES,
+  _t as ALL_WANDERABLE_STATES,
+  Nt as AUTONOMOUS_STATES,
+  Bt as DEFAULT_STEP_MS,
+  zt as DragPhysics,
+  lt as EMOJI_BRIX,
+  Ce as EMOJI_COTA,
+  at as EMOJI_DOZY,
+  rt as EMOJI_FIDGE,
+  ht as EMOJI_KNOT,
+  nt as EMOJI_LUMO,
+  Re as EMOJI_MOCHI,
+  st as EMOJI_NIMA,
+  dt as EMOJI_PIP,
+  ut as EMOJI_SNUG,
+  it as EMOJI_SURI,
+  mt as EMOJI_VOID,
+  ct as EMOJI_WILT,
+  ot as EMOJI_ZUMI,
+  Vt as EmojiGroup,
+  je as IDLE_MOTIONS,
+  oe as LIB,
+  Rt as PERSONALITY_DRIVEN_STATES,
+  At as ParticleEmitter,
+  to as SIZE_PRESETS,
+  Ve as STATE_GROUPS,
+  Wt as STATE_MOTIONS,
+  ro as STATE_THEME_MAP,
+  St as SoundEngine,
+  $t as StateManager,
+  uo as Wissive,
+  Gt as applyIdleMotion,
+  Ot as applyStateMotion,
+  Tt as attachEventListeners,
+  It as blendColors,
+  Jt as buildCustomEmoji,
+  _e as buildFace,
+  no as checkContrast,
+  ho as createCustomEmoji,
+  oo as createEmoji,
+  Ht as createEmojiGroup,
+  ft as createMultiSpring,
+  jt as createSequencePlayer,
+  uo as default,
+  Dt as getContrastRatio,
+  We as getEmojiDefinition,
+  Et as getGlobalVolume,
+  Oe as getLuminance,
+  gt as getSilhouettePath,
+  lo as getThemeForState,
+  Yt as isGlobalSoundEnabled,
+  Pt as isReducedMotionPreferred,
+  kt as isTouchDevice,
+  co as loadCustomEmoji,
+  yt as makeSpring,
+  qt as pickWithoutRepeat,
+  ao as renderSvgElement,
+  Qt as resolveAutonomousStatePool,
+  Ze as resolveSize,
+  Kt as saveCustomEmoji,
+  xt as setGlobalSound,
+  Ft as setGlobalVolume,
+  O as sharedLoop,
+  U as soundEngine,
+  Xt as subscribeToReducedMotion,
+  Qe as supportsHover
+};
+//# sourceMappingURL=wissive.js.map