/* ===========================
   Animations & Keyframes
   =========================== */

/* Toast */
.toast { background: var(--text-dark); color: var(--white); padding: 12px 24px; border-radius: 8px; font-weight: 600; font-size: 0.9rem; box-shadow: 0 10px 20px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; animation: slideUp 0.4s cubic-bezier(0.68,-0.55,0.27,1.55) forwards; }
.toast.fade-out { animation: fadeOut 0.3s ease forwards; }

@keyframes slideUp {
    from { transform: translateY(100%); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}
@keyframes fadeOut {
    from { transform: translateY(0);   opacity: 1; }
    to   { transform: translateY(20px); opacity: 0; }
}