.quiz-root{--color-primary:#7c3aed;--color-primary-dark:#5b21b6;--color-primary-light:#a78bfa;--color-accent:#c084fc;--gradient-button:linear-gradient(135deg,#4c1d95,#7c3aed);--gradient-bg-loading:linear-gradient(180deg,#1e1b4b 0%,#4c1d95 50%,#7c3aed 100%);--gradient-highlight:linear-gradient(90deg,#7c3aed20,#c084fc40);--color-bg:#fff;--color-bg-card:#f0f4f9;--color-bg-card-hover:#e5eaf2;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-border:#e5e7eb;--color-progress-bg:#e5e7eb;--color-success:#10b981;--color-warning:#f59e0b;--color-locked:#0000004d;--border-radius-card:16px;--border-radius-button:16px;--border-radius-badge:100px;--spacing-section:32px;--spacing-card-gap:12px;--card-padding:24px 20px;--font-primary:var(--font-open-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:var(--color-bg);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-primary);transition:background-color .3s,color .3s}.quiz-root.theme-dark{--color-bg:#0f1115;--color-bg-card:#1c1e23;--color-bg-card-hover:#2a2d35;--color-text-primary:#fff;--color-text-secondary:#9ca3af;--color-border:#33363d;--color-progress-bg:#2a2d35}.quiz-container{flex-direction:column;max-width:430px;min-height:100vh;margin:0 auto;padding:24px 24px 120px;display:flex}.option-card{background:var(--color-bg-card);border-radius:var(--border-radius-card);padding:var(--card-padding);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:16px;min-height:84px;transition:all .2s;display:flex}.option-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-primary-light)}.option-card.selected{background:var(--color-bg-card-hover);border:2px solid var(--color-primary);box-shadow:0 4px 14px #7c3aed1f}.quiz-root.theme-dark .option-card{border-color:var(--color-border)}.option-label{color:var(--color-text-primary);flex-grow:1;font-size:16px;font-weight:600;transition:color .2s}.option-icon{justify-content:center;align-items:center;font-size:24px;display:flex}.btn-primary{background:var(--gradient-button);color:#fff;border-radius:var(--border-radius-button);cursor:pointer;border:none;width:100%;padding:18px;font-size:17px;font-weight:700;transition:opacity .2s,transform .1s}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-bar-container{background:var(--color-progress-bg);border-radius:100px;width:100%;height:4px;margin-bottom:24px;overflow:hidden}.progress-fill{background:var(--color-primary);border-radius:100px;height:100%;transition:width .3s}