.paper-surface {
  position: relative;
  isolation: isolate;
  background: #f4ede0 radial-gradient(ellipse at 50% 35%, #f7f2e8 0%, #f4ede0 52%, #ede6d8 100%);
  background-repeat: no-repeat;
}
/* Render one viewport-sized sheet so the fibres never repeat as a tile. */
.paper-surface::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: url('./hanji-paper.svg') center / 100% 100% no-repeat;
  pointer-events: none;
}
body.paper-surface {
  display: flow-root;
  min-height: 100vh;
  min-height: 100svh;
}
/* Compare the same warm sheet with and without its texture. */
body.no-paper.paper-surface::before,
body.no-paper .paper-surface::before {
  display: none;
}