/* Styles spécifiques */
.glass {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.gradient-subtle {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.gradient-amber {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
}

/* Animation micro */
.recording-pulse {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    animation: pulse-red 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
}

@keyframes pulse-red {
    to {
        box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
    }
}

/* Safe Areas */
.safe-padding {
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
}