/* Subtle Japanese-inspired paper/page turn. UI palette is inherited, not replaced. */
@media (prefers-reduced-motion: no-preference) {
  #workspace #content.ruang-page-turn {
    transform-origin: 0% 50%;
    backface-visibility: hidden;
    animation: ruang-paper-turn-in 420ms cubic-bezier(.22,.7,.24,1) both;
    will-change: transform, opacity;
  }
  @keyframes ruang-paper-turn-in {
    0%   { opacity:.18; transform:perspective(1100px) rotateY(-9deg) translateX(15px); filter:brightness(.97); }
    42%  { opacity:.86; transform:perspective(1100px) rotateY(-3deg) translateX(5px); filter:brightness(.99); }
    100% { opacity:1;   transform:perspective(1100px) rotateY(0) translateX(0); filter:none; }
  }
  #workspace #content.ruang-page-turn::before {
    content:'';
    position:absolute;
    inset:0 auto 0 0;
    width:min(30%,150px);
    pointer-events:none;
    z-index:2;
    background:linear-gradient(90deg,rgba(30,47,70,.10),transparent);
    animation:ruang-paper-shadow-out 420ms ease-out both;
  }
  @keyframes ruang-paper-shadow-out {
    from {opacity:.8;} to {opacity:0;}
  }
}
@media (prefers-reduced-motion: reduce) {
  #workspace #content.ruang-page-turn {animation:none!important;transform:none!important;filter:none!important;}
}