.quiz-container{max-width:100%;padding:var(--space-lg);min-height:calc(100vh - 200px)}.quiz-setup{text-align:left;padding:var(--space-2xl) 0}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl);text-align:left}.category-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.category-item:hover{border-color:var(--accent);transform:translateY(-2px)}.category-item.selected{border-color:var(--accent);background:var(--bg-tertiary)}.category-item input{accent-color:var(--accent);width:18px;height:18px}.category-item label{flex:1;cursor:pointer}.category-count{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.difficulty-select{display:flex;gap:var(--space-md);justify-content:flex-start;margin-bottom:var(--space-2xl);flex-wrap:wrap}.difficulty-btn{padding:var(--space-md) var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.difficulty-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.difficulty-btn.selected{border-color:var(--accent);background:var(--bg-tertiary)}.start-btn{padding:var(--space-md) var(--space-2xl);font-size:1.1rem}.selected-count{margin-bottom:var(--space-lg);color:var(--text-secondary)}.previous-best{margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--border-radius);font-size:.9rem;color:var(--text-muted);font-family:var(--font-mono)}.previous-best.has-data{color:var(--accent)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.category-header h3{margin:0}.category-actions{display:flex;gap:var(--space-sm)}.category-action-btn{padding:var(--space-xs) var(--space-md);font-size:.85rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.category-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-tertiary)}.quiz-question{display:none}.quiz-question.active{display:block}.progress-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;margin-bottom:var(--space-xl);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.question-number{font-family:var(--font-mono);color:var(--text-secondary)}.question-category{font-size:.85rem;padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary)}.question-difficulty{font-size:.8rem;padding:var(--space-xs) var(--space-sm);border-radius:4px}.difficulty-junior{background:var(--bg-tertiary);color:var(--accent-tertiary);border:1px solid var(--border)}.difficulty-senior{background:var(--bg-tertiary);color:var(--status-warning);border:1px solid var(--border)}.difficulty-power{background:var(--bg-tertiary);color:var(--status-danger);border:1px solid var(--border)}.question-text{font-size:1.25rem;margin-bottom:var(--space-xl);line-height:1.5}.question-text code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--accent)}.question-text pre{margin:var(--space-sm) 0;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--border-radius);overflow-x:auto}.question-text pre code{background:none;border:none;padding:0;display:block}.options-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.option-btn{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--border-radius);text-align:left;cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);font-size:1rem}.option-btn:hover:not(.disabled){border-color:var(--accent);transform:translateY(-1px)}.option-btn.selected{border-color:var(--accent);background:var(--bg-tertiary)}.option-btn.correct{border-color:var(--status-success);background:var(--bg-tertiary)}.option-btn.incorrect{border-color:var(--status-danger);background:var(--bg-tertiary)}.option-btn.disabled{cursor:default}.option-btn code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--accent)}.option-btn pre{margin:var(--space-xs) 0;padding:var(--space-xs);background:var(--bg-tertiary);border-radius:var(--border-radius);overflow-x:auto}.option-btn pre code{background:none;border:none;padding:0;display:block}.option-key{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--bg-tertiary);border-radius:4px;font-weight:600;font-size:.9rem;flex-shrink:0}.explanation-box{display:none;padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--border-radius);margin-bottom:var(--space-xl);border-left:4px solid var(--accent)}.explanation-box.show{display:block}.explanation-box h4{margin-bottom:var(--space-sm);color:var(--text-primary)}.explanation-box p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.explanation-box code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--accent)}.explanation-box pre{margin:var(--space-sm) 0;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--border-radius);overflow-x:auto}.explanation-box pre code{background:none;border:none;padding:0;display:block}.success-rate{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--border-radius);font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono)}.explanation-box .doc-links{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.explanation-box .doc-link{display:inline-block;font-size:.9rem}.explanation-box .official-doc-link{opacity:.7;font-size:.85rem}.report-error-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.btn-report-error{display:inline-block;background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius);font-size:.85rem;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.btn-report-error:hover{background:var(--bg-secondary);color:var(--text-primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.question-actions{display:flex;justify-content:space-between;gap:var(--space-md)}.nav-btn{padding:var(--space-sm) var(--space-lg)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-results{display:none;text-align:left;padding:var(--space-2xl) 0}.quiz-results.active{display:block}.results-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl);transition:all var(--transition-normal)}.results-card:hover{border-color:var(--accent)}.results-card h2{margin-bottom:var(--space-lg)}.score-display{font-size:4rem;font-weight:700;margin-bottom:var(--space-md);color:var(--accent)}.score-label{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--space-xl)}.score-delta{font-size:1rem;font-weight:600;margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius)}.score-delta.positive{color:var(--status-success);background:var(--bg-tertiary)}.score-delta.negative{color:var(--status-danger);background:var(--bg-tertiary)}.score-delta.neutral{color:var(--text-muted);background:var(--bg-tertiary)}.score-delta.first{color:var(--accent);background:var(--bg-tertiary)}.category-delta{display:inline-block;font-size:.75rem;font-weight:700;margin-left:var(--space-xs);padding:2px 6px;border-radius:3px}.category-delta.positive{color:var(--status-success);background:var(--bg-tertiary)}.category-delta.negative{color:var(--status-danger);background:var(--bg-tertiary)}.score-badge{display:inline-block;padding:var(--space-sm) var(--space-lg);border-radius:20px;font-weight:600;margin-bottom:var(--space-xl)}.badge-novice{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.badge-apprentice,.badge-practitioner,.badge-expert{background:var(--bg-tertiary);color:var(--accent-tertiary);border:1px solid var(--border)}.badge-master{background:var(--bg-tertiary);color:var(--status-warning);border:1px solid var(--border)}.category-scores{text-align:left;margin-bottom:var(--space-xl)}.category-score-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border)}.category-score-item:last-child{border-bottom:none}.category-score-bar{width:100px;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.category-score-fill{height:100%;background:var(--accent);border-radius:4px}.results-meta{display:flex;justify-content:flex-start;gap:var(--space-xl);flex-wrap:wrap;margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--border-radius)}.meta-item{text-align:center}.meta-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.meta-label{font-size:.8rem;color:var(--text-muted)}.most-missed-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-2xl);text-align:left}.most-missed-section h4{margin-bottom:var(--space-sm);color:var(--text-primary)}#most-missed-list{max-height:300px;overflow-y:auto}.missed-question-item{padding:var(--space-sm);margin-bottom:var(--space-sm);background:var(--bg-tertiary);border-left:3px solid var(--warning);border-radius:var(--border-radius);font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.missed-question-item .question-info{flex:1}.missed-question-item .question-id{font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.missed-question-item .question-preview{color:var(--text-secondary);margin-top:var(--space-xs)}.missed-question-item .success-rate{font-family:var(--font-mono);font-weight:600;color:var(--warning);font-size:1.1rem;margin-left:var(--space-md)}.results-actions{display:flex;gap:var(--space-md);justify-content:flex-start;flex-wrap:wrap}.share-text{font-family:var(--font-mono);font-size:.9rem;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--border-radius);text-align:left;margin-bottom:var(--space-lg);word-break:break-word}.screenshot-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:2px solid var(--accent);border-radius:var(--border-radius-lg);margin-bottom:var(--space-lg)}.screenshot-badge img{width:40px;height:40px}.screenshot-badge-text{text-align:left}.screenshot-badge-title{font-weight:600;color:var(--text-primary)}.screenshot-badge-url{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.history-section{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);transition:all var(--transition-normal)}.history-section:hover{border-color:var(--accent)}.history-section h4{margin-bottom:var(--space-md);text-align:left}.history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--border-radius);font-size:.9rem;border-left:3px solid transparent;transition:all var(--transition-fast)}.history-item:hover{background:var(--bg-secondary)}.history-item.best{border-left-color:var(--accent);background:var(--bg-tertiary)}.history-date{color:var(--text-muted);font-size:.85rem}.history-score{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.history-badge{font-size:.8rem;padding:2px 8px;border-radius:4px}.history-meta{color:var(--text-muted);font-size:.8rem}.clear-history{display:inline-block;margin-top:var(--space-md);color:var(--text-muted);font-size:.85rem;text-decoration:underline;cursor:pointer;transition:color var(--transition-fast)}.clear-history:hover{color:var(--accent)}.empty-history{color:var(--text-muted);padding:var(--space-lg);font-style:italic}@media(max-width:480px){.quiz-container{padding:var(--space-md)}.question-text{font-size:1.1rem}.score-display{font-size:3rem}.question-actions{flex-direction:column}.nav-btn{width:100%}.score-delta{font-size:.9rem}.history-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.history-meta{font-size:.75rem}.category-delta{font-size:.7rem}.category-header{flex-direction:column;align-items:flex-start}.category-actions{width:100%}.category-action-btn{flex:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake{animation:shake .3s ease}