*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; -webkit-font-smoothing: antialiased; }

body {
  font-family: var(--font-ui);
  font-size: var(--text-md);
  color: var(--c-text-1);
  background: var(--c-bg-base);
  overflow: hidden;
  height: 100dvh;
  user-select: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}

input, select {
  font-family: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

canvas { display: block; }

:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; }

::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--c-border-hover); border-radius: 2px; }