.quiz-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;padding:var(--space-lg);background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:500px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.quiz-close{top:var(--space-md);right:var(--space-md);color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-base);background:0 0;border:none;position:absolute}.quiz-close:hover{color:var(--color-text);background:#ffffff0d}.quiz-progress{background:var(--color-border);border-radius:var(--radius-full);height:4px;margin-bottom:var(--space-xl);overflow:hidden}.quiz-progress-bar{background:var(--gradient-accent);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.quiz-step-counter{font-size:var(--font-size-sm);color:var(--color-text-subtle);text-align:center;margin-bottom:var(--space-sm)}.quiz-question{font-size:var(--font-size-xl);text-align:center;margin-bottom:var(--space-xl);color:var(--color-text);font-weight:700}.quiz-options{gap:var(--space-sm);flex-direction:column;display:flex}.quiz-option{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;display:flex}.quiz-option:hover{border-color:var(--color-accent);background:#06b6d40d;transform:translate(4px)}.quiz-option.selected{border-color:var(--color-accent);background:#06b6d41a}.quiz-option:disabled{opacity:.6;cursor:not-allowed}.quiz-option-icon{font-size:var(--font-size-xl);flex-shrink:0}.quiz-option-label{font-size:var(--font-size-base);color:var(--color-text);font-weight:500}.quiz-back{margin-top:var(--space-xl);padding:var(--space-sm)var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);background:0 0}.quiz-back:hover{border-color:var(--color-accent);color:var(--color-accent)}.quiz-back:disabled{opacity:.5;cursor:not-allowed}.quiz-loading{border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-md);background:#0f172af2;flex-direction:column;display:flex;position:absolute;inset:0}.quiz-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quiz-loading p{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width:576px){.quiz-modal{padding:var(--space-xl);margin:var(--space-md)}.quiz-question{font-size:var(--font-size-lg)}.quiz-option{padding:var(--space-sm)var(--space-md)}}