.practice-page{max-width:800px;margin:auto;padding:24px 16px}.practice-page>h1{margin:8px 0}.practice-intro{margin-bottom:18px}.practice-page .abc-panel{padding:20px}.practice-page .practice-stage{padding:12px 20px;gap:20px}.practice-page .practice-character svg{width:100px;height:100px}.practice-page .practice-character{width:140px}.practice-page #practice-count{margin:0}.practice-page #practice-word{font-size:2.4rem}.practice-page .practice-task #practice-meaning{margin:4px 0}.practice-page .practice-main-actions{margin-bottom:8px}.practice-page .practice-actions{margin-top:10px}.practice-page #practice-result:empty{display:none}.practice-page #practice-status{min-height:1.6em}.practice-page #practice-parent{margin-top:12px;padding-top:12px}.practice-page .practice-links{text-align:center}.practice-page .practice-task h3{margin:4px 0}.practice-page .practice-extras{margin-top:8px}@media(max-width:600px){.practice-page{padding:16px 12px}.practice-page .practice-stage{flex-direction:row;text-align:start;gap:12px;padding:12px}.practice-page .practice-character{width:100px}.practice-page .practice-task #practice-sound{text-align:start}.practice-page .practice-character svg{width:85px;height:85px}.practice-page #practice-character-state{font-size:.8rem}.practice-page #practice-word{font-size:1.8rem}.practice-page .practice-consent{font-size:.82rem}.practice-page .abc-panel{padding:16px}.practice-page .practice-task{flex:1}}
.practice-parent-guide{margin-top:24px}.practice-parent-guide h2{font-size:1.3rem}.practice-parent-guide h3{font-size:1.1rem;margin-top:24px}.practice-parent-guide p,.practice-parent-guide li{font-size:1rem;line-height:1.8}.practice-parent-guide ol{padding-inline-start:24px}
.practice-page>.practice-parent-guide{margin-top:40px;padding-top:24px;border-top:1px solid var(--edge,#d8e3dc)}
.practice-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.practice-title-row h1{font-size:clamp(26px,4vw,36px);margin:0}.practice-title-row button{display:flex;align-items:center;gap:6px;min-height:48px;padding:10px}.practice-page .practice-intro{font-size:15px;margin:8px 0 20px}.practice-page .practice-stage{background:none;justify-content:center;gap:30px;padding:8px 0 18px}.practice-page .practice-character svg{width:115px;height:115px}.practice-page #practice-word{font-size:clamp(36px,6vw,48px)}.practice-page #practice-count{font-size:12px}.practice-page #practice-status{text-align:center;font-size:14px;margin:10px 0}.practice-simple-controls{display:flex;justify-content:center;gap:12px;direction:rtl;margin:18px 0}.practice-simple-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:80px;flex:1;max-width:160px;padding:12px 6px}.practice-simple-controls button span{font-size:14px}.practice-page .practice-actions:empty{display:none}.practice-page #practice-feedback-speak{display:inline-flex;gap:8px;align-items:center}.practice-page #practice-feedback-speak[hidden]{display:none}.practice-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.practice-settings-heading h2{margin:0}#practice-settings select{width:100%;min-height:48px}#practice-settings .voice-picker-open{width:100%;min-height:48px}#practice-settings .small{font-size:13px;line-height:1.6}#practice-settings-close{min-width:48px;min-height:48px;padding:10px}.practice-page .practice-consent{line-height:1.6}.practice-page #practice-result{padding:12px;border-radius:12px;background:var(--surface-soft,#edf4e6)}
@media(max-width:600px){.practice-page .practice-stage{gap:15px}.practice-page .practice-character{width:100px}.practice-page .practice-character svg{width:90px;height:90px}.practice-simple-controls{gap:8px}.practice-simple-controls button span{font-size:12px}.practice-title-row #practice-settings-open span{display:none}#practice-settings{margin:auto 0 0;width:100%;max-width:100%;border-radius:24px 24px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}

.practice-self-listen{border:1px solid var(--line,#b7d1cb);background:#edf5ec;border-radius:16px;padding:16px;margin:18px 0;text-align:center}.practice-self-listen button{display:inline-flex;align-items:center;gap:9px;min-height:48px}.practice-self-listen svg{width:23px;height:23px}.practice-self-listen p{font-size:14px;margin:10px 0 0;color:#28554f}.practice-self-listen[hidden]{display:none}