.exercise{position:relative;isolation:isolate}.exercise.success{animation:success-glow 1.3s ease-out;border-color:#a4c992}.exercise.success h1{animation:answer-pop .45s cubic-bezier(.2,1.5,.5,1);color:#438458}.exercise.success input{border-color:#9ac785;background:#edf7e7;color:#44814e}.feedback.correct{display:flex;flex-direction:column;align-items:center;gap:5px;animation:reward-pop .4s .12s both}.success-check{display:grid;place-items:center;width:34px;height:34px;background:#6eaa6c;border-radius:50%;color:white;font-size:23px;font-weight:900;animation:answer-pop .5s both}.feedback.correct strong{font:900 19px Nunito,sans-serif}.earned-coin{background:#fff1c5;color:#94702b;border:1px solid #ead398;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700;animation:reward-pop .4s .25s both}.success-sparkles{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:22px;z-index:-1}.success-sparkles i{position:absolute;left:calc(12% + var(--i)*9%);top:37%;color:#dbad46;font-style:normal;font-size:calc(17px + var(--i)*1px);animation:sparkle-fly 1.1s ease-out both;animation-delay:calc(var(--i)*.025s)}.success-sparkles i:nth-child(3n){color:#d49cae}.success-sparkles i:nth-child(2n){color:#8aaf7b;top:48%}.auto-next{font-size:11px;color:#809674;padding:12px 25px;min-height:48px}.auto-next-track{display:block;max-width:160px;height:3px;border-radius:3px;background:#94b684;margin:10px auto 0;transform-origin:left;animation:auto-progress 1.3s linear both}@keyframes answer-pop{0%{transform:scale(.85)}65%{transform:scale(1.06)}100%{transform:scale(1)}}@keyframes reward-pop{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sparkle-fly{0%{opacity:0;transform:translateY(10px) scale(.3) rotate(0deg)}20%{opacity:1}100%{opacity:0;transform:translateY(-100px) scale(1.15) rotate(70deg)}}@keyframes success-glow{0%,100%{box-shadow:0 8px 20px #36533c05}35%{box-shadow:0 0 0 5px #bddd982e,0 10px 35px #76a86425}}@keyframes auto-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.exercise.success,.exercise.success h1,.feedback.correct,.success-check,.earned-coin,.auto-next-track{animation:none}.success-sparkles{display:none}}
.exercise.mistake{border-color:#dfa4a0;animation:gentle-shake .42s ease-in-out;background:#fffaf7}.exercise.mistake input{border-color:#dba39b;background:#fff0e9}.feedback.retry{display:flex;flex-direction:column;align-items:center;gap:6px;animation:reward-pop .3s ease-out}.feedback.retry strong{font:900 18px Nunito,sans-serif}.retry-heart{display:grid;place-items:center;font-size:28px;color:#bc847e;width:36px;height:36px;border-radius:50%;background:#f7ded6;animation:heart-pulse .6s ease-in-out}.retry-next .auto-next-track{background:#d6a394;animation-duration:1.8s}@keyframes gentle-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes heart-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.exercise.mistake,.feedback.retry,.retry-heart{animation:none}}

.correction-retry{display:block;margin:10px auto 14px;min-height:44px}.direct-answer>.correction-retry{width:100%}