.top-navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-secondary);padding:0 24px;height:64px;border-bottom:1px solid var(--border-primary);width:100%;box-sizing:border-box;flex-shrink:0}.navbar-brand a{text-decoration:none;transition:color .2s ease}.navbar-brand a:hover{opacity:.8}.navbar-links{display:flex;gap:8px}.navbar-links a{color:var(--text-secondary);text-decoration:none;padding:10px 16px;border-radius:6px;font-weight:500;transition:background-color .2s ease,color .2s ease}.navbar-links a:hover{background-color:var(--surface-primary);color:var(--text-primary)}.navbar-links a.active{background-color:var(--accent-primary);color:#fff;font-weight:700}.mobile-sidebar-toggle,.mobile-nav-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer}@media (max-width: 768px){.mobile-sidebar-toggle,.mobile-nav-toggle{display:block}.navbar-links{display:none;position:absolute;top:64px;right:0;background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:0 0 0 6px;padding:8px;flex-direction:column;gap:8px;z-index:100}.navbar-links.open{display:flex}.sidebar{position:fixed;top:64px;left:-100%;width:250px;height:calc(100% - 64px);background-color:var(--background-secondary);border-right:1px solid var(--border-primary);transition:left .3s ease;z-index:100}.sidebar.open{left:0}}.sidebar{width:250px;background-color:var(--background-secondary);padding:24px;border-right:1px solid var(--border-primary);overflow-y:auto;height:calc(100vh - 64px)}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li a{display:block;padding:10px 16px;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:background-color .2s ease,color .2s ease}:root{--background-primary: #111111;--background-secondary: #1a1a1a;--surface-primary: #222222;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-primary: #00aaff;--accent-primary-hover: #0088cc;--border-primary: #333333;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--background-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}.app-container{display:flex;flex-direction:column;height:100vh}.docs-layout{display:flex;flex-grow:1;overflow:hidden}.sidebar{width:280px;background-color:var(--background-secondary);padding:24px;overflow-y:auto;border-right:1px solid var(--border-primary);flex-shrink:0;transition:width .3s ease}.sidebar h2{margin-top:0;color:var(--text-primary);font-weight:700;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.sidebar ul{list-style:none;padding:0;margin:16px 0 0}.sidebar li a{display:block;color:var(--text-secondary);text-decoration:none;padding:12px 16px;border-radius:6px;margin-bottom:6px;font-weight:500;transition:background-color .2s ease,color .2s ease}.sidebar li a:hover{background-color:var(--surface-primary);color:var(--text-primary)}.sidebar li a.active{background-color:var(--accent-primary);color:#fff;font-weight:700}.content-scroller{flex-grow:1;overflow-y:auto;padding:0 48px}.content{padding:24px 0;max-width:900px;margin:0 auto}.content h1,.content h2,.content h3{color:var(--text-primary);border-bottom:1px solid var(--border-primary);padding-bottom:8px;margin-top:24px;margin-bottom:16px}.content a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}.content a:hover{text-decoration:underline;color:var(--accent-primary-hover)}.content p{margin-bottom:16px;color:var(--text-secondary)}.content strong{color:var(--text-primary);font-weight:700}.content ul,.content ol{padding-left:24px;margin-bottom:16px}.content li{margin-bottom:8px}.content blockquote{border-left:4px solid var(--accent-primary);margin:16px 0;color:var(--text-secondary);background-color:var(--surface-primary);border-radius:4px;padding:12px 16px}.nav-buttons{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid var(--border-primary)}.nav-buttons a{color:var(--accent-primary);text-decoration:none;padding:12px 24px;border:1px solid var(--accent-primary);border-radius:6px;font-weight:700;transition:background-color .2s ease,color .2s ease}.nav-buttons a:hover{background-color:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background-color:var(--surface-primary);border-radius:10px;border:3px solid var(--background-secondary)}::-webkit-scrollbar-thumb:hover{background-color:var(--border-primary)}