.quiz-question{width:100%}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.question-number{font-size:14px;font-weight:600;color:#007aff;background:#e3f2fd;padding:6px 12px;border-radius:20px}.question-instruction{font-size:13px;color:#666;font-style:italic}.question-with-number{display:flex;align-items:flex-start;margin-bottom:20px}.question-number-badge{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#1d4ed8;font-weight:700;border-radius:50%;margin-right:12px;font-size:13px}.question-text{flex:1;font-size:16px;font-weight:500;color:#1e293b;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.options-container{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.option{display:flex;align-items:flex-start;gap:12px;background:#fff;border:none;border-bottom:1px solid #e2e8f0;border-radius:0;padding:12px 16px;cursor:pointer;transition:all .2s;text-align:left;font-size:15px}.option:hover:not(:disabled){background:#f8fafc}.option:disabled{cursor:not-allowed}.option-letter{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#dbeafe;border-radius:50%;font-weight:700;color:#1d4ed8;font-size:12px;margin-top:1px}.option-text{flex:1;color:#334155;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.option-icon{flex-shrink:0;font-size:20px;font-weight:700}.option-selected{background:#f0f9ff;border-bottom-color:#007aff;border-bottom-width:2px}.option-selected .option-letter{background:#007aff;color:#fff}.option-correct{background:#d4edda;border-bottom-color:#28a745;border-bottom-width:2px}.option-correct .option-letter{background:#28a745;color:#fff}.option-correct .option-icon{color:#28a745}.option-incorrect{background:#f8d7da;border-bottom-color:#dc3545;border-bottom-width:2px}.option-incorrect .option-letter{background:#dc3545;color:#fff}.option-incorrect .option-icon{color:#dc3545}.option-correct-unselected{background:#d4edda;border-bottom-color:#28a745;border-bottom-width:2px;opacity:.7}.option-correct-unselected .option-letter,.option-correct-unselected .option-icon{color:#28a745}.submit-container{text-align:center;margin-top:30px}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:200px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.feedback-incorrect-minimal{margin-top:16px;padding:12px;background:#fef2f2;border-radius:6px;border-left:3px solid #dc3545}.feedback-incorrect-minimal p{margin:0;color:#334155;font-size:14px}.feedback-incorrect-minimal strong{color:#dc3545}@media(max-width:600px){.quiz-question{padding:16px}.question-text{font-size:15px;-webkit-line-clamp:unset;display:block;overflow:visible;text-overflow:unset}.option{padding:12px 15px;font-size:14px}.option-text{-webkit-line-clamp:unset;display:block;overflow:visible;text-overflow:unset}.option-letter{width:22px;height:22px;font-size:12px}.question-number-badge{width:24px;height:24px;font-size:12px}.feedback-incorrect-minimal{padding:10px;font-size:13px}}.score-table{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.score-column{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f8f9fa;border-radius:8px}.score-label{font-size:14px;font-weight:600;color:#64748b}.score-value{font-size:24px;font-weight:700;color:#1e293b}@media(max-width:600px){.score-label{font-size:12px}.score-value{font-size:20px}}.quiz-mode{max-width:800px;margin:0 auto;padding:20px}.quiz-header{text-align:center;margin-bottom:40px}.quiz-header h2{font-size:32px;margin-bottom:10px}.quiz-header p{color:#666;margin-bottom:20px}.quiz-info{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.quiz-info span{background:#f0f0f0;padding:8px 16px;border-radius:20px;font-size:14px}.range-selection h3{margin-bottom:20px;text-align:center}.range-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.range-button{background:#fff;border:2px solid #007AFF;color:#007aff;padding:20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.range-button:hover{background:#007aff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.range-button:disabled{opacity:.5;cursor:not-allowed}.quiz-progress{margin-bottom:30px}.progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#007aff,#00c6ff);transition:width .3s ease}.progress-text{text-align:center;color:#666;font-size:14px;font-weight:600}.quiz-next-container{text-align:center;margin-top:30px}.quiz-next-button{background:#007aff;color:#fff;border:none;padding:12px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.quiz-next-button:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.error-message{margin-top:20px;padding:15px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;text-align:center}@media(max-width:600px){.range-grid{grid-template-columns:repeat(2,1fr)}.range-button{padding:15px;font-size:14px}.quiz-header h2{font-size:24px}.quiz-info{flex-direction:column;gap:10px}}