dialog#preferences {
  border: 0;
  padding: 0;
  background: rgba(0, 0, 0, .65);
  color: var(--text);
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  position: fixed;
  inset: 0;
  z-index: 20;
}
dialog#preferences:not([open]) { display: none; }
dialog#preferences[open] { display: flex; align-items: flex-end; justify-content: center; }
dialog#preferences .sheet { width: min(100%, 520px); }