.card-layer{z-index:40;pointer-events:none;position:fixed;inset:0}.card{width:268px;font-family:var(--font-card), ui-monospace, monospace;color:#2a2016;opacity:0;background:linear-gradient(#ffffff8c 0 1px,#fff0 1px),linear-gradient(178deg,#f0e8d6 0%,#e8dfc9 100%);border-radius:1px;padding:15px 17px 21px;transition:opacity .12s,translate .12s;position:absolute;translate:0 4px;box-shadow:0 16px 30px -12px #0009,0 2px 6px #00000059,inset 0 0 0 1px #78603c38}.card[data-shown=true]{opacity:1;translate:0}.card:before{content:"";inset-inline:17px;background:#963c3247;height:1px;position:absolute;top:34px}.card:after{content:"";background:#3c2c1c57;border-radius:50%;width:9px;height:9px;position:absolute;bottom:5px;left:50%;translate:-50%;box-shadow:inset 0 1px 1px #0006}.card__shelfmark{letter-spacing:.16em;text-transform:uppercase;color:#2a201680;justify-content:space-between;font-size:9px;display:flex}.card__title{letter-spacing:-.01em;color:#241b12;margin-top:13px;font-size:15px;font-weight:500;line-height:1.3}.card__author{letter-spacing:.06em;color:#2a2016b8;margin-top:5px;font-size:11px}.card__meta{letter-spacing:.08em;color:#2a20169e;border-top:1px dotted #78603c59;flex-direction:column;gap:4px;min-width:0;margin-top:12px;padding-top:9px;font-size:9.5px;display:flex}.card__score{font-variant-numeric:tabular-nums;color:#7a5a1e}.card__unread{letter-spacing:.14em;text-transform:uppercase;color:#2a20166b;font-size:9px}@media (hover:none){.card-layer{display:none}}@media (prefers-reduced-motion:reduce){.card{transition:opacity 90ms;translate:none}}