:root{color-scheme:dark;--bg:#0f0f0f;--fg:#f5f5f5;--muted:#a3a3a3;--line:#262626;--accent:#2563eb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}
header,main{max-width:720px;margin:0 auto;padding:16px}h1{font-size:1.4rem;margin:8px 0}h2{font-size:1.1rem;margin:24px 0 8px}
.muted{color:var(--muted)}.card{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}
button{min-height:48px;min-width:48px;padding:0 20px;border-radius:10px;border:1px solid var(--line);background:#1a1a1a;color:var(--fg);font:inherit;cursor:pointer;margin:8px 8px 0 0}
button.primary{background:#fff;color:#000;border-color:#fff}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
input{min-height:44px;width:100%;margin:4px 0 8px;padding:8px;border-radius:8px;border:1px solid var(--line);background:#161616;color:var(--fg);font:inherit}
pre{white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto;background:#141414;padding:12px;border-radius:8px;font-size:.85rem}
.code{font-family:ui-monospace,Consolas,monospace;font-size:1.2rem;letter-spacing:.08em}dt{color:var(--muted)}dd{margin:0 0 8px}