:root{color-scheme:dark;--bg:#101116;--fg:#f5f3fb;--muted:#b5b3c4;--border:#343440;--accent:#b9a7ff;font:16px/1.6 system-ui,sans-serif}
:root[data-theme=light]{color-scheme:light;--bg:#f7f6fb;--fg:#20202a;--muted:#5e5c6b;--border:#dbd8e5;--accent:#6040b0}
body{background:var(--bg);color:var(--fg);max-width:760px;margin:0 auto;padding:32px 24px}
h1{font-size:25px;line-height:1.25;margin:0 0 12px}
h2{font-size:19px;margin:0 0 8px}
section{margin:0 0 26px}
a{color:var(--accent)}
code{overflow-wrap:anywhere}
.brand{color:var(--muted);font-size:10px;letter-spacing:.16em;margin:0 0 6px}
footer{border-top:1px solid var(--border);padding-top:16px;color:var(--muted);font-size:13px}
.muted{color:var(--muted)}
ul,ol{padding-left:22px}li{margin:4px 0}
textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px;font:inherit;color:inherit;background:transparent;border:1px solid var(--border);border-radius:10px}