body{background:#eeeee9}header button,.reader-bar button,.lightbox-toolbar button{border:0;background:transparent;color:inherit;padding:9px 12px}.reader{padding-bottom:100px}.reader-top{max-width:1400px;margin:auto;padding:65px 5% 45px}.reader-top h1{font-size:clamp(32px,5vw,65px);font-weight:500;letter-spacing:-1px;margin:10px 0}.reader-top p{color:#777}.reader-top>span{font-size:11px;color:#777;letter-spacing:1px}#pages{max-width:1600px;margin:auto}.page{margin:0 0 15px;scroll-margin-top:100px}.page button{display:block;width:100%;border:0;padding:0;background:white;cursor:zoom-in}.page img{display:block;width:100%;height:auto}.page figcaption{padding:8px 20px;color:#76796f;font-size:10px;letter-spacing:1px}.reader-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:8px 20px;background:#23261ff2;color:white;border:1px solid #53564d;box-shadow:0 8px 40px #0003;border-radius:40px;font-size:12px;white-space:nowrap;z-index:12}.reader-bar select{border:0;border-bottom:1px solid #777;background:transparent;color:inherit;font:inherit;padding:5px}.reader-bar option{color:#222}.reader-bar a{font-size:11px}.reader-end{display:flex;justify-content:space-between;max-width:1400px;margin:50px auto;padding:0 5%}aside{position:fixed;right:4%;top:95px;width:min(330px,92vw);padding:25px;background:#fff;box-shadow:0 15px 80px #0002;z-index:15}aside a{display:block;padding:13px 5px;border-bottom:1px solid #eee;font-size:14px}aside a:hover{background:var(--lime)}dialog{border:0;padding:0;width:96vw;max-width:none;height:94vh;background:#e6e6e0}dialog::backdrop{background:#000d}.lightbox-toolbar{height:58px;display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:10px 20px;background:#fff;font-size:12px}.lightbox-toolbar span{margin-right:auto}.lightbox-scroll{overflow:auto;height:calc(100% - 58px)}#large-image{display:block;max-width:100%;height:auto;margin:auto}#large-image.zoomed{max-width:none}button:disabled{opacity:.3;cursor:default}@media(max-width:700px){header{font-size:12px}.reader-top{padding:35px 6%}.page{margin-bottom:8px}.reader-bar{gap:7px;padding:6px 12px}.lightbox-toolbar{gap:4px;padding:5px;font-size:10px}.lightbox-toolbar span{display:none}}

.reader-top[hidden]{display:none}

.reader-end[hidden]{display:none}.reader-end a[aria-disabled="true"]{color:var(--muted);opacity:.4;cursor:default;pointer-events:none}

header:has(>#project-name){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
header:has(>#project-name)>a{justify-self:start}
header>#project-name{grid-column:2;justify-self:center;text-align:center}
header:has(>#project-name)>.header-actions{justify-self:end}