.reader-bookshelf{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #b79764;border-radius:14px;background:#fff9ed;color:#342e25;box-shadow:0 20px 70px #231b1450;font:16px/1.4 Nunito,system-ui,sans-serif;overflow:hidden}
.reader-bookshelf::backdrop{background:#28201685}
.reader-bookshelf header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #deceb0;background:#f3e7ce}
.reader-bookshelf h2{font-size:20px;margin:0}
.reader-bookshelf button,.bookshelf-continue{min-height:44px;border:1px solid #a88c59;border-radius:8px;padding:8px 12px;font:inherit;background:#fffaf0;color:#244c49;cursor:pointer}
.bookshelf-content{padding:16px;max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain}
.bookshelf-continue{display:block;margin-bottom:16px;text-decoration:none;font-weight:800;background:#e3eeE6}
.bookshelf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px 14px}
.bookshelf-book{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:inherit;padding:8px;border:2px solid transparent;border-radius:9px;background:#fffdf7}
.bookshelf-book[aria-current]{border-color:#4a7c72}
.bookshelf-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#e5d3ae;border-radius:5px;overflow:hidden;text-align:center;box-shadow:2px 4px 5px #47342125}
.bookshelf-cover img{width:100%;height:100%;object-fit:cover}
.bookshelf-cover span{padding:12px;font-weight:800}
.bookshelf-book small{color:#46645b}
.reader-bookshelf :focus-visible{outline:3px solid #16756c;outline-offset:3px}
@media(max-width:420px){.reader-bookshelf header{padding:8px;gap:8px}.reader-bookshelf h2{font-size:18px}.reader-bookshelf header button{max-width:150px}.bookshelf-content{padding:10px}.bookshelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bookshelf-book{padding:5px}}