Reduce animation intensity and remove distracting scale effects

components/MusicControls.client.vue

@@ -260,7 +260,7 @@ onMounted(() => {
   max-width: 450px;
   padding: 12px 16px;
   border-radius: 16px;
-  bottom: 5px;
+  bottom: -10px;
 }
 
 /* Collapsed State Styles */

components/TrackListItem.client.vue

@@ -3,7 +3,6 @@
     :class="[
       'track-item',
       'ripple',
-      'hover-lift',
       {
         'active': isActive,
         'loading': isLoading,
@@ -107,7 +106,7 @@ const formatTime = (seconds) => {
 
 .track-item:hover {
   background: var(--bg-glass);
-  transform: translateX(5px) translateY(-2px);
+  transform: translateX(5px);
   box-shadow: 
     0 6px 20px rgba(59, 130, 246, 0.2),
     0 3px 8px rgba(0, 0, 0, 0.1),
@@ -126,7 +125,7 @@ const formatTime = (seconds) => {
 }
 
 .track-item.active:hover {
-  transform: translateX(5px) translateY(-3px) scale(1.02);
+  transform: translateX(5px);
   box-shadow: 
     0 10px 30px rgba(59, 130, 246, 0.5),
     0 5px 12px rgba(0, 0, 0, 0.2),