.view { animation: none; }
.motion-enter { animation: gentle-entry 220ms ease-out var(--entry-delay, 0ms) backwards; }
.motion-correct { animation: answer-confirm 240ms ease-out; }
.motion-incorrect { animation: gentle-entry 180ms ease-out; }
@keyframes gentle-entry { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes answer-confirm { from { opacity: .4; transform: scale(.985); } to { opacity: 1; transform: scale(1); } }
html.reduced-motion *, html.reduced-motion *::before, html.reduced-motion *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.reduced-motion .language-card:hover { transform: none; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .language-card:hover { transform: none; }
}