:root{--bg:#fff;--fg:#1f2328;--muted:#656d76;--line:#d0d7de;--soft:#f6f8fa;--accent:#0969da;--node:#eef2f6;--red:#cf222e}
@media (prefers-color-scheme:dark){:root{--bg:#0d1117;--fg:#e6edf3;--muted:#8d96a0;--line:#30363d;--soft:#161b22;--accent:#4493f8;--node:#1c2430;--red:#ff7b72}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.6 "Pretendard Variable",Pretendard,-apple-system,"Segoe UI","Malgun Gothic",sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
code,pre{font-family:Consolas,"D2Coding",monospace;font-size:13px}
#nav{position:fixed;top:0;left:0;bottom:0;width:240px;overflow-y:auto;padding:16px;border-right:1px solid var(--line);background:var(--soft)}
#nav .brand{display:block;font-weight:700;font-size:16px;color:var(--fg);margin-bottom:12px}
#nav h3{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--fg);margin:20px 0 6px;padding:0 8px 6px;border-bottom:1px solid var(--line);letter-spacing:.02em}
#nav h3::before{content:"";width:3px;height:12px;border-radius:2px;background:var(--accent)}
#nav ul{list-style:none;margin:0;padding:0}
#nav li a{display:block;padding:3px 8px;border-radius:6px;color:var(--fg)}
#nav li a.on{background:var(--accent);color:#fff}
#nav li.sub a{padding-left:22px;font-size:13px}
#nav li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#q{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg)}
#results{margin:4px 0 0!important}
#results li a{font-size:13px}
#results li small{color:var(--muted)}
main{margin-left:240px;padding:24px 32px 80px;max-width:1400px}
h1{font-size:24px;margin:0 0 4px}
h2{font-size:18px;margin:32px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.desc{color:var(--muted);margin:0 0 16px}
.endpoint{padding:10px 12px;background:var(--soft);border:1px solid var(--line);border-radius:6px;word-break:break-all}
.method{display:inline-block;padding:0 6px;border-radius:4px;background:#1a7f37;color:#fff;font-weight:700;font-size:12px}
.hint{margin-left:8px;font-size:12px}
table{border-collapse:collapse;width:100%;margin:8px 0 16px}
table.fit{width:auto;min-width:50%}
th,td{border:1px solid var(--line);padding:5px 10px;vertical-align:top;text-align:left;word-break:break-word}
th{background:var(--soft);white-space:nowrap}
td.c{text-align:center}
td.c,.nw{white-space:nowrap}
tr.node td{background:var(--node)}
.node-note{color:var(--muted);font-size:13px}
.badge{font-size:11px;padding:0 6px;border-radius:10px;background:var(--accent);color:#fff}
.req{color:var(--red)}
table.fields{table-layout:fixed}
.w-field{width:220px}.w-s{width:90px}.w-f{width:170px}.w-xs{width:50px}
a.anchor{color:var(--fg)}
tr:target td{background:rgba(255,212,0,.25)}
pre{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:12px;overflow-x:auto}
.info{color:var(--red);font-size:13px}
.filter{width:320px;max-width:100%;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg)}
.changelog{padding-left:18px}
.changelog .date{color:var(--muted);font-family:Consolas,monospace;margin-right:6px}
@media (max-width:860px){#nav{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line)}main{margin-left:0;padding:16px}table{display:block;overflow-x:auto}}
