.quiz-shell{max-width:var(--max-width-sm);margin-inline:auto}.progress-indicator{margin-bottom:var(--space-6)}.progress-text{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-muted);display:block;margin-bottom:var(--space-2)}.progress-bar{width:100%;height:10px;background-color:var(--color-border);border-radius:var(--border-radius-xs);overflow:hidden}.progress-fill{height:100%;background:var(--color-accent-strong);border-radius:var(--border-radius-xs);transition:width var(--transition-smooth);width:0%}.quiz-question{margin-bottom:var(--space-4);font-size:var(--font-size-lg);font-weight:700}.answer-buttons{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.answer-buttons .btn{flex:1;width:100%;min-height:var(--min-touch-target);padding:var(--space-4);font-size:var(--font-size-lg);font-weight:700;border:2px solid;border-radius:var(--border-radius);cursor:pointer;transition:opacity var(--transition-base),background-color var(--transition-base)}.btn-positive{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-hover)}@media(hover:hover){.btn-positive:hover{background-color:color-mix(in srgb,var(--color-success-bg) 80%,var(--color-success))}}.btn-negative{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger-hover)}@media(hover:hover){.btn-negative:hover{background-color:color-mix(in srgb,var(--color-danger-bg) 80%,var(--color-danger))}}.feedback{border-radius:var(--border-radius);padding:var(--space-5);margin-top:var(--space-2)}.feedback.correct{background-color:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success-hover)}.feedback.incorrect{background-color:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger-hover)}.feedback p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}.feedback .btn-primary{width:100%}.score{font-size:var(--font-size-xl);font-weight:800;color:var(--color-success);text-align:center;margin-bottom:var(--space-4)}.score-note{text-align:center;margin-bottom:var(--space-6)}.score-note:empty{display:none}.success-message[data-result=mid] .score{color:var(--color-warning)}.success-message[data-result=low] .score{color:var(--color-text)}.tips-recap{text-align:left;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-5);margin-bottom:var(--space-6)}.tips-recap h4{margin-bottom:var(--space-4)}.tips-recap ul{list-style:disc;padding-left:var(--space-6)}.tips-recap li{margin-bottom:var(--space-2);padding:var(--space-2) 0}.tips-recap li:last-child{margin-bottom:0}.question-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);border-radius:var(--border-radius);padding:var(--space-5);margin-bottom:var(--space-6);background-color:var(--color-bg)}.question-icon{font-size:var(--font-size-xl);flex-shrink:0;line-height:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.question-text{font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-relaxed);margin-bottom:0}.options-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.option-btn{width:100%;text-align:left;padding:var(--space-4) var(--space-5);font-size:var(--font-size-base);font-weight:500;line-height:var(--line-height-relaxed);min-height:var(--min-touch-target);border:2px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base)}@media(hover:hover){.option-btn:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-primary-50)}}.option-btn:disabled{cursor:default;opacity:.7}.option-btn.option-correct{border-color:var(--color-success);background-color:var(--color-success-bg);color:var(--color-success-hover);opacity:1;font-weight:700}.option-btn.option-incorrect{border-color:var(--color-danger);background-color:var(--color-danger-bg);color:var(--color-danger-hover);opacity:1}[data-theme=dark] .btn-positive{color:var(--color-success)}@media(hover:hover){[data-theme=dark] .btn-positive:hover{background-color:var(--color-success-bg-dark)}}[data-theme=dark] .btn-negative{color:var(--color-danger)}@media(hover:hover){[data-theme=dark] .btn-negative:hover{background-color:var(--color-danger-bg-dark)}}[data-theme=dark] .option-btn{background-color:var(--color-surface)}@media(min-width:768px){.answer-buttons{flex-direction:row}.answer-buttons .btn{width:auto}.progress-bar{height:var(--space-2)}.tips-recap li{padding:0}.question-card{flex-direction:row;gap:var(--space-4);padding:var(--space-6)}.question-icon{font-size:var(--font-size-2xl);width:56px;height:56px}}