:root{--bg:#0d1117;--panel:#161b22;--line:#21262d;--fg:#c9d1d9;--dim:#8b949e;--acc:#2f81f7;--ok:#3fb950}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
header{border-bottom:1px solid var(--line);background:#010409}
.wrap{max-width:1000px;margin:0 auto;padding:0 20px}
nav{display:flex;align-items:center;gap:22px;height:56px;flex-wrap:wrap}
.logo{font-weight:700;color:#fff;letter-spacing:.5px}
.logo span{color:var(--acc)}
nav .sp{flex:1}
.btn{display:inline-block;border:1px solid var(--line);background:var(--panel);color:var(--fg);padding:7px 14px;border-radius:6px;cursor:pointer;font:inherit}
.btn:hover{border-color:var(--dim);text-decoration:none}
.btn.pri{background:#238636;border-color:#2ea043;color:#fff}
.btn.pri:hover{background:#2ea043}
h1{font-size:26px;margin:32px 0 6px;color:#fff}
h2{font-size:17px;margin:34px 0 12px;color:#fff;border-bottom:1px solid var(--line);padding-bottom:6px}
.sub{color:var(--dim);margin:0 0 18px}
.fine{color:var(--dim);font-size:12px;margin-top:22px}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:20px;padding:3px 12px;font-size:12px;color:var(--dim)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}
.card .k{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.6px}
.card .v{font-size:24px;color:#fff;margin-top:6px}
.card .d{color:var(--dim);font-size:12px;margin-top:4px}
table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}
th{color:var(--dim);font-weight:400;font-size:12px;text-transform:uppercase}
code{background:#010409;border:1px solid var(--line);border-radius:4px;padding:2px 6px}
pre{background:#010409;border:1px solid var(--line);border-radius:8px;padding:14px;overflow:auto}
form{max-width:420px}
label{display:block;color:var(--dim);font-size:12px;margin:14px 0 5px}
input{width:100%;background:#010409;border:1px solid var(--line);border-radius:6px;color:var(--fg);padding:9px 11px;font:inherit}
input:focus{outline:none;border-color:var(--acc)}
.msg{margin:16px 0;padding:11px 13px;border-radius:6px;border:1px solid var(--line);background:var(--panel);font-size:13px;display:none}
.msg.on{display:block}
.msg.err{border-color:#f85149;color:#ff7b72}
.msg.inf{border-color:var(--acc)}
.hide{display:none}
footer{border-top:1px solid var(--line);margin-top:52px;padding:22px 0;color:var(--dim);font-size:12px}
footer a{color:var(--dim)}
.cols{display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between}
@media(max-width:520px){h1{font-size:21px}nav{gap:14px}}