/* 🎵 Music Player – Pink Theme */

#musicplayer { 
  font-family: 'basiic';
  font-weight: bold;
  height: 60px;                  /* taller to fit controls better */
  width: 400px;                  /* fixed width */
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);   /* center horizontally */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: linear-gradient(
    180deg, #ffa0c7 0%, white 45%, #E263a2 47%, #ffa0c7 100%
  );
  border: ridge 2px #fd69a5;
  outline: solid 2px black;  
  box-shadow: inset 13px 0px 6px -10px #f170a5,
              inset -13px 0px 6px -10px #f170a5,
              inset 0px 13px 6px -10px #ffffff,
              inset 0px -13px 6px -10px #f170a5;
  z-index: 9999;                 /* keep it above everything */

    position: fixed;
    bottom: 20px; /* Places the music player 20px from the bottom */
    left: 50%; /* Centers horizontally */
    transform: translateX(-50%); /* Ensures proper centering */
    background-color: #ffd898; /* Matches sidebar background */
    border: 2px solid #fa9bb9; /* Matches sidebar border */
    padding: 1rem;
    border-radius: 2px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2); /* Matches sidebar shadow */
    z-index: 9999; /* Keeps it above other elements */
    text-align: center;
}