.mcq-card.svelte-l28lq0{border:var(--brand-border);padding:var(--space-m);display:grid;gap:var(--space-m);transition:var(--transition-bounce);background:var(--background-100)}.question-meta.svelte-l28lq0{display:flex;align-items:center;gap:var(--space-s);margin-bottom:var(--space-xs)}.question-number.svelte-l28lq0{font-weight:600;color:var(--success-500);font-size:var(--step--1)}.question-tag.svelte-l28lq0{background:var(--primary-100);color:var(--accent-500);padding:var(--space-3xs) var(--space-xs);border-radius:1rem;font-size:var(--step--2);line-height:1}.mcq__header.svelte-l28lq0 h2:where(.svelte-l28lq0){font-family:var(--font-fancy);font-size:var(--step-2);margin-bottom:var(--space-s)}.mcq__options.svelte-l28lq0{display:grid;gap:var(--space-xs)}.option.svelte-l28lq0{display:flex;justify-content:space-between;align-items:center;padding:var(--space-s) var(--space-m);border:var(--brand-border);background:var(--background-200);transition:var(--transition-bounce);text-align:left}.option.svelte-l28lq0:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sm)}.option.svelte-l28lq0.selected{border-color:var(--primary-500);background:var(--primary-100)}.option.svelte-l28lq0.correct{border-color:var(--success-500);background:var(--success-100)}.option.svelte-l28lq0.incorrect{border-color:var(--error-500);background:var(--error-100)}.option-left.svelte-l28lq0{display:flex;align-items:center;gap:var(--space-xs)}.option-number.svelte-l28lq0{font-weight:600;color:var(--success-500)}.option-right.svelte-l28lq0{display:flex;align-items:center;gap:var(--space-s)}.option-tag.svelte-l28lq0{background:var(--background-300);color:var(--accent-500);padding:var(--space-3xs) var(--space-2xs);border-radius:1rem;font-size:var(--step--2);line-height:1}.mcq__feedback.svelte-l28lq0{padding-top:var(--space-m);border-top:var(--brand-border)}.mcq__feedback.svelte-l28lq0 .correct:where(.svelte-l28lq0){color:var(--success-500)}.mcq__feedback.svelte-l28lq0 .incorrect:where(.svelte-l28lq0){color:var(--error-500)}.mcq__feedback.svelte-l28lq0 .explanation:where(.svelte-l28lq0){color:var(--success-500);font-size:var(--step--1);margin-top:var(--space-xs)}@media (min-width: 768px){.mcq-card.svelte-l28lq0{padding:var(--space-l);gap:var(--space-l)}.mcq__options.svelte-l28lq0{grid-template-columns:repeat(2,1fr)}.mcq__header.svelte-l28lq0 h2:where(.svelte-l28lq0){font-size:var(--step-3)}}