:root{--sidebar-width: 280px;--color-bg: #f8f9fa;--color-sidebar-bg: #1a1a2e;--color-sidebar-hover: #25254a;--color-sidebar-active: #2e2e5a;--color-sidebar-text: #c8c8e0;--color-sidebar-heading: #ffffff;--color-primary: #0a8a82;--color-primary-light: #0fa89e;--color-user-bubble: #0a8a82;--color-user-text: #ffffff;--color-assistant-bubble: #ffffff;--color-assistant-text: #1a1a2e;--color-border: #e5e7eb;--color-text: #1a1a2e;--color-text-secondary: #6b7280;--color-input-bg: #ffffff;--font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;height:100%;overflow:hidden;position:relative}.sidebar-toggle{position:fixed;top:16px;left:16px;z-index:100;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-sidebar-text);cursor:pointer;transition:background .15s}.sidebar-toggle:hover{background:var(--color-sidebar-hover)}.sidebar-toggle:not(.open){color:var(--color-text-secondary)}.sidebar-toggle:not(.open):hover{background:var(--color-border)}.sidebar-wrapper{width:0;flex-shrink:0;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1)}.sidebar-wrapper.visible{width:var(--sidebar-width)}.sidebar{width:var(--sidebar-width);height:100%;background:var(--color-sidebar-bg);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 16px 56px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{font-size:1rem;font-weight:700;color:var(--color-sidebar-heading);letter-spacing:-.02em}.new-chat-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:transparent;color:var(--color-sidebar-text);cursor:pointer;transition:all .15s}.new-chat-btn:hover{background:var(--color-sidebar-hover);border-color:#fff3;color:var(--color-sidebar-heading)}.conversation-list{flex:1;overflow-y:auto;padding:8px}.conversation-list::-webkit-scrollbar{width:4px}.conversation-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-empty{padding:24px 12px;text-align:center;color:var(--color-sidebar-text);font-size:.85rem;opacity:.6}.conversation-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-sidebar-text);font:inherit;font-size:.875rem;text-align:left;cursor:pointer;transition:all .12s}.conversation-item:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-heading)}.conversation-item.active{background:var(--color-sidebar-active);color:var(--color-sidebar-heading)}.conversation-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-date{font-size:.75rem;opacity:.5;flex-shrink:0}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.messages-scroll{flex:1;overflow-y:auto;padding:24px 0}.messages-scroll::-webkit-scrollbar{width:6px}.messages-scroll::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--color-text-secondary)}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#e8f5f3,#d5f2f8);color:var(--color-primary);margin-bottom:8px}.empty-state h2{font-size:1.5rem;font-weight:600;color:var(--color-text);letter-spacing:-.02em}.empty-state p{font-size:.95rem}.messages-list{max-width:768px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:4px}.message{display:flex;gap:12px;padding:12px 0;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message-user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#e8f5f3,#d5f2f8);color:var(--color-primary)}.message-content{max-width:75%;display:flex;flex-direction:column;gap:4px}.message-user .message-content{align-items:flex-end}.message-bubble{padding:12px 16px;border-radius:var(--radius-lg);font-size:.925rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.message-user .message-bubble{background:var(--color-user-bubble);color:var(--color-user-text);border-bottom-right-radius:6px}.message-assistant .message-bubble{background:var(--color-assistant-bubble);color:var(--color-assistant-text);border-bottom-left-radius:6px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.message-time{font-size:.7rem;color:var(--color-text-secondary);padding:0 4px}.typing-indicator{display:flex;gap:5px;padding:16px 20px}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:var(--color-text-secondary);opacity:.4;animation:bounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.16s}.typing-indicator span:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-input-container{padding:0 24px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.chat-input-wrapper{width:100%;max-width:768px;display:flex;align-items:flex-end;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);background:var(--color-input-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:border-color .15s,box-shadow .15s}.chat-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-md),0 0 0 3px #0a8a821a}.chat-input{flex:1;border:none;outline:none;background:transparent;font:inherit;font-size:.925rem;line-height:1.5;resize:none;max-height:200px;color:var(--color-text)}.chat-input::placeholder{color:var(--color-text-secondary)}.send-btn{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--color-primary);color:#fff;cursor:pointer;transition:all .15s}.send-btn:hover:not(:disabled){background:var(--color-primary-light);transform:scale(1.05)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-disclaimer{font-size:.75rem;color:var(--color-text-secondary)}.auth-loading{display:flex;align-items:center;justify-content:center;height:100%;background:var(--color-sidebar-bg)}.auth-loading .send-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--color-primary)}.login-screen{display:flex;align-items:center;justify-content:center;height:100%;background:var(--color-sidebar-bg)}.login-card{width:100%;max-width:380px;padding:40px 32px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:center}.login-title{font-size:1.5rem;font-weight:700;color:var(--color-sidebar-heading);margin-bottom:4px}.login-subtitle{font-size:.9rem;color:var(--color-sidebar-text);margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:12px}.login-hint{font-size:.85rem;color:var(--color-sidebar-text)}.login-input{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#ffffff0f;color:var(--color-sidebar-heading);font:inherit;font-size:.925rem;outline:none;transition:border-color .15s,box-shadow .15s}.login-input::placeholder{color:var(--color-sidebar-text);opacity:.5}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0a8a8226}.login-btn{padding:12px;border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font:inherit;font-size:.925rem;font-weight:600;cursor:pointer;transition:background .15s}.login-btn:hover:not(:disabled){background:var(--color-primary-light)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-back{background:none;border:none;color:var(--color-sidebar-text);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.login-back:hover{color:var(--color-sidebar-heading)}.login-error{margin-top:12px;font-size:.85rem;color:#f87171}.sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06)}.sign-out-btn{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:transparent;color:var(--color-sidebar-text);font:inherit;font-size:.85rem;cursor:pointer;transition:all .15s}.sign-out-btn:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-heading);border-color:#fff3}@media(max-width:768px){:root{--sidebar-width: 260px}.sidebar-wrapper{position:fixed;top:0;left:0;height:100%;z-index:90}.sidebar-wrapper.visible{box-shadow:4px 0 20px #0000004d}.messages-list{padding:0 16px}.chat-input-container{padding:0 16px 16px}.message-content{max-width:85%}}