.reader-body{background:#111511;color:#f7f4e7}.reader-body .top{display:none}.reader-main{min-height:100vh}.reader-bar{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:13px max(18px,calc((100vw - 1100px)/2));background:#20231f;flex-wrap:wrap}.reader-bar button{cursor:pointer;border:1px solid #777;background:#315c43;color:white;padding:9px 12px}.reader-bar a{color:#fff}.reader-dialog{max-width:1000px;margin:10px auto;padding:20px;background:#27332a}.reader-dialog a{display:inline-block;padding:10px;margin:5px;border:1px solid #999}.reader-dialog label{display:inline-flex;gap:12px;margin:8px;color:white}.reader-caption{text-align:center;padding:55px 15px 25px}.reader-caption span{color:#f2d33c;letter-spacing:.2em}.reader-caption h1{color:white;margin-top:12px}.reader-caption p{color:#ccc}.reader-canvas{width:85%;max-width:900px;margin:auto;display:flex;flex-direction:column;gap:16px}.story-panel{background:#fffdf5;color:#20231f;min-height:340px;padding:clamp(25px,7vw,85px);display:flex;flex-direction:column;justify-content:center;border:5px solid #444;box-shadow:0 0 0 2px #aaa inset}.story-panel:nth-child(2n){background:#fff5bf}.story-panel:nth-child(3n){background:#e7efe7}.story-panel span{font-size:12px;letter-spacing:.2em;color:#315c43;font-weight:800}.story-panel p{font-size:clamp(20px,3vw,32px);font-weight:750;line-height:1.8;color:#20231f}.story-panel img{width:100%;height:auto}.image-panel{padding:0;border:0;min-height:0}.reader-canvas.single .story-panel,.reader-canvas.double .story-panel{display:none}.reader-canvas.single .story-panel.is-active,.reader-canvas.double .story-panel.is-active,.reader-canvas.double .story-panel.is-next{display:flex}.reader-canvas.double{max-width:1300px;flex-direction:row;flex-wrap:wrap;justify-content:center}.reader-canvas.double .story-panel{width:calc(50% - 12px)}.reading-progress{height:5px;position:fixed;top:0;left:0;right:0;z-index:9}.reading-progress div{height:100%;width:0;background:#f2d33c}.reader-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;padding:50px 16px}.reader-controls a:not(.btn){color:white}.reader-controls .disabled{color:#777}.reader-body .foot{border-top:1px solid #333}.reader-body .mobile-nav{display:none}@media(max-width:600px){.reader-bar{font-size:13px}.reader-canvas{width:100%}.story-panel{min-height:230px;padding:25px}.reader-canvas.double .story-panel{width:100%}.reader-controls{gap:9px}.reader-controls .btn{font-size:13px;padding:8px}}