@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#1a1a24;--bg-elevated:#22222e;--bg-hover:#2a2a38;--bg-active:#32323f;--surface-primary:#15151f;--surface-secondary:#1c1c28;--surface-border:#2a2a3a;--surface-border-subtle:#222232;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-tertiary:#6e6e88;--text-muted:#55556a;--accent-primary:#6366f1;--accent-primary-hover:#7577f5;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);--accent-glow:0 0 20px rgba(99,102,241,.15);--info-bg:rgba(59,130,246,.08);--info-border:rgba(59,130,246,.25);--info-text:#60a5fa;--info-icon:#3b82f6;--warning-bg:rgba(245,158,11,.08);--warning-border:rgba(245,158,11,.25);--warning-text:#fbbf24;--warning-icon:#f59e0b;--danger-bg:rgba(239,68,68,.08);--danger-border:rgba(239,68,68,.25);--danger-text:#f87171;--danger-icon:#ef4444;--success-bg:rgba(34,197,94,.08);--success-border:rgba(34,197,94,.25);--success-text:#4ade80;--success-icon:#22c55e;--code-bg:#1a1a26;--code-border:#2a2a3c;--code-text:#e2e8f0;--code-inline-bg:rgba(99,102,241,.1);--code-inline-text:#c4b5fd;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--sidebar-width:260px;--toc-width:220px;--topnav-height:60px;--content-max-width:740px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.4);--shadow-glow:0 0 30px rgba(99,102,241,.08);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:rgba(99,102,241,.3);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}.content h1{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:var(--space-6);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content h2{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--surface-border-subtle);color:var(--text-primary)}.content h3{font-size:var(--text-xl);margin-top:var(--space-10);margin-bottom:var(--space-3);color:var(--text-primary)}.content h3,.content h4{font-weight:600;line-height:1.4}.content h4{font-size:var(--text-lg);margin-top:var(--space-8);margin-bottom:var(--space-2)}.content h4,.content p{color:var(--text-secondary)}.content p{margin-bottom:var(--space-4)}.content strong{color:var(--text-primary);font-weight:600}.content em{color:var(--text-secondary);font-style:italic}.content ol,.content ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.content li{margin-bottom:var(--space-2);color:var(--text-secondary)}.content li::marker{color:var(--accent-primary)}.content code:not(pre code){font-family:var(--font-mono);font-size:.85em;font-weight:500;background:var(--code-inline-bg);color:var(--code-inline-text);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid rgba(99,102,241,.15)}.content blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:3px solid var(--accent-primary);background:var(--surface-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary)}.content blockquote p{margin-bottom:0}.content hr{margin:var(--space-10) 0;border:none;height:1px;background:var(--surface-border)}.content table{width:100%;margin:var(--space-6) 0;border-collapse:collapse;border:1px solid var(--surface-border);border-radius:var(--radius-md);overflow:hidden;font-size:var(--text-sm)}.content thead{background:var(--surface-primary)}.content th{text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--surface-border)}.content td,.content th{padding:var(--space-3) var(--space-4)}.content td{border-bottom:1px solid var(--surface-border-subtle);color:var(--text-secondary)}.content tbody tr:hover{background:var(--bg-hover)}.content img{max-width:100%;border-radius:var(--radius-lg);border:1px solid var(--surface-border);margin:var(--space-6) 0}.page-wrapper{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:var(--sidebar-width);margin-top:var(--topnav-height);display:flex;justify-content:center}.content-area{width:100%;max-width:calc(var(--content-max-width) + var(--toc-width) + var(--space-16));display:flex;gap:var(--space-16);padding:var(--space-10) var(--space-8)}.content{flex:1 1;max-width:var(--content-max-width);min-width:0}.topnav{position:fixed;top:0;left:0;right:0;height:var(--topnav-height);background:rgba(10,10,15,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border-subtle);z-index:100;justify-content:space-between;padding:0 var(--space-6)}.topnav,.topnav-left{display:flex;align-items:center}.topnav-left{gap:var(--space-4)}.topnav-logo{gap:var(--space-3);text-decoration:none;font-weight:700;font-size:var(--text-lg)}.topnav-logo,.topnav-logo-icon{display:flex;align-items:center}.topnav-logo-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--accent-gradient);justify-content:center;font-weight:800;font-size:var(--text-sm);color:#fff;box-shadow:var(--accent-glow)}.topnav-logo-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topnav-badge{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);background:var(--surface-primary);padding:2px 8px;border-radius:50px;border:1px solid var(--surface-border)}.topnav-right{gap:var(--space-4)}.topnav-links,.topnav-right{display:flex;align-items:center}.topnav-links{gap:var(--space-1);list-style:none}.topnav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.topnav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.topnav-github{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.topnav-github:hover{color:var(--text-primary);background:var(--bg-hover)}.topnav-github svg{width:20px;height:20px}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mobile-menu-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.mobile-menu-btn svg{width:24px;height:24px}.sidenav{position:fixed;top:var(--topnav-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--surface-border-subtle);overflow-y:auto;padding:var(--space-6) 0;z-index:50;transition:transform var(--transition-slow)}.sidenav-section{margin-bottom:var(--space-6)}.sidenav-section-title{padding:0 var(--space-6);margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.sidenav-items{list-style:none}.sidenav-item{position:relative}.sidenav-link{display:block;padding:var(--space-2) var(--space-6);font-size:var(--text-sm);font-weight:450;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);border-left:2px solid transparent}.sidenav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.sidenav-link.active{color:var(--accent-primary);background:rgba(99,102,241,.06);border-left-color:var(--accent-primary);font-weight:500}.toc{position:-webkit-sticky;position:sticky;top:calc(var(--topnav-height) + var(--space-10));width:var(--toc-width);max-height:calc(100vh - var(--topnav-height) - var(--space-16));overflow-y:auto;flex-shrink:0}.toc-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-3)}.toc-list{list-style:none;border-left:1px solid var(--surface-border-subtle)}.toc-item{position:relative}.toc-link{display:block;padding:var(--space-1) var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);text-decoration:none;transition:all var(--transition-fast);border-left:1px solid transparent;margin-left:-1px}.toc-link:hover{color:var(--text-secondary)}.toc-link.active{color:var(--accent-primary);border-left-color:var(--accent-primary)}.toc-link.depth-3{padding-left:calc(var(--space-4) + var(--space-4))}.callout{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid;display:flex;gap:var(--space-3);font-size:var(--text-sm)}.callout-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.callout-content{flex:1 1;min-width:0}.callout-content p{margin-bottom:0}.callout-content p+p{margin-top:var(--space-2)}.callout.info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.callout.info .callout-icon{color:var(--info-icon)}.callout.warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.callout.warning .callout-icon{color:var(--warning-icon)}.callout.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.callout.danger .callout-icon{color:var(--danger-icon)}.callout.tip{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.callout.tip .callout-icon{color:var(--success-icon)}.code-block-wrapper{margin:var(--space-6) 0;border-radius:var(--radius-md);border:1px solid var(--code-border);overflow:hidden;background:var(--code-bg)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:hsla(0,0%,100%,.02);border-bottom:1px solid var(--code-border)}.code-block-lang{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.code-block-copy,.code-block-lang{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary)}.code-block-copy{background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-sans);display:flex;align-items:center;gap:var(--space-1);transition:all var(--transition-fast)}.code-block-copy:hover{color:var(--text-primary);background:var(--bg-hover)}.code-block-copy.copied{color:var(--success-text)}.code-block-pre{margin:0;padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--code-text)}.code-block-pre code{font-family:inherit;background:none;padding:0;border:none;color:inherit}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6e6e88;font-style:italic}.token.punctuation{color:#8888a0}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#f87171}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#4ade80}.token.entity,.token.operator,.token.url{color:#fbbf24}.token.atrule,.token.attr-value,.token.keyword{color:#818cf8}.token.class-name,.token.function{color:#60a5fa}.token.important,.token.regex,.token.variable{color:#f59e0b}.tabs-wrapper{margin:var(--space-6) 0;border-radius:var(--radius-md);border:1px solid var(--surface-border);overflow:hidden}.tabs-header{display:flex;background:var(--surface-primary);border-bottom:1px solid var(--surface-border);overflow-x:auto}.tab-button{position:relative;background:none;border:none;padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-button:hover{color:var(--text-secondary);background:var(--bg-hover)}.tab-button.active{color:var(--accent-primary)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-primary);border-radius:2px 2px 0 0}.tab-content{padding:var(--space-4) var(--space-5);background:var(--bg-secondary)}.heading-anchor{position:relative;display:flex;align-items:center;gap:var(--space-2)}.heading-anchor-link{opacity:0;color:var(--text-tertiary);text-decoration:none;transition:opacity var(--transition-fast);font-weight:400;-webkit-text-fill-color:var(--text-tertiary)}.heading-anchor:hover .heading-anchor-link{opacity:1}.heading-anchor-link:hover{color:var(--accent-primary);-webkit-text-fill-color:var(--accent-primary)}.page-footer{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--surface-border-subtle);display:flex;justify-content:space-between;gap:var(--space-4)}.page-footer-link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--surface-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base);flex:1 1;max-width:50%}.page-footer-link:hover{border-color:var(--accent-primary);background:var(--surface-secondary);box-shadow:var(--accent-glow)}.page-footer-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.page-footer-title{font-size:var(--text-sm);font-weight:600;color:var(--accent-primary)}.page-footer-link.next{text-align:right;margin-left:auto}@media (max-width:1140px){.toc{display:none}}@media (max-width:860px){.main-content{margin-left:0}.sidenav{transform:translateX(-100%)}.sidenav.open{transform:translateX(0);box-shadow:var(--shadow-lg)}.mobile-menu-btn{display:flex}.topnav-links{display:none}.content-area{padding:var(--space-6) var(--space-4)}.content h1{font-size:var(--text-3xl)}}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40}.sidebar-overlay.visible{display:block}