.quiz-card{background-color:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.gradient-success{background:var(--gradient-cool)}.quiz-header{justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.quiz-header,.quiz-status{display:flex;align-items:center;gap:var(--spacing-md)}.quiz-status{flex-shrink:0}.quiz-info{gap:var(--spacing-sm);flex:1;min-width:0}.quiz-info,.quiz-timer{display:flex;align-items:center}.quiz-timer{gap:var(--spacing-xs);white-space:nowrap}.quiz-time{font-weight:600;min-width:35px}.quiz-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.quiz-subtitle{font-size:var(--font-size-lg);color:var(--color-muted-foreground)}.quiz-center{text-align:center;margin-top:var(--spacing-lg)}.quiz-question-text{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.quiz-image{position:relative;width:200px;height:120px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--color-primary);overflow:hidden}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;border:none;transition:background var(--transition-normal)}.btn-primary{background:var(--color-primary);color:var(--color-primary-foreground)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-success{background:var(--color-primary);color:white}.btn-success:hover{background:white;color:var(--color-primary)!important}.btn-option{justify-content:flex-start;text-align:left;background:transparent;border:1px solid var(--color-border)}.btn-option:hover{background:var(--color-accent)}.option-label{font-weight:600;color:var(--color-primary);margin-right:var(--spacing-sm)}.quiz-feedback{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm)}.text-success{color:var(--color-success)}.quiz-explanation{background:var(--color-accent);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.badge{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;margin:-3px}.badge-success{background:var(--color-success);color:white}.badge-neutral{background:var(--color-secondary-hover);color:var(--color-accent)}.badge-danger{background:var(--color-destructive);color:white}.badge.outline{border:1px solid var(--color-border);background:transparent;color:var(--color-foreground)}.quiz-system-icon{width:20px;height:20px;color:var(--color-primary)}.icon-sm{width:16px;height:16px}@media (max-width:640px){.quiz-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.quiz-status{align-self:flex-end;width:100%;justify-content:space-between}.quiz-info{width:100%}}.quiz-heading{font-size:var(--font-size-lg);font-weight:600;margin:0}.quiz-progress{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin:0}.text-warning{color:var(--color-warning)}.text-muted{color:var(--color-muted-foreground);display:flex;align-items:center;gap:var(--spacing-xs)}.loading-spinner{margin-bottom:var(--spacing-md)}.animate-spin{animation:spin 1s linear infinite}.error-icon{margin-bottom:var(--spacing-md)}.text-danger{color:var(--color-destructive)}.btn-timer{background:transparent;border:1px solid var(--color-border);padding:var(--spacing-xs);border-radius:var(--radius-sm);margin-left:var(--spacing-xs);transition:all var(--transition-normal)}.btn-timer:hover{background:var(--color-accent);border-color:var(--color-primary)}.quiz-pause-screen{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.pause-icon{margin-bottom:var(--spacing-lg)}.pause-large{width:64px;height:64px;color:var(--color-primary);opacity:.7}.pause-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-foreground)}.pause-subtitle{color:var(--color-muted-foreground);margin-bottom:var(--spacing-lg)}.btn-large,.pause-subtitle{font-size:var(--font-size-base)}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-weight:600}.quiz-completion-container{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.quiz-completion-card{background:linear-gradient(135deg,var(--color-card) 0,var(--color-accent) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:0 20px 40px rgba(0,0,0,.1);text-align:center;max-width:500px;width:100%;position:relative;z-index:10;backdrop-filter:blur(10px)}.completion-header{margin-bottom:var(--spacing-xl)}.trophy-animation{margin-bottom:var(--spacing-lg);animation:bounce 2s infinite}.trophy-gold{width:80px;height:80px;color:#ffd700;filter:drop-shadow(0 4px 8px rgba(255,215,0,.3))}.trophy-silver{width:80px;height:80px;color:#c0c0c0;filter:drop-shadow(0 4px 8px rgba(192,192,192,.3))}.trophy-bronze{width:80px;height:80px;color:#cd7f32;filter:drop-shadow(0 4px 8px rgba(205,127,50,.3))}.completion-stars{display:flex;justify-content:center;gap:var(--spacing-xs)}.star{width:24px;height:24px;transition:all .3s ease}.star-filled{color:#ffd700;animation:starGlow 2s ease-in-out infinite alternate}.star-empty{color:var(--color-muted-foreground);opacity:.3}.completion-content{text-align:center}.completion-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-display{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.score-circle,.score-display{display:flex;align-items:center;justify-content:center}.score-circle{position:relative;width:120px;height:120px;border:4px solid var(--color-primary);border-radius:50%;flex-direction:column;background:var(--color-card);box-shadow:0 8px 16px rgba(0,0,0,.1)}.score-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);line-height:1}.score-total{font-size:var(--font-size-sm);color:var(--color-muted-foreground);line-height:1}.percentage-badge{display:flex;align-items:center}.percentage{font-size:var(--font-size-2xl);font-weight:700;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);border:2px solid}.percentage.excellent{color:#10b981;background:rgba(16,185,129,.1)}.percentage.good{color:#3b82f6;background:rgba(59,130,246,.1)}.percentage.average{color:#f59e0b;background:rgba(245,158,11,.1)}.percentage.poor{color:#ef4444;background:rgba(239,68,68,.1)}.achievement-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-accent);border-radius:var(--radius-lg)}.check-icon{width:24px;height:24px;color:var(--color-success)}.achievement-message p{margin:0;font-size:var(--font-size-base);color:var(--color-foreground)}.performance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border)}.stat-label{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-lg);font-weight:600}.stat-value.correct{color:var(--color-success)}.stat-value.incorrect{color:var(--color-destructive)}.stat-value.accuracy{color:var(--color-primary)}.completion-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-primary-foreground)}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:8px;height:8px;border-radius:2px;animation:confettiFall 3s linear infinite}.confetti-0{background:#ff6b6b;left:10%;animation-delay:0s}.confetti-1{background:#4ecdc4;left:20%;animation-delay:.2s}.confetti-2{background:#45b7d1;left:30%;animation-delay:.4s}.confetti-3{background:#96ceb4;left:40%;animation-delay:.6s}.confetti-4{background:#ffeaa7;left:50%;animation-delay:.8s}.confetti-5{background:#dda0dd;left:60%;animation-delay:1s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes starGlow{0%{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}to{filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}}@keyframes confettiFall{0%{transform:translateY(-100px) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(1turn);opacity:0}}@media (max-width:640px){.quiz-completion-card{margin:var(--spacing-md);padding:var(--spacing-lg)}.completion-title{font-size:var(--font-size-2xl)}.score-display{flex-direction:column;gap:var(--spacing-md)}.score-circle{width:100px;height:100px}.performance-stats{grid-template-columns:1fr;gap:var(--spacing-sm)}.completion-actions{flex-direction:column;align-items:center}.trophy-bronze,.trophy-gold,.trophy-silver{width:60px;height:60px}}.rf-card{background:var(--color-card);color:var(--color-card-foreground);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);transition:var(--transition-normal);position:relative;overflow:hidden}.rf-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:.02;pointer-events:none}.rf-title{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm);position:relative}.rf-icon{width:24px;height:24px;color:var(--color-warning);filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));animation:bulb-glow 2s ease-in-out infinite alternate}.rf-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.rf-loading{justify-content:center;align-items:center;padding:var(--spacing-2xl)}.rf-fact,.rf-loading{display:flex;background:var(--color-muted);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.rf-fact{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);position:relative;transition:var(--transition-normal)}.rf-fact:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.rf-fact-text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-foreground);font-weight:500;position:relative;padding-left:var(--spacing-sm)}.rf-fact-text:before{content:' " ';position:absolute;left:0;top:0;line-height:1}.rf-fact-text:after,.rf-fact-text:before{font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:700}.rf-fact-text:after{content:'"';margin-left:var(--spacing-xs)}.rf-badges{display:flex;gap:var(--spacing-md);align-items:center;justify-content:flex-start;flex-wrap:wrap;padding-left:var(--spacing-sm)}.rf-badges .badge{border:2px solid var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);justify-content:left;align-items:left}.rf-badges .badge,.rf-button{font-weight:600;transition:var(--transition-normal)}.rf-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:var(--gradient-primary);color:var(--color-primary-foreground);border:none;font-size:var(--font-size-base);position:relative;overflow:hidden}.rf-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-normal)}.rf-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.rf-button:hover:before{left:100%}.rf-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.rf-button:disabled:hover{transform:none;box-shadow:none}.rf-refresh{width:18px;height:18px;transition:var(--transition-normal)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rf-fact{animation:fadeInUp .5s ease-out}@media (max-width:768px){.rf-card{padding:var(--spacing-md)}.rf-title{font-size:var(--font-size-lg);gap:var(--spacing-xs)}.rf-fact{padding:var(--spacing-md)}.rf-fact-text{font-size:var(--font-size-base)}.rf-badges{justify-content:flex-start}.rf-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media (max-width:480px){.rf-title{font-size:var(--font-size-base)}.rf-icon{width:20px;height:20px}.rf-fact-text:after,.rf-fact-text:before{font-size:var(--font-size-xl)}}