:root{--bg:#0f1115;--card:#171a21;--fg:#e7e9ee;--mut:#9aa3b2;--acc:#e0b341;--ok:#3fb950}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--fg)}
header{background:#12151b;border-bottom:1px solid #232833;padding:16px 24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
header a{color:var(--fg);text-decoration:none;font-weight:600}header .sp{flex:1}
nav a{color:var(--mut);margin-right:14px;text-decoration:none}nav a:hover{color:var(--acc)}
main{max-width:820px;margin:32px auto;padding:0 20px}
.card{background:var(--card);border:1px solid #232833;border-radius:10px;padding:20px 24px;margin:16px 0}
h1{color:var(--acc)}a{color:var(--acc)}
code,pre{background:#0b0d11;border:1px solid #232833;border-radius:6px}code{padding:1px 5px}pre{padding:12px;overflow:auto}
table{border-collapse:collapse;width:100%}th,td{border:1px solid #232833;padding:6px 10px;text-align:left}
label{display:block;margin:10px 0 4px;color:var(--mut)}input,textarea,select{width:100%;padding:9px;background:#0b0d11;color:var(--fg);border:1px solid #232833;border-radius:6px}
button{background:var(--acc);color:#151515;border:0;border-radius:6px;padding:10px 18px;font-weight:700;cursor:pointer;margin-top:12px}
.mut{color:var(--mut)}.ok{color:var(--ok)}