.project-paint .project-panel::after {
  content: "";
  position: absolute;
  inset: auto auto 18px 18px;
  width: 300px;
  height: 120px;
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(255, 140, 113, 0.42), rgba(255, 212, 96, 0.3), rgba(132, 201, 255, 0.26));
  filter: blur(10px);
}

.project-paint .project-side {
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.76), transparent 18%),
    linear-gradient(145deg, rgba(255, 244, 240, 0.98), rgba(240, 155, 131, 0.58) 32%, rgba(236, 198, 115, 0.48) 64%, rgba(110, 114, 177, 0.72));
}

html[data-theme="dark"] .project-paint .project-side {
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.12), transparent 18%),
    linear-gradient(145deg, rgba(42, 24, 24, 0.98), rgba(119, 57, 47, 0.82) 32%, rgba(112, 87, 35, 0.74) 64%, rgba(47, 51, 99, 0.88));
}

.project-paint .meta-box,
.project-paint .notes-box {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0)),
    rgba(255, 241, 236, 0.56);
}

html[data-theme="dark"] .project-paint .meta-box,
html[data-theme="dark"] .project-paint .notes-box {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)),
    rgba(38, 21, 24, 0.58);
}