.quiz-container{max-width:1180px;padding-top:8px}.q-app{margin-top:var(--space-3)}.q-card{background:linear-gradient(145deg,#121821f5,#0e1319f5);border:1px solid var(--line);border-radius:22px;padding:clamp(28px,4vw,48px);box-shadow:0 24px 70px #0000002e}.q-intro h1{font-size:clamp(24px,3.4vw,32px);margin-bottom:var(--space-3)}.q-intro .summary{color:var(--text-muted);font-size:15.5px;line-height:1.7;margin-bottom:var(--space-5)}.q-intro-meta{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);font-family:var(--font-mono);font-size:12.5px;color:var(--text-faint)}.q-intro-meta strong{color:var(--text-primary);font-family:var(--font-display);font-size:15px;display:block;margin-bottom:2px}.q-progress-row{display:flex;align-items:center;gap:22px;margin-bottom:14px}.q-progress-label{font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;color:var(--text-faint);white-space:nowrap}.q-score-live{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);margin-left:auto}.q-bar{flex:1;height:5px;background:var(--line);border-radius:var(--radius-full);overflow:hidden;margin:0}.q-bar-fill{height:100%;background:var(--teal);transition:width var(--duration-slow) var(--ease-out)}.q-question-shell{max-width:900px}.q-text{font-size:clamp(21px,2vw,27px);font-weight:500;line-height:1.52;margin:34px 0 32px;color:var(--text-primary)}.q-options{display:grid;gap:14px;margin-bottom:32px}.q-option{width:100%;text-align:left;padding:19px 20px;border-radius:15px;border:1px solid #304055;background:#121821b8;color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.q-option:hover:not(:disabled){border-color:var(--teal-dim);color:var(--text-primary);transform:translate(3px)}.q-option .q-opt-letter{font-family:var(--font-display);font-size:16px;font-weight:500;color:inherit;width:auto;height:auto;border:0;display:inline;flex-shrink:0}.q-option .q-opt-letter:after{content:" —"}.q-option.is-selected{border-color:var(--teal);background:#00ccac1a;color:var(--teal);box-shadow:inset 0 0 28px #00ccac06}.q-option.is-selected .q-opt-letter{color:var(--teal)}.q-option.is-correct{border-color:var(--teal);background:var(--success-wash)}.q-option.is-correct .q-opt-letter{border-color:var(--teal);background:var(--teal);color:var(--panel)}.q-option.is-wrong{border-color:var(--sev-critical, var(--danger));background:var(--danger-wash)}.q-option.is-wrong .q-opt-letter{border-color:var(--sev-critical, var(--danger));color:var(--sev-critical, var(--danger))}.q-option:disabled{cursor:default}.q-option:disabled:hover{transform:none}.q-explanation{font-size:13.5px;color:var(--text-muted);line-height:1.6;background:var(--panel-2);border-left:2px solid var(--teal);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-5);max-height:0;overflow:hidden;opacity:0;transition:max-height var(--duration-base) var(--ease),opacity var(--duration-base) var(--ease),margin var(--duration-base) var(--ease)}.q-explanation.show{max-height:200px;opacity:1}.q-actions{display:flex;justify-content:flex-end}.q-actions .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.q-result{text-align:center}.q-result .score-ring-wrap{position:relative;width:132px;height:132px;margin:0 auto var(--space-4)}.q-result .score-ring{width:100%;height:100%;transform:rotate(-90deg)}.q-result .ring-track{fill:none;stroke:var(--line);stroke-width:8}.q-result .ring-fill{fill:none;stroke:var(--teal);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out)}.q-result .ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.q-result .ring-pct{font-family:var(--font-display);font-size:30px;font-weight:700}.q-result .performance{font-family:var(--font-mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;padding:4px 12px;border-radius:var(--radius-full);display:inline-block;margin-bottom:var(--space-5)}.performance.strong{color:var(--teal);background:var(--teal-wash)}.performance.solid{color:var(--sev-low, var(--info));background:var(--info-wash)}.performance.review{color:var(--sev-medium, var(--warn));background:var(--warn-wash)}.performance.weak{color:var(--sev-critical, var(--danger));background:var(--danger-wash)}.q-result-stats{display:flex;justify-content:center;gap:var(--space-7);margin-bottom:var(--space-6)}.qrs-item{display:flex;flex-direction:column;align-items:center}.qrs-item strong{font-family:var(--font-display);font-size:20px}.qrs-item.correct strong{color:var(--teal)}.qrs-item.incorrect strong{color:var(--sev-critical, var(--danger))}.qrs-item span{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.q-result-actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.q-review{margin-top:var(--space-6);text-align:left;display:none}.q-review.show{display:block}.qr-item{border-top:1px solid var(--line);padding:var(--space-4) 0}.qr-item:first-child{border-top:none}.qr-item-q{font-size:14.5px;font-weight:600;margin-bottom:8px}.qr-item-ans{font-family:var(--font-mono);font-size:12.5px;display:flex;gap:8px;align-items:baseline}.qr-tag{font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-full)}.qr-tag.correct{background:var(--teal-wash);color:var(--teal)}.qr-tag.incorrect{background:var(--danger-wash);color:var(--sev-critical, var(--danger))}@media (max-width: 640px){.q-card{padding:var(--space-5)}.q-result-stats{gap:var(--space-5)}}.quiz-nav{justify-content:space-between;align-items:center;gap:12px}.q-nav-status{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.ring-center small{font-family:var(--font-mono);color:var(--text-faint);margin-top:2px}.q-review h2{margin:28px 0 8px;font-size:20px}.qr-item{padding:22px 0}.qr-item-q{display:flex;gap:10px;align-items:flex-start}.qr-number{font-family:var(--font-mono);color:var(--teal);font-size:11px;padding-top:3px}.qr-answer-row{display:flex;gap:10px;align-items:flex-start;color:var(--text-muted);font-size:13px;margin:10px 0 6px}.qr-correct-answer{color:var(--teal);font-size:13px;margin:6px 0;padding-left:2px}.qr-explain{color:var(--text-muted);background:var(--panel-2);border-left:2px solid var(--teal);padding:12px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1.6;margin-top:10px}@media (max-width:640px){.q-progress-row{gap:10px;flex-wrap:wrap}.q-progress-label{font-size:11px}.q-score-live{font-size:10px}.q-bar{order:3;flex-basis:100%}.q-text{margin-top:26px}.q-option{padding:16px 15px;font-size:14px}.quiz-nav{flex-wrap:wrap}.q-nav-status{order:3;width:100%;text-align:center}.qr-answer-row{flex-direction:column}}