.quiz-page.svelte-1eaotym{max-width:920px}.intro.svelte-1eaotym{max-width:650px;margin:0 auto 2.5rem}.eyebrow.svelte-1eaotym{color:var(--ocean-primary);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.setup-card.svelte-1eaotym{padding:1.5rem;margin-bottom:1.5rem;background:var(--ocean-surface);border:1px solid var(--ocean-border);border-radius:.75rem}.step-heading.svelte-1eaotym{display:flex;align-items:flex-start;gap:.85rem}.step-heading.svelte-1eaotym h2:where(.svelte-1eaotym){margin:0 0 .25rem;font-size:1.25rem}.step-number.svelte-1eaotym{display:grid;flex:none;width:2rem;height:2rem;place-items:center;color:var(--ocean-bg);background:var(--ocean-primary);border-radius:50%;font-weight:700}.mode-grid.svelte-1eaotym{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.length-grid.svelte-1eaotym{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.length-option.svelte-1eaotym{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--ocean-bg);border:1px solid var(--ocean-border);border-radius:.5rem;cursor:pointer}.length-option.svelte-1eaotym:hover,.length-option.selected.svelte-1eaotym{background:var(--ocean-surface-2);border-color:var(--ocean-primary)}.length-option.svelte-1eaotym input:where(.svelte-1eaotym){margin-top:.2rem;accent-color:var(--ocean-primary)}.mode-option.svelte-1eaotym{display:flex;align-items:flex-start;gap:.75rem;height:100%;padding:1rem;background:var(--ocean-bg);border:1px solid var(--ocean-border);border-radius:.5rem;cursor:pointer;transition:border-color .15s,background-color .15s}.mode-option.svelte-1eaotym:hover,.mode-option.selected.svelte-1eaotym{background:var(--ocean-surface-2);border-color:var(--ocean-primary)}.mode-option.svelte-1eaotym input:where(.svelte-1eaotym){flex:none;margin-top:.2rem;accent-color:var(--ocean-primary)}.mode-copy.svelte-1eaotym{display:flex;flex-direction:column;gap:.3rem}.mode-copy.svelte-1eaotym span:where(.svelte-1eaotym){color:var(--ocean-text-muted);font-size:.9rem;line-height:1.4}.quiz-actions.svelte-1eaotym{text-align:center}.quiz-card.svelte-1eaotym{padding:1.5rem;background:var(--ocean-surface);border:1px solid var(--ocean-border);border-radius:.75rem}.quiz-card-header.svelte-1eaotym{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--ocean-border)}.quiz-card.svelte-1eaotym h2:where(.svelte-1eaotym){margin:0;font-size:1.35rem}.question-prompt.svelte-1eaotym{margin:1.5rem 0 1rem;font-size:1.15rem;font-weight:600;text-align:center}.question-media.svelte-1eaotym{display:flex;justify-content:center;padding:1rem;background:var(--ocean-bg);border-radius:.5rem}.question-body.svelte-1eaotym{display:grid;gap:1.5rem}.recognition-layout.svelte-1eaotym{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);align-items:center}.question-media.svelte-1eaotym img:where(.svelte-1eaotym){width:min(100%,320px);height:260px;object-fit:contain}.answer-choices.svelte-1eaotym{display:grid;gap:.75rem}.answer-choice.svelte-1eaotym{padding:.9rem 1rem;color:var(--ocean-text);background:var(--ocean-bg);border:1px solid var(--ocean-border);border-radius:.5rem;font-size:1rem;text-align:left;transition:background-color .15s,border-color .15s}.answer-choice.svelte-1eaotym:not(:disabled):hover,.answer-choice.selected-answer.svelte-1eaotym{background:var(--ocean-surface-2);border-color:var(--ocean-primary)}.answer-choice.correct-answer.svelte-1eaotym{background:color-mix(in srgb,#198754 25%,var(--ocean-bg));border-color:#75b798}.answer-choice.incorrect-answer.svelte-1eaotym{background:color-mix(in srgb,#dc3545 25%,var(--ocean-bg));border-color:#ea868f}.result-message.svelte-1eaotym{margin:.25rem 0 0;color:#ea868f;font-weight:600}.result-message.correct-text.svelte-1eaotym{color:#75b798}.quiz-complete.svelte-1eaotym{padding:3rem 1rem 2rem}.quiz-complete.svelte-1eaotym h3:where(.svelte-1eaotym){font-size:1.75rem}@media(max-width:600px){.mode-grid.svelte-1eaotym,.length-grid.svelte-1eaotym{grid-template-columns:1fr}.quiz-card-header.svelte-1eaotym{flex-direction:column}.recognition-layout.svelte-1eaotym{grid-template-columns:1fr}}