*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0f0f13;color:#e4e4e7;min-height:100vh}.app{max-width:900px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:20px 0;position:relative}.auth-header{display:flex;justify-content:flex-end;margin-bottom:12px}.auth-user{display:flex;align-items:center;gap:10px}.auth-avatar{width:32px;height:32px;border-radius:50%}.auth-name{font-size:.85rem;color:#a1a1aa}.auth-btn{padding:8px 16px;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;display:flex;align-items:center}.auth-btn.sign-in{background:#18181b;color:#e4e4e7;border:1px solid #27272a}.auth-btn.sign-in:hover{background:#27272a}.auth-btn.sign-out{background:#27272a;color:#a1a1aa;font-size:.8rem;padding:6px 12px}.auth-btn.sign-out:hover{background:#3f3f46}.sidebar-toggle{background:#27272a;border:1px solid #3f3f46;color:#e4e4e7;border-radius:8px;padding:6px 10px;font-size:1.1rem;cursor:pointer}.sidebar-toggle:hover{background:#3f3f46}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:100}.chat-sidebar{position:fixed;top:0;left:0;width:300px;height:100vh;background:#18181b;border-right:1px solid #27272a;z-index:101;display:flex;flex-direction:column;animation:slide-sidebar .2s ease-out}@keyframes slide-sidebar{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #27272a}.sidebar-header h3{font-size:1rem;font-weight:600}.sidebar-close{background:none;border:none;color:#a1a1aa;font-size:1.5rem;cursor:pointer;padding:0 4px}.sidebar-close:hover{color:#e4e4e7}.new-chat-btn{margin:12px 16px;padding:10px;background:#27272a;border:1px dashed #3f3f46;border-radius:8px;color:#a1a1aa;font-size:.9rem;cursor:pointer;font-family:Inter,sans-serif}.new-chat-btn:hover{background:#3f3f46;color:#e4e4e7}.session-list{flex:1;overflow-y:auto;padding:0 8px}.no-sessions{color:#52525b;text-align:center;padding:32px 16px;font-size:.9rem}.session-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:2px;transition:background .15s}.session-item:hover{background:#27272a}.session-item.active{background:#27272a;border:1px solid #3f3f46}.session-title{font-size:.85rem;color:#d4d4d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px}.session-delete{background:none;border:none;font-size:.85rem;cursor:pointer;opacity:0;transition:opacity .15s;padding:2px 4px}.session-item:hover .session-delete{opacity:.7}.session-delete:hover{opacity:1!important}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#71717a;font-size:1.1rem}.app-header h1{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#10a37f,#4285f4,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#71717a;margin-top:8px;font-size:1rem}.app-main{flex:1;display:flex;flex-direction:column}.landing{display:flex;flex-direction:column;align-items:center;gap:32px;margin-top:40px}.models-preview{display:flex;align-items:center;gap:16px}.model-card{background:#18181b;border:2px solid;border-radius:12px;padding:16px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;font-size:.95rem}.model-emoji{font-size:2rem}.vs{font-size:1.2rem;font-weight:700;color:#52525b}.question-input-wrapper{width:100%;max-width:700px;display:flex;flex-direction:column;gap:10px}.question-input{display:flex;gap:8px;width:100%}.attach-btn{background:#27272a;border:1px solid #3f3f46;border-radius:12px;padding:10px 14px;font-size:1.2rem;cursor:pointer;transition:background .2s;flex-shrink:0}.attach-btn:hover:not(:disabled){background:#3f3f46}.attach-btn:disabled{opacity:.4;cursor:not-allowed}.image-previews{display:flex;gap:8px;flex-wrap:wrap}.image-preview{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;border:1px solid #3f3f46}.image-preview img{width:100%;height:100%;object-fit:cover}.image-remove{position:absolute;top:2px;right:2px;background:#000000b3;color:#e4e4e7;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-remove:hover{background:#dc2626}.question-images{display:flex;gap:8px;margin-top:10px}.question-image-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #3f3f46}.question-input input{flex:1;background:#18181b;border:1px solid #27272a;border-radius:12px;padding:14px 18px;color:#e4e4e7;font-size:1rem;font-family:Inter,sans-serif;outline:none;transition:border-color .2s}.question-input input:focus{border-color:#4285f4}.question-input input:disabled{opacity:.5}.question-input button{background:linear-gradient(135deg,#10a37f,#4285f4);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap;font-family:Inter,sans-serif}.question-input button:hover:not(:disabled){opacity:.9}.question-input button:disabled{opacity:.4;cursor:not-allowed}.examples{text-align:center;color:#71717a}.examples p{margin-bottom:8px;font-size:.9rem}.examples ul{list-style:none;display:flex;flex-direction:column;gap:6px}.examples li{color:#a1a1aa;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background .2s,color .2s;font-size:.9rem}.examples li:hover{background:#18181b;color:#e4e4e7}.debate-arena{display:flex;flex-direction:column;flex:1;gap:16px}.debate-status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#18181b;border-radius:12px;border:1px solid #27272a}.status-indicator{display:flex;align-items:center;gap:8px;font-weight:500}.status-indicator.debating{color:#4285f4}.status-indicator.consensus{color:#10a37f}.status-indicator.no-consensus{color:#d97706}.pulse{width:10px;height:10px;border-radius:50%;background:#4285f4;animation:pulse-animation 1.5s infinite}@keyframes pulse-animation{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.stop-btn,.reset-btn{padding:8px 16px;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;font-family:Inter,sans-serif}.stop-btn{background:#dc2626;color:#fff}.reset-btn{background:#27272a;color:#e4e4e7}.stop-btn:hover{background:#ef4444}.reset-btn:hover{background:#3f3f46}.question-banner{background:#1c1c21;padding:14px 18px;border-radius:10px;border:1px solid #27272a;font-size:.95rem;line-height:1.5}.question-banner strong{color:#a1a1aa}.messages-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px 0;max-height:calc(100vh - 280px)}.user-message-bubble{display:flex;gap:10px;align-items:flex-start;background:#1e3a5f;border-radius:12px;padding:14px 18px;animation:slide-in .3s ease-out}.user-avatar{font-size:1.2rem;flex-shrink:0}.user-message-content{font-size:.95rem;line-height:1.6;color:#e4e4e7;white-space:pre-wrap}.consensus-message-bubble{display:flex;gap:10px;align-items:flex-start;background:#10a37f1a;border:1px solid rgba(16,163,127,.25);border-radius:12px;padding:14px 18px;animation:slide-in .3s ease-out}.consensus-avatar{font-size:1.2rem;flex-shrink:0}.consensus-message-content{font-size:.95rem;line-height:1.6;color:#d4d4d8;white-space:pre-wrap}.prior-turn{display:flex;flex-direction:column;gap:8px;opacity:.75;padding-bottom:12px;border-bottom:1px solid #27272a;margin-bottom:4px}.follow-up-section{padding-top:12px;border-top:1px solid #27272a}.follow-up-section .question-input-wrapper{max-width:100%}.message-bubble{background:#18181b;border-left:4px solid;border-radius:0 12px 12px 0;padding:14px 18px;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.message-avatar{font-size:1.1rem}.message-model{font-weight:600;font-size:.9rem}.message-round{font-size:.75rem;color:#52525b;margin-left:auto}.message-content{font-size:.92rem;line-height:1.7;color:#d4d4d8;white-space:pre-wrap}.cursor-blink{animation:blink .8s infinite;color:#4285f4;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.summary-box{padding:16px 20px;border-radius:12px;font-size:.95rem;line-height:1.6}.summary-box.consensus{background:#10a37f1a;border:1px solid rgba(16,163,127,.3);color:#10a37f}.summary-box.no-consensus{background:#d977061a;border:1px solid rgba(217,119,6,.3);color:#d97706}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#27272a;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#3f3f46}
