:root{--bg:#0b1220;--panel:#0f1729;--panel2:#0c1322;--muted:#9db0c9;--txt:#e7eef8;--brand:#4ea1ff;--line:#1d2940}
@media (prefers-color-scheme: light){
  :root{--bg:#f6f8fb;--panel:#fff;--panel2:#f9fbff;--muted:#5b6b80;--txt:#0f1626;--brand:#0d6efd;--line:#e8edf4}
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--txt);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans"}
.wrap{display:grid;grid-template-columns:280px 1fr;gap:18px;min-height:100%;padding:18px}
.side{position:sticky;top:18px;align-self:start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;height:fit-content}
.brand{display:flex;align-items:center;gap:8px;margin-bottom:10px}.logo{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:rgba(78,161,255,.15);color:#bfe0ff;font-weight:700}
#q{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--txt);outline:none;margin:8px 0 6px}
#toc{list-style:none;margin:8px 0 0;padding:0;max-height:60vh;overflow:auto}#toc a{display:block;padding:8px 10px;border-radius:8px;color:inherit;text-decoration:none}#toc a:hover{background:rgba(78,161,255,.12)}
.main{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 16px 40px}
.hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.badge{padding:6px 10px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--muted);font-size:12px}
.sec{margin-top:14px;border-top:1px dashed var(--line);padding-top:14px}.sec h2{font-size:18px;margin:0 0 8px;cursor:pointer}
.tbl{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin-bottom:10px}
table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td,tr:last-child th{border-bottom:0}th,.e{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.02));color:var(--muted);width:260px}.v{color:var(--txt)}
tr:hover td,tr:hover th{background:rgba(78,161,255,.06)}.cpy{opacity:0;transition:opacity .12s;float:right;font-size:12px;padding:3px 8px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer}
td.v:hover .cpy{opacity:1}.hide{display:none !important}.ftr{margin-top:18px;color:var(--muted);font-size:12px}