<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 32" fill="none" role="img" aria-label="Muzsong">
  <defs>
    <linearGradient id="muzsong-logo-grad" x1="0" y1="0" x2="180" y2="32" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#8b5cf6"/>
      <stop offset="1" stop-color="#d946ef"/>
    </linearGradient>
    <style>
      @keyframes muzsong-pulse {
        0%, 100% {
          transform: scaleY(1);
          filter: brightness(1);
        }
        2.5% {
          transform: scaleY(1.4);
          filter: brightness(1.8) drop-shadow(0 0 3px rgba(232, 121, 249, 0.85));
        }
        5% {
          transform: scaleY(1);
          filter: brightness(1);
        }
      }
      .muzsong-bar {
        transform-box: fill-box;
        transform-origin: 50% 50%;
        animation: muzsong-pulse 8s ease-in-out infinite;
      }
      .muzsong-bar-1 { animation-delay: 0s; }
      .muzsong-bar-2 { animation-delay: 0.12s; }
      .muzsong-bar-3 { animation-delay: 0.24s; }
      @media (prefers-reduced-motion: reduce) {
        .muzsong-bar { animation: none; }
      }
    </style>
  </defs>
  <rect class="muzsong-bar muzsong-bar-1" x="2" y="18" width="3.5" height="10" rx="1.75" fill="url(#muzsong-logo-grad)"/>
  <rect class="muzsong-bar muzsong-bar-2" x="9" y="11" width="3.5" height="17" rx="1.75" fill="url(#muzsong-logo-grad)"/>
  <rect class="muzsong-bar muzsong-bar-3" x="16" y="4" width="3.5" height="24" rx="1.75" fill="url(#muzsong-logo-grad)"/>
  <text
    x="28"
    y="24"
    font-family="Geist, ui-sans-serif, system-ui, -apple-system, sans-serif"
    font-size="22"
    font-weight="600"
    fill="url(#muzsong-logo-grad)"
    letter-spacing="-0.5"
  >muzsong</text>
</svg>
