* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--area-color) 9%, transparent), transparent 34rem),
    var(--bg);
  color: var(--text);
  line-height: 1.65;
  min-height: 100vh;
}
body::selection { background: var(--primary); color: var(--primary-contrast); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
code { background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px; padding: 0.08rem 0.35rem; }
img { max-width: 100%; display: block; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--area-color) 24%, transparent); outline-offset: 3px; }