body.reader-page{background:#141914;color:#edf2e9}.reader-layout{min-height:100vh}.reader-header{min-height:66px;display:flex;gap:16px;justify-content:space-between;align-items:center;padding:10px clamp(12px,4vw,64px);background:#1e2921;position:sticky;top:0;z-index:8}.reader-header>div{display:flex;flex-direction:column;align-items:center}.reader-header small{color:#cbd5c9}.reader-header button,.reader-panel button{border:1px solid #6d806c;color:white;background:#314337;border-radius:8px;min-height:44px;padding:6px 11px}.reader-header a{font-weight:700}.reader-panel{position:fixed;z-index:10;right:12px;top:75px;width:min(330px,calc(100% - 24px));max-height:70vh;overflow-y:auto;background:#f6f5ed;color:#20231f;border-radius:14px;padding:20px;box-shadow:0 10px 40px #0009}.reader-panel a{display:block;padding:10px;border-bottom:1px solid #ddd}.reader-panel [aria-current]{background:#e6ebd4;font-weight:800}.reader-panel select,.reader-panel input{display:block;width:100%;margin:7px 0 20px}.reader-panel button{background:#315c43}.reader-body{padding:24px 14px 50px}.reader-meta{text-align:center;max-width:800px;margin:25px auto}.reader-meta span{color:#f2d33c;font-size:12px;letter-spacing:.15em}.reader-meta h1{font-size:clamp(26px,3vw,36px);margin:15px}.reader-meta p{font-size:14px;color:#b9c6b8}.reader-canvas{--reader-width:820px;max-width:min(100%,var(--reader-width));margin:auto}.reader-pages{display:grid;gap:12px}.reader-panel-page{background:#fffdf5;color:#20231f;min-height:260px;padding:35px clamp(20px,6vw,80px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:4px 4px 0 #5f705d}.reader-panel-page p{font-size:clamp(18px,2.7vw,25px);line-height:1.85;margin:28px 0;overflow-wrap:anywhere}.reader-panel-page img{height:auto;width:100%;object-fit:contain}.panel-number{font-size:12px;color:#315c43;letter-spacing:.17em;font-weight:800}.reader-canvas.mode-single .reader-panel-page,.reader-canvas.mode-double .reader-panel-page{display:none}.reader-canvas.mode-single .reader-panel-page.is-current,.reader-canvas.mode-double .reader-panel-page.is-current{display:flex}.reader-canvas.mode-double .reader-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-canvas.mode-double .reader-panel-page.is-next{display:flex}.reader-controls{max-width:820px;margin:18px auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.reader-controls button{min-height:44px;background:transparent;color:white;border:1px solid #6e836f;border-radius:8px;padding:7px 15px}.reader-chapters{max-width:820px;display:flex;gap:20px;align-items:center;justify-content:space-between;margin:34px auto;border-top:1px solid #58715b;padding-top:30px}.reader-chapters>div{flex:1}.reader-chapters>div:last-child{text-align:right}.reader-chapters a{color:#f2d33c;font-weight:800}.reader-chapters span{color:#aeb9a8}.reader-image-note{padding:20px;background:#314337}@media(max-width:700px){.reader-header{flex-wrap:wrap;gap:8px}.reader-header>div{order:-1;width:100%}.reader-header a,.reader-header button{font-size:12px}.reader-body{padding:15px 8px}.reader-panel-page{min-height:220px;padding:24px 19px}.reader-canvas.mode-double .reader-pages{grid-template-columns:1fr}.reader-canvas.mode-double .reader-panel-page.is-next{display:none}.reader-chapters{font-size:13px;gap:7px}}