.scene3d{perspective:1400px;perspective-origin:50% 20%}.shelf-row{transform-style:preserve-3d}.shelf-line{background:linear-gradient(#ddd5c7,#a89f90 70%,#7d7466);height:10px;margin:0 -2vw;box-shadow:inset 0 1px #fff8,0 24px 30px -12px #0b142473}.book3d{transform-style:preserve-3d;transform:rotateZ(var(--lean,0deg));transform-origin:bottom;cursor:pointer;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.book3d:hover,.book3d:focus-visible{outline:none;transform:translateZ(24px)translateY(-14px)}.book3d:focus-visible .b-front{outline-offset:2px;outline:2px solid #e04e2d}.book3d-pulled{z-index:5;transform:translateZ(110px)translateY(-34px)rotateY(-30deg)!important}.b-face{display:block;position:absolute}.b-front{background:linear-gradient(90deg, #00000073, #ffffff24 16%, #0000000d 45%, #00000026 78%, #00000080), var(--c);border-radius:2px;inset:0;box-shadow:2px 0 5px #00000080}.b-top{width:var(--w);transform-origin:top;height:110px;box-shadow:inset 0 0 0 3px var(--c);background:repeating-linear-gradient(90deg,#ece6da 0 1px,#cfc7b6 1px 2px);top:0;left:0;transform:rotateX(-90deg)}.b-side{transform-origin:100%;background:var(--cover) center/cover no-repeat, var(--c);filter:brightness(.85);width:110px;height:100%;top:0;right:0;transform:rotateY(-90deg)}.spine-text{writing-mode:vertical-rl;text-align:center;max-height:14.5rem;overflow:hidden;transform:rotate(180deg)}.spine-band{opacity:.5;border-top:1px solid;border-bottom:1px solid;width:80%;height:3px}.bookmark{clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);background:#d33a2c;width:8px;height:26px;position:absolute;top:-1px;right:8px}.book-cover{transform:perspective(900px)rotateY(-14deg);box-shadow:inset 6px 0 8px -2px #00000059,6px 0 0 -1px #ece6da,9px 2px 0 -2px #cfc7b6,20px 24px 30px -8px #0b142480}.book-cover:after{content:"";background:linear-gradient(90deg,#00000059 0 4%,#ffffff2e 5%,#0000 9% 70%,#ffffff14);position:absolute;inset:0}.cover-pop{animation:.6s cubic-bezier(.2,.8,.2,1) cover-pop}@keyframes cover-pop{0%{opacity:0;transform:translate(40px)rotateY(-30deg)}}@media (prefers-reduced-motion:reduce){.book3d{transition:none}.cover-pop{animation:none}}