.book-thumbnails{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid #dce5d1}
.book-page-button{display:flex;align-items:center;gap:11px;padding:7px 12px 7px 7px;border:1px solid #d7e0cd;border-radius:10px;background:#fff;text-align:left;color:#3b5936;min-width:150px;max-width:100%;cursor:zoom-in}
.book-page-button:hover{border-color:#789b58;background:#fcfdf9}.book-page-button:focus-visible{outline:3px solid #dca64d;outline-offset:3px}
.book-page-button img{width:57px;height:80px;object-fit:contain;background:#f9f8f4;border:1px solid #edece5;border-radius:3px;flex-shrink:0}.book-page-button .bi-primary{font-size:12px;font-weight:700}.book-page-button .bi-secondary{font-size:10px}.book-page-button small{display:block;font-size:11px;margin-top:6px;color:#728262}
.book-reader{width:min(1120px,calc(100vw - 32px));height:min(94dvh,1100px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #dbe2d3;border-radius:19px;background:#fafaf6;color:#304638;box-shadow:0 24px 100px #13231966;overflow:hidden}
.book-reader[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.book-reader::backdrop{background:#14261bd9}
.book-reader-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:#fff}.book-reader-header h2{font-size:20px;margin:0}.book-reader-header h2 .bi-secondary{font-size:12px}.book-reader-meta{margin:5px 0 0;font-size:11px;color:#6b7c69}.book-reader-meta .bi-secondary{font-size:10px}
.book-reader button{border:1px solid #d8e0d0;border-radius:10px;background:#fff;padding:8px 14px;color:#385334;cursor:pointer;font:inherit}.book-reader button:hover:not(:disabled){background:#eef3e6}.book-reader button:disabled{opacity:.38;cursor:default}.book-reader button:focus-visible,.book-reader-stage:focus-visible{outline:3px solid #d4a349;outline-offset:-3px}
.book-reader .book-reader-close{font-size:20px;min-width:44px;min-height:44px;border:0;background:#f0f3eb;flex-shrink:0}
.book-reader-toolbar{display:flex;align-items:center;gap:9px;padding:10px 22px;border-top:1px solid #edf0e7;border-bottom:1px solid #dfe5d8;font-size:12px;flex-wrap:wrap}.book-reader-toolbar button{min-height:40px;min-width:40px}.book-reader-zoom{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.book-reader-toolbar small{margin-left:auto;color:#74826d;font-size:11px}
.book-reader-stage{position:relative;overflow:auto;min-height:0;min-width:0;padding:16px;overscroll-behavior:contain;background:#e4e8de;touch-action:pan-x pan-y pinch-zoom}
.book-reader-image{display:block;max-width:none;height:auto;margin:0 auto;box-shadow:0 2px 12px #26322526;cursor:zoom-in;user-select:none}.book-reader-image[hidden],.book-reader [hidden]{display:none!important}
.book-reader-loading,.book-reader-error{padding:20px;text-align:center;color:#405436}.book-reader-loading{position:absolute;left:50%;top:20%;transform:translateX(-50%);background:#fff;border-radius:10px}.book-reader-error .bi-label{align-items:center}
.book-reader-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;background:#fff;font-size:12px}.book-reader-count{white-space:nowrap;font-variant-numeric:tabular-nums}.book-reader .bi-secondary{font-size:10px}
@media(max-width:600px){.book-reader{width:100vw;height:100dvh;border:0;border-radius:0}.book-reader-header{padding:12px 14px}.book-reader-header h2{font-size:17px}.book-reader-toolbar{padding:8px 12px;gap:6px}.book-reader-toolbar small{width:100%;margin:0}.book-reader-footer{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.book-reader-footer button{padding:8px 10px}.book-page-button{flex:1;min-width:130px;gap:8px}.book-page-button img{width:43px;height:61px}.book-thumbnails{gap:8px}}
.book-reader-location{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 8px;min-width:0;max-width:340px}.book-reader-location label{font-size:11px;color:#687b61}.book-reader-page{min-width:0;max-width:100%;width:100%;border:1px solid #d8e0d0;border-radius:9px;background:#fff;color:#385334;min-height:40px;font:inherit;font-size:12px;padding:6px 9px}.book-reader-location .book-reader-count{grid-column:1/-1;text-align:center;font-size:10px;color:#6b7c69}.book-reader-footer>button{flex-shrink:0;min-height:44px}.book-reader-stage{touch-action:pan-y pinch-zoom}.book-reader-stage[data-zoomed="true"]{touch-action:pan-x pan-y pinch-zoom}
@media(max-width:600px){.book-reader-toolbar [data-reader="source"]{margin-left:auto}.book-reader-toolbar small{line-height:1.3}.book-reader-footer{flex-wrap:wrap;gap:8px}.book-reader-location{order:-1;max-width:none;width:100%;grid-template-columns:auto minmax(0,1fr) auto}.book-reader-location .book-reader-count{grid-column:auto;white-space:nowrap}.book-reader-page{font-size:16px}.book-reader-footer>button{flex:1}.book-reader-footer>button:last-child{text-align:right}}