body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333;line-height:1.6}#root{height:100vh;width:100vw}.setup-screen{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.setup-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.setup-container h1{text-align:center;color:#333;margin-bottom:30px;font-size:2.5rem;font-weight:700}.setup-form{display:flex;flex-direction:column;gap:30px}.form-section{border:1px solid #e0e0e0;border-radius:12px;padding:25px;background:#fafafa}.form-section h2{color:#333;margin-bottom:20px;font-size:1.5rem;font-weight:600;border-bottom:2px solid #667eea;padding-bottom:10px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:1rem}.input-group input,.input-group textarea,.input-group select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-group textarea{resize:vertical;min-height:80px}.system-prompt-input{font-family:inherit;line-height:1.5em}.input-hint{font-size:.85rem;color:#666;margin-top:5px;font-style:italic}.input-with-button{display:flex;gap:10px;align-items:center}.input-with-button input{flex:1}.test-button{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease;white-space:nowrap}.test-button:hover:not(:disabled){background:#218838}.test-button:disabled{background:#6c757d;cursor:not-allowed}.test-result{margin-top:8px;padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:500}.test-result.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.test-result.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.env-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:20px;margin-bottom:20px}.env-instructions h3{color:#1976d2;margin-bottom:10px;font-size:1.1rem}.env-instructions ol{margin:10px 0;padding-left:20px}.env-instructions li{margin-bottom:8px;line-height:1.5em}.env-example{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:15px;margin:10px 0;font-family:Courier New,monospace;font-size:.9rem;overflow-x:auto}.env-example code{background:none;color:#333;font-family:inherit}.env-status{flex:1;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-size:.9rem;color:#495057}.agent-config{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:20px}.agent-config h3{color:#333;margin-bottom:15px;font-size:1.2rem;font-weight:600}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;font-size:1.2rem;font-weight:600;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:20px}.start-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.start-button:active{transform:translateY(0)}.api-key-info{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:20px}.api-key-info p{margin:0 0 15px;color:#495057;line-height:1.5em}.security-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:12px;color:#856404;font-size:.9rem}.api-key-input{flex:1;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.api-key-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.api-key-input::placeholder{color:#999;font-style:italic}.api-key-actions{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}.save-keys-button{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.save-keys-button:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.save-keys-button:active{transform:translateY(0)}.load-persona-button{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease}.load-persona-button:hover{background:#5568d3;transform:translateY(-1px)}.load-persona-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.save-persona-button{padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease}.save-persona-button:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.save-persona-button:disabled{background:#ccc;cursor:not-allowed;transform:none;opacity:.6}.persona-dropdown{position:absolute;top:100%;left:0;margin-top:5px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:400px;max-width:600px;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.persona-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;font-weight:600;color:#333}.close-dropdown{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s ease}.close-dropdown:hover{color:#333}.persona-dropdown-list{overflow-y:auto;max-height:350px}.persona-dropdown-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s ease}.persona-dropdown-item:hover{background:#f8f9fa}.persona-dropdown-item:last-child{border-bottom:none}.persona-item-name{font-weight:600;color:#333;margin-bottom:4px;font-size:.95em}.persona-item-preview{font-size:.85em;color:#666;line-height:1.4}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.modal-header h3{margin:0;color:#333;font-size:1.3rem;font-weight:600}.modal-close-button{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s ease;border-radius:4px}.modal-close-button:hover{color:#333;background:#e9ecef}.modal-body{padding:24px;flex:1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e0e0e0;background:#f8f9fa}.modal-cancel-button,.modal-confirm-button{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-cancel-button{background:#6c757d;color:#fff}.modal-cancel-button:hover{background:#5a6268}.modal-confirm-button{background:#28a745;color:#fff}.modal-confirm-button:hover:not(:disabled){background:#218838}.modal-confirm-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}@media(max-width:768px){.setup-container{padding:20px;margin:10px}.setup-container h1{font-size:2rem}.form-section{padding:15px}.persona-dropdown{min-width:300px;max-width:100%}.modal-content{width:95%;margin:20px}}.chat-screen{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.chat-header{background:#fff;padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.chat-header h2{color:#333;margin:0;font-size:1.8rem;font-weight:600}.status-controls{display:flex;align-items:center;gap:20px}.status{padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9rem}.status.running{background:#d4edda;color:#155724}.status.paused{background:#fff3cd;color:#856404}.status.stopped{background:#f8d7da;color:#721c24}.control-buttons{display:flex;gap:10px}.control-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.pause-btn{background:#ffc107;color:#fff}.pause-btn:hover{background:#e0a800}.resume-btn{background:#28a745;color:#fff}.resume-btn:hover{background:#218838}.stop-btn{background:#dc3545;color:#fff}.stop-btn:hover{background:#c82333}.download-btn{background:#17a2b8;color:#fff}.download-btn:hover{background:#138496}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.message{display:flex;align-items:flex-start;gap:12px;max-width:80%}.user-message{align-self:flex-end;flex-direction:row-reverse}.agent-message{align-self:flex-start}.system-message{align-self:center;max-width:90%;justify-content:center}.agent-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.message-content{background:#fff;padding:15px 20px;border-radius:18px;box-shadow:0 2px 10px #0000001a;position:relative}.user-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.system-message .message-content{background:#f8f9fa;border:1px solid #e0e0e0;text-align:center;font-style:italic}.agent-name{font-weight:600;color:#333;margin-bottom:5px;font-size:.9rem;display:flex;align-items:center;gap:4px}.agent-model{font-size:.85em;color:#666;font-weight:400}.user-message .agent-name{color:#ffffffe6}.message-text{line-height:1.5em;word-wrap:break-word}.message-text p{margin:.5em 0}.message-text p:first-child{margin-top:0}.message-text p:last-child{margin-bottom:0}.message-text strong{font-weight:600}.message-text em{font-style:italic}.message-text ul,.message-text ol{margin:.5em 0;padding-left:1.5em}.message-text li{margin:.25em 0}.message-text code{background:#f4f4f4;padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.message-text pre{background:#f4f4f4;padding:1em;border-radius:5px;overflow-x:auto;margin:.5em 0}.message-text pre code{background:none;padding:0}.message-text blockquote{border-left:3px solid #ddd;padding-left:1em;margin:.5em 0;color:#666}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{margin:.8em 0 .4em;font-weight:600}.message-text h1:first-child,.message-text h2:first-child,.message-text h3:first-child,.message-text h4:first-child,.message-text h5:first-child,.message-text h6:first-child{margin-top:0}.message-text hr{border:none;border-top:1px solid #ddd;margin:1em 0}.message-text a{color:#06c;text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text img{max-width:100%;height:auto;border-radius:5px;margin:.5em 0}.message-time{font-size:.8rem;color:#666;margin-top:5px}.user-message .message-time{color:#ffffffb3}.input-container{background:#fff;padding:20px;border-top:1px solid #e0e0e0}.input-form{display:flex;gap:12px;align-items:center}.message-input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:25px;font-size:1rem;transition:border-color .3s ease}.message-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.message-input:disabled{background:#f5f5f5;color:#999}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-weight:500;transition:all .2s ease}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 15px #667eea4d}.send-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.command-hint{margin-top:10px;font-size:.8rem;color:#666;text-align:center}@media(max-width:768px){.chat-header{padding:15px;flex-direction:column;gap:15px}.chat-header h2{font-size:1.5rem}.status-controls{flex-direction:column;gap:10px}.messages-container{padding:15px}.message{max-width:95%}.input-container{padding:15px}.input-form{flex-direction:column;gap:10px}.message-input{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}.app{height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.loading{animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){body{font-size:14px}}@media(max-width:480px){body{font-size:13px}}