/* Sfondo dell'intera pagina */
    body {
      background: url('https://radioblu.cloud/img/background.jpg') no-repeat center center fixed;
      background-size: cover;
      color: white;
      font-family: Arial, sans-serif;
      text-align: center;
    }

    /* Contenitore del player con effetto semi-trasparente */
    .player-container {
      max-width: 400px;
      margin: 50px auto;
      padding: 20px;
      background: rgba(30, 30, 30, 0.85);
      border-radius: 15px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }

    .logo {
      width: 150px;
      margin-bottom: 10px;
    }

    /* Titolo del player */
    .player-title {
      font-size: 24px;
      font-weight: bold;
    }

    /* Pulsanti */
    .player-button {
      font-size: 20px;
      padding: 10px 20px;
      margin-top: 15px;
    }

    /* Cover */
    .cover-image {
      width: 100%;
      height: 250px;
      object-fit: cover;
      border-radius: 10px;
      margin-bottom: 15px;
      border: 2px solid white;
    }

    /* Titolo traccia */
    #track-title {
      font-size: 18px;
      font-weight: bold;
      margin-top: 10px;
      min-height: 26px;
    }

    /* Player YouTube invisibile (audio-only) */
    #yt-audio-player {
      position: fixed;
      width: 1px;
      height: 1px;
      left: -9999px;
      top: -9999px;
      opacity: 0;
      pointer-events: none;
      z-index: -1;
    }

    /* Slider volume */
    .volume-wrap{
      margin-top: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
    }
    .volume-wrap input[type="range"]{
      width: 220px;
      max-width: 100%;
    }

    /* Piccola nota autoplay */
    .note {
      font-size: 12px;
      opacity: 0.85;
      margin-top: 10px;
      line-height: 1.3;
    }