.quiz-engine-card{background:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));box-shadow:var(--shadow-elevation-1);border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden}.quiz-progress-track{background:hsl(var(--bg-surface-1));border-radius:9999px;width:100%;height:6px;margin-bottom:.75rem;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, hsl(var(--primary)), hsl(var(--accent)));width:0%;height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.quiz-meta-bar{font-size:var(--text-caption);color:hsl(var(--text-muted));border-bottom:1px solid hsl(var(--border-subtle));justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.quiz-badge{background:hsl(var(--primary) / .15);color:hsl(var(--accent));font-weight:600;font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .6rem}.quiz-question-header{margin-bottom:1.5rem}.quiz-q-title{font-family:var(--font-display);font-size:var(--text-h3);color:hsl(var(--text-primary));margin:0 0 .4rem;font-weight:700;line-height:1.3}.quiz-q-sub{font-size:var(--text-body);color:hsl(var(--text-secondary));margin:0;line-height:1.5}.quiz-options-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.quiz-options-grid{grid-template-columns:1fr 1fr}}.quiz-opt-btn{background:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));cursor:pointer;text-align:left;transition:transform var(--duration-fast) var(--ease-spring), border-color var(--duration-fast) var(--ease-spring), background var(--duration-fast) var(--ease-spring);min-height:48px;color:hsl(var(--text-primary));border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.quiz-opt-btn:hover{border-color:hsl(var(--primary));background:hsl(var(--bg-elevated));transform:translateY(-2px)}.quiz-opt-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.quiz-opt-content{flex-direction:column;flex:1;gap:.2rem;display:flex}.quiz-opt-label{font-size:var(--text-body);color:hsl(var(--text-primary));font-weight:600}.quiz-opt-desc{font-size:var(--text-caption);color:hsl(var(--text-muted));line-height:1.35}.quiz-opt-tag{font-size:var(--text-caption);background:hsl(var(--bg-surface-1));border:1px solid hsl(var(--border-subtle));color:hsl(var(--accent));border-radius:9999px;flex-shrink:0;padding:.2rem .5rem;font-weight:600}.quiz-result-card{padding:1rem .5rem}.quiz-result-badge{background:hsl(var(--primary) / .15);color:hsl(var(--accent));font-weight:700;font-size:var(--text-caption);border-radius:9999px;margin-bottom:.75rem;padding:.3rem .75rem;display:inline-block}.quiz-result-title{font-family:var(--font-display);font-size:var(--text-h2);color:hsl(var(--text-primary));margin:0 0 .5rem;font-weight:800}.quiz-result-desc{font-size:var(--text-body);color:hsl(var(--text-secondary));margin:0 0 1.5rem;line-height:1.5}.quiz-suggestions-box{background:hsl(var(--bg-surface-1));border:1px solid hsl(var(--border-subtle));border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem}.suggestions-label{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));margin-bottom:.85rem;font-weight:700;display:block}.suggestions-list{flex-direction:column;gap:.75rem;display:flex}.suggestion-item{background:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.suggestion-info{flex-direction:column;display:flex}.suggestion-name{font-family:var(--font-mono);font-size:var(--text-body-lg);color:hsl(var(--text-primary));font-weight:700}.suggestion-sub{font-size:var(--text-caption);color:hsl(var(--text-muted))}.btn-copy-suggestion{background:hsl(var(--bg-surface-1));border:1px solid hsl(var(--border-subtle));color:hsl(var(--text-secondary));font-size:var(--text-caption);cursor:pointer;min-height:36px;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease, color var(--duration-fast) ease;border-radius:.5rem;align-items:center;gap:.4rem;padding:.4rem .75rem;font-weight:600;display:flex}.btn-copy-suggestion:hover{background:hsl(var(--primary) / .15);border-color:hsl(var(--primary));color:hsl(var(--text-primary))}.quiz-actions-row{flex-wrap:wrap;gap:1rem;display:flex}.btn-quiz-primary{background:hsl(var(--primary));color:#fff;min-width:200px;min-height:48px;font-weight:700;font-size:var(--text-body);transition:transform var(--duration-fast) var(--ease-spring), opacity var(--duration-fast) ease;border-radius:.5rem;flex:1;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-quiz-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-quiz-secondary{border:1px solid hsl(var(--border-subtle));min-height:48px;color:hsl(var(--text-muted));font-weight:600;font-size:var(--text-body);cursor:pointer;transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease;background:0 0;border-radius:.5rem;padding:0 1.25rem}.btn-quiz-secondary:hover{color:hsl(var(--text-primary));border-color:hsl(var(--border-focus))}.quiz-toast{background:hsl(var(--primary));color:#fff;font-size:var(--text-caption);box-shadow:var(--shadow-elevation-2);opacity:0;pointer-events:none;transition:transform var(--duration-normal) var(--ease-spring), opacity var(--duration-normal) ease;z-index:10;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)translateY(30px)}.quiz-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}