:root{--bg:#15142e;--fg:#f4f1fb;--mut:#b9b3d6;--acc:#c9a8ff}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--bg:#faf8ff;--fg:#1c1a33;--mut:#5d587a;--acc:#6b3fb5}}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,system-ui,"Avenir Next",sans-serif}
main{max-width:680px;margin:0 auto;padding:40px 16px 80px}
h1{font-weight:600;letter-spacing:-.01em}a{color:var(--acc)}.mut{color:var(--mut)}
code,input{font:14px ui-monospace,Menlo,monospace}input{width:100%;box-sizing:border-box;padding:10px;border-radius:8px;border:1px solid var(--mut);background:transparent;color:var(--fg)}
button{margin-top:10px;padding:8px 16px;border-radius:8px;border:0;background:var(--acc);color:#15142e;font-weight:600;cursor:pointer}