:root{color-scheme:light dark;--bg: #ffffff;--fg: #1a1a1c;--muted: #6b6b73;--border: rgba(0, 0, 0, .1);--accent: #3b82f6;--code: #f4f4f6}@media(prefers-color-scheme:dark){:root{--bg: #000000;--fg: #ececf1;--muted: #9a9aa2;--border: rgba(255, 255, 255, .12);--accent: #60a5fa;--code: #1a1a1d}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}.layout{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--border);padding:20px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}.mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;font-weight:800}nav{display:flex;flex-direction:column;gap:2px}.nav{text-align:left;border:none;background:transparent;color:var(--muted);font-size:14px;padding:7px 9px;border-radius:7px;cursor:pointer}.nav:hover{background:var(--code);color:var(--fg)}.nav.active{background:var(--code);color:var(--fg);font-weight:600}.foot{margin-top:auto;font-size:12px;color:var(--muted)}.content{flex:1;min-width:0;max-width:860px;padding:40px 48px 80px}.content h1,.content h2,.content h3{line-height:1.25;margin-top:1.6em}.content h1{font-size:30px;margin-top:0}.content h2{font-size:22px;border-bottom:1px solid var(--border);padding-bottom:6px}.content h3{font-size:17px}.content p,.content li{color:var(--fg)}.content a{color:var(--accent)}.content code{background:var(--code);padding:2px 5px;border-radius:4px;font-size:.88em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.content pre{background:var(--code);padding:14px;border-radius:8px;overflow-x:auto}.content pre code{background:transparent;padding:0}.content table{border-collapse:collapse;width:100%;margin:1em 0;font-size:14px}.content th,.content td{border:1px solid var(--border);padding:7px 10px;text-align:left}.content th{background:var(--code)}.content blockquote{margin:1em 0;padding:2px 14px;border-left:3px solid var(--border);color:var(--muted)}.content hr{border:none;border-top:1px solid var(--border);margin:2em 0}@media(max-width:760px){.layout{flex-direction:column}.sidebar{width:auto;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border)}.content{padding:24px 20px 60px}}