style.css

/* Base styles */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

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

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

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

::-webkit-scrollbar-thumb:hover {
    background: #5a1a9a;
}
/* Waveform styles */
.wavesurfer-container {
    border-radius: 4px;
    margin-bottom: 8px;
}

/* Animation for processing state and comparison */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.processing {
    animation: pulse 1.5s infinite;
}