html { background: var(--ui-bg); color: var(--ui-text); font-family: var(--ui-font); font-synthesis: none; text-rendering: optimizeLegibility; }
body { margin: 0; font-size: var(--ui-text-md); line-height: var(--ui-leading); }
* { box-sizing: border-box; }
.ui-page [hidden] { display: none; }
::selection { background: var(--ui-selection); color: var(--ui-text); }
:focus-visible { outline: var(--ui-focus-width) solid var(--ui-accent); outline-offset: var(--ui-focus-offset); }
a { color: var(--ui-link); text-decoration: none; text-underline-offset: var(--ui-space-1); }
a:hover { color: var(--ui-link-hover); text-decoration: underline; }
html { scrollbar-width: thin; scrollbar-color: var(--ui-border) var(--ui-bg); }
.ui-icon { width: var(--ui-icon-size); height: var(--ui-icon-size); flex: none; }