/* ===================================================================
   NOTEBOOK ANIMATIONS & TACTILE TRANSITIONS
   Stamp slam, pencil strike-through, confetti, and micro-interactions
   =================================================================== */

/* Stamp Imprint Animation */
@keyframes stampImprint {
  0% {
    opacity: 0;
    transform: scale(2.5) rotate(-20deg);
  }
  60% {
    opacity: 0.95;
    transform: scale(0.9) rotate(-3deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(-4deg);
  }
}

.animate-stamp {
  animation: stampImprint 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* Pencil Strike-through Animation */
@keyframes strikePencil {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.pencil-strike {
  position: relative;
  display: inline-block;
}

.pencil-strike::after {
  content: '';
  position: absolute;
  top: 52%;
  left: 0;
  height: 2px;
  background: var(--text-muted);
  width: 0%;
  animation: strikePencil 0.25s ease-out forwards;
}

/* Tactile Pop / Click */
.tactile-pop {
  animation: tactileScale 0.18s var(--spring-bounce);
}

@keyframes tactileScale {
  0% { transform: scale(1); }
  40% { transform: scale(0.92); }
  100% { transform: scale(1); }
}

/* Gentle Paper Flutter on hover */
@keyframes paperFlutter {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(1deg) translateY(-2px); }
}