.full-book{--book-turn-duration:.68s}.book-toolbar{flex-wrap:wrap}.book-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;display:flex}.book-tools .text-button{min-height:36px;font-size:11px}.book-stage{background:#151515;flex:none;min-width:0;height:clamp(340px,62vh,720px);position:relative}.book-focus .book-stage{flex:1;height:auto;min-height:0}.book-scroll{overscroll-behavior:contain;position:absolute;inset:0;overflow:auto}.book-space{place-items:center;display:grid}.book-canvas{perspective:2200px;isolation:isolate;position:relative}.book-static{grid-template-columns:1fr;display:grid;position:absolute;inset:0}.book-paired .book-static{grid-template-columns:1fr 1fr}.book-static>div{min-width:0;min-height:0}.book-paper,.book-blank{width:100%;height:100%;margin:0}.book-paper{background:0 0}.book-paper img{object-fit:contain;width:100%;height:100%;display:block}.book-leaf{width:50%;transform-style:preserve-3d;z-index:2;animation-duration:var(--book-turn-duration);animation-timing-function:cubic-bezier(.3,.05,.25,1);animation-fill-mode:both;position:absolute;top:0;bottom:0}.book-forward{transform-origin:0;animation-name:book-forward;left:50%}.book-backward{transform-origin:100%;animation-name:book-backward;left:0}.book-face{backface-visibility:hidden;position:absolute;inset:0}.book-back{transform:rotateY(180deg)}.book-face:after{content:"";pointer-events:none;opacity:0;animation:book-shade var(--book-turn-duration) ease-in-out both;background:linear-gradient(90deg,#0003,#0000 22%,#ffffff1a);position:absolute;inset:0}.book-single .book-leaf{width:100%;left:0}.book-single .book-forward{animation-name:book-single-forward}.book-single .book-backward{animation-name:book-single-backward}.book-status{z-index:4;color:#fff;letter-spacing:.08em;background:#101110;padding:12px 20px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.book-status button{margin:10px auto 0;display:block}.book-focus:fullscreen{border:0;width:100vw;max-width:none;height:100dvh}@keyframes book-forward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes book-backward{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes book-single-forward{0%{opacity:1;transform:rotateY(0)}90%{opacity:1}to{opacity:0;transform:rotateY(-105deg)}}@keyframes book-single-backward{0%{opacity:1;transform:rotateY(0)}90%{opacity:1}to{opacity:0;transform:rotateY(105deg)}}@keyframes book-shade{0%,to{opacity:0}50%{opacity:1}}@media (max-width:700px){.book-tools{justify-content:flex-start;gap:10px}.book-tools .text-button{min-height:40px}.book-stage{height:clamp(300px,54vh,560px)}.book-toolbar{gap:4px;padding:8px 0}}@media (prefers-reduced-motion:reduce){.book-leaf,.book-face:after{animation-duration:1ms}}.full-book:fullscreen{color:#eee;background:#101110;width:100vw;height:100dvh;padding:20px}.full-book:fullscreen .book-stage{flex:1;height:auto;min-height:0}.book-arrows{z-index:3;pointer-events:none;position:absolute;inset:0}.book-arrow{color:#ddd;opacity:1;pointer-events:auto;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;transition:opacity .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.book-arrow-previous{left:0}.book-arrow-next{right:0}.book-arrow svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #000);width:22px;height:22px}.book-arrow:disabled,.book-arrow[aria-disabled=true]{opacity:.2;cursor:default}.book-arrows[data-visible=false] .book-arrow{opacity:0;pointer-events:none}.book-arrow:focus-visible{outline-offset:-5px;outline:1px solid #aaa;opacity:1!important;pointer-events:auto!important}@media (prefers-reduced-motion:reduce){.book-arrow{transition:none}}