.ai-quiz{animation:fadeIn .3s ease;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.ai-quiz-loading{padding:var(--spacing-3xl);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:50px;margin:0 auto var(--spacing-lg);width:50px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:var(--spacing-sm)}.loading-subtext{color:var(--color-text-secondary);font-size:.9rem}.ai-quiz-error{padding:var(--spacing-3xl);text-align:center}.error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.error-message{color:var(--color-error);font-size:1rem;margin-bottom:var(--spacing-lg)}.retry-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-arabic);font-size:1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-base)}.retry-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ai-quiz-ready{text-align:center}.quiz-intro{margin:0 auto;max-width:500px}.quiz-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:var(--spacing-lg)}.quiz-title{color:var(--color-text-primary);font-size:1.5rem;margin-bottom:var(--spacing-sm)}.quiz-description{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.quiz-intro-list{color:var(--color-text-primary);display:grid;gap:.6rem;margin:0 0 var(--spacing-lg);padding-inline-end:1.2rem;text-align:start}.quiz-intro-list li{line-height:1.7}.quiz-meta{display:flex;gap:var(--spacing-xl);justify-content:center;margin-bottom:var(--spacing-xl)}.meta-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:var(--spacing-xs)}.meta-icon{font-size:1.1rem}.start-quiz-button{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-family:var(--font-arabic);font-size:1.1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition-base)}.quiz-generate-button{min-width:220px}.start-quiz-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quiz-header{margin-bottom:var(--spacing-xl)}.progress-text{color:var(--color-text-secondary);display:block;font-size:.9rem;margin-bottom:var(--spacing-sm);text-align:center}.progress-bar{background:var(--color-border);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));height:100%;margin-inline-start:auto;transition:width .3s ease}.quiz-question{margin-bottom:var(--spacing-xl)}.question-text{color:var(--color-text-primary);font-size:1.2rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.answer-options{flex-direction:column}.answer-option,.answer-options{display:flex;gap:var(--spacing-md)}.answer-option{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-arabic);padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:right;transition:var(--transition-base)}.answer-option:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-2px)}.answer-option.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 3px #3498db1a}.option-letter{align-items:center;background:var(--color-border);border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.answer-option.selected .option-letter,.answer-option:hover .option-letter{background:var(--color-primary);color:#fff}.option-text{color:var(--color-text-primary);flex:1;font-size:1rem;line-height:1.5}.option-check{color:var(--color-primary);font-size:1.25rem;font-weight:700;inset-inline-end:var(--spacing-md);position:absolute}.quiz-navigation{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.nav-button{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-arabic);font-size:.95rem;font-weight:600;min-width:100px;padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-base)}.nav-button:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.nav-button:disabled{cursor:not-allowed;opacity:.4}.nav-submit{background:var(--color-success);border-color:var(--color-success);color:#fff}.nav-submit:hover:not(:disabled){background:#27ae60;border-color:#27ae60}.question-indicators{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.indicator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;font-size:.875rem;height:32px;transition:var(--transition-base);width:32px}.indicator:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.indicator.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.indicator.answered{background:var(--color-success);border-color:var(--color-success);color:#fff}.results-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);text-align:center}.score-display{margin-bottom:var(--spacing-lg)}.score-emoji{animation:bounce .6s ease;font-size:4rem;margin-bottom:var(--spacing-md)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.score-percentage{color:var(--color-primary);font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm)}.score-message{color:var(--color-text-primary);font-size:1.25rem}.results-summary{display:flex;gap:var(--spacing-2xl);justify-content:center;margin-top:var(--spacing-lg)}.summary-item{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-label{color:var(--color-text-secondary);font-size:.875rem}.summary-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.results-details{margin-bottom:var(--spacing-xl)}.details-title{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:var(--spacing-lg)}.result-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden}.result-item.correct{border-color:var(--color-success)}.result-item.incorrect{border-color:var(--color-error)}.result-header{background:var(--color-surface-hover);gap:var(--spacing-md);padding:var(--spacing-md)}.result-header,.result-number{align-items:center;display:flex}.result-number{background:var(--color-primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:700;height:28px;justify-content:center;width:28px}.result-question{color:var(--color-text-primary);flex:1;font-size:.95rem}.result-status{border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.result-status.correct{background:var(--color-success-light);color:var(--color-success)}.result-status.incorrect{background:#e74c3c1a;color:var(--color-error)}.result-answers{padding:var(--spacing-md)}.correct-answer,.user-answer{display:flex;font-size:.9rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.answer-label{color:var(--color-text-secondary);font-weight:600;min-width:100px}.answer-text{color:var(--color-text-primary);line-height:1.5}.correct-answer .answer-text{color:var(--color-success);font-weight:500}.explanation-toggle{align-items:center;background:var(--color-surface-hover);border:none;border-top:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;display:flex;font-family:var(--font-arabic);font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base);width:100%}.explanation-toggle:hover{background:var(--color-primary-light)}.toggle-icon{font-size:1.25rem;font-weight:700}.explanation-content{background:#3498db0d;border-top:1px solid var(--color-border);color:var(--color-text-primary);font-size:.9rem;line-height:1.6;padding:var(--spacing-md)}.results-actions{display:flex;gap:var(--spacing-md);justify-content:center}.action-button{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-arabic);font-size:1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-base)}.action-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.retry-quiz{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.retry-quiz:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.new-quiz{background:var(--color-success);border-color:var(--color-success);color:#fff}.new-quiz:hover{background:#27ae60;border-color:#27ae60}@media(max-width:768px){.ai-quiz{padding:var(--spacing-md)}.quiz-meta{flex-direction:column;gap:var(--spacing-sm)}.question-text{font-size:1rem}.answer-option{padding:var(--spacing-sm) var(--spacing-md)}.quiz-navigation{flex-wrap:wrap;justify-content:center}.nav-button{flex:1;min-width:80px}.question-indicators{justify-content:center;margin-bottom:var(--spacing-sm);order:-1;width:100%}.results-summary{gap:var(--spacing-md)}.results-actions,.results-summary{flex-direction:column}.action-button{width:100%}}.ai-quiz{background:linear-gradient(180deg,#fffffffa,#f7f7fbfa);border-color:#2b2d5e14;border-radius:var(--radius-xl);box-shadow:0 16px 36px #2b2d5e14}.quiz-meta{flex-wrap:wrap}.meta-item{background:#2b2d5e0d;border-radius:var(--radius-full);padding:.6rem .85rem}.answer-option,.result-item{border-radius:var(--radius-lg)}.results-summary{flex-wrap:wrap}