html.page-turn-active,html.page-turn-active body{overflow:hidden!important}.page-turn-overlay{z-index:10000;pointer-events:auto;position:fixed;inset:0}.page-turn-reveal{background:var(--color-canvas-cream);-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:auto}.page-turn-book{z-index:2;pointer-events:none;position:absolute;inset:0}.page-turn-left-static{z-index:4;background:var(--color-canvas-cream);border-right:1px solid #1c1c1714;width:50%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset -10px 0 20px #1c1c170a}.page-turn-left-static__host{pointer-events:none;width:200%;height:100%;position:absolute;top:0;left:0}.page-turn-stage{perspective:2600px;perspective-origin:0;z-index:8;width:50%;height:100%;position:absolute;top:0;right:0}.page-turn-sheet{transform-style:preserve-3d;transform-origin:0;will-change:transform;position:absolute;inset:0}.page-turn-front,.page-turn-back{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.page-turn-front{background:var(--color-canvas-cream)}.page-turn-front__host{pointer-events:none;width:200%;height:100%;position:absolute;top:0;left:-100%}.page-turn-clone{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;overflow:hidden!important}.page-turn-back{background:var(--color-canvas-cream);transform:rotateY(180deg)}.page-turn-back__host{pointer-events:none;width:200%;height:100%;position:absolute;top:0;left:-100%}.page-turn-edge{z-index:3;pointer-events:none;backface-visibility:visible;background:linear-gradient(90deg,#fffffff2 0%,#d6cebcf2 35%,#b0a691fa 50%,#d6cebcf2 65%,#ffffffeb 100%);width:6px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 0 2px #ffffffa6,2px 0 4px #1c1c1724}.page-turn-fold-shadow{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg,#1c1c175c 0%,#1c1c1729 14%,#1c1c170d 30%,#0000 52%);position:absolute;inset:0}.page-turn-spine-glow{pointer-events:none;z-index:6;opacity:.2;filter:blur(3px);background:linear-gradient(90deg,#0000 0%,#1c1c1724 38%,#1c1c1742 50%,#1c1c1724 62%,#0000 100%);width:32px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.page-turn-cast-shadow{pointer-events:none;opacity:0;z-index:0;filter:blur(12px);background:radial-gradient(at 35%,#1c1c1757 0%,#1c1c1724 38%,#0000 72%);border-radius:.75rem;width:88%;height:92%;position:absolute;top:4%;left:-8%}@media (prefers-reduced-motion:reduce){.page-turn-sheet{transition:none!important}}