.paper-book-scene{perspective:1800px;perspective-origin:50% 45%;-webkit-user-select:none;user-select:none;touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.paper-book{--book-thickness:34px;width:var(--book-width);height:var(--book-height);transform:rotateX(5deg) rotateZ(-.7deg) translateX(calc(var(--book-width) / 2));transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.paper-book.book-at-start{transform:rotateX(5deg)rotate(-.7deg)rotateY(14deg)translate(0)}.paper-book.book-at-end{transform:rotateX(5deg) rotateZ(-.7deg) rotateY(-14deg) translateX(var(--book-width))}.paper-book-scene.is-rtl .paper-book{transform:rotateX(5deg) rotateZ(.7deg) translateX(calc(var(--book-width) / -2))}.paper-book-scene.is-rtl .paper-book.book-at-start{transform:rotateX(5deg)rotate(.7deg)rotateY(-14deg)translate(0)}.paper-book-scene.is-rtl .paper-book.book-at-end{transform:rotateX(5deg) rotateZ(.7deg) rotateY(14deg) translateX(calc(var(--book-width) * -1))}.paper-book-scene.is-rtl .paper-book-sheet{transform-origin:100%}.paper-book-scene.is-rtl .paper-book-page{border-radius:13px 5px 5px 13px}.paper-book-scene.is-rtl .paper-book-page.page-back{border-radius:5px 13px 13px 5px}.paper-book-scene.is-rtl .book-spine{background:linear-gradient(90deg,#0000 18%,#2615078c 22%,#0000 24%),linear-gradient(90deg,#2c1808fa,#78481efa 38%,#9e672ffa 58%,#603a18fa 82%,#2e1a09bf);border-radius:3px 6px 6px 3px;left:auto;right:-14px;box-shadow:-2px 0 10px #1c100580,inset 0 0 10px #0006}.paper-book-scene.is-rtl .page-block-unturned{left:auto;right:3px;transform:translateZ(-8px)translate(-3px)}.paper-book-scene.is-rtl .page-block-turned{left:calc(100% - 3px);right:auto;transform:translateZ(-8px)translate(3px)}.paper-book-scene.is-rtl .page-edge{transform-origin:100%;left:-2px;right:auto}.paper-book-sheet{transform-origin:0;transform-style:preserve-3d;will-change:transform;transition:transform .95s cubic-bezier(.18,.78,.18,1);position:absolute;inset:0}.paper-book-sheet.dragging{cursor:grabbing;transition:none}.paper-book-page{backface-visibility:hidden;cursor:grab;touch-action:pan-y;-webkit-user-drag:none;transform-style:flat;background:linear-gradient(90deg,#e8dcc4,#fffef8 42%,#eee2ca);border:1px solid #654e2d29;border-radius:5px 13px 13px 5px;position:absolute;inset:0;overflow:hidden;box-shadow:1px 1px 1px #0000000d,4px 5px 12px #00000017,14px 18px 35px #35261217}.paper-book-page img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.paper-book-page.page-front{transform:rotateY(0)translateZ(.6px)}.paper-book-page.page-back{background:linear-gradient(90deg,#eee2ca,#fffef8 58%,#e8dcc4);border-radius:13px 5px 5px 13px;transform:rotateY(180deg)translateZ(.6px)}.paper-book-page-content{z-index:3;--background:48 20% 98%;--foreground:240 20% 15%;--card:0 0% 100%;--card-foreground:240 20% 15%;--muted:40 15% 94%;--muted-foreground:240 10% 40%;--border:240 10% 85%;color:hsl(var(--foreground));position:absolute;inset:0;overflow:hidden}.paper-texture{z-index:6;opacity:.25;pointer-events:none;mix-blend-mode:multiply;background-image:radial-gradient(circle at 20% 30%,#6750311a 0 .6px,#0000 .8px),radial-gradient(circle at 80% 60%,#67503114 0 .5px,#0000 .7px);background-size:8px 8px,11px 11px;position:absolute;inset:0}.page-inner-shadow{z-index:7;pointer-events:none;background:linear-gradient(90deg,#3a271026,#0000 5% 88%,#3a27100e);position:absolute;inset:0}.page-back .page-inner-shadow{background:linear-gradient(90deg,#3a27100e,#0000 12% 95%,#3a271026)}.turn-shadow{z-index:8;pointer-events:none;opacity:calc(var(--curl,0) * .55);position:absolute;inset:0}.turn-shadow-front{background:linear-gradient(90deg,#1c120680,#1c12060f 45%,#0000)}.turn-shadow-back{background:linear-gradient(270deg,#1c120680,#1c12060f 45%,#0000)}.page-edge{transform-origin:0;opacity:.8;background:repeating-linear-gradient(#f4ead4 0 1px,#d8c6a7 1px 2px);width:3px;position:absolute;top:2px;bottom:2px;right:-2px;transform:translateZ(-1px)rotateY(90deg)}.book-spine{z-index:60;pointer-events:none;background:linear-gradient(90deg,#0000 76%,#2615078c 78%,#0000 82%),linear-gradient(90deg,#2e1a09bf,#603a18fa 18%,#9e672ffa 42%,#78481efa 62%,#2c1808fa);border-radius:6px 3px 3px 6px;width:30px;position:absolute;top:-4px;bottom:-4px;left:-14px;transform:translateZ(2px);box-shadow:2px 0 10px #1c100580,inset 0 0 10px #0006}.paper-book:not(.book-at-start):not(.book-at-end)>.book-spine{opacity:.85;width:16px;left:-8px}.paper-book-scene.is-rtl .paper-book:not(.book-at-start):not(.book-at-end)>.book-spine{left:auto;right:-8px}.spine-highlight{border-radius:inherit;background:linear-gradient(#ffe7ba8c 0 5px,#0000 5px),linear-gradient(0deg,#ffe7ba8c 0 5px,#0000 5px),linear-gradient(90deg,#0000 26%,#fff0cd47 44%,#0000 58%);position:absolute;inset:0}.book-fore-edge{z-index:55;pointer-events:none;background:repeating-linear-gradient(#f7f0dd 0 1px,#cfbb95 1px 2px);border-radius:0 4px 4px 0;width:12px;position:absolute;top:4px;bottom:4px;right:-7px;transform:translateZ(1px);box-shadow:2px 0 6px #3c291259}.paper-book-scene.is-rtl .book-fore-edge{border-radius:4px 0 0 4px;left:-7px;right:auto;box-shadow:-2px 0 6px #3c291259}.spine-highlight{filter:blur(1px);background:#ffffff73;border-radius:50%;width:2px;height:92%;position:absolute;top:4%;left:50%}.page-block{width:var(--book-width);height:calc(var(--book-height) - 10px);pointer-events:none;background:repeating-linear-gradient(#f9f1df 0 1px,#d9c8a8 1px 2px);border-radius:7px;position:absolute;top:6px;box-shadow:0 13px 25px #23170a33}.page-block-unturned{left:3px;transform:translateZ(-8px)translate(3px)}.page-block-turned{right:calc(100% - 3px);transform:translateZ(-8px)translate(-3px)}.book-nav-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.book-table-shadow{top:calc(50% + var(--book-height) / 2 - 20px);width:min(calc(var(--book-width) * 2.05), 92%);filter:blur(14px);pointer-events:none;background:radial-gradient(#19100847,#19100824 40%,#0000 72%);border-radius:50%;height:90px;position:absolute;left:50%;transform:translate(-50%)rotate(-1deg)}@media (prefers-reduced-motion:reduce){.paper-book-sheet{transition:transform .3s linear!important}.paper-book{transition:transform .2s linear!important}.paper-book-sheet.dragging{transition:none!important}}