/* SPICE LMS cross-page fold transition. Kept separate so public theme CSS stays untouched. */
.spice-fold-stage{
  position:fixed;
  inset:0;
  z-index:2147483000;
  perspective:1800px;
  perspective-origin:50% 50%;
  pointer-events:none;
  overflow:hidden;
}
.spice-fold-stage.is-active{pointer-events:auto}
.spice-fold-sheet{
  position:absolute;
  inset:-1px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 65% 25%,rgba(255,255,255,.08),transparent 28%),
    linear-gradient(135deg,#0e0e0f 0%,#171719 48%,#0c0c0d 100%);
  color:#f5f5f3;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  will-change:transform;
  transition:transform var(--spice-fold-duration,720ms) cubic-bezier(.77,0,.18,1),box-shadow var(--spice-fold-duration,720ms) ease;
}
.spice-fold-sheet::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 56px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 56px);
  opacity:.75;
}
.spice-fold-sheet::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:11%;
  pointer-events:none;
  opacity:.8;
}
.spice-fold-sheet.from-right{
  transform-origin:100% 50%;
  transform:rotateY(91deg);
  box-shadow:-60px 0 90px rgba(0,0,0,0);
}
.spice-fold-sheet.from-right::after{
  right:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(0,0,0,.38));
}
.spice-fold-sheet.from-left{
  transform-origin:0 50%;
  transform:rotateY(-91deg);
  box-shadow:60px 0 90px rgba(0,0,0,0);
}
.spice-fold-sheet.from-left::after{
  left:0;
  background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(255,255,255,.08),transparent);
}
.spice-fold-sheet.is-covered{
  transform:rotateY(0deg);
  box-shadow:0 0 100px rgba(0,0,0,.42);
}
.spice-fold-sheet.reveal-left{
  transform-origin:0 50%;
  transform:rotateY(-91deg);
  box-shadow:60px 0 90px rgba(0,0,0,0);
}
.spice-fold-sheet.reveal-right{
  transform-origin:100% 50%;
  transform:rotateY(91deg);
  box-shadow:-60px 0 90px rgba(0,0,0,0);
}
.spice-fold-brand{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
  text-align:center;
  transform:translateZ(34px);
  user-select:none;
}
.spice-fold-mark{display:flex;align-items:flex-end;gap:4px;height:42px}
.spice-fold-mark i{display:block;width:8px;background:#f3f3f0;border-radius:1px}
.spice-fold-mark i:nth-child(1){height:22px;opacity:.7}
.spice-fold-mark i:nth-child(2){height:40px}
.spice-fold-mark i:nth-child(3){height:30px;opacity:.82}
.spice-fold-brand strong{font:800 13px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.34em;margin-left:.34em}
.spice-fold-brand small{font:600 8px/1.2 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.18em;color:#777;text-transform:uppercase}
html.spice-fold-lock,html.spice-fold-lock body{overflow:hidden!important}
@media (prefers-reduced-motion:reduce){
  .spice-fold-stage{display:none!important}
}