/* A compact reward sequence: recognition, real earned XP, then the next step. */
.feedback.feedback-compact.answer-success{position:relative;border-color:#648d79;background:linear-gradient(115deg,#1c3730,#1a3030 78%);isolation:isolate}
.answer-success .feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px;margin:-2px 0 3px}
.feedback.feedback-compact .feedback-heading>strong{margin:0;font-size:15px;line-height:1.3;color:#e0efcf}
.answer-success .answer-earned{display:inline-flex;align-items:center;flex:0 0 auto;gap:5px;font-size:19px;font-weight:750;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.25;color:#f6da99;white-space:nowrap}
.answer-earned>svg{height:17px;width:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.answer-practice-complete{font-size:9px;font-weight:550;color:#b6cdbd;text-align:right}
.answer-success .feedback-mark{position:relative;width:31px;height:31px;flex-basis:31px;margin-top:0;background:#c3e3ac19;border-color:#a3c58d88;overflow:visible}
.answer-check-draw{width:26px;height:26px;fill:none;stroke:#d6f1bb;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:0;position:relative;z-index:1}
.answer-success .feedback-mark:before{content:'';position:absolute;inset:-2px;border:1px solid #cce6a9;border-radius:50%;opacity:0;pointer-events:none}
.answer-sparks{position:absolute;left:50%;top:50%;pointer-events:none}
.answer-sparks>i{position:absolute;left:-2px;top:-2px;display:block;width:4px;height:4px;background:#f3dda6;border-radius:1px;opacity:0;pointer-events:none}
.answer-sparks>i:nth-child(3n){background:#d4edb6;clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);width:7px;height:7px}
.answer-progress-line{display:flex;align-items:center;gap:9px;margin:10px 0 1px;min-height:13px;max-width:450px}
.answer-progress-level{font-size:9px;font-weight:600;color:#d8d2ac;white-space:nowrap;line-height:1.3}
.answer-progress-value{font-size:9px;line-height:1.3;color:#c4d2c4;white-space:nowrap;font-variant-numeric:tabular-nums}
.answer-mini-track{height:6px;flex:1;min-width:35px;position:relative;border:1px solid #72867330;background:#0e2625;border-radius:8px}
.answer-mini-track>[data-answer-fill]{display:block;position:relative;height:100%;border-radius:8px;background:linear-gradient(90deg,#adbd80,#e9ce8a 80%,#fff0b3);box-shadow:0 0 8px #e2ca8426}
.answer-mini-track>[data-answer-fill]:after{content:'';position:absolute;right:-2px;top:50%;height:6px;width:6px;background:#f7e7aa;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 7px #eedb9b55}
.answer-mini-track>[data-answer-fill][style*="width:0%"]:after{opacity:0}
.answer-success .feedback-meta{margin-top:8px;gap:4px 11px}
.feedback.feedback-compact .feedback-action>.answer-next{position:relative;isolation:isolate;overflow:hidden;border:1px solid #cfebbc;background:linear-gradient(105deg,#cce7a6,#b6dfb7);color:#1d3a2a;border-radius:8px;box-shadow:0 3px 13px #c7d9a509;font-size:12px;transition:background .2s,box-shadow .2s,transform .15s}
.feedback.feedback-compact .feedback-action>.answer-next:hover{background:linear-gradient(105deg,#e0efbc,#c5edc6);box-shadow:0 4px 17px #c7d9a51f;transform:translateY(-1px)}
.feedback.feedback-compact .feedback-action>.answer-next:active{transform:translateY(1px)}
.answer-next>span{position:relative;z-index:2}
.answer-next-current{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ffffd5;stroke-width:1.2;stroke-dasharray:60 320;stroke-dashoffset:380;opacity:0;filter:drop-shadow(0 0 3px #fffab4);pointer-events:none}
.answer-next:before{content:'';position:absolute;top:-25%;bottom:-25%;left:-65%;width:35%;background:linear-gradient(90deg,transparent,#fff9ce8c,transparent);transform:skewX(-20deg);opacity:0;pointer-events:none;z-index:1}
.answer-is-earning .feedback-mark:before{animation:answer-success-ring .65s ease-out both}
.answer-is-earning .answer-check-draw{animation:answer-check .38s cubic-bezier(.2,.7,.3,1) both}
.answer-is-earning .answer-sparks>i{animation:answer-spark .75s ease-out var(--spark-delay) both}
.answer-is-earning .answer-earned{animation:answer-gain-arrive .35s ease-out both}
.answer-is-earning .answer-mini-track{box-shadow:0 0 13px #cadd9e13}
.answer-reward-done:not(.answer-motion-reduced):not(.answer-effects-seen) .answer-earned{animation:answer-earned-settle .28s ease-out both}
.answer-reward-done:not(.answer-motion-reduced):not(.answer-effects-seen) .answer-next:before{animation:answer-button-sheen .8s ease-out .05s both}
.answer-reward-done:not(.answer-motion-reduced):not(.answer-effects-seen) .answer-next-current{animation:answer-current .8s ease-out .05s both}
.answer-next:hover .answer-next-current,.answer-next:focus-visible .answer-next-current{animation:answer-current-hover .8s ease-out both}
.answer-level-up .answer-progress-level{color:#edf4ba}
.answer-level-up .answer-mini-track{border-color:#cadb9477}
.is-answer-gaining .xp-pill{border-color:#c3a15d;box-shadow:0 0 16px #dfc47c19}
@keyframes answer-check{from{stroke-dashoffset:26}to{stroke-dashoffset:0}}
@keyframes answer-success-ring{0%{transform:scale(.8);opacity:0}25%{opacity:.65}100%{transform:scale(1.9);opacity:0}}
@keyframes answer-spark{0%{transform:translate(0,0) scale(.5);opacity:0}20%{opacity:.9}100%{transform:translate(var(--spark-x),var(--spark-y)) rotate(80deg) scale(.5);opacity:0}}
@keyframes answer-gain-arrive{from{transform:translateY(4px);opacity:.3}to{transform:translateY(0);opacity:1}}
@keyframes answer-earned-settle{0%{scale:1}45%{scale:1.09}100%{scale:1}}
@keyframes answer-button-sheen{0%{left:-65%;opacity:0}25%{opacity:.9}100%{left:135%;opacity:0}}
@keyframes answer-current{0%{stroke-dashoffset:380;opacity:0}20%{opacity:.8}100%{stroke-dashoffset:-80;opacity:0}}
@keyframes answer-current-hover{0%{stroke-dashoffset:380;opacity:0}20%{opacity:.8}100%{stroke-dashoffset:-80;opacity:0}}
@media(max-width:650px){.answer-success .feedback-heading{gap:7px;flex-wrap:wrap}.answer-success .answer-earned{font-size:18px}.answer-success .feedback-mark{flex-basis:26px;height:26px;width:26px}.answer-check-draw{width:23px;height:23px}.answer-progress-line{gap:7px}.answer-progress-level,.answer-progress-value{font-size:8px}.feedback.feedback-compact .feedback-heading>strong{font-size:14px}.answer-practice-complete{font-size:8px}}
@media(max-width:360px){.answer-level-up .answer-progress-line{flex-wrap:wrap;row-gap:4px}.answer-level-up .answer-progress-level{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.answer-success,.answer-success *,.answer-success *:before,.answer-success *:after{animation:none!important;transition:none!important}.answer-success .answer-sparks{display:none}.feedback.feedback-compact .feedback-action>.answer-next:hover,.feedback.feedback-compact .feedback-action>.answer-next:active{transform:none}}
.answer-motion-reduced *,.answer-motion-reduced *:before,.answer-motion-reduced *:after,.answer-effects-seen *,.answer-effects-seen *:before,.answer-effects-seen *:after{animation:none!important;transition:none!important}