:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#1c2333;--text-primary:#e6edf3;--text-secondary:#b1bac4;--border-color:#30363d;--link-color:#58a6ff;--link-hover:#79c0ff;--code-bg:#2d333b}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}body{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header-bar{flex-shrink:0;height:56px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 1.5rem}.header-bar h1{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.main-container{flex:1;display:flex;overflow:hidden;background-color:var(--bg-primary)}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:.5rem 1rem;overflow-y:auto;overflow-x:hidden;flex-shrink:0;transition:width .3s ease,min-width .3s ease}.content-area{flex:1;display:flex;flex-direction:column;padding:1.5rem 2rem;overflow-y:auto;background-color:var(--bg-primary)}.doc-scroll{flex:1;overflow-y:auto}.nav-footer{flex-shrink:0;border-top:1px solid var(--border-color);padding:1rem 0;margin-top:1rem;justify-content:space-between;gap:1rem}.nav-btn,.nav-footer{display:flex;align-items:center}.nav-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s;gap:.5rem}.nav-btn:hover:not(:disabled){background:var(--bg-card);border-color:var(--link-color)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn .label{font-weight:500}.nav-btn .title{color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a5568}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary)}.markdown-body{max-width:900px;margin:0 auto}.markdown-body h1,h2,h3,h4,h5,h6{margin-top:1.5rem;margin-bottom:.75rem}.markdown-body p{margin:.75rem 0}.markdown-body code{background-color:var(--code-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.markdown-body pre{background-color:var(--code-bg);padding:1rem;border-radius:6px;overflow-x:auto}.markdown-body blockquote{border-left:4px solid var(--border-color);padding-left:1rem;color:var(--text-secondary)}.markdown-body hr{border:0;border-top:1px solid var(--border-color);margin:2rem 0}.markdown-body table{border-collapse:collapse;width:100%;margin:1rem 0}.markdown-body td,.markdown-body th{border:1px solid var(--border-color);padding:.5rem .75rem;text-align:left}.markdown-body th{background-color:var(--bg-secondary)}.markdown-body a{color:#58a6ff;text-decoration:none;transition:color .2s}.markdown-body a:hover{color:#79c0ff;text-decoration:underline}.markdown-body a:active,.markdown-body a:visited{color:#58a6ff}.sidebar-toggle-icon{transition:transform .3s ease}.sidebar-toggle-icon.collapsed{transform:rotate(180deg)}.tree-children{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease}.tree-children.expanded{max-height:5000px;opacity:1}.fade-enter{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinner{display:inline-block;width:40px;height:40px;border-radius:50%;border:3px solid var(--border-color);border-top-color:var(--link-color);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}