@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
}

/* New animation for recording state */
@keyframes recording-wave {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

.recording-wave {
    animation: recording-wave 1.5s infinite;
}
#transcript-container, #summary-container {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e0 #f7fafc;
}

#transcript-container::-webkit-scrollbar, #summary-container::-webkit-scrollbar {
    width: 6px;
}

#transcript-container::-webkit-scrollbar-track, #summary-container::-webkit-scrollbar-track {
    background: #f7fafc;
}

#transcript-container::-webkit-scrollbar-thumb, #summary-container::-webkit-scrollbar-thumb {
    background-color: #cbd5e0;
    border-radius: 3px;
}
.recording-animation {
    animation: pulse 2s infinite;
}

#recording-status {
    transition: all 0.3s ease;
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}