/* Custom Scrollbars */
    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    ::-webkit-scrollbar-track {
      background: #ffffff;
    }
    ::-webkit-scrollbar-thumb {
      background: #e4e4e7;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #a1a1aa;
    }

    /* Hide horizontal scrollbar for clean carousels */
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    /* Range slider custom styles */
    input[type=range] {
      -webkit-appearance: none;
      background: transparent;
    }
    input[type=range]:focus {
      outline: none;
    }
    input[type=range]::-webkit-slider-runnable-track {
      width: 100%;
      height: 3px;
      cursor: pointer;
      background: #e4e4e7;
    }
    input[type=range]::-webkit-slider-thumb {
      height: 12px;
      width: 12px;
      border-radius: 50%;
      background: #000000;
      cursor: pointer;
      -webkit-appearance: none;
      margin-top: -4.5px;
      transition: transform 0.15s ease;
    }
    input[type=range]:hover::-webkit-slider-thumb {
      transform: scale(1.25);
      background: #000000;
    }

    /* Crisp Minimal Glass Panel */
    .glass-panel {
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      background: rgba(255, 255, 255, 0.95);
      border-top: 1px solid #f4f4f5;
    }

    /* Animated Waveform Equalizer Keyframes */
    @keyframes wavePulse {
      0%, 100% { transform: scaleY(0.35); }
      50% { transform: scaleY(1); }
    }
    .animate-wave-bar {
      animation: wavePulse 0.7s ease-in-out infinite alternate;
      transform-origin: bottom;
    }