*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { background: var(--surface-app); color: var(--text-primary); }
button, input, select, textarea { font: inherit; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; } button:disabled { cursor: not-allowed; }
a { color: var(--action-primary); }
h1, h2, p { margin: 0; }
svg { flex-shrink: 0; vertical-align: middle; }
:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
::selection { background: var(--selection); }