.quiz-section{max-width:var(--max-w-reading);margin:var(--space-xl) auto;padding:0 var(--space-md)}.quiz-header{text-align:center;margin-bottom:var(--space-lg)}.quiz-badge{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-sm);border:var(--border-width) solid var(--accent);margin-bottom:var(--space-md)}.quiz-badge span{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent)}.quiz-badge .diamond{width:6px;height:6px;background:var(--accent);transform:rotate(45deg)}.quiz-title{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:var(--tracking-wider);margin-bottom:var(--space-xs)}.quiz-subtitle{font-family:var(--font-body);font-size:var(--text-md);color:var(--text-muted)}.quiz-container{background:rgba(var(--color-white-rgb),.03);border:var(--border-width) solid rgba(var(--color-white-rgb),.1);border-radius:var(--radius-lg);padding:var(--space-lg)}[data-theme=light] .quiz-container{background:rgba(var(--color-black-rgb),.02);border-color:rgba(var(--color-black-rgb),.1)}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.quiz-loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--color-white-rgb),.1);border-top-color:var(--accent);border-radius:50%;animation:.8s linear infinite quizSpinner;margin-bottom:var(--space-md)}[data-theme=light] .quiz-loading-spinner{border-color:rgba(var(--color-black-rgb),.1);border-top-color:var(--accent)}@keyframes quizSpinner{to{transform:rotate(360deg)}}.quiz-loading p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.quiz-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.quiz-error svg{color:var(--color-error);margin-bottom:var(--space-md)}.quiz-error p{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-md);max-width:40ch}.quiz-start{text-align:center}.quiz-info{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.quiz-stat{display:flex;flex-direction:column;align-items:center}.quiz-stat-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--accent);line-height:1}.quiz-stat-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-1)}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.quiz-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-btn-primary{background:var(--accent);color:var(--color-ink);border-color:var(--accent)}.quiz-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.quiz-btn-secondary{background:0 0;color:var(--text-primary);border-color:rgba(var(--color-white-rgb),.2)}[data-theme=light] .quiz-btn-secondary{border-color:rgba(var(--color-black-rgb),.2)}.quiz-btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.quiz-btn-start{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.quiz-progress{margin-bottom:var(--space-lg)}.quiz-progress-bar{height:4px;background:rgba(var(--color-white-rgb),.1);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-xs)}[data-theme=light] .quiz-progress-bar{background:rgba(var(--color-black-rgb),.1)}.quiz-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--transition-normal)}.quiz-progress-text{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);color:var(--text-muted)}.quiz-question{margin-bottom:var(--space-lg)}.quiz-question-text{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.quiz-options{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-option{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(var(--color-white-rgb),.03);border:var(--border-width) solid rgba(var(--color-white-rgb),.1);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}[data-theme=light] .quiz-option{background:rgba(var(--color-black-rgb),.02);border-color:rgba(var(--color-black-rgb),.1)}.quiz-option:hover{border-color:var(--accent);background:rgba(var(--color-gold-rgb),.05)}.quiz-option.selected{border-color:var(--accent);background:rgba(var(--color-gold-rgb),.1)}.quiz-option input{position:absolute;opacity:0;pointer-events:none}.quiz-option-marker{flex-shrink:0;width:20px;height:20px;border:2px solid rgba(var(--color-white-rgb),.3);border-radius:50%;margin-top:2px;position:relative;transition:all var(--transition-fast)}[data-theme=light] .quiz-option-marker{border-color:rgba(var(--color-black-rgb),.3)}.quiz-option.selected .quiz-option-marker{border-color:var(--accent)}.quiz-option.selected .quiz-option-marker::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--accent);border-radius:50%}.quiz-option-text{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal)}.quiz-actions{display:flex;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-md);border-top:var(--border-width) solid rgba(var(--color-white-rgb),.1)}[data-theme=light] .quiz-actions{border-color:rgba(var(--color-black-rgb),.1)}.quiz-result{text-align:center;padding:var(--space-lg) 0}.quiz-result-icon{margin-bottom:var(--space-md)}.result-icon-pass{color:#2d7a4f}.result-icon-fail{color:var(--color-error)}.quiz-result-score{margin-bottom:var(--space-sm)}.quiz-score-value{display:block;font-family:var(--font-display);font-size:var(--text-5xl);color:var(--accent);line-height:1}.quiz-passed .quiz-score-value{color:#2d7a4f}.quiz-score-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.quiz-result-message{font-family:var(--font-body);font-size:var(--text-md);color:var(--text-muted);max-width:40ch;margin:0 auto}.quiz-review{margin:var(--space-lg) 0;padding-top:var(--space-lg);border-top:var(--border-width) solid rgba(var(--color-white-rgb),.1)}[data-theme=light] .quiz-review{border-color:rgba(var(--color-black-rgb),.1)}.quiz-review-list{display:flex;flex-direction:column;gap:var(--space-md)}.quiz-review-item{display:flex;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:rgba(var(--color-white-rgb),.02)}[data-theme=light] .quiz-review-item{background:rgba(var(--color-black-rgb),.02)}.quiz-review-item.correct{border-left:3px solid #2d7a4f}.quiz-review-item.incorrect{border-left:3px solid var(--color-error)}.review-status{flex-shrink:0;width:24px;height:24px}.quiz-review-item.correct .review-status{color:#2d7a4f}.quiz-review-item.incorrect .review-status{color:var(--color-error)}.review-content{flex:1}.review-question{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-xs)}.review-answer{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-xs)}.review-answer .correct{color:#2d7a4f;font-weight:var(--font-medium)}.review-answer .incorrect{color:var(--color-error);font-weight:var(--font-medium)}.review-explanation{font-family:var(--font-body);font-size:var(--text-sm);font-style:italic;color:var(--text-muted);padding-left:var(--space-sm);border-left:2px solid rgba(var(--color-white-rgb),.1)}[data-theme=light] .review-explanation{border-color:rgba(var(--color-black-rgb),.1)}.quiz-complete-actions{display:flex;justify-content:center;gap:var(--space-sm)}@media (max-width:600px){.quiz-section{padding:0 var(--space-sm);margin:var(--space-lg) auto}.quiz-container{padding:var(--space-md)}.quiz-title{font-size:var(--text-2xl)}.quiz-info{gap:var(--space-md)}.quiz-stat-value{font-size:var(--text-2xl)}.quiz-question-text{font-size:var(--text-base)}.quiz-option{padding:var(--space-sm)}.quiz-actions{flex-wrap:wrap}.quiz-btn{flex:1;min-width:120px}.quiz-score-value{font-size:var(--text-4xl)}.quiz-complete-actions{flex-direction:column}.quiz-complete-actions .quiz-btn{width:100%}}.toc-chapter.quiz-passed .toc-chapter-number::before{content:'';display:inline-block;width:8px;height:8px;background:#2d7a4f;border-radius:50%;margin-right:var(--space-2)}.toc-chapter .quiz-score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:2px 6px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);background:rgba(var(--color-gold-rgb),.2);color:var(--accent);border-radius:var(--radius-sm);margin-left:auto}.toc-chapter.quiz-passed .quiz-score-badge{background:rgba(45,122,79,.2);color:#2d7a4f}.quiz-keyboard-hint{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:var(--border-width) solid rgba(var(--color-white-rgb),.1);text-align:center}[data-theme=light] .quiz-keyboard-hint{border-color:rgba(var(--color-black-rgb),.1)}.kbd-hint-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.quiz-keyboard-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:rgba(var(--color-white-rgb),.1);border:var(--border-width) solid rgba(var(--color-white-rgb),.2);border-radius:3px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--accent);margin:0 2px}[data-theme=light] .quiz-keyboard-hint kbd{background:rgba(var(--color-black-rgb),.05);border-color:rgba(var(--color-black-rgb),.15)}@media (max-width:768px){.quiz-keyboard-hint{display:none}}.quiz-option-key{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:auto;background:rgba(var(--color-white-rgb),.05);border:var(--border-width) solid rgba(var(--color-white-rgb),.15);border-radius:3px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);transition:all var(--transition-fast)}[data-theme=light] .quiz-option-key{background:rgba(var(--color-black-rgb),.03);border-color:rgba(var(--color-black-rgb),.1)}.quiz-option.selected .quiz-option-key,.quiz-option:hover .quiz-option-key{border-color:var(--accent);color:var(--accent);background:rgba(var(--color-gold-rgb),.1)}@media (max-width:768px){.quiz-option-key{display:none}}.quiz-feedback{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);animation:.3s ease-out slideIn}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-correct{background:rgba(45,122,79,.1);border:var(--border-width) solid rgba(45,122,79,.3)}.feedback-incorrect{background:rgba(var(--color-error-rgb,220,53,69),.1);border:var(--border-width) solid rgba(var(--color-error-rgb,220,53,69),.3)}.feedback-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.feedback-icon{flex-shrink:0;width:24px;height:24px}.feedback-correct .feedback-icon{color:#2d7a4f}.feedback-incorrect .feedback-icon{color:var(--color-error)}.feedback-title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:var(--tracking-wide)}.feedback-correct .feedback-title{color:#2d7a4f}.feedback-incorrect .feedback-title{color:var(--color-error)}.feedback-explanation{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-muted);margin-bottom:var(--space-md)}.feedback-explanation p{margin:0}.quiz-continue-btn{width:100%;justify-content:center}.quiz-option.option-correct{border-color:#2d7a4f!important;background:rgba(45,122,79,.15)!important}.quiz-option.option-correct .quiz-option-marker{border-color:#2d7a4f!important}.quiz-option.option-correct .quiz-option-marker::after{background:#2d7a4f!important}.quiz-option.option-incorrect{border-color:var(--color-error)!important;background:rgba(var(--color-error-rgb,220,53,69),.15)!important}.quiz-option.option-incorrect .quiz-option-marker{border-color:var(--color-error)!important}.quiz-option.option-incorrect .quiz-option-marker::after{background:var(--color-error)!important}.feedback-shown .quiz-option{cursor:default;pointer-events:none}.quiz-scenario{margin-bottom:var(--space-md);padding:var(--space-md);background:rgba(var(--color-gold-rgb),.05);border:var(--border-width) solid rgba(var(--color-gold-rgb),.2);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.scenario-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-xs)}.scenario-text{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);margin:0;font-style:italic}.quiz-matching{display:flex;flex-direction:column;gap:var(--space-sm)}.matching-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:rgba(var(--color-white-rgb),.03);border:var(--border-width) solid rgba(var(--color-white-rgb),.1);border-radius:var(--radius-md)}[data-theme=light] .matching-item{background:rgba(var(--color-black-rgb),.02);border-color:rgba(var(--color-black-rgb),.1)}.matching-text{flex:1;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium)}.matching-select{flex:1;padding:var(--space-xs) var(--space-sm);background:rgba(var(--color-white-rgb),.05);border:var(--border-width) solid rgba(var(--color-white-rgb),.2);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}[data-theme=light] .matching-select{background:var(--color-paper);border-color:rgba(var(--color-black-rgb),.2)}.matching-select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--color-gold-rgb),.2)}.matching-select option{background:var(--bg-primary);color:var(--text-primary)}@media (max-width:600px){.matching-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.matching-select{width:100%}}.quiz-ordering{display:flex;flex-direction:column;gap:var(--space-xs)}.ordering-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(var(--color-white-rgb),.03);border:var(--border-width) solid rgba(var(--color-white-rgb),.1);border-radius:var(--radius-md);cursor:grab;transition:all var(--transition-fast);user-select:none}[data-theme=light] .ordering-item{background:rgba(var(--color-black-rgb),.02);border-color:rgba(var(--color-black-rgb),.1)}.ordering-item:hover{border-color:var(--accent);background:rgba(var(--color-gold-rgb),.05)}.ordering-item:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--color-gold-rgb),.2)}.ordering-item.dragging{opacity:.5;cursor:grabbing}.ordering-handle{flex-shrink:0;color:var(--text-muted);cursor:grab}.ordering-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--color-ink);border-radius:50%;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold)}.ordering-text{flex:1;font-family:var(--font-body);font-size:var(--text-base)}.ordering-controls{display:flex;flex-direction:column;gap:2px}.ordering-down,.ordering-up{display:flex;align-items:center;justify-content:center;width:24px;height:20px;background:rgba(var(--color-white-rgb),.05);border:var(--border-width) solid rgba(var(--color-white-rgb),.15);border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}[data-theme=light] .ordering-down,[data-theme=light] .ordering-up{background:rgba(var(--color-black-rgb),.03);border-color:rgba(var(--color-black-rgb),.15)}.ordering-down:hover:not(:disabled),.ordering-up:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:rgba(var(--color-gold-rgb),.1)}.ordering-down:disabled,.ordering-up:disabled{opacity:.3;cursor:not-allowed}@media (max-width:768px){.ordering-handle{display:none}.ordering-item{cursor:default}}@media (min-width:769px){.ordering-controls{display:none}.ordering-item:hover .ordering-controls{display:flex}}.quiz-fill-blank{display:flex;flex-direction:column;gap:var(--space-sm)}.fill-blank-input{width:100%;padding:var(--space-sm) var(--space-md);background:rgba(var(--color-white-rgb),.03);border:2px solid rgba(var(--color-white-rgb),.15);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-primary);transition:all var(--transition-fast)}[data-theme=light] .fill-blank-input{background:var(--color-paper);border-color:rgba(var(--color-black-rgb),.15)}.fill-blank-input::placeholder{color:var(--text-muted)}.fill-blank-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--color-gold-rgb),.2)}.quiz-hint-container{margin-top:var(--space-md)}.quiz-hint-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-sm);background:0 0;border:var(--border-width) solid rgba(var(--color-white-rgb),.2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}[data-theme=light] .quiz-hint-btn{border-color:rgba(var(--color-black-rgb),.2)}.quiz-hint-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:rgba(var(--color-gold-rgb),.1)}.quiz-hint-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-hints-display{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.quiz-hint{padding:var(--space-sm);background:rgba(var(--color-gold-rgb),.08);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;animation:.3s ease-out hintSlideIn}@keyframes hintSlideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.hint-new{animation:.5s ease-out hintPulse}@keyframes hintPulse{0%{opacity:0;transform:translateX(-10px)}50%{background:rgba(var(--color-gold-rgb),.15)}100%{opacity:1;transform:translateX(0)}}.hint-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:var(--accent);margin-right:var(--space-2)}.hint-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary)}.quiz-hints-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.quiz-hints-note .hints-count{color:var(--text-muted)}.quiz-hints-note .hints-penalty{color:var(--color-error);cursor:help;border-bottom:1px dotted var(--color-error)}@media (max-width:600px){.quiz-feedback{padding:var(--space-sm)}.feedback-header{flex-wrap:wrap}.quiz-scenario{padding:var(--space-sm)}.ordering-item{padding:var(--space-xs) var(--space-sm)}}.quiz-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quiz-hint-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quiz-continue-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.ordering-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fill-blank-input:focus-visible{outline:0}@media (prefers-reduced-motion:reduce){.hint-new,.quiz-feedback,.quiz-hint{animation:none}.quiz-progress-fill{transition:none}}