.cat-reader[open]{display:block}.cat-reader::backdrop{backdrop-filter:blur(6px)}.cat-book{position:relative;display:flex;perspective:2600px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}.cat-book.is-spread{width:min(94vw,calc((100svh - 13rem) * 2.828))}.cat-book.is-single{width:min(96vw,calc((100svh - 13rem) * 1.414))}.cat-page{position:relative;flex:1 1 0;aspect-ratio:1.414/1;background:#faf6ee;overflow:hidden}.cat-blank{background:transparent}.is-spread .cat-page:first-child{box-shadow:inset -18px 0 24px -18px rgba(0,0,0,.35)}.is-spread .cat-page:nth-child(2){box-shadow:inset 18px 0 24px -18px rgba(0,0,0,.35)}.cat-gutter{position:absolute;inset-block:0;inset-inline-start:50%;width:2px;margin-inline-start:-1px;background:rgba(0,0,0,.18)}.cat-loading{position:absolute;inset:0;background:linear-gradient(100deg,#f3ece0 30%,#fffaf2 50%,#f3ece0 70%) 0 0 /200% 100%;animation:cat-shimmer 1.2s linear infinite}@keyframes cat-shimmer{to{background-position:-200% 0}}.cat-leaf{position:absolute;inset-block:0;width:50%;transform-style:preserve-3d;will-change:transform}.cat-leaf.single{width:100%;left:0}.cat-leaf .face{position:absolute;inset:0;backface-visibility:hidden}.cat-leaf .face.back{transform:rotateY(180deg)}.cat-leaf.turn-next:not(.single){left:50%;transform-origin:0 50%;animation:cat-next .7s cubic-bezier(.45,.05,.25,1) forwards}.cat-leaf.turn-prev:not(.single){left:0;transform-origin:100% 50%;animation:cat-prev .7s cubic-bezier(.45,.05,.25,1) forwards}.cat-leaf.turn-next[data-rtl]:not(.single){left:0;transform-origin:100% 50%;animation-name:cat-prev}.cat-leaf.turn-prev[data-rtl]:not(.single){left:50%;transform-origin:0 50%;animation-name:cat-next}.cat-leaf.single.turn-next{transform-origin:0 50%;animation:cat-next .7s cubic-bezier(.45,.05,.25,1) forwards}.cat-leaf.single.turn-prev{transform-origin:0 50%;animation:cat-back-in .7s cubic-bezier(.45,.05,.25,1) forwards}.cat-leaf.single.turn-next[data-rtl]{transform-origin:100% 50%;animation-name:cat-prev}.cat-leaf.single.turn-prev[data-rtl]{transform-origin:100% 50%;animation-name:cat-back-in-rtl}@keyframes cat-next{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes cat-prev{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes cat-back-in{0%{transform:rotateY(-180deg)}to{transform:rotateY(0deg)}}@keyframes cat-back-in-rtl{0%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}.cat-nav{position:absolute;top:50%;z-index:2;display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:9999px;border:1px solid rgba(247,243,232,.3);background:rgba(18,13,8,.5);color:#f7f3e8;font-size:1.5rem;transform:translateY(-50%)}.cat-nav:hover{border-color:#dda45f}@media (max-width:640px){.cat-nav{display:none}}.cat-cover{transition:transform .35s ease,box-shadow .35s ease}.cat-cover:focus-visible,.cat-cover:hover{transform:translateY(-6px);box-shadow:0 30px 50px -24px rgba(0,51,84,.5)}@media (prefers-reduced-motion:reduce){.cat-leaf{animation:none!important}.cat-cover,.cat-cover:hover{transition:none;transform:none}.cat-loading{animation:none}}