.quiz-app{--q-card:#ffffff05;--q-card-2:#ffffff0a;--q-border:#ffffff14;--q-border-2:#ffffff24;--q-text:#e2e8f0;--q-sub:#94a3b8;--q-acc:#6366f1;--q-acc-2:#818cf8;--q-good:#10b981;--q-bad:#ef4444;--q-hint:#6366f114}html:not(.dark) .quiz-app{--q-card:#fff;--q-card-2:#f8fafc;--q-border:#e2e8f0;--q-border-2:#cbd5e1;--q-text:#0f172a;--q-sub:#64748b;--q-acc:#4f46e5;--q-acc-2:#4338ca;--q-hint:#4f46e50f}.quiz-app{margin:2.5rem 0;font-family:inherit}.quiz-progress{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.quiz-count{color:var(--q-sub);font-variant-numeric:tabular-nums;font-size:.8rem}.quiz-dots{flex-wrap:wrap;gap:.3rem;display:flex}.quiz-dot{background:var(--q-border-2);border-radius:99px;width:6px;height:6px;transition:all .2s}.quiz-dot.cur{background:var(--q-acc);width:18px}.quiz-dot.done{background:var(--q-good)}.quiz-q{color:var(--q-text);margin:0 0 1.25rem;font-size:1.15rem;font-weight:700;line-height:1.5}.quiz-opts{flex-direction:column;gap:.6rem;display:flex}.quiz-opt{text-align:left;background:var(--q-card);border:1px solid var(--q-border);width:100%;color:var(--q-text);cursor:pointer;border-radius:14px;padding:.9rem 3.2rem .9rem 1.1rem;font-size:.95rem;line-height:1.55;transition:border-color .15s,background .15s,transform .15s;display:block;position:relative}.quiz-opt:hover:not(:disabled){border-color:var(--q-acc);background:var(--q-card-2);transform:translateY(-1px)}.quiz-opt b{margin-right:.15rem;font-weight:700}.quiz-opt.is-picked{border-color:var(--q-acc);box-shadow:0 0 0 1px var(--q-acc)}.quiz-opt.is-dim{opacity:.45;cursor:default}.quiz-opt.is-correct{background:color-mix(in srgb, var(--q-good) 12%, transparent);border-color:var(--q-good);cursor:default}.quiz-opt.is-wrong{background:color-mix(in srgb, var(--q-bad) 10%, transparent);border-color:var(--q-bad);cursor:default}.quiz-opt-e{color:var(--q-sub);margin-top:.4rem;font-size:.85rem;display:block}.quiz-opt-mark{font-size:.95rem;font-weight:800;position:absolute;top:.8rem;right:.9rem}.quiz-opt.is-correct .quiz-opt-mark{color:var(--q-good)}.quiz-opt.is-wrong .quiz-opt-mark{color:var(--q-bad)}.quiz-opt-mark[data-label]:after{content:attr(data-label);white-space:nowrap;margin-top:.15rem;font-size:.78rem;font-weight:700;display:block}.quiz-opt-mark.lbl-right:after,.quiz-opt-mark.lbl-answer:after{color:var(--q-good)}.quiz-opt-mark.lbl-wrong:after{color:var(--q-bad)}.quiz-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.1rem;display:flex}.quiz-nav{gap:.5rem;margin-left:auto;display:flex}.quiz-btn{border:1px solid var(--q-border-2);background:var(--q-card-2);color:var(--q-text);cursor:pointer;border-radius:99px;align-items:center;gap:.45rem;padding:.5rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.quiz-btn:hover{border-color:var(--q-acc)}.quiz-primary{background:var(--q-acc);border-color:var(--q-acc);color:#fff}.quiz-primary:hover{background:var(--q-acc-2);border-color:var(--q-acc-2)}.quiz-hint-toggle{color:var(--q-sub);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.4rem .2rem;font-size:.85rem;font-weight:600;display:inline-flex}.quiz-hint-toggle:hover{color:var(--q-text)}.quiz-hint{background:var(--q-hint);border:1px solid color-mix(in srgb, var(--q-acc) 25%, transparent);border-radius:12px;align-items:flex-start;gap:.6rem;margin-top:.9rem;padding:.8rem 1rem;display:flex}.quiz-hint-ico{color:var(--q-acc-2);flex-shrink:0;margin-top:.1rem}.quiz-hint-text{color:var(--q-sub);margin:0;font-size:.85rem;line-height:1.55}.quiz-result .quiz-score-card{background:var(--q-card-2);border:1px solid var(--q-border);border-radius:16px;padding:1.25rem}.quiz-score-head{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.quiz-score-title{color:var(--q-text);margin-bottom:.2rem;font-size:1.05rem;font-weight:700}.quiz-score-value{color:var(--q-text);font-size:1.6rem;font-weight:800}.quiz-score-pct{color:var(--q-sub);font-size:1.1rem;font-weight:600}.quiz-review-btn{border:1px solid var(--q-border-2);background:var(--q-card);color:var(--q-text);cursor:pointer;border-radius:99px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.quiz-review-btn:hover{border-color:var(--q-acc)}.quiz-bar{background:color-mix(in srgb, var(--q-acc) 18%, transparent);border-radius:99px;height:10px;margin-bottom:1rem;overflow:hidden}.quiz-bar-fill{background:var(--q-acc);border-radius:99px;width:0;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.quiz-legend{flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem;display:flex}.quiz-legend-item{color:var(--q-sub);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.quiz-legend-item i{border-radius:99px;width:9px;height:9px;display:inline-block}.quiz-legend-got i{background:var(--q-acc)}.quiz-legend-missed i{background:color-mix(in srgb, var(--q-acc) 45%, transparent)}.quiz-legend-skipped i{background:var(--q-border-2)}.quiz-legend-item b{color:var(--q-text);font-variant-numeric:tabular-nums}.quiz-review-box{border-top:1px solid var(--q-border);padding-top:.9rem}.quiz-review-title{color:var(--q-text);margin-bottom:.5rem;font-size:.85rem;font-weight:700}.quiz-missed{flex-direction:column;gap:.45rem;max-height:11rem;margin:0;padding-left:1.2rem;display:flex;overflow-y:auto}.quiz-missed li{color:var(--q-sub);font-size:.87rem;line-height:1.45}.quiz-missed li b{color:var(--q-text)}.quiz-retake-card{background:var(--q-card);border:1px solid var(--q-border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;padding:1.1rem 1.25rem;display:flex}.quiz-retake-title{color:var(--q-text);font-size:1.05rem;font-weight:700}.quiz-error{border:1px dashed var(--q-bad);color:var(--q-bad);border-radius:12px;padding:1rem;font-size:.9rem}