.book-cover-container.svelte-n5j6ir{perspective:1000px;height:auto;min-height:300px;width:100%}.book-cover.svelte-n5j6ir{position:relative;width:100%;height:auto;will-change:transform,opacity;backface-visibility:hidden}.book-cover.svelte-n5j6ir img:where(.svelte-n5j6ir){width:100%;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 25px #00000026}.book-overlay.svelte-n5j6ir{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,#000000e6);transform:translateY(100%);transition:transform .1s ease-in-out;border-radius:0 0 8px 8px;display:flex;align-items:flex-end;justify-content:center;padding:1rem;cursor:pointer}.book-cover.svelte-n5j6ir:hover .book-overlay:where(.svelte-n5j6ir){transform:translateY(0)}.overlay-content.svelte-n5j6ir{text-align:center;color:#fff;width:100%}.overlay-title.svelte-n5j6ir{font-size:.875rem;font-weight:700;margin-bottom:.25rem;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.8)}.overlay-year.svelte-n5j6ir{font-size:.75rem;font-weight:500;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.8)}.overlay-click-hint.svelte-n5j6ir{font-size:.7rem;font-weight:400;opacity:.8;margin-top:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.8);border-top:1px solid rgba(255,255,255,.3);padding-top:.5rem}@media(max-width:768px){.book-cover-container.svelte-n5j6ir{min-height:250px}}@media(max-width:480px){.book-cover-container.svelte-n5j6ir{min-height:200px}}