/* Custom CSS (O resto é TailwindCSS) */

.record-inner {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.record-btn.recording .record-inner {
    width: 28px;
    height: 28px;
    border-radius: 8px; /* Quadrado ao gravar */
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.6); }
    70% { box-shadow: 0 0 0 15px rgba(239, 68, 68, 0); }
    100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

/* Modal Bottom Sheet */
.bottom-sheet {
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.modal-open .bottom-sheet {
    transform: translateY(0);
}

/* Audio Player */
.audio-progress {
    cursor: pointer;
}
.audio-progress-bar {
    transition: width 0.1s linear;
}