.quiz-option{display:flex;width:100%;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03);color:#e7e7e7;font-size:.98rem;line-height:1.45;text-align:left;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,opacity .2s ease}.quiz-option:not(:disabled){cursor:pointer}.quiz-option:not(:disabled):hover{border-color:rgba(255,111,32,.6);background:rgba(255,111,32,.07);transform:translateX(3px)}.quiz-option:focus-visible{outline:2px solid #ff6f20;outline-offset:2px}.quiz-option[data-state=right]{border-color:rgba(52,211,153,.75);background:rgba(52,211,153,.1);color:#fff;animation:quiz-pop .46s cubic-bezier(.34,1.56,.64,1)}.quiz-option[data-state=wrong]{border-color:rgba(248,113,113,.75);background:rgba(248,113,113,.1);color:#fff;animation:quiz-shake .42s ease}.quiz-option[data-state=dim]{opacity:.45}.quiz-letter{display:grid;width:1.8rem;height:1.8rem;flex-shrink:0;place-items:center;border:1.5px solid rgba(255,255,255,.25);border-radius:999px;font-size:.75rem;font-weight:800;color:#cfd3d6;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.quiz-option:not(:disabled):hover .quiz-letter{border-color:#ff6f20;color:#ff6f20}.quiz-option[data-state=right] .quiz-letter{border-color:#34d399;background:#34d399;color:#0b0b0b}.quiz-option[data-state=wrong] .quiz-letter{border-color:#f87171;background:#f87171;color:#0b0b0b}.quiz-explain{margin-top:.9rem;padding-left:1rem;border-left:2px solid rgba(248,113,113,.5);color:#d4d4d4;font-size:.98rem;line-height:1.7;animation:quiz-reveal .32s ease-out}.quiz-explain[data-right=true]{border-left-color:rgba(52,211,153,.55)}.quiz-verdict{font-weight:800;color:#fca5a5}.quiz-explain[data-right=true] .quiz-verdict{color:#6ee7b7}.quiz-score{display:flex;align-items:flex-start;gap:1.25rem;margin-top:2.5rem;padding:1.25rem 1.4rem;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;background:rgba(255,255,255,.04);animation:quiz-reveal .36s ease-out}.quiz-score[data-perfect=true]{border-color:rgba(52,211,153,.4)}.quiz-ring-track,.quiz-ring-value{fill:none;stroke-width:6}.quiz-ring-track{stroke:rgba(255,255,255,.12)}.quiz-ring-value{stroke:#ff6f20;stroke-linecap:round;animation:quiz-ring .9s cubic-bezier(.22,1,.36,1) both}.quiz-score[data-perfect=true] .quiz-ring-value{stroke:#34d399}.quiz-sparks{position:absolute;inset:0;pointer-events:none}.quiz-sparks span{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:999px;background:#34d399;opacity:0;animation:quiz-spark .9s cubic-bezier(.22,1,.36,1) .25s both}.quiz-sparks span:nth-child(3n){background:#ff6f20}.quiz-retry{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .95rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#f1f1f1;font-size:.875rem;font-weight:700;transition:border-color .16s ease,color .16s ease}.quiz-retry:hover{border-color:#ff6f20;color:#ff6f20}.quiz-retry:focus-visible{outline:2px solid #ff6f20;outline-offset:2px}@keyframes quiz-pop{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes quiz-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(2px)}}@keyframes quiz-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes quiz-ring{0%{stroke-dashoffset:var(--quiz-c)}to{stroke-dashoffset:var(--quiz-offset)}}@keyframes quiz-spark{0%{opacity:1;transform:rotate(var(--spark-angle)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--spark-angle)) translateY(-46px) scale(.4)}}@media (prefers-reduced-motion:reduce){.quiz-explain,.quiz-letter,.quiz-option,.quiz-ring-value,.quiz-score{animation:none;transition:none}.quiz-option:not(:disabled):hover{transform:none}.quiz-sparks{display:none}}