/* =====================================================================
     🎵 Music App
     ===================================================================== */

.music-player {
  background-color: #1f1f1f !important;
  height: 100%;
  padding: 0;
}

#music.window {
  background-color: #000 !important;
}

/* =====================================================================
         🎶 Musical Notes Animation
   ===================================================================== */

.musical-note {
  position: fixed;
  font-size: 28px;
  color: #000;
  pointer-events: none;
  user-select: none;
  z-index: 4999;
  opacity: 1;
  animation: float-up ease-out forwards;
}

@keyframes float-up {
  from {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  to {
    transform: translateY(-90px) translateX(var(--random-x, 0px))
      scale(var(--random-scale, 0.5));
    opacity: 0;
  }
}