:root{--header-height:72px}
.reader-heading{position:sticky;top:var(--header-height);background:var(--ivory);z-index:9;padding:12px 0;margin:0;min-height:90px}
.reading-title{min-width:0;flex:1}.reader-heading h1{max-width:650px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reading-tools{display:flex;align-items:center;gap:14px;flex-shrink:0}.reading-tools label{font-size:12px;white-space:nowrap}.reading-tools input{width:58px;padding:8px 3px;text-align:center;color:var(--green);background:#fffdf5;border:1px solid var(--line);border-radius:4px}
#page-scroll{overflow:auto;border:0;background:transparent;overflow-anchor:none}#pages{width:100%}#pages.zoomed{width:180%}
.book-page{margin:0 0 20px;scroll-margin-top:calc(var(--header-height) + 110px)}
.page-surface{position:relative;background:white;border:1px solid var(--line);width:100%}
.page-surface img{display:block;width:100%;height:auto}.page-surface.loading img{visibility:hidden}
.hotspots{position:absolute;inset:0}.loading .hotspots{pointer-events:none}
.page-status{position:absolute;left:0;right:0;top:30%;text-align:center;font-size:14px;color:#72786b}
.page-caption{text-align:center;padding:10px;font-size:11px;color:#72786b;letter-spacing:.08em}
@media(max-width:540px){:root{--header-height:60px}.reader-heading{align-items:flex-start;gap:7px;padding:9px 6px;min-height:95px}.reader-heading h1{font-size:17px}.reading-tools{flex-direction:column;align-items:flex-end;gap:5px}.reading-tools label{font-size:10px}.reading-tools input{width:48px;padding:4px}.reading-tools button{padding:5px 10px;font-size:11px}.reading-tools label span{display:none}.reading-title{padding-top:4px}.book-page{margin-bottom:12px}}