.quiz-wrapper{width:100%;margin:2em 0;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;font-family:JetBrains Mono,monospace;background:var(--card)}.quiz-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);user-select:none}.quiz-header-label{font-size:14px;font-weight:700;color:var(--foreground)}.quiz-header-counter{font-size:13px;font-weight:600;color:var(--muted-foreground);background:var(--muted);padding:3px 10px;border-radius:var(--radius-sm)}.quiz-progress{height:3px;background:var(--muted);overflow:hidden}.quiz-progress-fill{height:100%;background:#4cc157;transition:width .4s cubic-bezier(.4,0,.2,1)}.quiz-body{padding:24px 20px}.quiz-question{font-size:15px;font-weight:600;line-height:1.65;color:var(--foreground);margin:0 0 20px}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:var(--radius);border:1.5px solid var(--border);background:transparent;color:var(--foreground);font-family:JetBrains Mono,monospace;font-size:14px;text-align:left;cursor:pointer;transition:all .2s;line-height:1.5}.quiz-option:hover:not(:disabled){border-color:var(--foreground);background:var(--accent)}.quiz-option:disabled{cursor:default}.quiz-option-selected{border-color:#5b96fa;background:#5b96fa1a}.quiz-option-correct{border-color:#4cc157;background:#4cc1571a}.quiz-option-wrong{border-color:#f94144;background:#f941441a}.quiz-option-dimmed{opacity:.45}.quiz-option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--muted);color:var(--muted-foreground);font-size:12px;font-weight:700;flex-shrink:0;transition:all .2s}.quiz-option-selected .quiz-option-letter{background:#5b96fa;color:#fff}.quiz-option-correct .quiz-option-letter{background:#4cc157;color:#fff}.quiz-option-wrong .quiz-option-letter{background:#f94144;color:#fff}.quiz-option-text{flex:1}.quiz-option-icon{font-size:16px;flex-shrink:0}.quiz-explanation{margin-top:20px;padding:16px;border-radius:var(--radius);font-size:13px;line-height:1.65;animation:quiz-fade-in .3s ease-out}.quiz-explanation-correct{background:#4cc15714;border:1px solid oklch(.72 .18 145 / 30%)}.quiz-explanation-wrong{background:#f9414414;border:1px solid oklch(.65 .22 25 / 30%)}.quiz-explanation-header{font-weight:700;font-size:14px;margin-bottom:6px}.quiz-explanation p{margin:0;color:var(--muted-foreground)}@keyframes quiz-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-actions{padding:0 20px 20px;display:flex;justify-content:flex-end}.quiz-btn{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;padding:10px 22px;border-radius:var(--radius);border:none;cursor:pointer;transition:all .2s}.quiz-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-btn-primary{background:var(--foreground);color:var(--background)}.quiz-btn-primary:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.quiz-result{display:flex;flex-direction:column;align-items:center;padding:40px 24px;text-align:center;animation:quiz-fade-in .4s ease-out}.quiz-result-emoji{font-size:48px;margin-bottom:12px}.quiz-result-title{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;margin:0 0 20px;color:var(--foreground)}.quiz-result-score{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.quiz-result-number{font-size:3rem;font-weight:800;color:#4cc157;line-height:1}.quiz-result-divider{font-size:2rem;color:var(--muted-foreground)}.quiz-result-total{font-size:1.5rem;font-weight:600;color:var(--muted-foreground)}.quiz-result-pct{font-size:14px;font-weight:600;color:var(--muted-foreground);margin-bottom:16px}.quiz-result-message{font-size:14px;color:var(--muted-foreground);margin:0 0 24px;max-width:320px}.quiz-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:var(--muted-foreground);font-size:13px}.quiz-loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--foreground);border-radius:50%;animation:quiz-spin .7s linear infinite}@keyframes quiz-spin{to{transform:rotate(360deg)}}.quiz-error{display:flex;align-items:center;gap:10px;padding:20px 24px;color:#f94144;font-size:13px}.quiz-error-icon{font-size:20px}.quiz-error p{margin:0}