@keyframes fadeIn    { from { opacity: 0 } to { opacity: 1 } }
@keyframes slideUp   { from { opacity: 0; transform: translateY(12px) } to { opacity: 1; transform: none } }
@keyframes slideDown { from { opacity: 0; transform: translateY(-12px) } to { opacity: 1; transform: none } }
@keyframes slideInRight { from { opacity: 0; transform: translateX(12px) } to { opacity: 1; transform: none } }
@keyframes spin { to { transform: rotate(360deg) } }
@keyframes pulse { 0%,100% { opacity: 1 } 50% { opacity: .4 } }

.fade-enter { animation: fadeIn var(--t-base) ease; }
.slide-up-enter { animation: slideUp var(--t-base) ease; }