:root{color-scheme:light dark;--bg:#fff;--fg:#1a1a1a;--muted:#666;--accent:#2563eb}@media (prefers-color-scheme:dark){:root{--bg:#0e0e10;--fg:#ededed;--muted:#9a9a9a;--accent:#6ea8fe}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,sans-serif;line-height:1.5}a{color:var(--accent)}.page{max-width:42rem;margin:0 auto;padding:3rem 1.5rem}.page h1{margin-bottom:.5rem}.page p{color:var(--muted)}button{font:inherit;padding:.5rem 1rem;border:1px solid var(--accent);border-radius:.375rem;background:transparent;color:var(--fg);cursor:pointer}