:root{--agi-blue: #052393;--agi-blue-light: #2AAAEA;--agi-green: #009245;--agi-yellow: #FBB03B;--bg-primary: #0a0d14;--bg-secondary: #0f1318;--bg-tertiary: #151a22;--bg-card: #151a22;--bg-elevated: #1a2030;--bg-hover: rgba(42, 170, 234, .08);--bg-active: rgba(42, 170, 234, .12);--text-primary: #f0f4f8;--text-secondary: rgba(200, 220, 240, .75);--text-muted: rgba(180, 200, 220, .5);--border-subtle: rgba(42, 170, 234, .12);--border-default: rgba(42, 170, 234, .2);--border-strong: rgba(42, 170, 234, .35);--accent-blue: #2AAAEA;--accent-blue-hover: #3db8f5;--accent-blue-deep: #052393;--accent-emerald: #009245;--accent-purple: #a855f7;--status-success: #22c55e;--status-success-bg: rgba(34, 197, 94, .15);--status-error: #ef4444;--status-error-bg: rgba(239, 68, 68, .15);--scrollbar-track: transparent;--scrollbar-thumb: rgba(100, 150, 200, .2);--scrollbar-thumb-hover: rgba(100, 150, 200, .3);--code-bg: rgba(0, 0, 0, .4);--code-text: #e0e6ed;--code-border: rgba(42, 170, 234, .15);--font-sans: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Menlo", monospace;--gradient-primary: linear-gradient(135deg, #052393 0%, #2AAAEA 100%);--gradient-accent: linear-gradient(135deg, #2AAAEA 0%, #009245 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans),sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:.01em}#root{min-height:100vh}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app{display:flex;min-height:100vh}.toc-sidebar{width:250px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0}.toc-header{height:73px;padding:0 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary);display:flex;align-items:center;flex-shrink:0}.toc-header h2{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.toc-content{flex:1;overflow-y:auto;padding:1rem}.toc-empty{color:var(--text-muted);font-size:.875rem;text-align:center;padding:2rem 1rem}.toc-nav{display:flex;flex-direction:column;gap:.25rem}.toc-item{display:block;padding:.5rem .75rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;border-radius:4px;transition:all .15s;line-height:1.4}.toc-item:hover{background:var(--bg-hover);color:var(--text-primary)}.toc-level-1{font-weight:600;color:var(--text-primary);padding-left:.75rem}.toc-level-2{padding-left:1.5rem;font-size:.8125rem}.toc-level-3{padding-left:2.25rem;font-size:.75rem;color:var(--text-muted)}.sidebar{width:300px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--gradient-primary)}.sidebar-header h1{font-size:1.25rem;font-weight:600;color:#fff}.sidebar-header p{font-size:.875rem;color:#fffc;margin-top:.25rem}.version-list{flex:1;overflow-y:auto;padding:1rem}.version-list h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.version-item{display:flex;align-items:center;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s;margin-bottom:.25rem;border:1px solid transparent}.version-item:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.version-item.selected{background:var(--bg-active);border-color:var(--accent-blue)}.version-item.compare-selected{background:#a855f726;border-color:var(--accent-purple)}.version-item.version-item-action{margin-top:.5rem;border-top:1px solid var(--border-subtle);padding-top:.75rem;background:var(--bg-tertiary);border-color:var(--border-default)}.version-item.version-item-action:hover:not(.disabled){background:var(--bg-hover);border-color:var(--accent-blue)}.version-item.version-item-action.disabled{opacity:.5;cursor:not-allowed}.version-item.version-item-action .version-name{font-weight:600;color:var(--accent-blue)}.version-item.version-item-action.disabled .version-name{color:var(--text-muted)}.version-checkbox{width:1rem;height:1rem;margin-right:.75rem;accent-color:var(--accent-purple)}.version-info{flex:1;min-width:0}.version-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-date{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.scroll-bottom-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem;margin-top:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s}.scroll-bottom-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-default)}.scroll-bottom-btn svg{width:14px;height:14px}.compare-controls{padding:1rem;border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.compare-btn{width:100%;padding:.75rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.content-header .compare-btn{width:auto;height:2.5rem;padding:0 1rem;border-radius:6px;display:flex;align-items:center;justify-content:center}.compare-btn.primary{background:var(--gradient-primary);color:#fff}.compare-btn.primary:hover{opacity:.9}.compare-btn.primary:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.compare-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default);margin-top:.5rem}.compare-btn.secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.main-content{flex:1;display:flex;flex-direction:column;position:relative}.content-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1318f2}.content-header h2{font-size:1rem;font-weight:500;color:var(--text-primary)}.version-select{height:2.5rem;padding:0 1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans),sans-serif;cursor:pointer;transition:all .15s;min-width:200px;display:flex;align-items:center}.version-select:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.version-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2aaaea1a}.search-container{display:flex;align-items:center;gap:.5rem;flex:1;max-width:400px}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-input{flex:1;height:2.5rem;padding:0 2.5rem 0 1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans),sans-serif;transition:all .15s;width:100%}.search-input::placeholder{color:var(--text-muted)}.search-input:hover{border-color:var(--border-strong)}.search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2aaaea1a}.search-btn{height:2.5rem;padding:0 1rem;background:var(--gradient-primary);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;justify-content:center}.search-btn:hover{opacity:.9}.search-btn:active{transform:scale(.98)}.search-clear-btn{position:absolute;right:.5rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:4px;transition:all .15s;padding:0}.search-clear-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.search-results-info{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.75rem;white-space:nowrap;height:2.5rem}.search-nav-btn{padding:.25rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s}.search-nav-btn:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.search-highlight{background:var(--accent-blue);color:#fff;padding:.125rem .25rem;border-radius:3px}.search-highlight.search-highlight-active{background:var(--accent-emerald);box-shadow:0 0 0 2px var(--accent-emerald)}.nav-link{position:fixed;right:2rem;color:var(--accent-blue);text-decoration:none;font-size:.875rem;padding:.5rem 1rem;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-subtle);transition:all .15s;z-index:100}.nav-link:hover{color:var(--accent-blue-hover);background:var(--bg-hover);border-color:var(--border-default);text-decoration:none}.nav-link-top{top:2rem}.nav-link-bottom{bottom:2rem}.content-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column}.content-body>.diff-container{flex:1;min-height:0}.content-body>.markdown-content.single-view{max-width:800px;margin:0 auto;width:100%;flex:1;overflow-y:auto}.markdown-content{max-width:800px;margin:0 auto;line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3{scroll-margin-top:4rem}.markdown-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.markdown-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem}.markdown-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem}.markdown-content p{margin-bottom:1rem;color:var(--text-secondary);scroll-margin-top:4rem}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem;color:var(--text-secondary)}.markdown-content code{background:var(--code-bg);padding:.125rem .375rem;border-radius:4px;font-family:var(--font-mono),monospace;font-size:.875em;color:var(--code-text);border:1px solid var(--code-border)}.markdown-content pre{background:var(--bg-secondary);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem;border:1px solid var(--border-subtle)}.markdown-content pre code{background:transparent;padding:0;border:none}.markdown-content blockquote{border-left:4px solid var(--accent-blue);padding-left:1rem;margin:1rem 0;color:var(--text-muted);font-style:italic}.markdown-content a{color:var(--accent-blue);text-decoration:none}.markdown-content a:hover{color:var(--accent-blue-hover);text-decoration:underline}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:1rem}.markdown-content th,.markdown-content td{border:1px solid var(--border-subtle);padding:.75rem;text-align:left}.markdown-content th{background:var(--bg-secondary);font-weight:600}.markdown-content tr:hover{background:var(--bg-hover)}.diff-container{height:100%;display:flex;flex-direction:column}.diff-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.diff-view-toggle{display:flex;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-subtle);overflow:hidden}.diff-view-toggle button{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .15s}.diff-view-toggle button:hover{color:var(--text-secondary);background:var(--bg-hover)}.diff-view-toggle button.active{background:var(--accent-blue);color:#fff}.diff-split{display:flex;gap:1rem;flex:1;min-height:0}.diff-pane{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-subtle);overflow:hidden;min-width:0}.diff-pane.older{border-color:#ef44444d}.diff-pane.newer{border-color:#22c55e4d}.diff-pane-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.diff-pane.older .diff-pane-header{background:var(--status-error-bg);border-bottom-color:#ef444433}.diff-pane.newer .diff-pane-header{background:var(--status-success-bg);border-bottom-color:#22c55e33}.diff-pane-header span{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.diff-pane-header strong{display:block;margin-top:.25rem;font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diff-pane-content{flex:1;overflow-y:auto;padding:1.5rem}.diff-pane-content.markdown-content{max-width:none}.diff-header{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-subtle)}.diff-header-item{flex:1;padding:.75rem;border-radius:6px}.diff-header-item.older{background:var(--status-error-bg);border:1px solid rgba(239,68,68,.3)}.diff-header-item.newer{background:var(--status-success-bg);border:1px solid rgba(34,197,94,.3)}.diff-header-item span{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.diff-header-item strong{display:block;margin-top:.25rem;font-size:.875rem;color:var(--text-primary)}.diff-unified-markdown{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-subtle);flex:1;overflow-y:auto;padding:1rem}.diff-block{border-radius:6px;padding:1rem;margin-bottom:.5rem;position:relative}.diff-block.unchanged{background:transparent;border-left:3px solid var(--border-subtle);padding-left:1rem;opacity:.7}.diff-block.added{background:var(--status-success-bg);border:1px solid rgba(34,197,94,.3);border-left:4px solid var(--status-success)}.diff-block.removed{background:var(--status-error-bg);border:1px solid rgba(239,68,68,.3);border-left:4px solid var(--status-error);text-decoration:line-through;opacity:.8}.diff-block-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.diff-block.added .diff-block-label{color:var(--status-success)}.diff-block.removed .diff-block-label{color:var(--status-error)}.diff-block.markdown-content{max-width:none}.diff-block.markdown-content h1,.diff-block.markdown-content h2,.diff-block.markdown-content h3{margin-top:0}.diff-block.markdown-content p:last-child,.diff-block.markdown-content ul:last-child,.diff-block.markdown-content ol:last-child{margin-bottom:0}.diff-new-only{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(34,197,94,.3);overflow:hidden}.diff-new-only-header{padding:.75rem 1rem;background:var(--status-success-bg);border-bottom:1px solid rgba(34,197,94,.2);flex-shrink:0}.diff-new-only-header span{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.diff-new-only-header strong{display:block;margin-top:.25rem;font-size:.875rem;color:var(--text-primary)}.diff-new-only-content{flex:1;overflow-y:auto;padding:1.5rem}.diff-new-only-content.markdown-content{max-width:none}.diff-new-only-content .no-changes{color:var(--text-muted);font-style:italic;text-align:center;padding:2rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:2rem}.empty-state svg{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5;color:var(--accent-blue)}.empty-state h3{font-size:1.125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.empty-state p{font-size:.875rem}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.auth-card{text-align:center;padding:3rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;max-width:400px}.auth-card h1{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.auth-card p{color:var(--text-secondary);margin-bottom:1.5rem}.auth-btn{background:var(--accent-blue);color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.auth-btn:hover{background:var(--accent-blue-hover)}.logout-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);padding:.35rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .15s ease}.logout-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-hover)}