/* Прогресс-бары — только визуал, без громкости */
:root{
  --uc-accent:#782FEF;   /* активная часть */
  --uc-track:#EFE8FF;    /* неактивная часть */
  --uc-thumb:#5D1CCB;    /* бегунок */
}

.uc-progress{
  -webkit-appearance:none; appearance:none;
  width:100%; height:8px; border-radius:999px; outline:none; cursor:pointer;
  background:var(--uc-track);
}
.uc-progress::-webkit-slider-runnable-track{ height:100%;
  background:linear-gradient(90deg,var(--uc-accent) 0%,var(--uc-accent) 0%,var(--uc-track) 0%);
  border-radius:999px;
}
.uc-progress::-moz-range-track{ height:100%; background:var(--uc-track); border-radius:999px; }

.uc-progress::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none;
  width:18px; height:18px; border-radius:50%; background:var(--uc-thumb);
  border:2px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.15); margin-top:-6px;
}
.uc-progress::-moz-range-thumb{
  width:18px; height:18px; border-radius:50%; background:var(--uc-thumb);
  border:2px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.15);
}