.answer-feedback{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden;--feedback-color: 127, 244, 95;--feedback-duration: 1s}.answer-feedback.wrong{--feedback-color: 255, 77, 94}.answer-feedback.complete{--feedback-duration: 2.4s}.feedback-glow{position:absolute;inset:0;box-shadow:inset 0 0 50px 14px rgba(var(--feedback-color),.52),inset 0 0 130px 10px rgba(var(--feedback-color),.18);border:2px solid rgba(var(--feedback-color),.6);animation:feedback-glow var(--feedback-duration) ease-out both}.feedback-caption{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 40px);padding:11px 20px;border-radius:14px;border:1px solid rgba(var(--feedback-color),.6);background:#0b160ff2;box-shadow:0 4px 28px #0006;text-align:center;color:rgb(var(--feedback-color));animation:feedback-glow var(--feedback-duration) ease-out both}.feedback-caption strong{font-size:17px}.feedback-caption span{display:block;font-size:12px;line-height:1.4;margin-top:4px;color:#e5eee6}.feedback-particles{position:absolute;inset:0}.feedback-emoji{position:absolute;line-height:1;filter:drop-shadow(0 3px 6px #0005);animation:feedback-emoji calc(var(--feedback-duration) - .1s) ease-out var(--delay) both}.feedback-confetti{position:absolute;width:6px;height:10px;border-radius:2px;animation:feedback-confetti calc(var(--feedback-duration) - .15s) ease-out var(--delay) both}.feedback-preview-actions{display:flex;flex-wrap:wrap;gap:10px}@keyframes feedback-glow{0%{opacity:0}12%,45%{opacity:1}to{opacity:0}}@keyframes feedback-emoji{0%{opacity:0;transform:translateY(18px) scale(.5) rotate(var(--tilt))}18%,45%{opacity:.92}55%{transform:translateY(-8px) scale(1) rotate(var(--tilt))}to{opacity:0;transform:translateY(-45px) scale(.85) rotate(0)}}@keyframes feedback-confetti{0%{opacity:0;transform:translateY(-15px) rotate(var(--tilt))}15%,40%{opacity:.9}to{opacity:0;transform:translateY(190px) rotate(calc(var(--tilt) + 220deg))}}@media(prefers-reduced-motion:reduce){.feedback-particles{display:none}.feedback-glow{opacity:.65}}
