.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.paper-texture {
  background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
}

.squish:active {
  transform: scale(0.95);
  transition: transform 0.1s ease;
}

/* Particle system */
.stars-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.star {
  position: absolute;
  background: #4e5d8c;
  border-radius: 50%;
  opacity: 0.3;
  animation: star-drift linear infinite, star-pulse ease-in-out infinite alternate;
}
@keyframes star-drift {
  from { transform: translate(0, 0); }
  to { transform: translate(100px, -100px); }
}
@keyframes star-pulse {
  from { opacity: 0.1; scale: 0.8; }
  to { opacity: 0.6; scale: 1.2; }
}
