@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;700;800&display=swap";:root{--bg-color: #050505;--panel-bg: rgba(20, 20, 20, .4);--panel-border: rgba(255, 255, 255, .08);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--accent-primary: #6366f1;--accent-secondary: #a855f7;--accent-tertiary: #ec4899;--agent-a: #10b981;--agent-b: #f43f5e;--agent-c: #eab308;--human-color: #f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(140px);z-index:-1;opacity:.5;animation:floatBackground 20s infinite alternate ease-in-out}body:before{top:-200px;left:-200px;background:var(--accent-primary)}body:after{bottom:-200px;right:-200px;background:var(--accent-secondary);animation-delay:-10s}@keyframes floatBackground{0%{transform:translate(0) scale(1)}50%{transform:translate(100px,100px) scale(1.1)}to{transform:translate(-50px,150px) scale(.9)}}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.app-container{max-width:1100px;margin:0 auto;padding:3rem 2rem;min-height:100vh;display:flex;flex-direction:column}header{text-align:center;margin-bottom:3.5rem}h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#fff 20%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.02em}header p{font-size:1.1rem;font-weight:500}.setup-panel,.debate-panel{background:var(--panel-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);border-radius:20px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards}.form-group{margin-bottom:1.75rem}label{display:block;font-weight:500;font-size:.95rem;margin-bottom:.5rem;color:var(--text-primary)}input,select,textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.85rem 1.2rem;border-radius:12px;font-size:1rem;font-family:inherit;transition:all .25s ease}input:focus,select:focus,textarea:focus{outline:none;background:#00000080;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.agents-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}.agent-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.75rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.agent-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -10px #00000080;border-color:#ffffff1a}.agent-card:first-child:hover{border-color:#10b9814d}.agent-card:nth-child(2):hover{border-color:#f43f5e4d}.agent-c-card:hover{border-color:#eab3084d}.agent-card h3{margin-bottom:1.25rem;font-size:1.4rem;display:flex;align-items:center;gap:.5rem}.agent-card:first-child h3{color:var(--agent-a)}.agent-card:nth-child(2) h3{color:var(--agent-b)}.agent-c-card h3{color:var(--agent-c)}.btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:1rem 1.5rem;font-size:1.05rem;font-weight:600;font-family:Outfit,sans-serif;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #6366f180}.btn:hover:not(:disabled):before{opacity:1}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{background:#ffffff0d;color:var(--text-secondary);cursor:not-allowed;box-shadow:none}.chat-history{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem;max-height:65vh;overflow-y:auto;padding-right:1.5rem;scroll-behavior:smooth}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-track{background:#0003;border-radius:10px}.chat-history::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.chat-history::-webkit-scrollbar-thumb:hover{background:#fff3}.message{display:flex;flex-direction:column;max-width:85%;animation:slideInMessage .4s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.message.agent_a{align-self:flex-start}.message.agent_b{align-self:flex-end}.message.agent_c{align-self:center}.message.human{align-self:center;max-width:90%}.message-header{font-size:.85rem;margin-bottom:.4rem;font-weight:600;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.05em}.message.agent_a .message-header{color:var(--agent-a)}.message.agent_b .message-header{color:var(--agent-b);flex-direction:row-reverse}.message.agent_c .message-header{color:var(--agent-c);justify-content:center}.message.human .message-header{color:var(--human-color);justify-content:center}.message-bubble{padding:1.25rem 1.5rem;border-radius:16px;font-size:1rem;line-height:1.6;white-space:pre-wrap;box-shadow:0 10px 25px -5px #0000004d;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:26.5rem;overflow:hidden;transition:max-height .3s ease}.message-bubble.expanded{max-height:9999px}.expand-btn{background:none;border:none;color:var(--text-secondary);font-size:.78rem;cursor:pointer;padding:2px 0;margin-top:4px;opacity:.7;transition:opacity .2s}.expand-btn:hover{opacity:1}.message.agent_a .message-bubble{background:linear-gradient(135deg,#10b9811a,#0006);border:1px solid rgba(16,185,129,.2);border-top-left-radius:4px}.message.agent_b .message-bubble{background:linear-gradient(135deg,#f43f5e1a,#0006);border:1px solid rgba(244,63,94,.2);border-top-right-radius:4px}.message.agent_c .message-bubble{background:linear-gradient(135deg,#eab3081a,#0006);border:1px solid rgba(234,179,8,.2);border-top-left-radius:4px;border-top-right-radius:4px}.message.human .message-bubble{background:linear-gradient(135deg,#f59e0b1a,#0006);border:1px solid rgba(245,158,11,.2);text-align:center;font-style:italic}.turn-controls{background:#0000004d;border-top:1px solid rgba(255,255,255,.05);padding:1.5rem;border-radius:16px;margin-top:2rem}.status-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.human-injection{display:flex;gap:1rem;margin-bottom:1rem}.human-injection input{flex:1;border-color:#f59e0b4d}.human-injection input:focus{border-color:var(--human-color);box-shadow:0 0 0 3px #f59e0b33}.human-injection .btn{width:auto;background:linear-gradient(135deg,#d97706,#ea580c)}.main-action .btn{padding:1.2rem;font-size:1.15rem;background:linear-gradient(135deg,#059669,#10b981)}.main-action .btn:hover:not(:disabled){box-shadow:0 10px 25px -5px #10b98180}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInMessage{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.badge{font-size:.65rem;padding:3px 8px;border-radius:20px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin:0 6px;border:1px solid transparent}.badge.openai{background:#10a37f26;color:#10a37f;border-color:#10a37f4d}.badge.anthropic{background:#d9775726;color:#d97757;border-color:#d977574d}.badge.gemini{background:#4285f426;color:#4285f4;border-color:#4285f44d}.message-bubble ul,.message-bubble ol{margin-left:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.message-bubble strong{font-weight:600;color:#fff}