:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#111;--bg:#fafafa;--card:#fff;--line:#ddd;--accent:#4f46e5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#eee;--bg:#111;--card:#1b1b1b;--line:#333;--accent:#818cf8}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:680px;margin:0 auto;padding:32px 16px}h1{margin:0 0 4px}h2{margin:0 0 8px;font-size:1.1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:16px}.btn,button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:8px 16px;text-decoration:none;display:inline-block}button.secondary{color:var(--fg);border:1px solid var(--line);background:0 0}input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:8px;width:100%;margin-bottom:8px;padding:8px}code,pre{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font:13px ui-monospace,monospace}pre{padding:12px;overflow-x:auto}.ok{color:#16a34a}.err{color:#dc2626}.muted{opacity:.7}