: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);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:8px;height:8px}::-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}.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-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}.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;overflow:hidden}.content-header{padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.content-header h2{font-size:1rem;font-weight:500;color:var(--text-primary)}.content-body{flex:1;overflow-y:auto;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{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)}.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);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}