*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 0}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-medium);letter-spacing:var(--ls-heading);margin:0;line-height:var(--lh-snug)}
a{color:var(--text-accent);text-decoration:none}
a:hover{color:var(--green-600);text-decoration:underline}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}
.macro-numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
@keyframes macro-spin{to{transform:rotate(360deg)}}
@keyframes macro-pulse{0%,100%{box-shadow:0 0 0 0 rgba(146,212,0,.5)}70%{box-shadow:0 0 0 6px rgba(146,212,0,0)}}
@keyframes macro-dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}