.reader-body{background:#131713;color:#f1f3ed}.reader-body .footer{display:none}.reader-app{min-height:100vh}.reader-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:15px;padding:12px max(16px,calc((100vw - 1200px)/2));background:#202820;border-bottom:1px solid #4b5a4c;min-height:65px}.reader-top a{font-weight:800;font-size:13px;white-space:nowrap}.reader-top>div{flex:1;text-align:center;min-width:0}.reader-top b,.reader-top small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-top small{font-size:11px;color:#b6c2b3}.reader-top button,.reader-controls button,.reader-bottom a,.reader-drawer button{border:1px solid #788c7b;background:#293a2c;color:#fff;padding:9px 12px;font-size:13px;min-height:44px}.reader-intro{text-align:center;max-width:800px;margin:50px auto 24px;padding:0 17px}.reader-intro>span{font-size:12px;color:var(--banana);letter-spacing:.16em}.reader-intro h1{font-size:clamp(25px,3vw,38px);margin:14px 0}.reader-intro p{color:#c2cec1;font-size:13px}.reader-progress{height:4px;background:#313c33;position:sticky;top:65px;z-index:19}.reader-progress>div{height:100%;width:0;background:var(--banana);transition:width .2s}.reader-canvas{width:min(var(--reader-width),100%);margin:0 auto;padding:10px 14px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.reader-canvas[data-mode="double"]{width:min(calc(var(--reader-width) + 250px),100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reader-canvas[data-mode="single"] .story-panel,.reader-canvas[data-mode="double"] .story-panel{min-height:60vh}.story-panel{background:var(--paper);color:var(--ink);min-height:440px;padding:34px 9%;display:flex;flex-direction:column;justify-content:space-between;border:5px solid #080c08;position:relative;overflow-wrap:anywhere}.story-panel:nth-child(2n){background:#e7efea}.story-panel:nth-child(3n){background:#fff1bd}.story-panel[hidden],.comic-page[hidden]{display:none!important}.panel-header,.panel-footer{font-size:11px;letter-spacing:.15em;font-weight:900;color:#45624a}.story-panel p{font-size:clamp(18px,2.4vw,30px);font-weight:850;line-height:1.9;color:#17231a;max-width:600px;margin:50px auto;text-align:left}.panel-footer{text-align:right}.comic-page{width:100%;height:auto;object-fit:contain;display:block}.reader-controls,.reader-bottom{display:flex;align-items:center;justify-content:center;gap:20px;padding:25px 14px}.reader-bottom{border-top:1px solid #414b42;justify-content:space-between;max-width:800px;margin:20px auto 50px}.reader-bottom span{font-size:13px}.reader-controls button:disabled{opacity:.35;cursor:not-allowed}.reader-drawer{position:fixed;right:14px;top:72px;z-index:50;max-width:min(370px,calc(100vw - 28px));max-height:70vh;overflow-y:auto;background:#f9faef;color:#1b271d;padding:24px;box-shadow:0 6px 30px #0009;border:2px solid #20231f}.reader-drawer[hidden]{display:none}.reader-drawer h2{font-size:23px}.reader-drawer a{display:block;padding:11px 0;border-bottom:1px solid #bec9ba;font-size:14px}.reader-drawer a[aria-current]{font-weight:900;color:var(--forest)}.reader-drawer label{display:block;font-size:13px;margin:20px 0}.reader-drawer select,.reader-drawer input{display:block;width:100%;margin-top:8px}.reader-drawer button{margin:6px 4px 0 0}.reader-body .bottom-nav{display:none}@media(max-width:780px){.reader-top{gap:6px;padding:8px}.reader-top a,.reader-top button{font-size:11px;padding:7px}.reader-top>div{max-width:130px}.reader-canvas[data-mode="double"]{display:flex;flex-direction:column}.story-panel{min-height:330px;padding:24px 7%}.story-panel p{font-size:18px}.reader-intro{margin-top:25px}.reader-controls{gap:7px}.reader-controls button{font-size:12px}}