:root {
  --bg: #f4eefb;
  --paper: #fdf9ff;
  --ink: #2f2340;
  --muted: #68577d;
  --line: #d7c7ee;
  --c1: #7a49c9;
  --c2: #5f52b4;
  --c3: #c586ff;
  --c4: #4b346d;
}
body {
  background:
    repeating-linear-gradient(45deg, rgba(122, 73, 201, 0.06) 0 2px, transparent 2px 12px),
    linear-gradient(180deg, #f8f3ff 0%, #f1e9ff 100%);
}
.head { background: rgba(252, 248, 255, 0.75); }
.chip { background: #f7eeff; border-color: #d9c2f6; }
.btn.sub { background: var(--c3); color: #2f1848; }
.step { border-color: #cab0ec; background: #fbf7ff; }
.final { background: linear-gradient(90deg, rgba(122, 73, 201, 0.12), rgba(197, 134, 255, 0.15)); }