.reading-dialog{max-width:800px;width:min(800px,94vw)}.reading-dialog .dialog-head{gap:12px}.reading-dialog .dialog-head h2{margin:0}.reading-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.reading-theme{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:130px;padding:18px 12px;background:#e4f4f8;color:#104d59;border:1px solid #afd1db;border-radius:20px}.reading-theme span{font-size:40px}.reading-theme strong{font-size:19px;line-height:1.3}.reading-theme:focus-visible,.reading-dialog button:focus-visible{outline:3px solid #c27727;outline-offset:3px}.reading-story-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}.reading-story-toolbar button{min-height:46px}.reading-title{font-family:var(--heading-font,'Amatic SC',cursive);font-size:38px;line-height:1.2;margin:20px 0 8px}.reading-word-count{font-size:13px}.reading-story{font-size:21px;line-height:1.8;letter-spacing:.15px;max-width:640px;margin:20px auto 26px}.reading-story p{margin:0 0 1em}.reading-story.reading-large{font-size:27px;line-height:1.9}.reading-recording{border:1px solid #bdd6dc;border-radius:16px;padding:16px;background:#f2f8f5;line-height:1.65}.reading-recording summary{cursor:pointer;font-size:17px;font-weight:700;min-height:30px}.reading-recording audio{display:block;width:100%;max-width:100%;margin:10px 0}.reading-recording button{min-height:46px}.reading-recording h4{font-size:18px;margin:18px 0 8px}.reading-record-status{min-height:24px;font-size:15px}.reading-finish-actions{margin-top:26px;text-align:center}.reading-finish{min-height:54px;font-size:18px}.reading-finish-hint{font-size:13px;line-height:1.6}.reading-complete{font-size:20px;font-weight:700;color:#24674a;text-align:center}.reading-page[hidden],.reading-chooser[hidden],.reading-draft[hidden],.reading-saved[hidden]{display:none}
@media(max-width:600px){.reading-dialog{padding:20px}.reading-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reading-theme{min-height:110px;padding:14px 8px}.reading-theme span{font-size:34px}.reading-theme strong{font-size:17px}.reading-story{font-size:20px;line-height:1.8}.reading-title{font-size:34px}.reading-finish{width:100%;font-size:17px}.reading-story-toolbar button{font-size:13px;padding:10px}.reading-recording .actions button{flex:1;min-width:120px}}