body.reader-body{background:#111511;color:#FFFDF5}.reader-shell{min-height:100vh}.reader-top{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 22px;background:#20231F;position:sticky;top:0;z-index:10;border-bottom:1px solid #414840}.reader-top>a,.reader-top button{font-size:13px;background:transparent;border:1px solid #777E73;color:#FFFDF5;padding:10px 13px;border-radius:5px;white-space:nowrap}.reader-top>div{margin:auto;text-align:center;min-width:0}.reader-top small{display:block;color:#c7d1c5}.reader-panel{position:fixed;right:18px;top:74px;z-index:20;width:min(340px,calc(100vw - 36px));max-height:70vh;overflow:auto;background:#FFFDF5;color:#20231F;padding:24px;border:2px solid #F2D33C;box-shadow:0 12px 30px #0008}.reader-panel h2{font-size:20px}.reader-panel>a{display:block;padding:12px;border-bottom:1px solid #E2E3D9}.reader-panel>a[aria-current=page]{background:#FFF5BF}.reader-panel label{display:block;margin:12px 0}.reader-panel select,.reader-panel input{width:100%}.reader-panel button{margin-top:12px;padding:10px;background:#315C43;color:#fff;border:0}.reading-progress{height:3px;background:#315C43;position:sticky;top:70px;z-index:11}.reading-progress div{height:100%;width:0;background:#F2D33C;transition:width .2s}.reader-intro{text-align:center;padding:50px 15px 25px}.reader-intro span{letter-spacing:5px;color:#F2D33C}.reader-intro h1{font-size:clamp(28px,4vw,48px);margin:10px}.reader-intro p{font-size:13px;color:#bbb}.reader-canvas{--rw:90%;max-width:1150px;width:var(--rw);margin:20px auto;display:flex;flex-direction:column;gap:18px;align-items:center}.reader-page{width:100%;max-width:100%;scroll-margin-top:100px}.reader-page img{width:100%;height:auto;object-fit:contain;display:block}.storyboard{min-height:440px;background:linear-gradient(140deg,#FFFDF5,#E7EFE7);color:#20231F;border:12px solid #20231F;outline:2px solid #F2D33C;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:clamp(24px,5vw,70px);overflow-wrap:anywhere}.storyboard:before{content:"";position:absolute;width:130px;height:130px;right:-30px;top:-30px;border-radius:50%;background:radial-gradient(#D5D8CC 1px,transparent 1px);background-size:8px 8px}.storyboard p{font-weight:800;max-width:720px;font-size:clamp(22px,3vw,38px);line-height:1.75;position:relative}.storyboard small,.panel-num{font-size:13px;letter-spacing:2px;font-weight:800;color:#315C43;position:relative}.reader-canvas.single .reader-page,.reader-canvas.double .reader-page{display:none}.reader-canvas.single .reader-page.is-active,.reader-canvas.double .reader-page.is-active{display:block}.reader-canvas.double{max-width:1400px;display:grid;grid-template-columns:1fr 1fr;align-items:start}.reader-canvas.double .reader-page{height:100%}.reader-canvas.double .reader-page .storyboard{min-height:390px}.page-controls{display:none;justify-content:center;align-items:center;gap:20px;padding:20px}.page-controls button,.reader-bottom a{border:1px solid #F2D33C;color:#F2D33C;background:transparent;padding:12px 18px;border-radius:6px}.reader-bottom{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:40px 16px 70px}.reader-bottom .disabled{opacity:.4;pointer-events:none}.reader-canvas.single~.page-controls,.reader-canvas.double~.page-controls{display:flex}@media(max-width:700px){.reader-top{padding:8px;gap:5px;flex-wrap:wrap}.reader-top>a,.reader-top button{font-size:11px;padding:9px 7px}.reader-top>div{order:-1;width:100%;margin-bottom:6px}.reader-intro{padding-top:22px}.reader-intro h1{font-size:27px}.reader-canvas{width:100%!important;gap:8px}.storyboard{padding:20px;border-width:6px;min-height:330px}.storyboard p{font-size:20px}.reader-canvas.double{grid-template-columns:1fr}.reader-panel{top:100px}.reading-progress{top:98px}}