/* A curved, finger-controlled sheet built from textured paper strips. */
#inline-book { touch-action: pan-y pinch-zoom; cursor: grab; }
#inline-book[data-gesture="dragging"] { cursor: grabbing; }
#inline-book #inline-sheet { display: none !important; animation: none !important; }
#inline-book #library-curl-layer {
  position: absolute;
  z-index: 4;
  inset: 0;
  transform-style: preserve-3d;
  pointer-events: none;
}
#inline-book #library-curl-layer[hidden],
#inline-book #library-curl-shadow[hidden] { display: none; }
.library-curl-strip {
  position: absolute;
  top: 0;
  height: 100%;
  transform-origin: center center;
  transform-style: preserve-3d;
  pointer-events: none;
}
.library-curl-strip > .library-curl-face {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #fffdf6;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.library-curl-face--front { transform: translateZ(.15px); }
.library-curl-face--back { transform: rotateY(180deg) translateZ(.15px); }
#inline-book .library-curl-face > img {
  position: absolute;
  top: 0;
  display: block;
  max-width: none;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.library-curl-face::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #18312d;
  opacity: var(--curl-shade, 0);
  pointer-events: none;
}
#library-curl-shadow {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, #273c32b0 48%, transparent);
  transform: translateZ(.1px);
  pointer-events: none;
}
#inline-book[data-flipping="true"] #inline-under { display: block; }
#inline-book[data-empty="true"] #library-curl-layer,
#inline-book[data-empty="true"] #library-curl-shadow { display: none; }
@media (prefers-reduced-motion: reduce) {
  #inline-book .library-curl-strip { transition: none; }
}