:root{color-scheme:light dark;--bg:#f6f8fc;--card:#fff;--text:#172238;--muted:#54647d;--border:#dbe3ef;--accent:#2358cc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(20px,calc((100vw - 900px)/2));border-bottom:1px solid var(--border)}main{max-width:900px;margin:32px auto;padding:0 20px 60px}h1{font-size:30px}h2{font-size:20px;margin-top:0}p{color:var(--muted)}section{padding:26px;border:1px solid var(--border);border-radius:16px;background:var(--card);margin:20px 0}.badge{color:var(--accent);font-weight:600}label{display:block;margin:16px 0}input,textarea{display:block;width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}textarea{font-size:13px}button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:9px;padding:11px 16px;font:inherit;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}pre,code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}summary{cursor:pointer}dt{color:var(--muted)}dd{margin:0 0 12px;overflow-wrap:anywhere;font-weight:600}#notice{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--accent);min-height:28px}#notice.error{color:#c13437}@media(prefers-color-scheme:dark){:root{--bg:#0f141e;--card:#191f2a;--text:#e3e9f3;--muted:#acbad0;--border:#354155;--accent:#84aaff}}@media(max-width:550px){section{padding:18px}h1{font-size:25px}button{padding:10px 12px}}