*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #252535;--bg-user: #2d3a4f;--accent: #7c3aed;--accent-light: #a78bfa;--accent-dark: #6d28d9;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #404055;--border-color-light: #505060;--error: #ef4444;--success: #10b981;--warning: #f59e0b;--reasoning-border: #d97706}html,body{height:100%;background:var(--bg-primary);color:var(--text-primary);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;font-size:14px;line-height:1.6}#root{display:flex;flex-direction:column;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color-light)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.sidebar__header{padding:20px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar__title{font-size:20px;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar__actions{display:flex;gap:8px}.sidebar__btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sidebar__btn:hover{background:var(--border-color);color:var(--text-primary)}.sidebar__new-chat-section{padding:12px;border-bottom:1px solid var(--border-color)}.btn{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}.btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover{background:var(--border-color);border-color:var(--border-color-light)}.btn--danger{background:var(--error)}.btn--danger:hover{background:#dc2626}.btn--ghost{background:none;color:var(--text-secondary);border:none}.btn--ghost:hover{color:var(--text-primary);background:var(--border-color)}.btn:disabled{opacity:.5;cursor:not-allowed}.sidebar__new-chat-form{display:flex;flex-direction:column;gap:10px}.new-chat-form__inputs{display:flex;gap:8px}.model-selector{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.model-selector:hover{border-color:var(--accent)}.model-selector:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #7c3aed33}.model-selector option{background:var(--bg-secondary);color:var(--text-primary)}.new-chat-form__buttons{display:flex;gap:8px}.new-chat-form__buttons .btn{flex:1;padding:8px 12px;font-size:13px}.sidebar__chat-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.sidebar__chat-item{padding:12px;border-radius:8px;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .2s ease;display:flex;flex-direction:column;gap:6px;position:relative}.sidebar__chat-item:hover{background:var(--border-color)}.sidebar__chat-item--active{background:var(--accent);color:#fff}.sidebar__chat-item--active .chat-item__title,.sidebar__chat-item--active .chat-item__meta{color:#fff}.chat-item__header{display:flex;align-items:center;gap:8px;justify-content:space-between}.chat-item__title{font-weight:500;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.chat-item__checkbox{width:18px;height:18px;cursor:pointer}.chat-item__meta{font-size:12px;color:var(--text-tertiary);display:flex;justify-content:space-between;align-items:center}.chat-item__provider{display:inline-block;padding:2px 6px;background:var(--bg-tertiary);border-radius:3px;font-size:11px}.sidebar__chat-item--active .chat-item__provider{background:#ffffff1a}.chat-item__delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:none;transition:all .2s ease}.sidebar__chat-item:hover .chat-item__delete-btn{display:block}.chat-item__delete-btn:hover{color:var(--error);background:var(--error);color:#fff}.sidebar__merge-btn{margin:auto 12px 12px}.chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.chat-area__header{padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.chat-area__title-section{flex:1;display:flex;align-items:center;gap:12px}.chat-area__title{font-size:18px;font-weight:600;color:var(--text-primary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-area__title:hover{background:var(--border-color)}.chat-area__title-input{background:var(--bg-tertiary);border:1px solid var(--accent);color:var(--text-primary);padding:6px 8px;border-radius:4px;font-size:16px;font-family:inherit}.chat-area__title-input:focus{outline:none;border-color:var(--accent-light);box-shadow:0 0 0 2px #7c3aed33}.chat-area__model-info{display:flex;gap:12px;align-items:center}.model-badge{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.model-badge__provider{font-size:12px;color:var(--text-tertiary)}.model-badge__model{font-size:14px;font-weight:500;color:var(--accent)}.chat-area__messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.chat-area__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);gap:16px}.chat-area__empty-icon{width:64px;height:64px;color:var(--border-color-light);opacity:.5}.chat-area__empty-text{font-size:16px;text-align:center}.chat-area__input-section{padding:20px 24px;border-top:1px solid var(--border-color);flex-shrink:0}.message{display:flex;gap:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message--user{justify-content:flex-end}.message__content{max-width:70%;padding:12px 16px;border-radius:12px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message--user .message__content{background:var(--bg-user);color:var(--text-primary)}.message--assistant .message__content{background:var(--bg-tertiary);color:var(--text-primary)}.message__reasoning{margin-top:8px;border-left:3px solid var(--reasoning-border);padding-left:12px;color:var(--text-secondary);font-size:13px;line-height:1.5}.message__reasoning-toggle{background:none;border:none;color:var(--warning);cursor:pointer;font-size:12px;font-weight:500;padding:4px 0;margin-bottom:8px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.message__reasoning-toggle:hover{color:var(--accent)}.message__attachments{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.message__attachment--image{max-width:400px}.message__attachment-image{width:100%;border-radius:8px;cursor:pointer;transition:transform .2s ease}.message__attachment-image:hover{transform:scale(1.02)}.message__attachment-file{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);text-decoration:none;transition:all .2s ease}.message__attachment-file:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.message__attachment-info{flex:1;min-width:0}.message__attachment-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message__attachment-size{font-size:11px;color:var(--text-tertiary);margin-top:2px}.message__typing{display:flex;gap:4px;align-items:center;height:20px}.message__typing-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);animation:typing 1.4s infinite}.message__typing-dot:nth-child(2){animation-delay:.2s}.message__typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.input-area{display:flex;flex-direction:column;gap:12px}.input-area__wrapper{display:flex;gap:8px}.input-area__textarea{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;resize:none;max-height:200px;transition:all .2s ease}.input-area__textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #7c3aed33}.input-area__textarea::placeholder{color:var(--text-tertiary)}.input-area__send-btn{background:var(--accent);border:none;color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;height:42px;min-width:42px}.input-area__send-btn:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.input-area__send-btn:disabled{opacity:.5;cursor:not-allowed}.input-area__error{background:#ef44441a;border:1px solid var(--error);color:var(--error);padding:10px 12px;border-radius:6px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.input-area__error-close{background:none;border:none;color:var(--error);cursor:pointer;font-size:18px;padding:0}.input-area__attach-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;height:42px;min-width:42px}.input-area__attach-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--accent);border-color:var(--accent)}.input-area__attach-btn:disabled{opacity:.5;cursor:not-allowed}.input-area__files{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.file-chip{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;max-width:300px}.file-chip__preview{width:32px;height:32px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-tertiary);flex-shrink:0}.file-chip__preview img{width:100%;height:100%;object-fit:cover}.file-chip__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-chip__name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-chip__size{font-size:11px;color:var(--text-tertiary)}.file-chip__remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.file-chip__remove:hover{background:#ef44441a;color:var(--error)}.input-area--dragging{position:relative}.input-area--dragging:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--accent);border-radius:12px;background:#7c3aed0d;pointer-events:none;z-index:1}.input-area__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:12px;z-index:2;pointer-events:none}.input-area__drop-text{color:var(--accent);font-size:16px;font-weight:500;padding:20px 32px;background:var(--bg-primary);border:2px dashed var(--accent);border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal__title{font-size:18px;font-weight:600}.modal__subtitle{font-size:14px;color:var(--text-tertiary);margin-top:4px}.modal__close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal__close:hover{background:var(--border-color);color:var(--text-primary)}.modal__body{flex:1;overflow-y:auto;padding:20px 24px}.modal__footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end}.settings-modal__section{margin-bottom:24px}.settings-modal__section-title{font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.settings-modal__api-key-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:8px;gap:12px}.settings-modal__api-key-info{flex:1}.settings-modal__api-key-provider{font-weight:500;color:var(--text-primary)}.settings-modal__api-key-status{font-size:12px;color:var(--text-tertiary);margin-top:4px}.settings-modal__api-key-status--active{color:var(--success)}.api-key-input{display:flex;gap:8px;margin-bottom:12px}.api-key-input__field{flex:1}.api-key-input__label{display:block;font-size:13px;color:var(--text-tertiary);margin-bottom:6px}.api-key-input__input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px;border-radius:6px;font-size:14px;font-family:monospace;transition:all .2s ease}.api-key-input__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #7c3aed33}.api-key-input__toggle{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease}.api-key-input__toggle:hover{background:var(--border-color);border-color:var(--border-color-light)}.api-key-input__buttons{display:flex;gap:8px}.api-key-input__buttons .btn{flex:1;padding:8px 12px;font-size:13px}.merge-modal__rag-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.merge-modal__rag-status--enabled{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.merge-modal__rag-status--disabled{background:#eab3081a;border:1px solid rgba(234,179,8,.3);color:#eab308}.merge-modal__chat-list{margin-bottom:20px}.merge-modal__chat-item{padding:12px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:12px;margin-bottom:8px;transition:all .2s ease}.merge-modal__chat-item:hover{border-color:var(--accent);background:var(--bg-primary)}.merge-modal__chat-item--selected{border-color:var(--accent);background:#7c3aed1a}.merge-modal__chat-checkbox{width:20px;height:20px;cursor:pointer;flex-shrink:0}.merge-modal__chat-info{flex:1;min-width:0}.merge-modal__chat-title{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merge-modal__chat-meta{font-size:12px;color:var(--text-tertiary);margin-top:4px}.merge-modal__model-selection{margin-bottom:20px;padding:16px;background:var(--bg-tertiary);border-radius:8px}.merge-modal__model-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;display:block}.merge-modal__model-selectors{display:flex;gap:12px}.merge-modal__model-selectors .model-selector{flex:1}.merge-modal__progress{margin-top:20px;padding:16px;background:var(--bg-tertiary);border-radius:8px;max-height:200px;overflow-y:auto;font-size:13px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.merge-modal__progress-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-primary)}.merge-modal__spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid var(--border-color)}.chat-area{flex:1}.message__content{max-width:85%}.modal{width:95%}}.message__content code{background:var(--bg-secondary);padding:2px 6px;border-radius:3px;font-family:Monaco,Courier New,monospace;font-size:12px;color:var(--accent-light)}.message__content pre{background:var(--bg-secondary);padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0;border-left:3px solid var(--accent)}.message__content pre code{background:none;padding:0;font-size:13px;color:var(--text-secondary)}.message__content strong{color:var(--accent-light);font-weight:600}a{color:var(--accent-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent);text-decoration:underline}.loading{opacity:.6;pointer-events:none}.landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;overflow-y:auto;max-width:720px;margin:0 auto;width:100%}.landing__hero{text-align:center;margin-bottom:48px}.landing__logo{width:64px;height:64px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px;box-shadow:0 8px 24px #7c3aed4d}.landing__title{font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.5px}.landing__tagline{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0;max-width:500px}.landing__features{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:40px}.landing__feature{display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:border-color .2s ease}.landing__feature:hover{border-color:var(--accent)}.landing__feature-icon{width:40px;height:40px;background:#7c3aed1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.landing__feature-content{flex:1}.landing__feature-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.landing__feature-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}.landing__cta{text-align:center}.landing__cta-text{display:inline-flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:14px;padding:10px 20px;border:1px dashed var(--border-color);border-radius:8px}