/*
Theme Name: Audio Flow
Theme URI: https://mklinh.shop
Author: Clone by Antigravity
Description: Giao diện web nghe truyện Audio chuyên nghiệp phong cách mklinh.shop. Tích hợp Tailwind CSS, Dark/Light Mode, trình phát Audio Sticky Player hiện đại, quản lý danh sách tập truyện MP3 không giới hạn.
Version: 1.0.0
Text Domain: audio-flow
*/

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #334155;
}

/* Sound wave animation when playing */
.sound-wave {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  height: 16px;
}
.sound-wave span {
  width: 3px;
  background-color: #6366f1;
  border-radius: 9999px;
  animation: soundWave 1.2s ease-in-out infinite;
}
.sound-wave span:nth-child(1) { height: 30%; animation-delay: 0.1s; }
.sound-wave span:nth-child(2) { height: 80%; animation-delay: 0.3s; }
.sound-wave span:nth-child(3) { height: 100%; animation-delay: 0.2s; }
.sound-wave span:nth-child(4) { height: 50%; animation-delay: 0.4s; }

@keyframes soundWave {
  0%, 100% { transform: scaleY(0.3); }
  50% { transform: scaleY(1); }
}

.paused .sound-wave span {
  animation-play-state: paused;
}