:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--border-color: #e5e5e5;--accent-color: #4a90e2;--accent-hover: #3a7bc8;--success-color: #16a34a;--error-color: #dc2626;--code-bg: #f5f5f5;--blockquote-border: #ddd;--stage3-bg: #f0fff0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #333333;--text-primary: #e5e5e5;--text-secondary: #999999;--border-color: #444444;--accent-color: #5a9ff2;--accent-hover: #4a8fe2;--success-color: #22c55e;--error-color: #ef4444;--code-bg: #2a2a2a;--blockquote-border: #555;--stage3-bg: #1a2f1a}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s,color .3s}#root{height:100vh;width:100vw;overflow:hidden}.markdown-content{padding:12px}.markdown-content p{margin:0 0 12px}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:16px 0 8px;color:var(--text-primary)}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child,.markdown-content h5:first-child,.markdown-content h6:first-child{margin-top:0}.markdown-content ul,.markdown-content ol{margin:0 0 12px;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content pre{background:var(--code-bg);padding:12px;border-radius:4px;overflow-x:auto;margin:0 0 12px}.markdown-content code{background:var(--code-bg);padding:2px 6px;border-radius:3px;font-family:monospace;font-size:.9em;color:var(--text-primary)}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{margin:0 0 12px;padding-left:16px;border-left:4px solid var(--blockquote-border);color:var(--text-secondary)}.markdown-content a{color:var(--accent-color)}.markdown-content a:hover{color:var(--accent-hover)}::-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:var(--text-secondary)}.sidebar{width:260px;background:var(--bg-secondary, #f8f8f8);border-right:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;height:100vh}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color, #e0e0e0)}.sidebar-header h1{font-size:18px;margin:0 0 12px;color:var(--text-primary, #333)}.new-conversation-btn{width:100%;padding:10px;background:var(--accent-color, #4a90e2);border:1px solid var(--accent-color, #4a90e2);border-radius:6px;color:#fff;cursor:pointer;font-size:14px;transition:background .2s;font-weight:500}.new-conversation-btn:hover{background:var(--accent-hover, #357abd);border-color:var(--accent-hover, #357abd)}.conversation-list{flex:1;overflow-y:auto;padding:8px}.no-conversations{padding:16px;text-align:center;color:var(--text-secondary, #999);font-size:14px}.conversation-item{padding:12px;margin-bottom:4px;border-radius:6px;cursor:pointer;transition:background .2s;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.conversation-item:hover{background:var(--bg-tertiary, #f0f0f0)}.conversation-item.active{background:#e8f0fe;border:1px solid var(--accent-color, #4a90e2)}.conversation-content{flex:1;min-width:0}.conversation-title{color:var(--text-primary, #333);font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{color:var(--text-secondary, #999);font-size:12px}.conversation-actions{position:relative;flex-shrink:0}.menu-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;color:var(--text-secondary, #999);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s}.conversation-item:hover .menu-btn{opacity:1}.menu-btn:hover{background:var(--bg-secondary, #e8e8e8);color:var(--text-primary, #333)}.conversation-menu{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:100;padding:4px 0}.conversation-menu button{width:100%;padding:8px 12px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:13px;color:var(--text-primary, #333);transition:background .2s}.conversation-menu button:hover{background:var(--bg-tertiary, #f5f5f5)}.conversation-menu .delete-btn{color:var(--error-color, #dc2626)}.conversation-menu .delete-btn:hover{background:#fee2e2}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border-color, #e0e0e0)}.settings-btn{width:100%;padding:10px 12px;background:transparent;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;cursor:pointer;font-size:14px;color:var(--text-primary, #333);display:flex;align-items:center;gap:8px;transition:background .2s,border-color .2s}.settings-btn:hover{background:var(--bg-tertiary, #f0f0f0);border-color:var(--text-secondary, #999)}.settings-icon{font-size:16px}[data-theme=dark] .sidebar{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .sidebar-header{border-color:var(--border-color)}[data-theme=dark] .sidebar-header h1{color:var(--text-primary)}[data-theme=dark] .conversation-item.active{background:#1e3a5f;border-color:var(--accent-color)}[data-theme=dark] .conversation-title{color:var(--text-primary)}[data-theme=dark] .conversation-menu{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 12px #0006}[data-theme=dark] .conversation-menu button{color:var(--text-primary)}[data-theme=dark] .conversation-menu button:hover{background:var(--bg-tertiary)}[data-theme=dark] .conversation-menu .delete-btn:hover{background:#3d1f1f}[data-theme=dark] .sidebar-footer{border-color:var(--border-color)}[data-theme=dark] .settings-btn{color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .settings-btn:hover{background:var(--bg-tertiary)}.stage{margin:24px 0;padding:20px;background:var(--bg-secondary, #fafafa);border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.stage-title{margin:0 0 16px;color:var(--text-primary, #333);font-size:16px;font-weight:600}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab{padding:8px 16px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #d0d0d0);border-radius:6px 6px 0 0;color:var(--text-secondary, #666);cursor:pointer;font-size:14px;transition:all .2s}.tab:hover{background:var(--bg-tertiary, #f0f0f0);color:var(--text-primary, #333);border-color:var(--accent-color, #4a90e2)}.tab.active{background:var(--bg-primary, #ffffff);color:var(--accent-color, #4a90e2);border-color:var(--accent-color, #4a90e2);border-bottom-color:var(--bg-primary, #ffffff);font-weight:600}.tab-content{background:var(--bg-primary, #ffffff);padding:16px;border-radius:6px;border:1px solid var(--border-color, #e0e0e0)}.model-name{color:var(--text-secondary, #888);font-size:12px;margin-bottom:12px;font-family:monospace}.response-text{color:var(--text-primary, #333);line-height:1.6}[data-theme=dark] .stage{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .stage-title{color:var(--text-primary)}[data-theme=dark] .tab{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .tab:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .tab.active{background:var(--bg-primary);color:var(--accent-color);border-bottom-color:var(--bg-primary)}[data-theme=dark] .tab-content{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .response-text{color:var(--text-primary)}.stage2{background:var(--bg-secondary, #fafafa)}.stage2 h4{margin:20px 0 8px;color:var(--text-primary, #333);font-size:14px;font-weight:600}.stage2 h4:first-of-type{margin-top:0}.stage-description{margin:0 0 12px;color:var(--text-secondary, #666);font-size:13px;line-height:1.5}.aggregate-rankings{background:#f0f7ff;padding:16px;border-radius:8px;margin-bottom:20px;border:2px solid #d0e7ff}.aggregate-rankings h4{margin:0 0 12px;color:#2a7ae2;font-size:15px}.aggregate-list{display:flex;flex-direction:column;gap:8px}.aggregate-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-primary, #ffffff);border-radius:6px;border:1px solid #d0e7ff}.rank-position{color:#2a7ae2;font-weight:700;font-size:16px;min-width:35px}.rank-model{flex:1;color:var(--text-primary, #333);font-family:monospace;font-size:14px;font-weight:500}.rank-score{color:var(--text-secondary, #666);font-size:13px;font-family:monospace}.stage2 .tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.stage2 .tab{padding:8px 16px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #d0d0d0);border-radius:6px 6px 0 0;color:var(--text-secondary, #666);cursor:pointer;font-size:14px;transition:all .2s}.stage2 .tab:hover{background:var(--bg-tertiary, #f0f0f0);color:var(--text-primary, #333);border-color:var(--accent-color, #4a90e2)}.stage2 .tab.active{background:var(--bg-primary, #ffffff);color:var(--accent-color, #4a90e2);border-color:var(--accent-color, #4a90e2);border-bottom-color:var(--bg-primary, #ffffff);font-weight:600}.stage2 .tab-content{background:var(--bg-primary, #ffffff);padding:16px;border-radius:6px;border:1px solid var(--border-color, #e0e0e0);margin-bottom:20px}.ranking-model{color:var(--text-secondary, #888);font-size:12px;font-family:monospace;margin-bottom:12px}.ranking-content{color:var(--text-primary, #333);line-height:1.6;font-size:14px}.parsed-ranking{margin-top:16px;padding-top:16px;border-top:2px solid var(--border-color, #e0e0e0)}.parsed-ranking strong{color:#2a7ae2;font-size:13px}.parsed-ranking ol{margin:8px 0 0;padding-left:24px;color:var(--text-primary, #333)}.parsed-ranking li{margin:4px 0;font-family:monospace;font-size:13px}.rank-count{color:var(--text-secondary, #999);font-size:12px}[data-theme=dark] .stage2{background:var(--bg-secondary)}[data-theme=dark] .stage2 h4{color:var(--text-primary)}[data-theme=dark] .aggregate-rankings{background:#1e3a5f;border-color:#2a4f7f}[data-theme=dark] .aggregate-rankings h4{color:#5a9ff2}[data-theme=dark] .aggregate-item{background:var(--bg-primary);border-color:#2a4f7f}[data-theme=dark] .rank-position{color:#5a9ff2}[data-theme=dark] .rank-model{color:var(--text-primary)}[data-theme=dark] .stage2 .tab{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .stage2 .tab:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .stage2 .tab.active{background:var(--bg-primary);color:var(--accent-color);border-bottom-color:var(--bg-primary)}[data-theme=dark] .stage2 .tab-content{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .ranking-content{color:var(--text-primary)}[data-theme=dark] .parsed-ranking{border-color:var(--border-color)}[data-theme=dark] .parsed-ranking strong{color:#5a9ff2}[data-theme=dark] .parsed-ranking ol{color:var(--text-primary)}.stage3{background:var(--stage3-bg, #f0fff0);border-color:#c8e6c8}.final-response{background:var(--bg-primary, #ffffff);padding:20px;border-radius:6px;border:1px solid #c8e6c8}.chairman-label{color:var(--success-color, #2d8a2d);font-size:12px;font-family:monospace;margin-bottom:12px;font-weight:600}.final-text{color:var(--text-primary, #333);line-height:1.7;font-size:15px}[data-theme=dark] .stage3{background:var(--stage3-bg);border-color:#2d5a2d}[data-theme=dark] .final-response{background:var(--bg-primary);border-color:#2d5a2d}[data-theme=dark] .chairman-label{color:var(--success-color)}[data-theme=dark] .final-text{color:var(--text-primary)}.chat-interface{flex:1;display:flex;flex-direction:column;height:100vh;background:var(--bg-primary, #ffffff)}.messages-container{flex:1;overflow-y:auto;padding:24px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, #666);text-align:center}.empty-state h2{margin:0 0 8px;font-size:24px;color:var(--text-primary, #333)}.empty-state p{margin:0;font-size:16px}.message-group{margin-bottom:32px}.user-message,.assistant-message{margin-bottom:16px}.message-label{font-size:12px;font-weight:600;color:var(--text-secondary, #666);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.user-message .message-content{background:#f0f7ff;padding:16px;border-radius:8px;border:1px solid #d0e7ff;color:var(--text-primary, #333);line-height:1.6;max-width:80%;white-space:pre-wrap}.loading-indicator{display:flex;align-items:center;gap:12px;padding:16px;color:var(--text-secondary, #666);font-size:14px}.stage-loading{display:flex;align-items:center;gap:12px;padding:16px;margin:12px 0;background:var(--bg-secondary, #f9fafb);border-radius:8px;border:1px solid var(--border-color, #e0e0e0);color:var(--text-secondary, #666);font-size:14px;font-style:italic}.spinner{width:20px;height:20px;border:2px solid var(--border-color, #e0e0e0);border-top-color:var(--accent-color, #4a90e2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-form{display:flex;align-items:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-color, #e0e0e0);background:var(--bg-secondary, #fafafa)}.message-input{flex:1;padding:14px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #d0d0d0);border-radius:8px;color:var(--text-primary, #333);font-size:15px;font-family:inherit;line-height:1.5;outline:none;resize:vertical;min-height:80px;max-height:300px}.message-input:focus{border-color:var(--accent-color, #4a90e2);box-shadow:0 0 0 3px #4a90e21a}.message-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary, #f5f5f5)}.send-button{padding:14px 28px;background:var(--accent-color, #4a90e2);border:1px solid var(--accent-color, #4a90e2);border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;align-self:flex-end}.send-button:hover:not(:disabled){background:var(--accent-hover, #357abd);border-color:var(--accent-hover, #357abd)}.send-button:disabled{opacity:.5;cursor:not-allowed;background:#ccc;border-color:#ccc}[data-theme=dark] .chat-interface{background:var(--bg-primary)}[data-theme=dark] .empty-state h2{color:var(--text-primary)}[data-theme=dark] .user-message .message-content{background:#1e3a5f;border-color:#2a4f7f;color:var(--text-primary)}[data-theme=dark] .input-form{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .message-input{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .message-input::placeholder{color:var(--text-secondary)}[data-theme=dark] .stage-loading{background:var(--bg-secondary);border-color:var(--border-color)}.settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-panel{background:var(--bg-primary, #ffffff);border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e5e5)}.settings-header h2{margin:0;font-size:1.25rem;color:var(--text-primary, #1a1a1a)}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary, #666);padding:0;line-height:1}.close-button:hover{color:var(--text-primary, #1a1a1a)}.settings-content{flex:1;overflow-y:auto;padding:24px}.settings-error{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:16px}.settings-success{background:#dcfce7;color:#16a34a;padding:12px;border-radius:8px;margin-bottom:16px}.settings-section{margin-bottom:32px}.settings-section h3{margin:0 0 8px;font-size:1rem;color:var(--text-primary, #1a1a1a)}.settings-description{margin:0 0 16px;font-size:.875rem;color:var(--text-secondary, #666)}.theme-toggle{display:flex;gap:8px}.theme-button{flex:1;padding:12px 16px;border:2px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f5f5f5);border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--text-primary, #1a1a1a);transition:all .2s}.theme-button:hover{border-color:#4a90e2}.theme-button.active{border-color:#4a90e2;background:#e8f2fd;color:#4a90e2;font-weight:600}.model-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.model-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary, #f5f5f5);border-radius:8px;border:1px solid var(--border-color, #e5e5e5)}.model-info{display:flex;align-items:center;gap:12px}.model-name{font-family:monospace;font-size:.875rem;color:var(--text-primary, #1a1a1a)}.chairman-badge{background:#4a90e2;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:4px;font-weight:500}.model-actions{display:flex;gap:4px}.model-action-btn{width:28px;height:28px;border:1px solid var(--border-color, #e5e5e5);background:var(--bg-primary, #ffffff);border-radius:4px;cursor:pointer;font-size:.875rem;color:var(--text-secondary, #666);display:flex;align-items:center;justify-content:center}.model-action-btn:hover:not(:disabled){background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #1a1a1a)}.model-action-btn:disabled{opacity:.4;cursor:not-allowed}.model-action-btn.remove:hover:not(:disabled){background:#fee2e2;color:#dc2626;border-color:#fecaca}.add-model select{width:100%;padding:12px 16px;border:2px dashed var(--border-color, #e5e5e5);border-radius:8px;background:var(--bg-primary, #ffffff);font-size:.875rem;color:var(--text-primary, #1a1a1a);cursor:pointer;margin-bottom:12px}.add-model select:hover{border-color:#4a90e2}.custom-model{display:flex;gap:8px}.custom-model input{flex:1;padding:10px 14px;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;font-size:.875rem;font-family:monospace;color:var(--text-primary, #1a1a1a);background:var(--bg-primary, #ffffff)}.custom-model input:focus{outline:none;border-color:#4a90e2}.custom-model button{padding:10px 16px;background:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:.875rem;cursor:pointer}.custom-model button:hover:not(:disabled){background:#3a7bc8}.custom-model button:disabled{opacity:.5;cursor:not-allowed}.chairman-select{width:100%;padding:12px 16px;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;background:var(--bg-primary, #ffffff);font-size:.875rem;font-family:monospace;color:var(--text-primary, #1a1a1a);cursor:pointer}.chairman-select:focus{outline:none;border-color:#4a90e2}.settings-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color, #e5e5e5)}.cancel-button{padding:10px 20px;background:none;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;font-size:.875rem;cursor:pointer;color:var(--text-primary, #1a1a1a)}.cancel-button:hover{background:var(--bg-secondary, #f5f5f5)}.save-button{padding:10px 20px;background:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:.875rem;cursor:pointer;font-weight:500}.save-button:hover:not(:disabled){background:#3a7bc8}.save-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .settings-panel{background:#1a1a1a}[data-theme=dark] .settings-header{border-color:#333}[data-theme=dark] .settings-section h3,[data-theme=dark] .settings-header h2{color:#e5e5e5}[data-theme=dark] .settings-description{color:#999}[data-theme=dark] .theme-button{background:#2a2a2a;border-color:#444;color:#e5e5e5}[data-theme=dark] .theme-button.active{background:#1e3a5f;border-color:#4a90e2}[data-theme=dark] .model-item{background:#2a2a2a;border-color:#444}[data-theme=dark] .model-name{color:#e5e5e5}[data-theme=dark] .model-action-btn{background:#333;border-color:#444;color:#999}[data-theme=dark] .add-model select,[data-theme=dark] .custom-model input,[data-theme=dark] .chairman-select{background:#2a2a2a;border-color:#444;color:#e5e5e5}[data-theme=dark] .settings-footer{border-color:#333}[data-theme=dark] .cancel-button{border-color:#444;color:#e5e5e5}[data-theme=dark] .cancel-button:hover{background:#333}[data-theme=dark] .close-button{color:#999}[data-theme=dark] .close-button:hover{color:#e5e5e5}*{box-sizing:border-box}.app{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--bg-primary, #ffffff);color:var(--text-primary, #333);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}