#quiz-results[hidden],#quiz-body[hidden],#quiz-progress[hidden],#btn-next[hidden],#q-hint[hidden]{display:none!important}.quiz-shell{max-width:740px;margin:0 auto;padding-bottom:4rem}.quiz-header{margin-bottom:1.75rem}.quiz-dots{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:.85rem}.quiz-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background .25s ease,transform .2s ease}.dot--current{background:var(--accent-indigo);transform:scale(1.3);box-shadow:0 0 0 2px #6366f14d}.dot--correct{background:#22c55e}.dot--wrong{background:#ef4444}.dot--done{background:var(--text-dim, #8a9ab0);opacity:.5}.quiz-progress-row{display:flex;align-items:center;gap:.75rem}.quiz-progress-track{flex:1;height:4px;background:var(--border);border-radius:999px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--accent-indigo-light);border-radius:999px;transition:width .35s ease;width:0}.quiz-progress-label{font-size:.72rem;color:var(--text-muted);white-space:nowrap;min-width:3rem;text-align:right}@keyframes cardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem 2rem 1.5rem;box-shadow:0 4px 16px #0006}.card-enter{animation:cardEnter .25s ease forwards}.quiz-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;gap:.5rem}.quiz-q-counter{font-size:.7rem;font-weight:700;letter-spacing:2px;color:var(--text-muted)}.quiz-category-chip{display:inline-block;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;border:1px solid}.chip--indigo{color:var(--accent-indigo-light);border-color:var(--accent-indigo);background:#6366f11a}.chip--teal{color:var(--accent-teal-light);border-color:var(--accent-teal);background:#0d94881a}.chip--purple{color:#c084fc;border-color:#a855f7;background:#a855f71a}.chip--amber{color:#fcd34d;border-color:#f59e0b;background:#f59e0b1a}.chip--sm{font-size:8px;padding:.15rem .45rem;letter-spacing:2px}.quiz-q-text{font-size:1.1rem;font-weight:500;color:var(--text);line-height:1.6;margin-bottom:1.5rem}.quiz-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.quiz-option{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.7rem 1rem .7rem .7rem;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.quiz-option:not(:disabled):hover{border-color:var(--accent-indigo-light);background:var(--bg-hover);transform:translate(2px)}.quiz-option:disabled{cursor:default}.opt-letter{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.72rem;font-weight:700;background:var(--border);color:var(--text-muted);flex-shrink:0;transition:background .15s ease,color .15s ease}.opt-text{font-size:.875rem;color:var(--text-muted);line-height:1.45;transition:color .15s ease}.quiz-option:not(:disabled):hover .opt-letter{background:var(--accent-indigo);color:#fff}.quiz-option:not(:disabled):hover .opt-text{color:var(--text)}.quiz-option--correct .opt-letter{background:#22c55e!important;color:#fff!important}.quiz-option--correct .opt-text{color:#86efac!important}.quiz-option--correct{border-color:#22c55e!important;background:#22c55e0f!important}.quiz-option--wrong .opt-letter{background:#ef4444!important;color:#fff!important}.quiz-option--wrong .opt-text{color:#fca5a5!important}.quiz-option--wrong{border-color:#ef4444!important;background:#ef44440f!important}.quiz-feedback{font-size:.875rem;line-height:1.65;border-radius:8px;margin-bottom:1.25rem;display:flex;gap:.6rem;align-items:flex-start}.quiz-feedback:empty{display:none}.feedback-icon{font-size:1rem;font-weight:900;flex-shrink:0;margin-top:1px}.quiz-feedback--correct{color:#86efac;background:#22c55e12;border-left:3px solid #22c55e;padding:.75rem 1rem}.quiz-feedback--correct .feedback-icon{color:#22c55e}.quiz-feedback--wrong{color:#fca5a5;background:#ef444412;border-left:3px solid #ef4444;padding:.75rem 1rem}.quiz-feedback--wrong .feedback-icon{color:#ef4444}.quiz-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.quiz-hint{font-size:.72rem;color:var(--text-muted);opacity:.65}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--accent-indigo);color:#fff;font-weight:600;font-size:.9rem;padding:.65rem 1.5rem;border-radius:8px;border:none;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 2px 10px #6366f159;white-space:nowrap}.quiz-btn:hover{background:var(--accent-indigo-light);transform:translateY(-1px);box-shadow:0 4px 16px #6366f173}.quiz-btn--outline{background:transparent;color:var(--accent-indigo-light);border:1px solid var(--accent-indigo-light);box-shadow:none}.quiz-btn--outline:hover{background:#6366f114;color:var(--text);box-shadow:none}.quiz-results{display:flex;flex-direction:column;gap:1.75rem}.results-top{display:grid;grid-template-columns:140px 1fr;gap:1.5rem;align-items:center}.results-ring-wrap{position:relative;width:120px;height:120px;flex-shrink:0}.results-ring{width:120px;height:120px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--border);stroke-width:8}.ring-fill{fill:none;stroke:var(--accent-indigo-light);stroke-width:8;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:339.3}.results-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.results-score{font-size:2.25rem;font-weight:300;color:var(--text);line-height:1}.results-total-label{font-size:.7rem;color:var(--text-muted);margin-top:2px}.results-tier{background:#6366f114;border:1px solid var(--accent-indigo);border-radius:10px;padding:1.25rem 1.5rem;transition:background .3s ease,border-color .3s ease}.results-band{font-size:1.1rem;font-weight:700;color:var(--text);display:block;margin-bottom:.5rem}.results-msg{font-size:.875rem;color:var(--text-muted);line-height:1.65;margin:0}.results-breakdown{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem}.breakdown-title{font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.breakdown-row{display:grid;grid-template-columns:148px 1fr 36px;align-items:center;gap:.75rem;margin-bottom:.65rem}.breakdown-row:last-child{margin-bottom:0}.breakdown-track{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.breakdown-fill{height:100%;background:var(--accent-indigo-light);border-radius:999px;width:0}.breakdown-frac{font-size:.72rem;color:var(--text-muted);text-align:right}.results-review{display:flex;flex-direction:column;gap:.75rem}.review-perfect{font-size:.9rem;color:#86efac;background:#22c55e12;border:1px solid rgba(34,197,94,.25);border-radius:8px;padding:.85rem 1rem;margin:0}.review-item{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid #ef4444;border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.4rem}.review-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.review-q-label{font-size:.72rem;font-weight:700;color:var(--text-muted);letter-spacing:1px}.review-q-text{font-size:.875rem;font-weight:500;color:var(--text);line-height:1.5;margin:.1rem 0 0}.review-correct-text{font-size:.8rem;color:#86efac;margin:0}.review-explain{font-size:.8rem;color:var(--text-muted);line-height:1.6;margin:0}.results-actions{display:flex;gap:.75rem;flex-wrap:wrap}@media (max-width: 640px){.quiz-card{padding:1.25rem 1rem 1rem}.quiz-q-text{font-size:1rem}.results-top{grid-template-columns:1fr;justify-items:center;text-align:center}.results-tier{text-align:left}.breakdown-row{grid-template-columns:1fr 80px 28px;gap:.5rem}.breakdown-row .quiz-category-chip{display:none}.breakdown-row:before{content:attr(data-cat);font-size:.72rem;color:var(--text-muted)}.results-actions{flex-direction:column}.quiz-btn{width:100%;justify-content:center}.quiz-hint{display:none}}