.book-card{display:flex;flex-direction:column;background-color:#ffffff;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:220px;margin:0 auto;padding:12px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid transparent}@media (max-width:346px){.book-card{max-width:none;width:100%;padding:6px;margin:.5rem auto}}[data-theme=dark] .book-card{background-color:#1e293b;box-shadow:0 4px 12px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05)}.book-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1)}[data-theme=dark] .book-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3)}.book-card-cover{position:relative;width:100%;aspect-ratio:2/3;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:box-shadow .3s ease;background-color:#f3f4f6}[data-theme=dark] .book-card-cover{box-shadow:0 8px 24px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1)}.book-card:hover .book-card-cover{box-shadow:0 12px 32px rgba(0,0,0,.18)}[data-theme=dark] .book-card:hover .book-card-cover{box-shadow:0 12px 32px rgba(0,0,0,.5)}.book-card-image{object-fit:cover;transition:transform .5s ease}.book-card:hover .book-card-image{transform:scale(1.03)}.book-card-overlay{position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 30%);opacity:.4;transition:opacity .3s ease;display:flex;justify-content:flex-start;align-items:flex-start;padding:10px}.book-card:hover .book-card-overlay{opacity:1}@media (max-width:768px){.book-card-overlay{opacity:1;background:none;pointer-events:none}.favorite-btn{pointer-events:auto;background:rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.favorite-btn{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:10;padding:0}.favorite-btn:hover{transform:scale(1.1);background:rgba(0,0,0,.7);color:white;box-shadow:0 4px 12px rgba(0,0,0,.15)}.favorite-btn:active{transform:scale(.95)}.favorite-btn.liked{background:rgba(255,255,255,.95);color:#ef4444;fill:#ef4444;border-color:rgba(239,68,68,.3);box-shadow:0 4px 12px rgba(239,68,68,.2);animation:heartPop .4s cubic-bezier(.175,.885,.32,1.275)}.favorite-btn svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));stroke-width:2.5px}.favorite-btn.liked svg{fill:#e74c3c;stroke:#e74c3c;animation:heartbeat .3s ease}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.book-card-info{margin-top:12px}.book-title{font-size:.95rem;font-weight:600;color:#1e293b;margin:0 0 2px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:1.4em;text-size-adjust:none}[data-theme=dark] .book-title{color:#f1f5f9}.book-author{font-size:.85rem;color:#64748b;margin:0;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:1.6em;text-size-adjust:none;padding-bottom:2px}.progress-container{margin-top:0;display:flex;align-items:center;gap:8px;min-height:22px}.progress-bar{flex-grow:1;height:4px;background-color:#e2e8f0;border-radius:2px;overflow:hidden}[data-theme=dark] .progress-bar{background-color:rgba(255,255,255,.1)}.progress-fill{height:100%;background-color:#3b82f6;border-radius:2px}.progress-text{font-size:.75rem;color:#64748b;font-weight:500;white-space:nowrap;line-height:1.2;min-width:42px;text-align:center}