/* The handwritten paper list, drawn like the app's welcome art: ruled paper,
   blue pen, a strip of tape. Items are real text for screen readers via aria-label. */
.paper {
  --paper-w: 220px;
  position: relative;
  width: var(--paper-w);
  padding: calc(var(--paper-w) * 0.14) calc(var(--paper-w) * 0.12) calc(var(--paper-w) * 0.12);
  border-radius: 6px;
  background:
    repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--line-h) - 1px), var(--paper-rule) calc(var(--line-h) - 1px), var(--paper-rule) var(--line-h))
    0 calc(var(--paper-w) * 0.14) / 100% calc(100% - var(--paper-w) * 0.14) no-repeat,
    var(--paper);
  box-shadow: 0 1px 1px rgba(30, 43, 41, 0.06), 0 10px 24px rgba(30, 43, 41, 0.14);
  transform: rotate(-4.5deg);
  --line-h: calc(var(--paper-w) * 0.17);
}
.paper::before { /* tape */
  content: ""; position: absolute; top: calc(var(--paper-w) * -0.05); left: 32%;
  width: 34%; height: calc(var(--paper-w) * 0.1);
  background: var(--paper-tape); transform: rotate(2deg);
}
.paper ul { list-style: none; }
.paper li {
  height: var(--line-h);
  font: 600 calc(var(--paper-w) * 0.125) / var(--line-h) var(--hand);
  color: var(--paper-ink);
  white-space: nowrap;
}