/* Global styles loaded from `index.html` via `/index.css` */

.glass-panel {
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* Provide a default translucent background, but allow Tailwind `bg-*` classes to override it. */
.glass-panel:not(.bg-black) {
  background: rgba(18, 18, 18, 0.65);
}

@keyframes slideInBottom {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide-in-bottom {
  animation: slideInBottom 0.3s ease-out both;
}