:root{
  color-scheme:light dark;
  --bg:light-dark(#fafaf9,#111113);
  --bg-surface:light-dark(#fff,#1a1a1e);
  --text:light-dark(#1c1c1e,#e4e4e7);
  --text-muted:light-dark(#6e6e76,#8b8b94);
  --accent:light-dark(#936200,#ffb000);
  --green:light-dark(#087b57,#34d399);
  --border:light-dark(#e4e4e7,#2a2a2e);
  --cursor-bg:light-dark(#b37800,#ffb000);
  --font-mono:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,monospace;
}
header{flex-wrap:wrap}
.theme-toggle{position:relative;width:18px;height:44px;padding:13px 0;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font:inherit;cursor:pointer;touch-action:manipulation}
.theme-toggle::before{content:"";position:absolute;inset:0 -14px 0 -12px}
.theme-toggle svg{display:block;width:18px;height:18px}
.theme-toggle .theme-sun,.theme-toggle[aria-pressed="true"] .theme-moon{display:none}
.theme-toggle[aria-pressed="true"] .theme-sun{display:block}
.theme-toggle:hover{color:var(--accent)}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:5px}