/* Custom Cyber-Futuristic Styles for Ishara AI */

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.2);
  }
  50% {
    box-shadow: 0 0 30px rgba(0, 240, 255, 0.5);
  }
}

.text-glow {
  text-shadow: 0 0 16px rgba(0, 240, 255, 0.6), 0 0 35px rgba(0, 240, 255, 0.2);
}

.nav-btn.active {
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.15), rgba(16, 185, 129, 0.15));
  color: #00F0FF;
  border: 1px solid rgba(0, 240, 255, 0.4);
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.15);
}

/* Custom Scrollbars */
.scrollbar-thin::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.scrollbar-thin::-webkit-scrollbar-track {
  background: rgba(15, 20, 30, 0.5);
  border-radius: 4px;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background: rgba(0, 240, 255, 0.25);
  border-radius: 4px;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 240, 255, 0.5);
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Skeleton canvas smoothing */
#skeleton-canvas, #trainer-canvas, #presentation-canvas {
  image-rendering: auto;
}

/* Micro-interaction bounce on recognized word */
.pop-recognized {
  animation: popIn 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes popIn {
  0% {
    transform: scale(0.92);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}