.reader-shell{background:#171d19;color:#f5f5ed;min-height:80vh;padding:0 12px 40px}.reader-top{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:15px 0}.reader-top h1{font-size:17px;margin:0}.reader-top button,.reader-panel button{background:#e7efe7;border:0;border-radius:6px;padding:8px 12px;color:#20231f}.reader-panel{max-width:950px;margin:10px auto;padding:20px;background:#26362d;border:1px solid #687b68}.reader-panel a{display:inline-block;margin:5px;padding:6px 10px;border:1px solid #7a9886}.reader-panel a[aria-current]{background:#f2d33c;color:#111}.reader-panel label{display:block;margin-top:8px}.reader-panel input,.reader-panel select{max-width:100%;padding:7px}.reading-progress{height:4px;background:#475749;position:sticky;top:0;z-index:10}.progress-fill{height:100%;width:0;background:#f2d33c}.reader-intro{text-align:center;padding:28px 0}.reader-intro h2{font-size:28px}.reader-intro p{color:#c0c7c0}.reader-intro .kicker{color:#f2d33c}.comic-canvas{width:min(100%,820px);margin:0 auto;display:grid;gap:15px}.story-panel{position:relative;display:flex;min-height:300px;align-items:center;justify-content:center;border:9px solid #f2f0df;background:#fffdf5;color:#20231f;padding:55px 9%;text-align:center;font-size:clamp(20px,3vw,32px);font-weight:700;line-height:1.7}.story-panel:nth-child(3n+2){background:#e7efe7}.story-panel:nth-child(3n+3){background:#fff5bf}.panel-index{position:absolute;top:12px;left:15px;font-size:12px;color:#315c43;letter-spacing:.12em}.comic-canvas.mode-single .story-panel,.comic-canvas.mode-double .story-panel{display:none}.comic-canvas.mode-single .story-panel.active,.comic-canvas.mode-double .story-panel.active,.comic-canvas.mode-double .story-panel.active-next{display:flex}.comic-canvas.mode-double{grid-template-columns:1fr 1fr}.comic-canvas.mode-double .story-panel{min-height:410px;padding:30px 5%;font-size:20px}.page-controls{display:none;justify-content:center;align-items:center;gap:18px;margin:22px auto}.page-controls button{border:1px solid #9cac99;background:#e7efe7;padding:10px;border-radius:5px}.chapter-actions{max-width:850px;margin:32px auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.chapter-actions>a,.chapter-actions>span{padding:10px 15px;background:#315c43;border-radius:6px;font-size:14px}.chapter-actions>span{background:#353e36;color:#aaa}@media(max-width:680px){.reader-top{gap:8px}.reader-top h1{width:100%;order:-1}.story-panel{min-height:260px;border-width:5px}.comic-canvas.mode-double{grid-template-columns:1fr}.comic-canvas.mode-double .story-panel.active-next{display:none}.chapter-actions>a,.chapter-actions>span{font-size:12px;padding:8px}.reader-shell~.footer{margin-top:0}}