:root{
  color-scheme: light dark;
  --bg: #f8f8fa;
  --bg-deep: #eeeef3;
  --bg2: #eeeef3;
  --ink: #18181a;
  --muted: #6e6e73;
  --accent: #087ff5;
  --accent-dark: #0563c8;
  --accent-soft: #e4efff;
  --accent-2: #7357ff;
  --line: rgba(0, 0, 0, .09);
  --card: rgba(255, 255, 255, .84);
  --card-solid: #fff;
  --shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 14px 38px rgba(34, 34, 54, .08);
  --shadow-lift: 0 2px 5px rgba(0, 0, 0, .06), 0 24px 54px rgba(34, 34, 54, .13);
}
  @media(prefers-color-scheme:dark){:root{--bg:#121214;--bg-deep:#09090b;--bg2:#09090b;--ink:#f2f2f4;--muted:#98989d;--accent:#4ea3ff;--accent-dark:#2f8bf0;--accent-soft:#14273d;--accent-2:#9b86ff;--line:rgba(255,255,255,.10);--card:rgba(28,28,32,.84);--card-solid:#1c1c20;--shadow:0 1px 2px rgba(0,0,0,.5),0 14px 38px rgba(0,0,0,.35);--shadow-lift:0 2px 6px rgba(0,0,0,.55),0 24px 54px rgba(0,0,0,.45)}}
  *{box-sizing:border-box} body{margin:0;color:var(--ink);background:linear-gradient(180deg,var(--bg),var(--bg2)) fixed;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Inter,system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
  a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline} a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px} h1,h2,h3{letter-spacing:-.022em;line-height:1.12;text-wrap:balance;margin:0}
  pre{max-width:100%;padding:16px;overflow-wrap:anywhere;white-space:pre-wrap;background:var(--card-solid);border:1px solid var(--line);border-radius:8px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:var(--shadow)}
  pre code{overflow-wrap:inherit;white-space:inherit}