[Aetae]

Самый быстрый способ:

document.head.insertAdjacentHTML('beforeend', `<style>

.hidden, .hidden.button {
  display: contents;
}

</style>`);

У себя в юзерскриптах использую такую общую функцию:

function _tm_css(css, important) {
  // автоматическое поставление !important каждому правилу
  if (important) {
    css = css.replace(/(?=[^\n\S]*;[^\n\S]*\n|[^\n\S]*\n[^\n\S]*\})/g, ' !important');
  }
  
  // выбор на случай если вставляется слишком рано и ещё нет body\head
  (document.body || document.head || document.documentElement) 
    .insertAdjacentHTML('beforeend', `<style is="tm_css">${css}</style>`);
}