@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary:#0d0d0d;--bg-secondary:#171717;--bg-tertiary:#1e1e1e;--bg-chat:#0d0d0d;--text-primary:#ececec;--text-secondary:#8e8e8e;--text-muted:#555;--accent:#7c6ef0;--accent-hover:#9b8afb;--accent-subtle:#7c6ef01f;--border:#2a2a2a;--sidebar-width:260px;--user-msg-bg:transparent;--assistant-msg-bg:transparent;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{height:100vh}.login-page{background:radial-gradient(ellipse at 50% 0%, #7c6ef014 0%, var(--bg-primary) 70%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;width:90%;max-width:380px;padding:3rem 2.5rem}.login-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.login-logo h1{background:linear-gradient(135deg, var(--accent), var(--accent-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:700}.logo-icon{font-size:2rem}.login-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.google-login-btn{color:#333;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:12px;margin:0 auto;padding:12px 28px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.google-login-btn:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 16px #0006}.loading-screen{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-logo{align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.new-chat-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .15s;display:flex}.new-chat-btn:hover{background:var(--accent);border-color:var(--accent)}.model-selector{border-bottom:1px solid var(--border);padding:12px 16px}.model-selector label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:.7rem;font-weight:500;display:block}.model-selector select{background:var(--bg-tertiary);width:100%;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;padding:8px 28px 8px 10px;font-size:.82rem}.model-selector select:focus{border-color:var(--accent);outline:none}.conversation-list{flex:1;padding:8px;overflow-y:auto}.conversation-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:10px 12px;transition:background .15s;display:flex}.conversation-item:hover{background:#ffffff0a}.conversation-item.active{background:var(--accent-subtle)}.conv-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.delete-btn{color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;padding:0 4px;font-size:1.2rem;transition:opacity .15s}.conversation-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:#ef4444}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.user-info{align-items:center;gap:8px;display:flex;overflow:hidden}.user-avatar{border-radius:50%;flex-shrink:0;width:26px;height:26px}.user-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.logout-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:.75rem;transition:all .15s}.logout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.main-content{background:var(--bg-chat);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:12px 20px;display:flex}.chat-header-info{flex-direction:column;align-items:center;gap:2px;display:flex}.chat-header-title{background:linear-gradient(135deg, var(--accent), var(--accent-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.95rem;font-weight:600}.chat-header-model{color:var(--text-muted);font-size:.7rem;font-weight:400}.chat-window{flex-direction:column;height:100%;display:flex}.messages-container{scroll-behavior:smooth;flex:1;padding:24px 16px;overflow-y:auto}.empty-chat{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-logo{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;font-size:1.2rem;font-weight:700;display:flex}.empty-chat h2{color:var(--text-primary);font-size:1.4rem;font-weight:600}.empty-chat p{color:var(--text-secondary);font-size:.9rem}.empty-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:500px;margin-top:20px;display:flex}.suggestion-chip{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.82rem;transition:all .15s}.suggestion-chip:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--text-primary)}.message{border-bottom:1px solid #ffffff08;gap:14px;width:100%;max-width:780px;margin:0 auto;padding:18px 0;display:flex}.message:last-of-type{border-bottom:none}.message-avatar{flex-shrink:0}.avatar-user,.avatar-ai{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.avatar-user{color:#d1d5db;background:#374151}.avatar-ai{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff}.message-body{flex:1;min-width:0}.message-role{color:var(--text-secondary);margin-bottom:4px;font-size:.78rem;font-weight:600;display:block}.message-content{overflow-wrap:break-word;font-size:.92rem;line-height:1.65}.message-content p{margin-bottom:10px}.message-content p:last-child{margin-bottom:0}.message-content pre{border:1px solid var(--border);background:#111;border-radius:10px;margin:10px 0;padding:14px;font-size:.85rem;overflow-x:auto}.message-content code{background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:.85em}.message-content pre code{background:0 0;padding:0}.message-content ul,.message-content ol{margin:8px 0;padding-left:22px}.message-content li{margin-bottom:4px}.message-content table{border-collapse:collapse;width:100%;margin:10px 0;font-size:.88rem}.message-content th,.message-content td{border:1px solid var(--border);text-align:left;padding:8px 12px}.message-content th{background:#ffffff0a;font-weight:600}.message-image{margin-bottom:10px}.message-image img{border:1px solid var(--border);object-fit:cover;border-radius:10px;max-width:300px;max-height:300px}.typing-indicator{gap:5px;padding:4px 0;display:flex}.typing-indicator span{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.4s infinite both bounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-cursor{color:var(--accent);font-weight:300;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.chat-input-wrapper{width:100%;max-width:780px;margin:0 auto;padding:12px 16px 20px}.image-preview-bar{margin-bottom:8px}.image-preview-item{display:inline-block;position:relative}.image-preview-item img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:64px;height:64px}.image-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.chat-input-form{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:14px;align-items:flex-end;gap:8px;padding:8px 12px;transition:border-color .15s;display:flex}.chat-input-form:focus-within{border-color:var(--accent)}.chat-input-form textarea{color:var(--text-primary);resize:none;background:0 0;border:none;flex:1;min-height:24px;max-height:200px;padding:6px 4px;font-family:inherit;font-size:.92rem;line-height:1.5}.chat-input-form textarea:focus{outline:none}.chat-input-form textarea::placeholder{color:var(--text-muted)}.attach-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.attach-btn:hover{color:var(--accent);background:var(--accent-subtle)}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:disabled{opacity:.3;cursor:not-allowed}.sidebar-toggle{z-index:100;border:1px solid var(--border);background:var(--bg-secondary);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:8px;font-size:1.1rem;display:none;position:fixed;top:12px;left:12px}.sidebar-overlay{display:none}@media (width<=768px){.app{position:relative}.sidebar{z-index:50;width:280px;transition:left .3s;position:fixed;top:0;bottom:0;left:-100%}.sidebar.open{left:0}.main-content{width:100%;margin-left:0}.sidebar-toggle{justify-content:center;align-items:center;display:flex}.sidebar-overlay{z-index:40;background:#0009;display:block;position:fixed;inset:0}.chat-header{padding:10px 16px 10px 56px}.messages-container{padding:16px 12px}.chat-input-wrapper{padding:8px 12px 16px}.message{gap:10px;padding:14px 0}.empty-suggestions{flex-direction:column;align-items:center}.message-image img{max-width:200px}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}