body:has(.reader){background:#161c19;color:#f7f6eb}.reader{margin:20px auto 40px;max-width:1150px}.reader-toolbar{display:flex;flex-wrap:wrap;gap:13px;align-items:center;justify-content:space-between;background:#2e3831;padding:12px 18px;border:1px solid #68786b;border-radius:8px}.reader-toolbar a,.reader-toolbar button{color:white;background:#315c43;border:1px solid #728878;padding:9px 12px;border-radius:6px}.reader-toolbar strong{flex:1;text-align:center}.reader-drawer{margin-top:10px;background:#243329;border:1px solid #54715e;padding:20px}.reader-drawer[hidden]{display:none}.reader-drawer a{display:inline-block;padding:8px 12px;border:1px solid #66816c;margin:5px}.reader-drawer .selected{background:#f2d33c;color:#20231f}.reader-drawer label{display:flex;align-items:center;gap:12px;margin:12px 0;flex-wrap:wrap}.reader-drawer input,.reader-drawer select{padding:8px;max-width:100%}.reader-title{text-align:center;padding:50px 10px 15px}.reader-title h1{font-size:34px;margin:15px 0}.reader-title p{color:#b9c2b7}.reader-stage{max-width:100%;width:82%;margin:30px auto}.reader-pages{display:flex;flex-direction:column;gap:18px}.comic-panel{position:relative;background:#fffdf5;color:#20231f;border:5px solid #000;min-height:300px;padding:60px 7%;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 0 #83907e;overflow-wrap:anywhere}.comic-panel:nth-child(even){background:#fff5bf}.comic-panel:nth-child(3n){background:#e7efe7}.comic-panel p{font-size:clamp(21px,2.6vw,34px);font-weight:800;line-height:1.7;color:inherit;max-width:720px}.panel-number{position:absolute;top:12px;left:14px;background:#20231f;color:white;padding:4px 10px;font-size:11px;letter-spacing:.15em}.image-panel{margin:0}.image-panel img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.reader-stage[data-mode=single] .comic-panel,.reader-stage[data-mode=single] .image-panel,.reader-stage[data-mode=double] .comic-panel,.reader-stage[data-mode=double] .image-panel{display:none}.reader-stage[data-mode=single] .reader-pages>.visible,.reader-stage[data-mode=double] .reader-pages>.visible{display:flex}.reader-stage[data-mode=double] .reader-pages{display:grid;grid-template-columns:1fr 1fr}.reader-stage[data-mode=double] .comic-panel{min-height:300px;padding:30px}.reader-stage[data-mode=double] .comic-panel p{font-size:19px}.reader-page-controls{display:flex;justify-content:center;align-items:center;gap:20px}.reader-page-controls[hidden]{display:none}.reader-page-controls button{min-height:44px;padding:8px 17px;background:#f2d33c;border:0;font-weight:800;border-radius:6px}.reader-pagination{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:40px 0}.reader-pagination a,.reader-pagination span{display:block;padding:13px 20px;border:1px solid #7e9383;border-radius:6px;font-weight:700}.reader-pagination a{background:#315c43}.reader-progress{text-align:center;color:#d8dfd6}.reader .issue{color:#f2d33c}body:has(.reader) .mobile-bottom{display:none}body:has(.reader) .site-footer{margin-top:35px}@media(max-width:720px){.reader-stage{width:100%!important}.reader-stage[data-mode=double] .reader-pages{display:flex;flex-direction:column}.reader-stage[data-mode=double] .reader-pages>.visible{display:flex}.reader-toolbar strong{flex-basis:100%;order:-1}.comic-panel{min-height:280px;padding:48px 22px}.comic-panel p{font-size:22px}.reader-pagination a,.reader-pagination span{padding:9px 10px;font-size:12px}}