:root{--bg: #0f1117;--bg-elevated: #1a1d27;--bg-sidebar: #12141c;--text: #e8eaed;--text-muted: #9aa0a6;--accent: #6c9eff;--accent-hover: #8bb4ff;--border: #2a2d3a;--code-bg: #1e2130;--success: #3dd68c;--radius: 8px;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace}[data-theme=light]{--bg: #ffffff;--bg-elevated: #f6f8fa;--bg-sidebar: #f0f2f5;--text: #1a1a2e;--text-muted: #5c6370;--accent: #2563eb;--accent-hover: #1d4ed8;--border: #e2e8f0;--code-bg: #f1f5f9}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:1.5rem 1rem;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0}.sidebar h1{font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.sidebar .tagline{font-size:.75rem;color:var(--text-muted);margin-bottom:1.5rem}.sidebar nav a{display:block;padding:.4rem .75rem;border-radius:6px;color:var(--text-muted);font-size:.9rem;margin-bottom:2px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--bg-elevated);color:var(--text)}.sidebar nav .section{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:1rem .75rem .35rem;font-weight:600}.main{flex:1;max-width:860px;padding:2.5rem 2rem 4rem;margin:0 auto}.main h1{font-size:2rem;margin-bottom:.5rem;letter-spacing:-.02em}.main h2{font-size:1.4rem;margin-top:2.5rem;margin-bottom:.75rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.main h3{font-size:1.1rem;margin-top:1.75rem;margin-bottom:.5rem}.main p{margin-bottom:1rem;color:var(--text)}.main ul,.main ol{margin:0 0 1rem 1.5rem}.main li{margin-bottom:.35rem}pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;overflow-x:auto;margin:1rem 0 1.5rem;font-family:var(--mono);font-size:.85rem;line-height:1.5;position:relative}code{font-family:var(--mono);font-size:.875em;background:var(--code-bg);padding:.15em .4em;border-radius:4px}pre code{background:none;padding:0}.copy-btn{position:absolute;top:.5rem;right:.5rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:.25rem .5rem;font-size:.7rem;cursor:pointer}.copy-btn:hover{color:var(--text)}.hero{text-align:center;padding:3rem 1rem 2rem}.hero h1{font-size:2.75rem;letter-spacing:-.03em;margin-bottom:.75rem}.hero p{font-size:1.15rem;color:var(--text-muted);max-width:540px;margin:0 auto 1.5rem}.hero .cta{display:inline-flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-block;padding:.6rem 1.25rem;border-radius:6px;font-weight:600;font-size:.95rem;border:none;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:2rem 0}.feature-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.feature-card h3{margin-top:0;font-size:1rem}.feature-card p{font-size:.9rem;color:var(--text-muted);margin:0}.theme-toggle{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:50%;width:42px;height:42px;cursor:pointer;font-size:1.2rem;z-index:100}.mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:101;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.4rem .6rem;cursor:pointer}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;z-index:100;transition:left .2s}.sidebar.open{left:0}.mobile-toggle{display:block}.main{padding:4rem 1.25rem 3rem}.hero h1{font-size:2rem}}table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.9rem}th,td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}th{background:var(--bg-elevated)}