.compositeActivityScreen{max-width:760px;margin:0 auto;padding:24px 16px 32px;text-align:center}
.compositeProgress{display:inline-block;margin:4px auto 12px;padding:7px 14px;border-radius:999px;background:#eef4ff;font-weight:700}
.compositeInstruction{line-height:1.8;margin:8px auto 18px}
.compositePrompt{display:flex;align-items:center;justify-content:center;min-height:120px;margin:0 auto 20px;padding:18px;border-radius:18px;background:#f7f9fc;max-width:560px;box-sizing:border-box}
.compositePromptAudio{width:min(420px,100%)}
.compositeMediaImage{display:block;max-width:min(100%,280px);max-height:220px;object-fit:contain;margin:auto}
.compositeOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:620px;margin:0 auto 16px}
.compositeOption,.compositeNextBtn,.compositeBackBtn{font:inherit;border:0;border-radius:15px;min-height:58px;padding:14px 16px;cursor:pointer}
.compositeOption{background:#fff;box-shadow:0 3px 14px rgba(15,23,42,.09);display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}
.compositeOption:disabled{cursor:default}
.compositeOption.is-correct{outline:3px solid #16a34a;background:#f0fdf4}
.compositeOption.is-selected{outline:3px solid #2563eb;background:#eff6ff}
.compositeOption.is-wrong{outline:3px solid #dc2626;background:#fef2f2}
.compositeFeedback{min-height:28px;font-weight:700;line-height:1.8}
.compositeFeedback.correct{color:#15803d}.compositeFeedback.wrong{color:#a16207}
.compositeNextBtn{display:block;width:min(360px,100%);margin:12px auto;background:#2563eb;color:#fff;font-weight:700}
.compositeBackBtn{display:block;margin:12px auto;background:#eef2f7;color:#1f2937}
.compositeOption:focus-visible,.compositeNextBtn:focus-visible,.compositeBackBtn:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
@media(max-width:520px){.compositeActivityScreen{padding:16px 10px 24px}.compositeOptions{gap:10px}.compositeOption{padding:12px 8px;min-height:64px}.compositeMediaImage{max-height:150px}}