.reader-top{height:64px;background:var(--paper);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:15px;position:sticky;top:0;z-index:10}.reader-top>a,.reader-top>strong,.reader-tools{font-size:11px;color:var(--coffee)}.reader-top>strong{font-size:13px}.reader-tools{display:flex;align-items:center;gap:10px}.reader-tools input{width:90px}.reader-tools button{border:1px solid var(--border);background:#fff;padding:5px 9px;border-radius:4px;font-size:10px;cursor:pointer}.reader-tools button.active{background:var(--sage-deep);color:#fff}.reader-page{max-width:1000px;margin:0 auto;padding:45px 20px 80px}.reader-heading{text-align:center;margin-bottom:30px}.reader-heading span{font-size:9px;letter-spacing:2px;color:var(--sage-deep)}.reader-heading h1{font-size:30px;color:var(--coffee);margin:8px 0}.reader-heading p{font-size:11px;color:var(--muted)}.reading-canvas{max-width:720px;margin:auto;transition:max-width .15s}.reading-panel{min-height:440px;margin-bottom:12px;padding:45px 9%;display:flex;flex-direction:column;justify-content:flex-end;background:#E3EAE2;color:var(--coffee);position:relative;overflow:hidden}.reading-panel:before{content:'';position:absolute;width:55%;height:75%;right:-7%;top:-12%;background:#D87958;border-radius:48% 48% 10px 10px;opacity:.55;transform:rotate(8deg)}.reading-panel span,.reading-panel h2,.reading-panel p{position:relative;z-index:1}.reading-panel span{font-size:9px;letter-spacing:2px;color:var(--sage-deep)}.reading-panel h2{font-size:30px;margin:8px 0;color:var(--coffee)}.reading-panel p{max-width:460px;font-size:13px;line-height:2}.reading-panel.panel-soft{background:#F2E7DC;min-height:520px}.reading-panel.panel-soft:before{background:#9687A8;left:-10%;right:auto;top:10%;width:60%;height:80%}.reading-panel.panel-dark{background:#39443E;color:#fff;min-height:400px}.reading-panel.panel-dark:before{background:#7596A5;right:-10%;top:-5%}.reading-panel.panel-dark h2{color:#fff}.reading-panel.panel-dark p,.reading-panel.panel-dark span{color:#e5ece8}.reader-disclaimer{padding:20px;background:#fff;border:1px dashed var(--border);font-size:11px;color:var(--muted);text-align:center}.reader-progress{display:flex;align-items:center;gap:12px;margin:25px auto;max-width:720px;font-size:10px;color:var(--muted)}.reader-progress>div{height:4px;background:#e2dfd7;flex:1;border-radius:5px;overflow:hidden}.reader-progress i{display:block;height:100%;width:0;background:var(--sage-deep)}.reader-progress b{font-weight:600;color:var(--coffee)}.chapter-switch{max-width:720px;margin:30px auto 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.chapter-switch a,.chapter-switch span{font-size:11px;color:var(--sage-deep)}.chapter-switch .all-chapters{color:var(--coffee);border-bottom:1px solid var(--border)}.single-mode .reading-panel{min-height:65vh;margin-bottom:0}.single-mode .reading-panel:not(:first-child){display:none}@media(max-width:700px){.reader-top{height:auto;min-height:58px;padding:10px 14px;flex-wrap:wrap}.reader-top>strong{order:3;width:100%;text-align:center}.reader-tools{gap:6px}.reader-tools label,.reader-tools input{display:none}.reader-tools button,.reader-tools a{font-size:9px}.reader-page{padding:30px 10px 55px}.reader-heading h1{font-size:24px}.reading-panel{min-height:340px;padding:28px 7%}.reading-panel.panel-soft{min-height:400px}.reading-panel h2{font-size:24px}.reading-panel p{font-size:12px}.chapter-switch{padding:0 6px}.chapter-switch a,.chapter-switch span{font-size:9px}}