.b3d{--b3d-depth:20px;--b3d-rest:translateY(0)rotateY(-7deg)rotateX(2deg);--b3d-lift:translateY(-18px)rotateY(-26deg)rotateX(5deg)scale(1.05)}.b3d-view{perspective:1000px}.b3d-body{transform-style:preserve-3d;transform:var(--b3d-rest);transition:transform .48s cubic-bezier(.22,.68,0,1.15);position:absolute;inset:0}.b3d-front{transform:translateZ(var(--b3d-depth));backface-visibility:hidden;border-radius:3px 14px 14px 3px;transition:box-shadow .45s;position:absolute;inset:0;overflow:hidden;box-shadow:4px 8px 26px #00000052}.b3d-back{transform:translateZ(calc(-1*var(--b3d-depth)));background:linear-gradient(135deg,var(--b3d-spine),#0f0f1a);border-radius:3px 14px 14px 3px;position:absolute;inset:0}.b3d-spine,.b3d-pages{width:calc(2*var(--b3d-depth));position:absolute;top:0;bottom:0}.b3d-spine{left:calc(-1*var(--b3d-depth));background:var(--b3d-spine);background:linear-gradient(90deg,var(--b3d-spine),color-mix(in srgb,var(--b3d-spine)70%,#000));border-radius:2px;transform:rotateY(-90deg)}.b3d-pages{top:3px;bottom:3px;right:calc(2px - var(--b3d-depth));background:repeating-linear-gradient(90deg,#fffdf7 0 2px,#e9e2d3 2px 3px);transform:rotateY(90deg)}.b3d-front{container-type:inline-size}.b3d-subject-label{display:none}@container (min-width:200px){.b3d-subject-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline;overflow:hidden}}.b3d-art{transition:transform .65s}.b3d-glow{left:10%;right:10%;bottom:calc(-1*(var(--b3d-depth) + 12px));background:radial-gradient(closest-side,var(--b3d-accent),transparent);opacity:.3;pointer-events:none;border-radius:50%;height:30px;transition:opacity .45s,transform .45s;position:absolute;transform:scaleX(.72)}@media (hover:hover) and (pointer:fine){.b3d-hover:hover .b3d-body{transform:var(--b3d-lift)}.b3d-hover:hover .b3d-front{box-shadow:10px 22px 55px #00000080,0 4px 14px #00000038}.b3d-hover:hover .b3d-art{transform:scale(var(--b3d-zoom,1.09))}.b3d-hover:hover .b3d-glow{opacity:.65;transform:scaleX(.9)}}.b3d-hover:focus-visible{outline:none}.b3d-hover:focus-visible .b3d-body{transform:var(--b3d-lift)}.b3d-hover:focus-visible .b3d-front{box-shadow:0 0 0 3px #fb923c,10px 22px 55px #00000073}@media (hover:none){.b3d-hover:active .b3d-body{transition-duration:.18s;transform:translateY(-8px)rotateY(-16deg)rotateX(4deg)scale(1.02)}}@keyframes bookcard-in{0%{transform:translateY(36px)scale(.88)}to{transform:none}}.bookcard-in{animation:.6s cubic-bezier(.34,1.4,.64,1) both bookcard-in}@keyframes b3d-arrive{0%{transform:translateY(24px)rotateY(-42deg)rotateX(8deg)}to{transform:var(--b3d-rest)}}.b3d-arrive .b3d-body{animation:.8s cubic-bezier(.22,.68,0,1.15) backwards b3d-arrive}::view-transition-group(library-book){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,.68,0,1.08)}::view-transition-old(library-book){object-fit:contain;height:100%}::view-transition-new(library-book){object-fit:contain;height:100%}@media (prefers-reduced-motion:reduce){.bookcard-in,.b3d-arrive .b3d-body{animation:none}.b3d-body,.b3d-art,.b3d-glow{transition:none}}