.pronunciation-practice{margin-top:24px}.pronunciation-practice h4{margin-bottom:6px}.pronunciation-help,.pronunciation-status{font-size:13px;color:#70636a;line-height:1.6}.pronunciation-words{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.pronunciation-word{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid #dfc7cc;background:#fceef1;color:#8d2445;cursor:pointer}.pronunciation-word.needs-polish{background:#fff6e8;border-color:#e8c79a;color:#805010}.pronunciation-word strong{font-size:15px}.pronunciation-word small{font-variant-numeric:tabular-nums;font-size:12px}.pronunciation-word .word-listen{font-size:16px}.pronunciation-word:hover,.pronunciation-word.is-playing{box-shadow:0 0 0 3px #b04f6a28;transform:translateY(-1px)}.pronunciation-word:focus-visible{outline:3px solid #8a3852;outline-offset:3px}.pronunciation-word.is-playing .word-listen{color:#146b59}.pronunciation-status{min-height:1.6em;margin:10px 0 0}.ai-result-layout{--result-line:#eadfe2}.ai-result-layout .ai-traits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:18px 0 24px}.ai-result-layout .ai-traits>li{padding:18px;border:1px solid var(--result-line);border-radius:14px;background:#fff}.ai-result-layout .ai-trait{align-items:center}.ai-result-layout .ai-trait b{font-size:22px;line-height:1.3;letter-spacing:-.5px}.ai-result-layout .ai-traits>li p{font-size:14px;margin:12px 0 0}.ai-result-layout .ai-traits>li[data-level="low"]{border-left:4px solid #b14963}.ai-result-layout .ai-traits>li[data-level="mid"]{border-left:4px solid #c28b32}.ai-result-layout .ai-traits>li[data-level="high"]{border-left:4px solid #42816b}.ai-speech-heading{font-size:16px;margin:24px 0 12px}.ai-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.ai-metric{padding:16px;background:#faf6f7;border:1px solid #eadfe2;border-radius:14px}.ai-metric-label{display:block;font-size:13px;line-height:1.5;color:#675963}.ai-metric strong{display:block;font-size:26px;font-variant-numeric:tabular-nums;margin:8px 0;color:#322b30}.ai-metric-track{height:5px;border-radius:8px;background:#e8dedf;overflow:hidden}.ai-metric-track span{display:block;height:100%;background:#42816b}.ai-metric[data-level="mid"] .ai-metric-track span{background:#c28b32}.ai-metric[data-level="low"] .ai-metric-track span{background:#b14963}.ai-next-step{padding:16px 18px!important;border-radius:12px;background:#eff5f1;border-left:4px solid #42816b;margin:24px 0!important}.ai-result-layout>details{border-top:1px solid #eadfe2;padding-top:16px;margin-top:18px}.recording-time-bar{width:100%;max-width:none;margin:0 0 12px;color:#236f56;--timer-color:#2d8a68}.recording-time-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;margin-bottom:7px}.recording-time-heading strong{font-size:20px;font-variant-numeric:tabular-nums;line-height:1.2}.recording-time-track{height:7px;background:#e9e7e5;border-radius:10px;overflow:hidden}.recording-time-track span{display:block;height:100%;background:var(--timer-color);transition:width .2s linear}.recording-time-bar[data-state="warning"]{--timer-color:#c47b18;color:#8b550c}.recording-time-bar[data-state="urgent"]{--timer-color:#c44250;color:#a72e3d}.recording-time-bar[data-state="neutral"]{--timer-color:#aca3a6;color:#766971}.read-aloud-record-controls.has-recording-time{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.has-recording-time .recording-time-bar{grid-column:1/-1;max-width:none;margin:0 0 3px}.has-recording-time small{max-width:200px}.ai-result-layout blockquote{font-size:14px}.ai-score-level{display:block;font-size:11px;color:#75646b;font-weight:500;margin-top:4px;letter-spacing:0}
@media(max-width:680px){.ai-metrics{gap:8px}.ai-metric{padding:12px 10px}.ai-metric-label{font-size:12px;min-height:36px}.ai-metric strong{font-size:23px}.ai-result-layout .ai-traits>li{padding:15px}.pronunciation-words{gap:8px}.pronunciation-word{padding:9px 10px}.pronunciation-word strong{font-size:14px}.read-aloud-record-controls.has-recording-time{padding-top:10px}.exercise-read-aloud:has(.has-recording-time){padding-bottom:160px}.recording-time-heading{font-size:12px}.recording-time-heading strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.recording-time-track span{transition:none}.pronunciation-word:hover{transform:none}}

/* Keep preparation and recording in one control group. */
.read-aloud-record-controls .ra-prepare-button{background:#fff;color:var(--ink,#40383d);border:1px solid #e6d7dd;min-height:44px;font-size:15px;padding:10px 16px}.read-aloud-record-controls .ra-prepare-button:focus-visible{outline:3px solid #aa4b69;outline-offset:3px}@media(max-width:680px){.read-aloud-record-controls.has-recording-time{flex-wrap:wrap}.read-aloud-record-controls .ra-prepare-button{flex:1;min-width:0;font-size:14px;padding:10px 8px}.read-aloud-record-controls #recordButton{flex:1;min-width:0}.read-aloud-record-controls>small{display:none}}

/* Answer review: retain text labels and icons alongside status colours. */
.answer-review-item{border-radius:12px;padding:18px 16px!important;margin:12px 0;border:1px solid #eadfe2!important;background:#fff}.answer-review-item h4{font-size:16px;margin:0 0 14px}.answer-review-item.is-incorrect h4{color:#963c55}.answer-review-item.is-correct h4{color:#23644d}.answer-review-item.is-empty h4{color:#835816}.answer-review-item dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:start;margin:9px 0}.answer-review-item dt{color:#756b70;font-size:14px;line-height:1.6}.answer-review-item dd{margin:0;justify-self:start;border-radius:7px;padding:5px 11px;font-size:16px;font-weight:600;overflow-wrap:anywhere}.answer-review-item dd[lang=en]{color:#23644d;background:#eaf5ef}.answer-review-item.is-incorrect dd[data-user-content]{color:#963c55;background:#faeaf0}.answer-review-item.is-correct dd[data-user-content]{color:#23644d;background:#eaf5ef}.answer-review-item.is-empty dd[data-user-content]{color:#835816;background:#fff3df}.answer-review-list{padding-left:0;list-style:none}@media(max-width:680px){.answer-review-item{padding:16px 12px!important}.answer-review-item dl>div{grid-template-columns:95px minmax(0,1fr);gap:8px}.answer-review-item dt{font-size:13px}.answer-review-item dd{font-size:15px}.answer-review-item h4{font-size:15px}}