.reader-body{margin:0;padding:0}.reader{min-height:100vh}.reader-head{height:64px;background:#1F3E2D;border-bottom:1px solid #527461;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 24px;position:sticky;top:0;z-index:10}.reader-head a{font-weight:700}.reader-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-head small{font-weight:400;color:#E0E7DD}.reader-actions{display:flex;gap:8px}.reader-actions button{padding:8px 12px;min-height:44px;background:#F2D33C;color:#111511;border:0;border-radius:6px;font-weight:800;cursor:pointer}.reader-notice{text-align:center;font-size:12px;color:#CBD3CA;padding:8px 16px}.reader-main{padding:25px 16px 80px}.reader-title{text-align:center;margin:10px auto 35px}.reader-title span{color:#F2D33C;letter-spacing:.22em;font-size:12px}.reader-title h1{font-size:clamp(24px,3vw,40px)}.reader-title p{color:#ABBDAE}.reader-panels{--reader-width:840px;max-width:var(--reader-width);margin:auto;display:grid;gap:18px;min-height:320px}.reader-panel{margin:0}.reader-panel[hidden]{display:none!important}.reader-panels.double{max-width:min(95vw,1200px);grid-template-columns:1fr 1fr;gap:12px}.text-panel{border:4px solid #E7EFE7;background:#FFFDF5;color:#111511;min-height:400px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:12px 12px 0 #315C43}.text-panel span{font-size:11px;letter-spacing:.18em;color:#315C43;font-weight:900}.text-panel p{font-weight:800;font-size:clamp(22px,3.5vw,39px);line-height:1.5;max-width:650px;margin:auto}.chapter-image{display:block;width:100%;height:auto;object-fit:contain}.reader-drawer{position:fixed;z-index:20;right:12px;top:70px;width:min(400px,calc(100vw - 24px));max-height:75vh;overflow:auto;background:#FFFDF5;color:#20231F;border-radius:10px;box-shadow:0 14px 36px #0009;padding:20px}.reader-drawer[hidden]{display:none}.reader-drawer a{display:block;padding:13px;border-bottom:1px solid #C9D0C6}.reader-drawer a[aria-current]{background:#FFF5BF}.reader-drawer label{display:block;margin:16px 0}.reader-drawer select,.reader-drawer input{display:block;width:100%;padding:9px}.reader-progress{text-align:center;color:#CAD3C7}.reader-nav{max-width:840px;margin:28px auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.reader-nav>*{background:#315C43;padding:10px 12px;border-radius:6px;min-height:44px}.reader-nav span{opacity:.7}@media(max-width:700px){.reader-head{height:auto;min-height:68px;flex-wrap:wrap;padding:7px 10px}.reader-head strong{font-size:13px;order:3;width:100%;text-align:center}.reader-actions button{font-size:12px;padding:6px}.reader-main{padding:13px 8px 50px}.text-panel{min-height:300px;padding:19px;border-width:2px;box-shadow:5px 5px 0 #315C43}.reader-panels.double{grid-template-columns:1fr}.reader-panels.double .reader-panel:nth-child(2){display:none}.reader-nav{justify-content:center}}