body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}

  .vu-player{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    width:min(92vw, 160px, 100%) !important;
    max-width:100% !important;
    min-width:0 !important;
    height:44px !important;
    background:linear-gradient(145deg, #2a2a2a, #0a0a0a) !important;
    border:1px solid #151515 !important;
    border-radius:6px !important;
    box-shadow:4px 4px 10px #050505, -1px -1px 6px #333 !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
    margin:10px auto 0 auto !important;
    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
    user-select:none;
    -webkit-user-select:none;
    touch-action:manipulation;
  }
  .vu-player:hover{
    transform:scale(1.05) translateY(-2px) !important;
    box-shadow:0 15px 20px rgba(0,0,0,.8), 0 0 10px rgba(255,69,0,.3) !important;
    filter:brightness(1.3) !important;
  }
  .vu-playbtn{
    flex:0 0 auto; width:28px; height:28px; border-radius:50%;
    border:none; background:#ffffff; color:#111111;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; box-shadow:0 2px 4px rgba(0,0,0,.5);
    transition:transform .15s ease; padding:0;
  }
  .vu-playbtn:active{ transform:scale(0.9); }
  .vu-playbtn svg{ width:12px; height:12px; }
  .vu-seek-wrap{ position:relative; flex:1 1 auto; height:20px; display:flex; align-items:center; cursor:pointer; min-width:0; }
  .vu-seek-track{ position:relative; width:100%; height:3px; border-radius:2px; background:rgba(255,255,255,0.18); overflow:visible; }
  .vu-seek-fill{ position:absolute; left:0; top:0; height:100%; width:0%; border-radius:2px; background:#ffffff; }
  .vu-seek-thumb{ position:absolute; top:50%; left:0%; width:10px; height:10px; border-radius:50%; background:#fff; transform:translate(-50%,-50%); box-shadow:0 1px 3px rgba(0,0,0,.6); }
  .vu-time{ flex:0 0 auto; font-size:12px; color:#e6e6e6; letter-spacing:.2px; white-space:nowrap; font-variant-numeric: tabular-nums; }
  @media (max-width:480px){
    .vu-player{
      height:38px !important;
      gap:7px !important;
      padding:0 8px !important;
    }
    .vu-playbtn{ width:24px; height:24px; }
    .vu-playbtn svg{ width:10px; height:10px; }
    .vu-seek-thumb{ width:9px; height:9px; }
    .vu-time{ font-size:10px; }
  }
  audio.vu-managed{ display:none !important; }

  .vu-flank-row{
    display:flex; align-items:stretch; justify-content:center;
    width:min(92vw, 560px, 100%); max-width:100%;
    margin:10px auto 0 auto; gap:0; box-sizing:border-box;
  }
  .vu-flank-row .vu-player{
    margin:0 !important; width:auto !important; flex:1 1 auto; min-width:0;
  }
  .vu-flank{
    flex:0 0 100px; width:100px;
    background:linear-gradient(145deg, #2a2a2a, #0a0a0a);
    border:1px solid #151515;
    box-sizing:border-box;
    display:flex; align-items:center; justify-content:center;
    padding:0 6px;
  }
  .vu-flank-left{ border-radius:8px 0 0 8px; border-right:none; }
  .vu-flank-right{ border-radius:0 8px 8px 0; border-left:none; }
  @media (max-width:480px){
    .vu-flank{ flex-basis:68px; width:68px; padding:0 4px; }
  }

  .vu-global-slot canvas,
  .vu-flank canvas,
  #vu-global-floating canvas{
    display:block; width:100%; height:70%;
  }
  .vu-global-slot canvas{ height:100%; }

  #vu-global-floating{
    position:fixed;
    right:16px; top:16px;
    z-index:999999;
    width:220px; height:56px;
    display:flex; align-items:center; gap:6px;
    background:linear-gradient(145deg, #2a2a2a, #0a0a0a);
    border:1px solid #151515;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,.6);
    padding:0 10px;
    box-sizing:border-box;
    cursor:grab;
    user-select:none;
    -webkit-user-select:none;
    touch-action:none;
  }
  #vu-global-floating.vu-dragging{ cursor:grabbing; opacity:.92; }
  #vu-global-floating canvas{ flex:1 1 0; width:0; }
  @media (max-width:480px){
    #vu-global-floating{ width:150px; height:46px; }
  }
