/* AIIN Voice 추가 커스텀 스타일.
   대부분의 스타일링은 Tailwind CDN 으로 처리하고,
   이 파일은 Tailwind 로 표현이 까다로운 부분만 보강한다. */

html { scroll-behavior: smooth; }

/* range 슬라이더 색상 통일 */
input[type="range"] {
  accent-color: #2d57c9;
}

/* 보이스 카드 hover lift */
.voice-card {
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.voice-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  border-color: #cbd5e1;
}

/* 언어 카드 호버 */
.lang-card {
  transition: background-color 0.15s ease, border-color 0.15s ease;
  cursor: pointer;
}
.lang-card:hover {
  background-color: #ffffff;
  border-color: #94a3b8;
}

/* 토스트 페이드 */
#toast {
  transition: opacity 0.2s ease, transform 0.2s ease;
  opacity: 0;
  transform: translate(-50%, 8px);
}
#toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}