.chispi-book{position:relative;display:flex;align-items:stretch;justify-content:center;max-width:100%;margin-inline:auto;perspective:3100px;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:grab;filter:drop-shadow(0 22px 26px rgba(75,53,65,.18))}.chispi-book:active{cursor:grabbing}.chispi-book--spread{max-width:1010px;aspect-ratio:1.414/1}.chispi-book--single{max-width:480px;aspect-ratio:210/297}.chispi-book-blank,.chispi-book-page{position:relative;display:block;height:100%;min-width:0;width:50%;flex-shrink:0;overflow:hidden;background:#fff}.chispi-book--single .chispi-book-blank,.chispi-book--single .chispi-book-page{width:100%;border-radius:9px}.chispi-book-page--left{border-radius:9px 1px 1px 9px;box-shadow:inset -16px 0 22px -19px rgba(48,35,44,.7)}.chispi-book-page--right{border-radius:1px 9px 9px 1px;box-shadow:inset 16px 0 22px -19px rgba(48,35,44,.7)}.chispi-book-page img,.chispi-leaf-face img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.chispi-book-blank{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bc8a9e;background:radial-gradient(circle at 50% 50%,#fff 30%,#ffeaf1 100%)}.chispi-book--spread:after{z-index:3;content:"";left:calc(50% - 3px);width:6px;background:linear-gradient(90deg,rgba(39,20,25,.26),rgba(255,255,255,.89),rgba(39,20,25,.18))}.chispi-book--spread:after,.chispi-turn-leaf{position:absolute;top:0;bottom:0;pointer-events:none}.chispi-turn-leaf{z-index:8;width:50%;transform-style:preserve-3d;backface-visibility:visible;transform:rotateY(var(--flip-angle,0deg)) skewY(var(--curl-skew,0deg));transition:transform var(--flip-duration,.92s) cubic-bezier(.25,.66,.19,1);will-change:transform}.chispi-turn-leaf--next{left:50%;transform-origin:0 50%}.chispi-turn-leaf--prev{left:0;transform-origin:100% 50%}.chispi-turn-leaf--grabbing{transition:none!important}.chispi-leaf-face{position:absolute;inset:0;overflow:hidden;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 18px rgba(65,43,51,.08),0 6px 30px rgba(55,31,44,.18)}.chispi-leaf-face--front{transform:rotateY(0);border-radius:0 8px 8px 0}.chispi-leaf-face--back{transform:rotateY(180deg)}.chispi-leaf-face--back,.chispi-turn-leaf--prev .chispi-leaf-face--front{border-radius:8px 0 0 8px}.chispi-turn-leaf--prev .chispi-leaf-face--back{border-radius:0 8px 8px 0}.chispi-leaf-face:after{position:absolute;content:"";inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(52,37,44,.15),transparent 12%,transparent 77%,rgba(255,255,255,.32))}.chispi-leaf-face--back:after{background:linear-gradient(90deg,rgba(255,255,255,.25),transparent 21%,transparent 87%,rgba(52,37,44,.16))}.chispi-book--single .chispi-turn-leaf{width:100%;left:0}.chispi-book--single .chispi-turn-leaf--next{transform-origin:0 50%}.chispi-book--single .chispi-turn-leaf--prev{transform-origin:100% 50%}.chispi-page-corner{position:absolute;bottom:0;z-index:4;width:21px;height:24px;pointer-events:none;background:linear-gradient(135deg,transparent 49%,rgba(152,111,132,.17) 50%,rgba(255,255,255,.88) 76%);opacity:.75}.chispi-page-corner--left{left:0;transform:scaleX(-1)}.chispi-page-corner--right{right:0}.chispi-thumbnails{scrollbar-width:thin;scrollbar-color:#c9aab9 transparent}.chispi-reading-shell:fullscreen{border-radius:0;padding:30px;display:flex;align-items:center;justify-content:center;overflow:auto}.chispi-reading-shell:fullscreen>div{width:100%}@media(prefers-reduced-motion:reduce){.chispi-turn-leaf{transition:none!important}.chispi-book-page{scroll-behavior:auto}}.chispi-book{overscroll-behavior-x:contain}.chispi-page-corner{height:42px;width:42px;border-radius:0 0 7px 0;background:linear-gradient(138deg,transparent,transparent 46%,rgba(248,224,235,.95) 49%,#fff 65%,#dfc7d4 97%);box-shadow:2px -3px 8px rgba(70,37,50,.1);transition:width .23s,height .23s,filter .23s}.chispi-book:hover .chispi-page-corner--right{width:53px;height:55px;filter:drop-shadow(-4px -4px 5px rgba(82,50,60,.19))}.chispi-leaf-face--front:before{z-index:2;right:0;bottom:0;width:26%;height:32%;background:linear-gradient(135deg,transparent 32%,rgba(255,255,255,.04) 50%,rgba(88,51,70,.17) 88%);opacity:calc(.16 + var(--curl-strength,0) * .7)}.chispi-turn-leaf--grabbing .chispi-leaf-face--front{box-shadow:inset -8px -9px 28px rgba(55,24,45,.14),16px 12px 27px rgba(56,28,44,.18)}.chispi-turn-invitation{position:absolute;bottom:50px;right:55px;z-index:5;border:1px solid rgba(146,95,121,.13);background:rgba(255,255,255,.93);color:#86566d;border-radius:100px;padding:7px 12px;font-size:11px;font-weight:700;box-shadow:0 4px 12px rgba(80,46,65,.09);pointer-events:none;transition:opacity .2s;opacity:.85}.chispi-book:hover .chispi-turn-invitation{opacity:1}@media(max-width:740px){.chispi-turn-invitation{right:30px;bottom:55px;font-size:10px;max-width:160px}}@media(prefers-reduced-motion:reduce){.chispi-page-corner{transition:none}}.chispi-turn-leaf{filter:drop-shadow(calc(15px * var(--curl-strength,0)) 7px 16px rgba(64,36,50,.28))}.chispi-turn-leaf--next .chispi-leaf-face--front{transform-origin:0 100%}.chispi-leaf-face--front:before{content:"";position:absolute;inset:auto 0 0 auto;z-index:3;pointer-events:none;width:var(--fold-size,12%);height:var(--fold-size,12%);background:linear-gradient(135deg,transparent 36%,rgba(255,255,255,.85) 50%,rgba(223,200,211,.74) 70%,rgba(86,55,68,.25));clip-path:polygon(100% 0,100% 100%,0 100%);opacity:calc(.1 + .78 * var(--curl-strength,0))}.chispi-leaf-face--back:after{background:linear-gradient(90deg,rgba(70,40,55,.2),transparent 30%,rgba(255,255,255,.24) 88%)}.chispi-book--turning .chispi-page-corner{opacity:0}.chispi-turn-leaf--grabbing{filter:drop-shadow(13px 9px 18px rgba(64,36,50,.27))}