:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-hover: #2a2a2a;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #666;--accent: #6c5ce7;--accent-hover: #5a4bd1;--border: #333;--danger: #e74c3c;--success: #27ae60;--user-bubble: #2d2d44;--assistant-bubble: #1e1e1e;--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary)}#app,.screen{height:100%}.hidden{display:none!important}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.login-container h1{font-size:3rem;background:linear-gradient(135deg,var(--accent),#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-container p{color:var(--text-secondary);font-size:1.1rem}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-danger{background:var(--danger);color:#fff}#main-screen{display:flex;height:100%}#sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.sidebar-header h2{font-size:1.2rem;background:linear-gradient(135deg,var(--accent),#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{display:flex;border-bottom:1px solid var(--border)}.nav-tab{flex:1;padding:10px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;border-bottom:2px solid transparent;transition:all .2s}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.nav-tab:hover{color:var(--text-primary)}.sidebar-list{flex:1;overflow-y:auto;padding:8px}.sidebar-item{padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:background .2s}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active{background:var(--bg-tertiary)}.sidebar-item-title{font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.sidebar-item-actions{display:none;gap:4px;margin-top:4px}.sidebar-item:hover .sidebar-item-actions{display:flex}.sidebar-item-actions button{padding:2px 8px;font-size:.7rem;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer}.sidebar-item-actions button:hover{background:var(--bg-hover)}.sidebar-item-actions button.delete:hover{border-color:var(--danger);color:var(--danger)}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}#chat-area{flex:1;display:flex;flex-direction:column;min-width:0}#chat-header{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}#model-select{padding:8px 12px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font-size:.9rem;cursor:pointer}#chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;gap:8px}.empty-state h2{font-size:1.5rem;color:var(--text-primary)}.message{max-width:800px;width:100%;margin:0 auto;padding:16px 20px;border-radius:12px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.message.user{background:var(--user-bubble);align-self:flex-end}.message.assistant{background:var(--assistant-bubble);border:1px solid var(--border)}.message-role{font-size:.75rem;color:var(--text-muted);margin-bottom:6px;font-weight:600;text-transform:uppercase}.message-content{font-size:.95rem}.message-content pre{background:var(--bg-primary);padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0;font-size:.85rem}.message-content code{background:var(--bg-primary);padding:2px 6px;border-radius:4px;font-size:.85rem}.typing-indicator{display:inline-flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}#chat-input-area{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:12px;align-items:flex-end}#chat-input{flex:1;padding:12px 16px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:12px;font-size:.95rem;font-family:inherit;resize:none;max-height:200px;line-height:1.5}#chat-input:focus{outline:none;border-color:var(--accent)}#chat-input::placeholder{color:var(--text-muted)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;width:90%;max-width:500px;display:flex;flex-direction:column;gap:12px}.modal-content h3{margin-bottom:4px}.modal-content input,.modal-content textarea{padding:10px 12px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font-size:.9rem;font-family:inherit}.modal-content input:focus,.modal-content textarea:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}