*{box-sizing:border-box;margin:0;padding:0}:root{--nebula-deep-slate: #1a1d29;--nebula-muted-slate: #5b6275;--nebula-indigo: #4759a7;--nebula-indigo-alt: #6b52a2;--nebula-cyan: #37C5F0;--nebula-magenta: #ee376c;--nebula-light-bg: #f8f9fa;--nebula-white: #ffffff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--nebula-deep-slate);background:linear-gradient(135deg,#f0f1f5,#e8eaef);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2;color:var(--nebula-indigo)}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--nebula-cyan);outline-offset:2px}input,select{font-family:inherit}.agent-card{background:var(--nebula-white);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #1a1d291a;border:1px solid rgba(71,89,167,.1);transition:all .2s}.agent-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #1a1d2926}.agent-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0}.agent-info{flex:1}.agent-name{margin:0 0 .25rem;font-size:1.2rem;color:var(--nebula-deep-slate)}.agent-model{margin:0 0 .25rem;color:var(--nebula-cyan);font-size:.85rem;font-weight:600}.agent-stance{margin:0;color:var(--nebula-muted-slate);font-size:.9rem}.message-bubble{background:var(--nebula-light-bg);border-radius:12px;padding:1rem;border:1px solid rgba(71,89,167,.1);transition:all .2s}.message-bubble:hover{background:#f0f1f5;box-shadow:0 2px 4px #1a1d2914}.message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700;flex-shrink:0}.message-author{font-weight:600;color:var(--nebula-deep-slate);font-size:.95rem;flex:1}.json-toggle{padding:.25rem .75rem;font-size:.75rem;background:transparent;border:1px solid var(--nebula-indigo);color:var(--nebula-indigo);border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.json-toggle:hover{background:var(--nebula-indigo);color:#fff}.message-content{color:var(--nebula-deep-slate);line-height:1.6;padding-left:2.5rem}.json-viewer{margin-top:1rem;padding:1rem;background:#f8f9fa;border:1px solid rgba(71,89,167,.15);border-radius:8px;overflow-x:auto}.json-viewer pre{margin:0;font-family:Monaco,Menlo,Courier New,monospace;font-size:.75rem;color:var(--nebula-deep-slate);line-height:1.4}.integration-ideas{margin-top:2rem;padding:1.5rem;background:var(--nebula-light-bg);border:1px solid rgba(71,89,167,.1);border-radius:12px}.ideas-toggle{width:100%;padding:.75rem 1rem;font-size:.9rem;background:transparent;border:1px solid var(--nebula-indigo);color:var(--nebula-indigo);border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600}.ideas-toggle:hover{background:var(--nebula-indigo);color:#fff}.ideas-content{margin-top:1.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ideas-content h3{color:var(--nebula-indigo);font-size:1.1rem;margin-bottom:1rem;font-weight:600}.ideas-content ul{list-style:none;padding:0;margin:0 0 1.5rem}.ideas-content li{padding:.75rem 0;border-bottom:1px solid rgba(71,89,167,.1);color:var(--nebula-deep-slate);line-height:1.6}.ideas-content li:last-child{border-bottom:none}.ideas-content strong{color:var(--nebula-indigo);font-weight:600}.ideas-footer{margin:0;padding:1rem;background:#4759a70d;border-radius:8px;color:var(--nebula-muted-slate);font-size:.9rem;font-style:italic;text-align:center}.debate-arena{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.header{text-align:center;margin-bottom:3rem}.logo-container{margin-bottom:1rem}.logo{height:60px;width:auto;object-fit:contain}.header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--nebula-indigo) 0%,var(--nebula-indigo-alt) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.header p{color:var(--nebula-muted-slate);font-size:1.1rem}.setup-panel{max-width:600px;margin:0 auto;background:var(--nebula-white);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #1a1d291a;border:1px solid rgba(71,89,167,.1)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--nebula-deep-slate)}.input-group input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;color:var(--nebula-deep-slate)}.input-group input:focus{outline:none;border-color:var(--nebula-cyan);box-shadow:0 0 0 3px #37c5f01a}.input-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.model-selection{margin-bottom:1.5rem}.model-selection>label{display:block;margin-bottom:1rem;font-weight:600;color:var(--nebula-deep-slate)}.model-selectors{display:flex;flex-direction:column;gap:1rem}.model-selector{display:flex;align-items:center;gap:1rem}.agent-label{min-width:100px;font-weight:500;color:var(--nebula-muted-slate)}.model-selector select{flex:1;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:var(--nebula-white);cursor:pointer;transition:all .2s;color:var(--nebula-deep-slate)}.model-selector select:focus{outline:none;border-color:var(--nebula-cyan);box-shadow:0 0 0 3px #37c5f01a}.model-selector select:disabled{background-color:#f3f4f6;cursor:not-allowed}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--nebula-indigo) 0%,var(--nebula-indigo-alt) 100%);color:#fff;width:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4759a766}.btn-secondary{background:var(--nebula-muted-slate);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--nebula-deep-slate);transform:translateY(-1px)}.error-message{background:#ee376c1a;color:var(--nebula-magenta);padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(238,55,108,.3)}.debate-info{display:flex;justify-content:space-between;align-items:center;background:var(--nebula-white);padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 4px #1a1d291a;border:1px solid rgba(71,89,167,.1)}.topic-display{font-size:1.1rem;color:var(--nebula-deep-slate)}.topic-display strong{color:var(--nebula-indigo)}.agents-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.messages-container{background:var(--nebula-white);border-radius:12px;padding:1.5rem;margin-bottom:2rem;min-height:400px;max-height:600px;overflow-y:auto;box-shadow:0 2px 4px #1a1d291a;border:1px solid rgba(71,89,167,.1)}.controls{display:flex;gap:1rem;justify-content:center}.controls .btn{min-width:150px}@media(max-width:768px){.debate-arena{padding:1rem}.header h1{font-size:2rem}.debate-info{flex-direction:column;gap:1rem}.agents-panel{grid-template-columns:1fr}.controls{flex-direction:column}.controls .btn{width:100%}}#root{width:100%;min-height:100vh}