/* Hand-Gesture demo — supplementary styles.
   Color tokens + most layout come from Tailwind (CDN config in index.html);
   these are the few rules Tailwind utilities don't cover cleanly. */

body {
  background-color: #0a0c10;
  font-family: "Inter", sans-serif;
}

.glass-panel {
  background: rgba(30, 32, 36, 0.4);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

.aurora-glow {
  filter: blur(120px);
}

/* Mirror the webcam video + landmark canvas horizontally so it reads like a mirror. */
.mirror {
  transform: scaleX(-1);
}