.speaking-entry{width:100%;font:inherit;text-align:left;display:flex;align-items:center;gap:16px;background:#f9e7d5;border:1px solid #e7c7a8;border-radius:22px;padding:22px;margin:18px 0}.speaking-entry .oral-icon{font-size:40px}.speaking-entry>span:nth-child(2){flex:1}.speaking-entry strong{display:block;font-size:22px}.speaking-entry small{display:block;color:#71583f;font-size:14px;line-height:1.8;margin-top:7px}.speaking-page{max-width:920px;margin:0 auto}.speaking-page>h1{font-size:36px}.speaking-page>p{line-height:1.9;color:var(--muted)}.speaking-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.speaking-mode{text-align:left;border:2px solid #d8ded0;border-radius:24px;background:#fffaf0;padding:24px;min-height:220px}.speaking-mode>span{display:block;font-size:45px;margin-bottom:18px}.speaking-mode strong{display:block;font-size:25px}.speaking-mode small{display:block;line-height:1.8;color:var(--muted);margin-top:9px}.speaking-mode em{display:block;font-style:normal;color:#20554b;font-size:16px;margin-top:15px}.oral-topic{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.oral-topic button{border:1px solid #ccd9cd;border-radius:14px;background:#fffaf0;padding:13px 16px;font:inherit}.oral-topic button[aria-pressed=true]{background:#28594d;color:white}.oral-panel{max-width:800px;margin:0 auto;text-align:center}.oral-card{background:#fcf0d9;border-radius:24px;padding:22px;margin:20px auto 16px;max-width:620px}.oral-picture{height:145px;display:grid;place-content:center}.oral-picture>svg{max-width:210px;width:210px;height:140px}.oral-emoji{font-size:84px}.oral-card h1{font-size:clamp(28px,6vw,42px);line-height:1.45;margin:10px 0;overflow-wrap:anywhere}.oral-card p{color:#657364;line-height:1.7;font-size:18px}.oral-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px auto}.oral-actions button{min-height:58px;padding:15px 22px;font-size:18px}.record-btn{background:#bf604b!important;color:#fff!important;border:0;border-radius:18px}.record-btn.recording{background:#b13e36!important;outline:4px solid #f7d4c4}.oral-state{margin:16px 0;min-height:52px;line-height:1.8;color:#376053}.oral-state[data-state=recording]{color:#a93c31;font-weight:bold}.oral-state strong{font-variant-numeric:tabular-nums}.oral-steps{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:14px;color:#667466;margin:12px}.oral-note{font-size:14px;color:var(--muted);line-height:1.9;margin:16px auto;max-width:640px}.oral-parent-options{display:grid;gap:14px;margin:20px 0}.oral-parent-options button{min-height:62px}.oral-records{margin:28px 0;border-top:1px solid #d2dccb;padding-top:22px}.oral-record-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #e4e8dd;padding:14px 0}.oral-record-row button{flex:1;text-align:left;background:none;border:0;font:inherit;line-height:1.8;color:var(--green)}.oral-record-row strong,.oral-record-row small{display:block}.oral-record-row>span{font-size:14px;line-height:1.8;color:var(--muted)}.oral-history{font-size:14px;line-height:1.8;margin:10px 0;padding:12px;background:#f2f2e7;border-radius:14px}.oral-actions button:disabled{opacity:.45}.oral-panel .game-hint{margin:18px auto}.oral-success{font-size:22px;color:#245447;line-height:1.8}.oral-permission{margin:18px auto;padding:15px;border-radius:18px;background:#f3f1df;font-size:14px;color:#6c6549;line-height:1.9}
@media(max-width:600px){.speaking-entry{padding:18px;gap:12px;align-items:flex-start}.speaking-entry strong{font-size:20px}.speaking-entry small{font-size:13px}.speaking-modes{grid-template-columns:1fr;gap:12px}.speaking-mode{min-height:0;padding:18px;display:grid;grid-template-columns:58px 1fr;column-gap:12px}.speaking-mode>span{grid-row:1/5;margin:0;align-self:center;font-size:40px}.speaking-mode strong{font-size:22px}.speaking-mode small,.speaking-mode em{margin-top:6px}.oral-card{padding:16px}.oral-picture{height:115px}.oral-picture>svg{height:110px}.oral-actions{gap:10px}.oral-actions button{min-height:60px;font-size:17px;padding:14px 18px;flex:1 1 42%}.oral-actions .record-btn{flex-basis:100%}.oral-record-row{gap:8px;align-items:flex-start}.speaking-page>h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.oral-panel *{animation:none!important}}

@media(max-width:600px){.oral-card{padding:12px;margin-top:12px}.oral-picture{height:80px}.oral-picture>svg{height:80px}.oral-emoji{font-size:64px}.oral-card p{font-size:16px}.oral-state{min-height:32px;margin:12px 0}.oral-actions{margin:12px auto}.oral-steps{font-size:12px;gap:8px}}