.book-shelf{margin:24px 0;padding:24px;border:1px solid #ffffff1f;border-radius:22px;background:radial-gradient(ellipse at top,#18535b90,transparent 75%),#0b2933;color:#fff;min-width:0}.book-shelf header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff24;margin-bottom:22px}.book-shelf header h3{font-size:26px}.book-shelf small{color:#e8cc83}.book-shelf button{background:transparent;border:1px solid #e8cc83;color:#e8cc83;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer}.book-shelf-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:6px 3px 14px}.shelf-book{flex:0 0 200px;scroll-snap-align:start;text-align:center;min-width:0}.shelf-book-cover{display:block;aspect-ratio:2/3;background:#0a202b;border:1px solid #60898d;border-radius:10px;overflow:hidden;box-shadow:5px 8px 16px #0005}.shelf-book-cover img{display:block;width:100%;height:100%;object-fit:contain}.shelf-book h4{margin:14px 0 6px;font-size:18px;line-height:1.7;overflow-wrap:anywhere}.shelf-book p{color:#b9cdd1;margin:0 0 10px;min-height:24px}.shelf-book-placeholder{box-sizing:border-box;display:flex;height:100%;flex-direction:column;justify-content:space-around;padding:22px 12px;border:5px solid #e8cc83;border-radius:8px;background:linear-gradient(135deg,#17424b,#246b70);color:#fff}.shelf-book-placeholder b{font-size:48px;color:#e8cc83}.shelf-book-actions{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}.shelf-book-actions a{color:#d2e9e9;text-decoration:none}.shelf-book-actions a:first-child{padding:9px 10px;border:1px solid #4f989e;border-radius:9px;background:#174b50}.shelf-book-cover:focus-visible,.book-shelf button:focus-visible{outline:3px solid #e8cc83;outline-offset:2px}@media(max-width:600px){.book-shelf{padding:16px}.shelf-book{flex-basis:170px}}