/* Waveform animation */
@keyframes wave {
    0% { transform: scaleY(0.3); }
    50% { transform: scaleY(1); }
    100% { transform: scaleY(0.3); }
}

.wave-bar {
    animation: wave 1.5s ease-in-out infinite;
    transform-origin: bottom;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #4a4a4a;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #5a5a5a;
}

/* Smooth transitions */
.transition-all {
    transition: all 0.3s ease;
}

/* Audio player custom styles */
.audio-progress {
    -webkit-appearance: none;
    height: 4px;
    background: #4a4a4a;
    border-radius: 2px;
    outline: none;
}

.audio-progress::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: #f8f8f8;
    border-radius: 50%;
    cursor: pointer;
}