*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer;border:var(--border-width) solid var(--border-strong);background:var(--surface-card);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 14px}
button:hover{border-color:var(--gray-400)}
button:disabled{opacity:.45;cursor:not-allowed}
button:focus-visible,input:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}
input,select{font:inherit;color:var(--text-primary);background:var(--surface-well);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px}
input[type="number"]{font-family:var(--font-num);text-align:right}
.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}
a{color:var(--brand-accent)}
a:hover{color:var(--gold-400)}