.book-card{background:#00000005;border:1px solid #00000014;border-radius:.75rem;width:100%;transition:background-color .18s,box-shadow .22s,transform .22s,border-color .18s;box-shadow:0 1px 2px #00000005}.dark .book-card{background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 1px 2px #00000026}.book-card:hover,.book-card:focus-within{background:#6366f10a;border-color:#6366f133;transform:translateY(-2px);box-shadow:0 4px 8px #00000014,0 1px 2px #0000000a,0 8px 24px #818cf826}.dark .book-card:hover,.dark .book-card:focus-within{background:#6366f114;border-color:#6366f14d}.book-card__surface{gap:1rem;width:100%;padding:1rem;display:flex}.book-card__cover{aspect-ratio:2/3;background:#0f172a14;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:4.5rem;max-width:4.5rem;display:flex;overflow:hidden}.dark .book-card__cover{background:#94a3b82e}.book-card__cover-image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.book-card__cover-placeholder{color:#0f172a59;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dark .book-card__cover-placeholder{color:#e2e8f073}.book-card__content{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.book-card__header{flex-direction:column;gap:.35rem;display:flex}.book-card__title-row{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.book-card__authors{flex-wrap:wrap;gap:.25rem;display:flex}.book-card__author{font-size:var(--text-small);color:var(--gray-text-body);font-weight:500}.book-card__author--clickable{cursor:pointer;text-align:left;background:0 0;border:none;padding:0;transition:color .15s,text-decoration .15s}.book-card__author--clickable:hover,.book-card__author--clickable:focus-visible{color:#4f46e5;text-underline-offset:2px;text-decoration:underline}.dark .book-card__author--clickable:hover,.dark .book-card__author--clickable:focus-visible{color:#818cf8}.book-card__title{color:var(--gray-text-strong);flex:auto;margin:0;font-size:1.2rem;font-weight:600;line-height:1.3}.book-card__title-link{color:inherit;text-decoration:none}.book-card__title-link:hover,.book-card__title-link:focus-visible{text-decoration:underline}.book-card__title-block{flex-direction:column;gap:.1rem;display:flex}.book-card__series{font-size:var(--text-small);color:var(--gray-text-muted);text-align:left;cursor:default;font-weight:500;line-height:inherit;background:0 0;border:none;margin:0;padding:0}.book-card__series--clickable{cursor:pointer;transition:color .12s}.book-card__series--clickable:hover{color:var(--gray-text-body);text-underline-offset:2px;text-decoration:underline}.book-card__meta{font-size:var(--text-small);color:var(--gray-text-meta);flex-direction:column;gap:.4rem;line-height:1.4;display:flex}.book-card__meta-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.book-card__chip{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:inherit;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.35rem;padding:.25rem .55rem;font-weight:600;line-height:1.2;display:inline-flex}.book-card__chip--clickable{cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.book-card__chip--clickable:hover,.book-card__chip--clickable:focus-visible{opacity:.95;transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.dark .book-card__chip--clickable:hover,.dark .book-card__chip--clickable:focus-visible{box-shadow:0 2px 6px #0000004d}.book-card__chip--status-started{color:#5b21b6;background:#ede9fe}.dark .book-card__chip--status-started{color:#ede9fe;background:#5b21b64d}.book-card__chip--status-finished{color:#166534;background:#dcfce7}.dark .book-card__chip--status-finished{color:#bbf7d0;background:#1665344d}.book-card__chip--status-paused{color:#b45309;background:#fef3c7}.dark .book-card__chip--status-paused{color:#fde68a;background:#b453094d}.book-card__chip--status-todo{color:#1d4ed8;background:#dbeafe}.dark .book-card__chip--status-todo{color:#bfdbfe;background:#1d4ed84d}.book-card__chip--status-nope{color:#b91c1c;background:#fee2e2}.dark .book-card__chip--status-nope{color:#fecaca;background:#b91c1c4d}.book-card__chip--genre{color:#1e40af;background:#dbeafe}.dark .book-card__chip--genre{color:#bfdbfe;background:#1e40af4d}.book-card__chip--format,.book-card__chip--platform{background:var(--chip-neutral-bg);color:var(--chip-neutral-fg)}.book-card__chip--rating,.book-card__chip--rating-none{background:var(--chip-neutral-bg);color:var(--gray-text-strong)}.book-card__chip--rating-like{color:#166534;background:#dcfce7}.dark .book-card__chip--rating-like{color:#bbf7d0;background:#16653459}.book-card__chip--rating-love{color:#be185d;background:#fce7f3}.dark .book-card__chip--rating-love{color:#fbcfe8;background:#be185d4d}.book-card__chip--rating-nope{color:#b91c1c;background:#fee2e2}.dark .book-card__chip--rating-nope{color:#fecaca;background:#b91c1c4d}.book-card__chip--timeline,.book-card__chip--seasons,.book-card__chip--hours{background:var(--pill-bg);color:var(--pill-fg);font-size:var(--text-xs);letter-spacing:.04em;text-transform:none}.book-card__chip--timeline{justify-content:flex-start}.book-card__chip--rewatch{color:#92400e;font-size:var(--text-xs);letter-spacing:.04em;text-transform:none;background:#fef3c7}.dark .book-card__chip--rewatch{color:#fde68a;background:#b4530940}.book-card__chip-label{white-space:nowrap}.book-card__rating-icons{color:var(--gray-text-strong);gap:.25rem;display:inline-flex}.book-card__rating-icons--like{color:#166534}.dark .book-card__rating-icons--like{color:#bbf7d0}.book-card__rating-icons--love{color:#be185d}.dark .book-card__rating-icons--love{color:#f9a8d4}.book-card__rating-icons--nope{color:#b91c1c}.dark .book-card__rating-icons--nope{color:#fca5a5}.book-card__rating-icon{align-items:center;line-height:1;display:inline-flex}.book-card__rating-icon svg{display:block}.book-card__progress{margin-top:.25rem}.book-card__progress-track{background:#9ca3af59;border-radius:9999px;width:100%;height:.25rem;display:block;position:relative;overflow:hidden}.dark .book-card__progress-track{background:#4b556380}.book-card__progress-fill{border-radius:inherit;background:#166534;height:100%;position:absolute;inset:0}.dark .book-card__progress-fill{background:#34d399}@media (width>=45rem){.book-card__surface{gap:1.25rem}.book-card__cover{width:5.25rem;max-width:5.25rem}}