.pt-book{--pt-theta:0;--pt-twist:0;--pt-lift:0;--pt-shade:0;position:relative;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1.5;width:100%;perspective:1400px;perspective-origin:50% 35%;transform-style:preserve-3d;border-radius:10px;background:var(--pt-board,color-mix(in oklch,var(--ink,#111) 6%,transparent))}.pt-face,.pt-page{position:relative;overflow:hidden;background:var(--pt-sheet,#15132a)}.pt-face>:first-child,.pt-page>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pt-left{border-radius:10px 0 0 10px}.pt-right,.pt-shade{border-radius:0 10px 10px 0}.pt-shade{position:absolute;inset:0 0 0 50%;pointer-events:none;opacity:var(--pt-shade);background:linear-gradient(90deg,oklch(0 0 0/.75),oklch(0 0 0/.25) 45%,transparent 80%)}.pt-leaf{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-style:preserve-3d;transform-origin:0 50%;transform:rotateY(calc(var(--pt-theta) * -1deg)) rotateX(calc(var(--pt-twist) * 1deg));filter:drop-shadow(calc(var(--pt-lift) * 18px) calc(var(--pt-lift) * 26px) calc(6px + var(--pt-lift) * 22px) oklch(0 0 0/calc(.25 + var(--pt-lift) * .35)))}.pt-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pt-front{border-radius:0 10px 10px 0}.pt-back{transform:rotateY(180deg);border-radius:10px 0 0 10px}.pt-gloss{inset:0;mix-blend-mode:screen;opacity:calc(.15 + var(--pt-lift) * .55);background:linear-gradient(calc(105deg + var(--pt-theta) * .4deg),transparent calc(30% - var(--pt-lift) * 25%),oklch(1 0 0/.38) calc(48% - var(--pt-lift) * 25%),transparent calc(62% - var(--pt-lift) * 25%))}.pt-gloss,.pt-spine{position:absolute;pointer-events:none}.pt-spine{top:0;bottom:0;left:50%;width:0}.pt-spine i{position:absolute;left:-7px;width:14px;height:14px;border-radius:50%;border:3px solid color-mix(in oklch,var(--ink,#111) 70%,#fff);background:oklch(0 0 0/.4);box-shadow:0 1px 2px oklch(0 0 0/.5)}.pt-spine i:first-child{top:16%}.pt-spine i:nth-child(2){top:50%;margin-top:-7px}.pt-spine i:nth-child(3){bottom:16%}@media (prefers-reduced-motion:reduce){.pt-leaf{filter:none}}