:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#ececf1;background-color:#343541;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#07634c;text-decoration:inherit}a:hover{color:#1a7f64}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:2.5em;line-height:1.1}button{border-radius:6px;border:1px solid #5c5c5c;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;color:#ececf1;cursor:pointer;transition:background-color .2s}button:hover{background-color:#2a2b32}button:focus,button:focus-visible{outline:2px auto #10a37f}input,textarea{font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;padding:0;margin:0;background:#343541;color:#ececf1}#root{width:100%;min-height:100vh}.App{display:flex;min-height:100vh;width:100%;padding:0}.sidebar{width:260px;background:#202123;color:#fff;display:flex;flex-direction:column;height:100vh;transition:transform .3s ease;border-right:1px solid #4d4d4f}.sidebar-header{padding:16px;border-bottom:1px solid #4d4d4f}.new-chat-btn{width:100%;background:transparent;border:1px solid #5c5c5c;border-radius:6px;color:#fff;padding:12px;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;font-size:14px}.new-chat-btn:hover{background:#2a2b32}.new-chat-btn span{font-size:20px;line-height:1}.sidebar-history{flex:1;overflow-y:auto;padding:8px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:4px;border-radius:6px;cursor:pointer;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover{background:#2a2b32}.history-item.active{background:#343541}.history-text{flex:1;overflow:hidden;text-overflow:ellipsis}.delete-history{background:transparent;border:none;color:#8e8ea0;cursor:pointer;font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0}.delete-history:hover{background:#4d4d4f;color:#fff}.sidebar-footer{padding:16px;border-top:1px solid #4d4d4f;font-size:12px;color:#8e8ea0;text-align:center}.main-content{flex:1;display:flex;flex-direction:column;background:#343541;height:100vh;overflow:hidden}.chat-container{display:flex;flex-direction:column;height:100%}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #4d4d4f;background:#343541}.header-left{display:flex;align-items:center;gap:12px}.ai-avatar{width:36px;height:36px;border-radius:4px;background:linear-gradient(135deg,#10a37f,#1a7f64);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.header-info h3{font-size:16px;font-weight:600;margin:0;color:#ececf1}.header-info .status{font-size:12px;color:#8e8ea0}.clear-chat{padding:8px 12px;background:transparent;border:1px solid #5c5c5c;border-radius:6px;font-size:14px;color:#ececf1;cursor:pointer;transition:all .2s}.clear-chat:hover{background:#2a2b32}.messages-container{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;background:#343541;min-height:0}.message{display:flex;gap:16px;padding:24px;width:100%;border-bottom:1px solid #4d4d4f}.message:last-child{border-bottom:none}.message.user{background:#343541}.message.assistant{background:#444654}.message-avatar{flex-shrink:0;width:30px;height:30px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-top:2px}.user-avatar{background:#5436da;color:#fff}.assistant-avatar{background:#10a37f;color:#fff}.message-content{display:flex;flex-direction:column;flex:1;max-width:calc(100% - 46px);line-height:1.75}.message-text{padding:0;font-size:16px;line-height:1.75;white-space:pre-wrap;word-break:break-word;max-width:100%}.message.assistant .message-text,.message.user .message-text{color:#ececf1}.message-time{font-size:12px;color:#8e8ea0;margin-top:12px;padding:0}.typing-indicator{display:flex;align-items:center;gap:4px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#8e8ea0;display:inline-block;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.input-container{padding:16px 24px;border-top:1px solid #4d4d4f;background:#343541}.input-wrapper{display:flex;gap:12px;align-items:flex-end;border:1px solid #5d5d5d;border-radius:8px;padding:8px 12px;background:#40414f;transition:border-color .2s,box-shadow .2s;box-shadow:0 0 10px #0000001a}.input-wrapper:focus-within{border-color:#10a37f;box-shadow:0 0 0 2px #10a37f33}.message-input{flex:1;border:none;outline:none;resize:none;font-size:16px;font-family:inherit;background:transparent;color:#ececf1;max-height:200px;padding:8px 0;line-height:1.5}.message-input::placeholder{color:#8e8ea0}.send-button{padding:8px;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;color:#ececf1;opacity:.7}.send-button:hover{background:#2a2b32;opacity:1}.send-button:disabled{opacity:.3;cursor:not-allowed}.send-button:disabled:hover{background:transparent}.input-footer{text-align:center;margin-top:12px}.input-footer span{font-size:12px;color:#8e8ea0;line-height:1.5}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2e2e2e}::-webkit-scrollbar-thumb{background:#5c5c5c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7d7d7d}@media (max-width: 768px){.sidebar{width:80px}.history-text{display:none}.sidebar-header{padding:12px}.new-chat-btn span{margin:0 auto}.new-chat-btn{padding:12px;justify-content:center}.chat-header{padding:12px 16px}.message{gap:12px;padding:16px}.message-text{font-size:14px}.input-container{padding:12px 16px}}@media (max-width: 480px){.sidebar{position:absolute;transform:translate(-100%);z-index:100}.sidebar.open{transform:translate(0)}.chat-header{padding:10px 12px}.header-info h3,.message-text{font-size:14px}.input-wrapper{padding:6px 8px}.message-input{font-size:14px}.message{gap:8px;padding:12px}.message-avatar{width:24px;height:24px;font-size:12px}.message-content{max-width:calc(100% - 32px)}}