:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:var(--lightningcss-light,#f7f8fa)var(--lightningcss-dark,#14161a);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1d2026);--text:var(--lightningcss-light,#1b1e24)var(--lightningcss-dark,#e6e8ec);--muted:var(--lightningcss-light,#5b6270)var(--lightningcss-dark,#9aa1ad);--accent:var(--lightningcss-light,#0b5cad)var(--lightningcss-dark,#6aa8ff);--danger:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#ff8a80);--border:var(--lightningcss-light,#dde1e7)var(--lightningcss-dark,#2e333b);background:var(--background);color:var(--text);font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--background);margin:0}header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}h1{margin:0;font-size:1.125rem}main{max-width:48rem;margin:0 auto;padding:1.5rem 1rem}button{border:1px solid var(--accent);background:var(--accent);color:var(--background);font:inherit;cursor:pointer;border-radius:.375rem;padding:.5rem 1rem}pre{border:1px solid var(--border);background:var(--surface);border-radius:.375rem;padding:.75rem;overflow-x:auto}[role=alert]{color:var(--danger)}