:root{--bg:#fff;--fg:#1d2733;--mut:#5c6b7a;--line:#e3e8ee;--side:#f6f8fa;--acc:#065174;--acc2:#128788;--code:#0f1720;--codefg:#e6edf3}
@media (prefers-color-scheme:dark){:root{--bg:#0f141a;--fg:#e6edf3;--mut:#9aa7b4;--line:#243040;--side:#141b23;--acc:#4cc2d6;--acc2:#3fb8a8;--code:#0a0f14}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--acc)}code{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--side);padding:1px 5px;border-radius:4px}
pre{background:var(--code);color:var(--codefg);padding:14px 16px;border-radius:8px;overflow:auto;position:relative}pre code{background:none;padding:0;color:inherit}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--bg)}
header .logo{font-weight:700;color:var(--fg);text-decoration:none;display:flex;align-items:center;gap:8px}header .sp{flex:1}
.wrap{display:grid;grid-template-columns:290px 1fr;min-height:calc(100vh - 52px)}
nav{border-right:1px solid var(--line);background:var(--side);padding:14px;position:sticky;top:52px;height:calc(100vh - 52px);overflow:auto;font-size:14px}
nav h4{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}nav a{display:block;padding:3px 6px;border-radius:5px;color:var(--fg);text-decoration:none}
nav a:hover{background:var(--line)}nav input{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg)}
main{padding:24px 40px;max-width:1100px}section{scroll-margin-top:60px;border-bottom:1px solid var(--line);padding:18px 0 26px}h1{margin:.2em 0}h2{margin:.2em 0 .5em}h3{font-size:15px;margin:18px 0 6px}
.m{display:inline-block;min-width:58px;text-align:center;font:700 11px/20px ui-monospace,monospace;border-radius:4px;color:#fff;margin-right:6px;vertical-align:middle}
.get{background:#1a7f37}.post{background:#0969da}.put{background:#9a6700}.patch{background:#8250df}.delete{background:#cf222e}
.path{font:600 14px ui-monospace,monospace}.badge{display:inline-block;font-size:12px;border:1px solid var(--line);border-radius:10px;padding:0 8px;color:var(--mut);margin-left:8px}
table{border-collapse:collapse;width:100%;font-size:14px;margin:6px 0}th,td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}th{color:var(--mut);font-weight:600}
.req{color:#cf222e;font-size:12px}.tabs button{border:1px solid var(--line);background:var(--side);color:var(--fg);padding:4px 10px;border-radius:6px 6px 0 0;cursor:pointer;margin-right:2px}
.tabs button.on{background:var(--code);color:var(--codefg)}.tabpane{display:none}.tabpane.on{display:block}.tabpane pre{margin-top:0;border-top-left-radius:0}
.copy{position:absolute;top:6px;right:6px;font-size:11px;padding:2px 8px;border-radius:4px;border:0;background:#2b3644;color:#e6edf3;cursor:pointer}
.mut{color:var(--mut)}.hidden{display:none}.center{margin:60px auto;max-width:520px}
@media (max-width:900px){.wrap{grid-template-columns:1fr}nav{position:static;height:auto}main{padding:16px}}