:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#root{min-height:100vh}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-base: #0c0c0f;--bg-elevated: #141417;--bg-sidebar: #111113;--border-subtle: #2a2a2e;--border-muted: #1f1f23;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #6366f1;--accent-hover: #4f46e5;--success: #22c55e;--danger: #ef4444}*{box-sizing:border-box}.chat-list,.messages{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.chat-list::-webkit-scrollbar,.messages::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track,.messages::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover,.messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button:focus{outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:flex;height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-base);color:var(--text-primary)}.sidebar{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border-muted);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;position:relative}.sidebar-collapsed{width:48px}.sidebar-collapsed .sidebar-header,.sidebar-collapsed .chat-list,.sidebar-collapsed .sidebar-loading,.sidebar-collapsed .sidebar-error{display:none!important}.sidebar-toggle{flex-shrink:0;margin:.75rem;padding:.6rem;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-toggle:hover{background:var(--border-subtle);color:var(--text-primary);border-color:var(--border-subtle)}.sidebar-collapsed .sidebar-toggle{margin:.5rem auto}.sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-muted);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar-title{font-weight:600;font-size:1.05rem;letter-spacing:-.02em}.btn-add{padding:.5rem .875rem;font-size:.875rem;font-weight:500;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.btn-add:hover{background:var(--accent-hover)}.sidebar-loading,.sidebar-error{padding:1rem 1.25rem;font-size:.875rem;color:var(--text-secondary)}.sidebar-error{color:var(--danger)}.chat-list{padding:.5rem;overflow-y:auto;flex:1}.sidebar-social-group{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-muted)}.sidebar-social-group:last-child{border-bottom:none}.sidebar-social-header{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;margin-bottom:.5rem;font-weight:600;font-size:.95rem;letter-spacing:-.01em;text-transform:capitalize;color:var(--text-primary)}.social-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--border-subtle);background-repeat:no-repeat;background-position:center;transition:transform .2s ease;box-shadow:0 1px 2px #0003}.sidebar-social-header:hover .social-avatar{transform:scale(1.08)}.social-avatar-discord{background-color:#5865f2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.317 4.37a19.79 19.79 0 0 0-4.885-1.515.07.07 0 0 0-.078.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.08.08 0 0 0-.079-.037 19.74 19.74 0 0 0-4.885 1.515.06.06 0 0 0-.032.027C.533 9.045-.32 13.58.099 18.057a.08.08 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.08.08 0 0 0 .084-.028c.36-.48.64-.99.92-1.54a.08.08 0 0 0-.041-.106 13.11 13.11 0 0 1-1.872-.892.08.08 0 0 1-.008-.128c.12-.1.25-.2.37-.3a.07.07 0 0 1 .078-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01c.12.098.25.198.37.292a.08.08 0 0 1-.006.127 12.3 12.3 0 0 1-1.873.892.08.08 0 0 0-.041.107c.36.698.77 1.36 1.225 1.993a.08.08 0 0 0 .084.028 19.84 19.84 0 0 0 6.002-3.03.08.08 0 0 0 .032-.054c.5-5.18-.84-9.67-3.55-13.66a.06.06 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.16-1.09-2.16-2.42 0-1.33.96-2.42 2.16-2.42 1.21 0 2.18 1.1 2.16 2.42 0 1.33-.96 2.42-2.16 2.42zm7.98 0c-1.183 0-2.16-1.09-2.16-2.42 0-1.33.96-2.42 2.16-2.42 1.21 0 2.18 1.1 2.16 2.42 0 1.33-.95 2.42-2.16 2.42z'/%3E%3C/svg%3E");background-size:16px}.social-avatar-reddit{background-color:#ff4500;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 0 1-.233.96c.02.03.03.061.04.092l.21 1.428a4.25 4.25 0 0 1-1.854 3.366 9.99 9.99 0 0 1-5.484 1.645 9.99 9.99 0 0 1-5.483-1.645 4.25 4.25 0 0 1-1.854-3.366l.211-1.428a.09.09 0 0 1 .04-.092c-.152-.28-.233-.614-.233-.96 0-.968.785-1.754 1.754-1.754.479 0 .901.183 1.207.492 1.195-.856 2.85-1.418 4.673-1.486l-.8-3.748-2.597.545c0 .687.56 1.248 1.248 1.248zm-5.01 6.507c0 .5.405.905.905.905s.904-.405.904-.905-.405-.905-.904-.905-.905.405-.905.905zm8.019 0c0 .5.405.905.905.905s.904-.405.904-.905-.404-.905-.904-.905-.905.405-.905.905z'/%3E%3C/svg%3E");background-size:16px}.social-avatar-twitter{background-color:#1a1a1c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");background-size:14px}.sidebar-channel-group{margin-left:2rem;margin-bottom:.5rem}.sidebar-channel-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.5rem .75rem .25rem;margin-bottom:2px}.sidebar-user-list{list-style:none;margin:0;padding:0}.chat-list-item{display:flex;align-items:center;gap:.25rem;margin-bottom:2px;border-radius:8px;transition:background .15s ease}.chat-list-item.active{background:var(--border-subtle)}.chat-list-item .chat-item{flex:1}.chat-item-edit{flex-shrink:0;width:26px;height:26px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.chat-list-item.active .chat-item-edit{color:var(--text-secondary)}.chat-item-edit:hover{background:#6366f126;color:var(--accent)}.chat-item-edit svg{width:14px;height:14px}.chat-item-remove{flex-shrink:0;width:26px;height:26px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.chat-list-item.active .chat-item-remove{color:var(--text-secondary)}.chat-item-remove:hover{background:#ef444426;color:var(--danger)}.chat-item-remove svg{width:14px;height:14px}.chat-item{display:flex;align-items:center;width:100%;padding:.5rem .875rem;margin-bottom:0;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.chat-list-item:hover .chat-item,.chat-list-item.active .chat-item{color:var(--text-primary)}.chat-list-item:not(.active):hover{background:var(--bg-elevated)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1rem;background:radial-gradient(ellipse at center,var(--bg-elevated) 0%,transparent 70%)}.chat-view{flex:1;display:flex;flex-direction:column;min-height:0}.chat-header{padding:.875rem 1.5rem;border-bottom:1px solid var(--border-muted);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.chat-meta{font-size:.9rem;color:var(--text-secondary);text-transform:capitalize}.attract-score{font-size:.875rem;color:var(--text-secondary)}.attract-score strong{color:var(--success)}.messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:.875rem 2.5rem .875rem 1.125rem;border-radius:14px;align-self:flex-start;position:relative;box-shadow:0 1px 2px #00000014}.message-user{align-self:flex-end;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff}.message-copied{outline:2px solid #22c55e;outline-offset:2px;animation:copied-pulse .3s ease-out}@keyframes copied-pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:none}}.message-assistant{background:var(--bg-elevated);border:1px solid var(--border-subtle)}.message-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:4px}.message-role{font-size:.7rem;text-transform:uppercase;opacity:.8}.message-copy{position:absolute;top:.5rem;right:.5rem;padding:.35rem;background:#0003;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8}.message-copy:hover{background:#00000059;opacity:1}.message-copy.copied{background:#22c55e59;color:var(--success)}.message-user .message-copy.copied{background:#22c55e66;color:#fff}.message-copy-icon{display:block}.message-user .message-copy{color:#ffffffe6}.message-user .message-copy:hover{background:#fff3}.message-user .message-role{color:#ffffffe6}.message-content{margin:0;font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-score{display:block;font-size:.75rem;color:var(--success);margin-top:6px}.chat-error{padding:0 1.5rem;color:var(--danger);font-size:.875rem}.chat-form{padding:1rem 1.5rem;border-top:1px solid var(--border-muted);display:flex;gap:.5rem;align-items:flex-end}.chat-form-input{flex:1;min-height:52px;max-height:60vh;padding:.75rem 1rem;font-size:.95rem;font-family:inherit;line-height:1.5;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-sidebar);color:var(--text-primary);resize:none;overflow-y:hidden}.chat-form-input:focus{outline:none;border-color:var(--accent)}.chat-form button{padding:.75rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:500;transition:background .2s ease}.chat-form button:hover:not(:disabled){background:var(--accent-hover)}.chat-form button:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:16px;width:90%;min-width:320px;max-width:420px;padding:0;box-shadow:0 25px 50px -12px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-muted)}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:0 4px;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal form{padding:1.25rem;box-sizing:border-box}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem;color:var(--text-secondary)}.form-hint{font-size:.8rem;color:var(--text-muted);margin:-.2rem 0 .5rem}.form-group select,.form-group input{width:100%;max-width:100%;box-sizing:border-box;padding:.55rem .875rem;font-size:.95rem;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-base);color:var(--text-primary)}.form-select-wrapper{position:relative;display:block}.form-select-wrapper select{appearance:none;-webkit-appearance:none;padding-right:2rem}.form-select-chevron{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem;opacity:.7;color:var(--text-muted);line-height:1;pointer-events:none}.form-group-username input{min-width:0}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--accent)}.form-social-select{position:relative}.form-social-trigger{width:100%;display:flex;align-items:center;gap:.5rem;padding:.55rem .875rem;font-size:.95rem;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-base);color:var(--text-primary);cursor:pointer;text-align:left}.form-social-trigger:hover{border-color:var(--accent)}.form-social-avatar{width:22px;height:22px;border-radius:6px;flex-shrink:0;background-repeat:no-repeat;background-position:center}.form-social-avatar-discord{background-color:#5865f2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.317 4.37a19.79 19.79 0 0 0-4.885-1.515.07.07 0 0 0-.078.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.08.08 0 0 0-.079-.037 19.74 19.74 0 0 0-4.885 1.515.06.06 0 0 0-.032.027C.533 9.045-.32 13.58.099 18.057a.08.08 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.08.08 0 0 0 .084-.028c.36-.48.64-.99.92-1.54a.08.08 0 0 0-.041-.106 13.11 13.11 0 0 1-1.872-.892.08.08 0 0 1-.008-.128c.12-.1.25-.2.37-.3a.07.07 0 0 1 .078-.01c3.928 1.793 8.18 1.793 12.062 0a.07.07 0 0 1 .078.01c.12.098.25.198.37.292a.08.08 0 0 1-.006.127 12.3 12.3 0 0 1-1.873.892.08.08 0 0 0-.041.107c.36.698.77 1.36 1.225 1.993a.08.08 0 0 0 .084.028 19.84 19.84 0 0 0 6.002-3.03.08.08 0 0 0 .032-.054c.5-5.18-.84-9.67-3.55-13.66a.06.06 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.16-1.09-2.16-2.42 0-1.33.96-2.42 2.16-2.42 1.21 0 2.18 1.1 2.16 2.42 0 1.33-.96 2.42-2.16 2.42zm7.98 0c-1.183 0-2.16-1.09-2.16-2.42 0-1.33.96-2.42 2.16-2.42 1.21 0 2.18 1.1 2.16 2.42 0 1.33-.95 2.42-2.16 2.42z'/%3E%3C/svg%3E");background-size:14px}.form-social-avatar-reddit{background-color:#ff4500;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 0 1-.233.96c.02.03.03.061.04.092l.21 1.428a4.25 4.25 0 0 1-1.854 3.366 9.99 9.99 0 0 1-5.484 1.645 9.99 9.99 0 0 1-5.483-1.645 4.25 4.25 0 0 1-1.854-3.366l.211-1.428a.09.09 0 0 1 .04-.092c-.152-.28-.233-.614-.233-.96 0-.968.785-1.754 1.754-1.754.479 0 .901.183 1.207.492 1.195-.856 2.85-1.418 4.673-1.486l-.8-3.748-2.597.545c0 .687.56 1.248 1.248 1.248zm-5.01 6.507c0 .5.405.905.905.905s.904-.405.904-.905-.405-.905-.904-.905-.905.405-.905.905zm8.019 0c0 .5.405.905.905.905s.904-.405.904-.905-.404-.905-.904-.905-.905.405-.905.905z'/%3E%3C/svg%3E");background-size:14px}.form-social-avatar-twitter{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");background-size:12px}.form-social-label{flex:1;text-align:left}.form-social-chevron{font-size:.75rem;opacity:.7;color:var(--text-muted);line-height:1}.form-social-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:6px;padding:6px;background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 10px 25px -5px #00000080;z-index:10}.form-social-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;border-radius:6px;background:transparent;color:#e4e4e7;font-size:.95rem;cursor:pointer;text-align:left}.form-social-option:hover,.form-social-option.selected{background:var(--bg-elevated)}.form-error{color:var(--danger);font-size:.875rem;margin:0 0 1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.modal-actions button{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer}.modal-actions button[type=button]{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.modal-actions button[type=submit]{background:var(--accent);color:#fff;border:none}.modal-actions button[type=submit]:hover:not(:disabled){background:var(--accent-hover)}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}