body:has(.reader-main){background:#e9e8e3}.reader-top{height:58px;background:#fffdf9;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1000px)/2));gap:12px;position:sticky;top:0;z-index:10;font-size:12px}.reader-top a{color:#526d58}.reader-top b{color:#39332f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-top button{border:0;background:#e6eee6;padding:7px 12px;color:#526d58;border-radius:4px}.reader-main{max-width:900px;margin:0 auto;padding:20px 16px 55px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffdf9;padding:12px 16px;margin-bottom:14px;font-size:12px;color:#625d56}.reader-toolbar label{display:flex;align-items:center;gap:8px}.reader-toolbar input{width:100px}.reader-pages{width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;gap:0}.reader-pages img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;background:#fff}.reader-pages.single img{display:none}.reader-pages.single img.active{display:block;max-height:calc(100vh - 170px);width:auto;max-width:100%}.reader-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px}.button-outline{background:transparent;color:#526d58;border:1px solid #78917d}.reader-bottom>a:not(.button){color:#526d58}@media(max-width:600px){.reader-top{padding:0 12px}.reader-top b{max-width:42vw}.reader-toolbar{flex-wrap:wrap}.reader-toolbar label{font-size:11px}.reader-main{padding:10px 0 35px}.reader-pages{width:100%}.reader-bottom{padding:16px 12px}}