:root{--bg-1:#0b0d10;--bg-2:#111217;--bg-3:#17171d;--surface:#17171d;--muted:#b8b3a7;--accent:#5b9bd5;--accent-2:#8fb9ff;--glass:#ffffff05;--code-bg:#0e1320;--text:#f5f3ee;--link:#9ec7ff;--heading:#fff;--muted-heading:#e6e0d9;--para:#e3ddd6;--code-color:#bcd7ff}*{box-sizing:border-box}html,body,#root{height:100%}body{background:linear-gradient(135deg,var(--bg-1)0%,var(--bg-2)30%,var(--bg-3)70%);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.container{gap:32px;max-width:1200px;margin:40px auto;padding:24px;display:flex}.sidebar{background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #ffffff08;border-radius:12px;width:280px;height:calc(100vh - 96px);padding:20px;position:sticky;top:24px;overflow:auto}.brand{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.logo{color:#071024;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.brand h1{margin:0;font-size:18px}.subtitle{color:var(--muted);margin:0;font-size:13px}.toc h2{color:var(--muted);margin-top:8px;font-size:13px}.toc ol{margin:6px 0;padding-left:18px}.toc a{color:var(--link);text-decoration:none}.toc a:hover{text-decoration:underline}.sidebar-footer{color:var(--muted);margin-top:18px;font-size:12px}.content{flex:1;min-width:0}.page-header{margin-bottom:12px}.page-header h1{margin:0 0 6px;font-size:22px}.lead{color:var(--muted);margin:0}.doc{background:linear-gradient(#ffffff05,#0000);border:1px solid #ffffff08;border-radius:12px;padding:28px}.doc h2{color:var(--heading);margin-top:0}.doc h3{color:var(--muted-heading)}.doc p{color:var(--para);line-height:1.6}.code-block{background:var(--code-bg);color:var(--code-color);white-space:pre-wrap;word-wrap:break-word;border:1px solid #ffffff05;border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:13px;overflow:auto}ul,ol{margin-left:20px}li{margin:6px 0}dl{margin-left:0}dt{font-weight:600}a{color:var(--accent)}hr{border:none;border-top:1px solid #ffffff08;margin:20px 0}.doc-footer{text-align:center;color:var(--muted);margin-top:18px}@media (max-width:900px){.container{margin:16px;padding:16px}.sidebar{display:none}}