.book-card{perspective:1200px;cursor:pointer;position:relative;width:100%;display:flex;flex-direction:column;padding-left:4px;text-decoration:none;color:inherit}.book-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.book-card-inner{position:relative;width:100%;aspect-ratio:3 / 4.3;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,1,.25,1);border-radius:0 10px 10px 4px;background:linear-gradient(135deg,#7d5a50,#4a3c2a)}.book-card:hover .book-card-inner{transform:rotateY(-6deg) translateZ(6px)}.book-card-inner:before{content:"";position:absolute;top:0;bottom:0;left:0;width:11px;background:inherit;z-index:11;border-radius:4px 0 0 4px;box-shadow:inset 3px 0 6px #00000026,inset -1px 0 2px #00000040}.book-card-inner:after{content:"";position:absolute;top:0;bottom:0;left:11px;width:2px;background:#00000040;z-index:12;pointer-events:none}.book-pages{position:absolute;inset:4px 3px 4px 11px;transform-style:preserve-3d;z-index:5;border-radius:0 6px 6px 0;overflow:hidden}.book-pages:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,#f3ece0,#fff 2px,#f7f1e6 3px)}.book-page{position:absolute;inset:0;background:linear-gradient(to right,#efe8da,#fff 6% 100%);transform-origin:left;transition:transform .5s cubic-bezier(.25,1,.25,1)}.book-page.p1{z-index:4}.book-page.p2{z-index:3}.book-page.p3{z-index:2}.book-card:hover .book-page.p1{transform:rotateY(-16deg)}.book-card:hover .book-page.p2{transform:rotateY(-11deg)}.book-card:hover .book-page.p3{transform:rotateY(-6deg)}.book-cover{position:absolute;inset:0 0 0 11px;border-radius:0 10px 10px 4px;overflow:hidden;transform-origin:left;transition:transform .5s cubic-bezier(.25,1,.25,1);z-index:10;display:flex;align-items:center;justify-content:center;color:#d4c5a9;background:linear-gradient(135deg,#7d5a50,#4a3c2a);box-shadow:1px 0 #00000014,0 4px 16px #291f181f,inset -1px 1px 2px #ffffff1a}.book-cover img{width:100%;height:100%;object-fit:cover;display:block}.book-cover:after{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(to right,rgba(0,0,0,.22),rgba(255,255,255,.08) 60%,transparent);pointer-events:none}.book-card:hover .book-cover{transform:rotateY(-22deg);box-shadow:14px 14px 30px #0006,inset -2px 0 10px #0000002e}.book-cover.no-cover{padding:1.25rem .85rem;text-align:center;font-family:var(--font-display);flex-direction:column;justify-content:center;gap:.65rem}.book-cover.no-cover:before{content:"";position:absolute;inset:10px;border:1px solid rgba(212,197,169,.28);border-left:none;border-radius:0 8px 8px 0;pointer-events:none}.book-cover.no-cover{container-type:inline-size}.book-cover.no-cover .no-cover-title{font-size:clamp(.6rem,11cqw,.98rem);font-weight:700;line-height:1.3;color:#d4c5a9;text-shadow:1px 1px 2px rgba(0,0,0,.5);padding:0 .4rem;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}.book-card-link{display:block;color:inherit;text-decoration:none}.book-shelf-btn{position:absolute;top:8px;right:8px;z-index:15;width:26px;height:26px;min-width:26px;min-height:26px;max-width:26px;max-height:26px;border-radius:50%;border:none;background:#1d140d8c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.book-card:hover .book-shelf-btn,.book-shelf-btn:focus-visible,.book-shelf-btn.is-active{opacity:1;transform:translateY(0)}.book-shelf-btn:hover,.book-shelf-btn.is-active{background:var(--accent)}.book-shelf-btn svg{width:13px;height:13px}.book-info{padding:var(--space-md) 0 0}.book-title{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.book-card:hover .book-title{color:var(--accent)}.book-author{font-size:.75rem;color:var(--ink-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-rating{font-size:.6875rem;color:var(--ink-ghost);margin-top:2px}.lib-row,.lib-grid,.browse-grid{display:grid;gap:var(--space-xl) var(--space-lg)}.lib-row{grid-template-columns:repeat(5,minmax(0,1fr))}.lib-grid,.browse-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.book-skel{display:block}.book-skel .sk-cover,.book-skel .sk-line{background:linear-gradient(90deg,var(--paper-deep) 25%,var(--paper-warm) 50%,var(--paper-deep) 75%);background-size:200% 100%;animation:sk-shimmer 1.3s linear infinite}.book-skel .sk-cover{aspect-ratio:3 / 4.3;border-radius:0 10px 10px 4px}.book-skel .sk-line{height:.7rem;border-radius:6px;margin-top:.55rem;width:85%}.book-skel .sk-line.s{width:55%;height:.6rem}@keyframes sk-shimmer{to{background-position:-200% 0}}.browse-grid,.lib-sections{transition:opacity .18s ease}.is-loading{opacity:.45;pointer-events:none}.browse-grid .book-card,.lib-row .book-card,.book-table,.lib-section{animation:lib-in .28s ease both}@keyframes lib-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.book-skel .sk-cover,.book-skel .sk-line,.browse-grid .book-card,.lib-row .book-card,.book-table,.lib-section{animation:none}}.lib-loading,.lib-empty{grid-column:1 / -1;text-align:center;padding:var(--space-3xl) 0;color:var(--ink-muted)}@media(max-width:1100px){.lib-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.lib-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md) var(--space-sm)}.lib-grid,.browse-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md) var(--space-sm)}}@media(prefers-reduced-motion:reduce){.book-card-inner,.book-cover,.book-page,.book-shelf-btn{transition:none!important}}