*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.6;
  color:var(--ink-900);background:var(--surface-2);
  -webkit-font-smoothing:antialiased;
  padding-bottom:calc(64px + env(safe-area-inset-bottom));
}
img{max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:var(--brand-500)}
:focus-visible{outline:2px solid var(--accent-600);outline-offset:2px;border-radius:4px}
.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}