body {
  margin: 0;
  padding: 0;
  background: transparent;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transform: scale(0.7); /* Ajuste ce facteur si besoin */
  transform-origin: center;
}
.music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px }

  .music-player
  {
    position: relative;
    width: 415px;
    height: 396px;
    overflow: hidden;
    background: #252C36;
    border-radius: 50%;
    box-shadow: 0 1px 13px rgba(0, 0, 0, .55);
    user-select: none;
  }
  
  .music-player > .album
  {
    position: absolute;
    top: -25%;
    width: 100%;
    height: auto;
    min-height: 415px;
  }
  
  .music-player > .dash
  {
    position: absolute;
    right: 0;
    bottom: 14px;
    left: 0;
    height: 326px;
    background: url('data:image/png;base64,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') center bottom repeat-x;
  }
  
  .music-player > .dash > a
  {
    display: block;
    position: absolute;
    top: 168px;
    left: 136px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 22px;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 1px 5px #000;
    transition: all .3s;
    opacity: .75;
  }
  
  .music-player > .dash > a[href="#share"] {left: 276PX;right: 55px; top: 140px;}
  .music-player > .dash > a[href="#love"] { left: 320px; right: 50px;top: 120px; }
  .music-player > .dash > a:hover { opacity: 1 }
  .music-player > .dash > a.fa-volume-off + .volume-level > em { display:none}

  .music-player > .dash > .volume-level
  {
    position: absolute;
    top: 176px;
    left: 176px;
    width: 100px;
    height: 6px;
    padding: 1px;
    overflow: hidden;
    border: 1px solid #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5);
    cursor: pointer;
    transition: all .3s;
    opacity: .75;
  }
  
  .music-player > .dash > .volume-level > em
  {
    display: block;
    height: 6px;
    max-width: 100%;
    background: #FFF;
    box-shadow: 0 1px 5px #000;
    border-radius: 1.5px;
  }
  
  .music-player > .dash > .volume-level:hover { opacity: 1 }
  
  .music-player > .dash > .seeker
  {
    position: absolute;
    bottom: 7px;
    left: 50%;
    width: 400px;
    height: 203px;
    overflow: hidden;
    margin: 0 0 0 -200px;
  }
  
  .music-player > .dash > .seeker > .wheel
  {
    position: absolute;
    bottom: 0;
    width: 364px;
    height: 364px;
    border: 18px solid #201B2B;
    border-radius: 100%;
  }
  
  .music-player > .dash > .seeker > .wheel > .progress
  {
    position: absolute;
    bottom: -14px;
    left: 50%;
    width: 392px;
    height: 392px;
    overflow: hidden;
    margin: 0 0 0 -196px;
    border-radius: 100%;
    transform-origin: 50% 50%;
    transform: rotate(145deg);
    pointer-events: none;
    z-index: 1;
  }
  @keyframes rotateSeeker {
    0% {
      transform: rotate(235deg);
    
    }
    100% {
      transform: rotate(145deg);
      
    }
  }
  
  .music-player .dash a {
    z-index: 9999;
    position: relative; /* requis pour z-index */
  }

  .music-player > .dash > a[href="#seek"] {
    display: block;
    position: absolute;
    top: -97px;
    left: 50%;
    width: 10px;
    height: 17px;
    margin: -9px 0 0 -9px;
    background: #F44336;
    border: 4px solid #FFF;
    border-radius: 100%;
    opacity: 1;
    transform-origin: 9px 200px;
    animation: rotateSeeker 60s linear infinite;
    pointer-events: none; /* ✅ ne bloque plus les clics */
  }
  
  
  .music-player > .dash > .controls
  {
    position: absolute;
    top: 85px;
    left: 50%;
    width: 180px;
    height: 55px;
    margin: 0 0 0 -90px;
    background: #201F22;
    border-radius: 23px;
  }
  
  .music-player > .dash > .controls:before
  {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 124px;
    height: 88px;
    margin: -44px 0 0 -62px;
    background: #201F22;
    border-radius: 125%;
  }
  
  .music-player > .dash > .controls > a[href="#play"]
  {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 58px;
    line-height: 58px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: 32px;
    color: #FFF;
    margin: -29px 0 0 -44px;
    background: #F5696C;
    border-radius: 29px;
    transition: all .3s;
  }
  
  .music-player > .dash > .controls > a[href="#play"]:hover
  {
    background: #ED484B;
    box-shadow: 0 0 5px #F5696C;
    text-shadow: 0 0 5px #FFF;
  }
  
  .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"]
  {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 35px;
    height: 30px;
    margin: -15px 0 0;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
    color: #BDBCBD;
    transition: all .3s;
  }
  
  .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px }
  
  .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover
  {
    color: #FFF;
    text-shadow: 0 0 5px #BDBCBD;
  }
  
  .music-player > .dash > .info
  {
    position: absolute;
    bottom: 55px;
    left: 50%;
    width: 180px;
    margin: 0 0 0 -90px;
    text-align: center;
    font-family: Segoe UI, sans-serif;
    font-size: 12px;
    color: #FFF;
    cursor: default;
  }
  
  .music-player > .dash > .info > i
  {
    display: inline-block;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 13px;
    font-style: normal;
    background: #201F22;
    border-radius: 10px;
  }
  
  .music-player > .dash > .info > label
  {
    display: block;
    margin: 18px 0 5px;
  }
  
  .music-player > .dash > .info > small { font-size: 10px }
  #player-frame {
      position: fixed;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 250px;
      height: 250px;
      border: none;
      z-index: 9999;
      background: transparent;
      pointer-events: auto;
    }
    
    .player-wrapper {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-top: 180px;
      z-index: 9999;
      position: relative;
    }
    .player-container {
      width: 100%;
      max-width: 300px;
      height: auto;
      transform: scale(0.8);
      transform-origin: top center;
  }
  .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
  }
  .modal {
    position: absolute;
    top: 77%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 77px;
    padding: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    z-index: 99999;
    width: 300px;
    max-width: 90vw;
    display: none;
}

  .modal-content a,
  .modal-content button {
    display: block;
    margin: 10px 0;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
  }
  .modal-content a:hover,
  .modal-content button:hover {
    color: #007bff;
  }

    .share-popup {
      display: none;
      position: absolute;
      background: #ffffff;
      border-radius: 12px;
      padding: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      font-family: sans-serif;
      z-index: 1000;
    }
    
    .share-popup a,
    .share-popup button {
      display: block;
      margin: 8px 0;
      text-decoration: none;
      color: #222;
      background: none;
      border: none;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
      text-align: left;
    }
    
    .share-popup a:hover,
    .share-popup button:hover {
      color: #007bff;
    }
    
    #copied-msg {
      color: green;
      font-size: 13px;
      margin-top: 5px;
    }