.open-book.turn-next .art-page,.open-book.turn-previous .reading-page{animation:none}
.turning-sheet{position:absolute;z-index:12;left:50%;top:0;width:50%;height:100%;overflow:hidden;border-radius:0 8px 8px 0;background-color:#fffaf0;background-image:linear-gradient(90deg,rgba(75,42,23,.08),transparent 10%),repeating-linear-gradient(0deg,rgba(79,54,35,.025) 0 1px,transparent 1px 7px);transform-origin:left center;backface-visibility:hidden;pointer-events:none;box-shadow:-8px 2px 16px rgba(59,34,22,.08)}
.turning-sheet:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(52,23,47,.24),transparent 24%);opacity:0;animation:sheet-shadow 1.28s ease}
.turning-sheet.page-forward{animation:page-forward 1.28s cubic-bezier(.45,.02,.2,1) forwards}
.turning-sheet.page-backward{left:0;border-radius:8px 0 0 8px;transform-origin:right center;animation:page-backward 1.28s cubic-bezier(.45,.02,.2,1) forwards}
@keyframes page-forward{0%{transform:rotateY(0);filter:brightness(1)}16%{transform:rotateY(-17deg)}56%{transform:rotateY(-96deg);box-shadow:-25px 8px 34px rgba(49,25,20,.34)}88%{transform:rotateY(-171deg);filter:brightness(.84)}100%{transform:rotateY(-180deg);filter:brightness(.8);box-shadow:-3px 0 8px rgba(49,25,20,.08)}}
@keyframes page-backward{0%{transform:rotateY(0)}16%{transform:rotateY(17deg)}56%{transform:rotateY(96deg);box-shadow:25px 8px 34px rgba(49,25,20,.34)}88%{transform:rotateY(171deg);filter:brightness(.84)}100%{transform:rotateY(180deg);filter:brightness(.8)}}
@keyframes sheet-shadow{0%,100%{opacity:0}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.turning-sheet.page-forward,.turning-sheet.page-backward{animation-duration:.01ms}}