:root {
  --paper: #f7f4f4;
  --theme-ink: #373039;
  --theme-mute: #70646b;
  --theme-rule: #e4dadd;
  --a1: #adc6e8;
  --a2: #c7a9d8;
  --a3: #b9b9df;
  --a4: #e29ba4;
  --d1: #5577a2;
  --d2: #7c5b8d;
  --d3: #6c6096;
  --d4: #a94c58;
  --bg: var(--paper);
  --ink: var(--theme-ink);
  --mute: var(--theme-mute);
  --rule: var(--theme-rule);
}

body {
  background: var(--paper);
}

[data-screen-label] > .wc {
  display: none !important;
}

#paint-background {
  position: fixed;
  z-index: 0;
  inset: -12vmax;
  pointer-events: none;
  overflow: hidden;
  background-color: var(--paper);
  transform: translateZ(0);
}

#paint-background::after {
  position: absolute;
  content: "";
  inset: -8%;
  pointer-events: none;
  opacity: .032;
  background: repeating-radial-gradient(circle at 70% 30%, rgba(54, 45, 42, .08) 0 1px, transparent 1px 6px);
  mix-blend-mode: multiply;
  filter: blur(.45px);
}

@media (max-width: 700px) {
  #paint-background {
    inset: -18vmax;
  }
}

@media print {
  #paint-background {
    display: none;
  }
}