.reader-page{background:#ecece8;min-height:100vh;padding-bottom:85px}.reader-top{position:relative;z-index:5;background:#fffdfa;border-bottom:1px solid var(--border);padding:12px max(18px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.reader-top select{height:35px;max-width:170px;border:1px solid var(--border);background:white;border-radius:6px}.reader-top button{border:1px solid var(--border);background:white;border-radius:6px;min-height:40px;padding:5px 10px}.reader-settings{display:flex;flex-wrap:wrap;align-items:center;gap:24px;background:var(--paper);padding:18px max(18px,calc((100% - 1180px)/2));border-bottom:1px solid var(--border)}.reader-settings[hidden]{display:none}.reader-settings>div{display:flex;gap:8px;align-items:center}.reader-settings small{font-size:11px;color:var(--muted)}.next-panel{background:var(--sage-deep);color:white;border:0;border-radius:6px;padding:8px 14px}.reading-progress{position:sticky;top:74px;z-index:8;height:3px;background:#d9ddd6}.reading-progress>div{height:100%;width:0;background:var(--persimmon)}.reading-canvas{padding-top:50px}.reader-chapter{text-align:center;max-width:720px;margin:auto;padding:0 16px 30px}.reader-chapter h1{font-size:clamp(30px,4vw,47px)}.reader-pages{--reading-width:720px;width:min(var(--reading-width),100%);margin:auto;display:grid;grid-template-columns:1fr;gap:0;max-width:100%;padding:0 12px}.reading-panel{width:100%;margin:0;overflow:hidden}.reading-panel img{display:block;width:100%;height:auto;object-fit:contain}.text-panel{min-height:310px;background:#fffdfa;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:clamp(30px,5vw,80px);border-bottom:1px solid #e1deda}.text-panel:nth-child(odd){background:#f7f4ee}.text-panel small{font-size:11px;color:var(--sage-deep);letter-spacing:.2em}.text-panel p{color:var(--coffee);font-size:clamp(19px,2.2vw,26px);line-height:2.05;margin:0;letter-spacing:.04em}.reader-pages.mode-single .reading-panel,.reader-pages.mode-double .reading-panel{display:none}.reader-pages.mode-single .reading-panel.active,.reader-pages.mode-double .reading-panel.active,.reader-pages.mode-double .reading-panel.active-pair{display:flex}.reader-pages.mode-double{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-pages.mode-double .text-panel{padding:20px;min-height:370px}.reader-pages.mode-double .text-panel p{font-size:19px}.reader-end{text-align:center;padding:55px 18px}.reader-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0}.last-label{padding:12px;color:var(--muted)}@media(max-width:700px){.reader-top{padding:10px;flex-wrap:wrap}.reader-top strong{order:-1;width:100%;text-align:center}.reader-top select{max-width:135px}.reading-progress{top:68px}.reader-pages.mode-double{grid-template-columns:1fr}.reader-pages.mode-double .text-panel{min-height:240px}.reader-settings{padding:14px;gap:12px}.reader-settings>div{width:100%;justify-content:space-between}.reader-settings input{width:70%}.reading-canvas{padding-top:25px}.text-panel{min-height:270px;padding:27px 24px}.text-panel p{font-size:20px}}