main{max-width:740px}.sound-preview{display:flex;gap:12px;margin:20px 0}.sound-preview span{display:grid;place-items:center;width:68px;height:68px;background:#dfe8d1;border:1px solid #bcc8b4;border-radius:8px;font-size:32px}.sound-preview span:nth-child(2){background:#f8dfc7}.sound-preview span:nth-child(3){background:#f0dedd;font-family:Georgia,serif}.settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.settings label{font-size:12px;font-weight:600}.settings select{display:block;width:100%;margin-top:7px;padding:11px 8px;min-height:44px;font:inherit;color:var(--ink);background:#fffdf7;border:1px solid #bbc5b5;border-radius:5px}.notes{font-size:12px;margin-top:20px}.notes summary{cursor:pointer;min-height:44px;padding-block:10px}.notes p{color:#59675d}.notes a{text-decoration:underline}.score-line{display:flex;justify-content:space-between;align-items:center;font-size:12px}.score-line p{margin:12px 0}.score-line strong{font-family:Georgia,serif;font-size:24px;font-weight:400}.listen-panel{padding:18px 22px 6px;background:#e9ebdf;border:1px solid #c8d0bd;border-radius:7px;text-align:center;margin-bottom:22px}.sound-symbol{display:block;font-size:40px;line-height:1.25;color:#63816b}.listen-panel>p{font-size:12px;margin:8px 0 12px}.listen{display:block;width:100%;min-height:50px;background:#dfe8d1;border:1px solid #93a58b;border-radius:5px;font-size:15px}.listen span{font-size:13px;margin-right:10px}.listen-panel .audio-status{min-height:22px;margin:7px 0;color:#59675d;font-size:11px}.audio-status.error{color:#9d402b}#instruction{font-size:15px}.answer{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px}.answer-letter{display:grid;place-items:center;width:52px;height:52px;border-bottom:2px solid #ae5336;background:#fffdf7;font-size:30px;border-radius:5px;color:var(--ink)}.answer-letter.empty{color:#ad9683}.edit-controls{display:flex;justify-content:center;gap:10px;margin-top:12px}.edit-controls button{min-width:90px}.feedback{min-height:38px;margin:12px 0 6px}.choices.letters{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.letters .card{min-height:58px;font-size:26px}.skip{display:block;width:100%;margin-top:12px}.reveal{border-top:1px solid #c8d0bd;margin-top:22px;padding-top:16px;text-align:center}#reveal-title{font-weight:700;font-size:16px;margin-top:0}.answer-trio{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:29px}.answer-trio span:last-child{font-family:Georgia,serif}#spelling-note{font-size:12px;color:#59675d;margin-top:12px}.modes button:disabled{opacity:.55}@media(max-width:560px){.settings{gap:10px}.settings label{font-size:11px}.listen-panel{padding:14px 16px 4px;margin-bottom:18px}.answer-letter{width:48px;height:48px;font-size:27px}.letters .card{min-height:54px;font-size:25px}.choices.letters{gap:8px}.sound-preview span{width:58px;height:58px;font-size:28px}.answer-trio{font-size:26px;gap:16px}}@media(max-width:360px){.settings{grid-template-columns:1fr}.choices.letters{gap:6px}}