.speaking-panel{margin:0 24px 24px;padding:24px;border:2px solid #cee0d9;border-radius:20px;background:#f4f9f6;text-align:left}.speaking-panel h3{margin:10px 0}.speaking-reference{font-size:20px;line-height:1.6;background:#fff;border-radius:12px;padding:16px;color:#244c40}.speaking-panel>p{line-height:1.6;font-size:14px}.record-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.speaking-panel audio,.speaking-history audio{width:100%;max-width:440px;margin:12px 0}.speaking-panel>small,.speech-score>small{display:block;font-size:12px;line-height:1.7;color:#66756f}#speaking-status{min-height:44px}.speech-score{border-radius:16px;padding:20px;background:#fff;border:1px solid #d8e5dc;margin:16px 0}.speech-score>strong{font-size:38px;color:#32705a}.speech-metrics{display:flex;flex-wrap:wrap;gap:10px}.speech-metrics span{padding:10px;background:#eff5ed;border-radius:10px;font-size:13px}.speech-metrics b{display:block;font-size:22px}.speech-words{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.speech-words>span{padding:7px 10px;border-radius:8px;background:#e7f4e8}.speech-words .practice-word{background:#ffead6;color:#874417}.speech-words small{display:block}.speaking-history{margin-top:32px}.speaking-history-item{padding:16px;border:1px solid #d9e4da;border-radius:14px;background:#fff;margin:12px 0}.speaking-history-item summary{cursor:pointer;font-weight:700;line-height:1.6}@media(max-width:600px){.speaking-panel{margin:0 12px 18px;padding:16px}.record-actions .button{flex:1;min-width:110px}.speaking-reference{font-size:17px}.speech-score{padding:14px}}
