:root{color-scheme:light dark;--fg:#111;--bg:#f6f7f9;--card:#fff;--muted:#555;--accent:#1f6feb}@media (prefers-color-scheme:dark){:root{--fg:#eee;--bg:#0d1117;--card:#161b22;--muted:#9aa4af}}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}.container{max-width:880px;margin:0 auto;padding:32px 20px}h1{margin:0 0 16px;font-size:28px}h2{margin:24px 0 8px;font-size:20px}.card{background:var(--card);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}label{display:block;font-size:14px;color:var(--muted);margin-bottom:4px}input,select,textarea{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #ccc;background:var(--card);color:var(--fg);font-size:14px}button{background:var(--accent);color:#fff;padding:10px 16px;border:0;border-radius:8px;font-size:14px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.muted{color:var(--muted);font-size:13px}pre{background:rgba(0,0,0,.04);padding:12px;border-radius:8px;overflow:auto}.badge,pre{font-size:12px}.badge{display:inline-block;background:rgba(31,111,235,.1);color:var(--accent);border-radius:999px;padding:2px 10px}.error{color:#b00020;font-size:13px}