.sm-heading{display:flex;align-items:center;gap:1rem}.sm-heading img{width:100px;height:90px}.sm-heading h1{margin:.4rem 0;font-size:clamp(2rem,4vw,3rem)}.sm-heading p{line-height:1.5;color:#685b78}.sm-audio-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.2rem 0}.sm-audio-row p{font-size:.9rem;line-height:1.5}.sm-choices{display:grid;grid-template-columns:1fr;gap:1rem;margin:1rem 0}.sm-choice{min-width:0;padding:1rem;border:2px solid #594469;border-radius:16px;background:#fff;color:#21172c;text-align:left;cursor:pointer}.sm-choice.selected{border-color:#8c52ff;box-shadow:0 0 0 3px #8c52ff55}.sm-choice:disabled{opacity:1;cursor:default}.sm-choice.sm-correct{border-color:#477948}.sm-choice.sm-wrong{border-color:#ab6045}.sm-option-heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-bottom:.5rem;font-size:.9rem}.sm-option-heading span{font-size:.75rem}.sm-score-scroll{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.sm-score-scroll svg{display:block;width:100%;max-width:none;height:auto}.sm-explanation{padding:1rem 1.3rem;background:#ede3fd;color:#281c3b;border-radius:16px;line-height:1.7}.sm-explanation li{margin:.6rem 0}.sm-play-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}.sm-detail{font-size:.85rem;line-height:1.6}.sm-choice:focus-visible{outline:3px solid #8c52ff;outline-offset:4px}.sm-results{margin-top:2rem}@media(max-width:800px){.sm-choices{grid-template-columns:1fr}.sm-heading img{width:72px;height:72px}.sm-choice{padding:.6rem}.sm-heading{gap:.6rem}.sm-audio-row .primary-button{width:100%}}@media(prefers-reduced-motion:reduce){.sm-choice{transition:none}}