body.reader-body{background:#191b18;color:#f8f8ef}body.reader-body .mobile-bottom{display:none}body.reader-body .topbar{display:none}.reader-shell{max-width:1300px;margin:auto;position:relative;padding:0 15px 60px}.reader-toolbar{background:#2e352d;padding:12px 18px;display:flex;gap:15px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;flex-wrap:wrap}.reader-toolbar a,.reader-toolbar button{color:#fff}.reader-toolbar button{border:1px solid #aeb3aa;background:transparent;border-radius:4px;padding:8px;font-size:13px}.reader-buttons{display:flex;gap:8px}.reader-popover{position:fixed;right:24px;top:75px;width:min(330px,calc(100% - 32px));background:#fffdf5;color:#20231f;z-index:20;border:2px solid #20231f;padding:24px;box-shadow:0 8px 30px #0006;max-height:75vh;overflow:auto}.reader-popover[hidden]{display:none}.reader-popover a{display:block;padding:9px 0;border-bottom:1px solid #ddd}.reader-popover a[aria-current]{font-weight:900;color:#315c43}.reader-popover label{display:block;margin:12px 0 5px}.reader-popover select,.reader-popover input{max-width:100%;width:100%;padding:7px}.reader-title{text-align:center;padding:36px 10px 24px}.reader-title h1{font-size:clamp(25px,4vw,35px)}.reader-title p{color:#b9c1b5}.reader-pages{max-width:820px;margin:auto;display:flex;flex-direction:column;gap:14px}.story-panel{position:relative;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;background:#fffdf5;color:#20231f;padding:24px 28px;border:4px solid #f2d33c;overflow-wrap:anywhere}.story-panel:nth-child(2n){background:#e7efe7;border-color:#89aa92}.story-panel:nth-child(3n){background:#f1e8d7;border-color:#c3a66c}.story-panel p{font-weight:750;font-size:clamp(19px,2.4vw,27px);line-height:1.8;color:#20231f;max-width:620px;margin:auto;text-align:center}.panel-index,.panel-foot{font-size:11px;font-weight:900;letter-spacing:.15em}.panel-foot{text-align:right}.reader-pages.single .story-panel,.reader-pages.double .story-panel{display:none}.reader-pages.single .story-panel.active,.reader-pages.double .story-panel.active{display:flex}.reader-pages.double{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reader-pages.double .story-panel{min-height:460px;padding:14px}.reader-pages.double .story-panel.paired{display:flex}.reader-pages.double .story-panel p{font-size:18px}.reading-status,.reader-pager{max-width:850px;margin:25px auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.reading-status{font-size:13px;color:#dde1d8}.reader-notice{max-width:850px;margin:20px auto;color:#bec5bc;font-size:13px}.reader-body .footer{display:none}.reader-body .btn.outline{color:#fff;border-color:#aaa}@media(max-width:760px){.reader-shell{padding:0 8px 40px}.reader-toolbar{gap:7px;padding:10px}.reader-toolbar strong{font-size:13px}.reader-toolbar a{font-size:13px}.reader-toolbar button{padding:5px}.story-panel{min-height:260px;padding:16px;border-width:2px}.reader-pages.double{display:flex;flex-direction:column}.reader-pages.double .story-panel.paired{display:none}.reader-pages.double .story-panel.active{display:flex}.reader-title{padding-top:25px}}
