*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.chadgpt-app,body,html{background:#212121;color:#ececec}.chadgpt-app{display:flex;height:100vh;width:100vw}.chadgpt-sidebar{width:260px;min-width:260px;background:#171717;border-right:1px solid #2f2f2f;display:flex;flex-direction:column;height:100%;overflow:hidden}.chadgpt-sidebar-header{padding:8px 8px 4px}.chadgpt-logo,.chadgpt-sidebar-header{display:flex;align-items:center;gap:8px}.chadgpt-logo{font-size:14px;font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer;user-select:none}.chadgpt-logo:hover{background:#2f2f2f}.chadgpt-logo-icon{width:24px;height:24px;background:#fff;color:#000;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.chadgpt-new-chat{margin:6px 8px 8px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;background:#2f2f2f;border:1px solid #3a3a3a;color:#fff;cursor:pointer;transition:background .1s;white-space:nowrap}.chadgpt-new-chat:hover{background:#3a3a3a}.chadgpt-search{margin:0 8px 12px;position:relative}.chadgpt-search input{width:100%;background:#212121;border:1px solid #2f2f2f;border-radius:6px;padding:8px 10px 8px 32px;font-size:13px;color:#ececec;outline:none}.chadgpt-search input::placeholder{color:#8e8e8e}.chadgpt-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#8e8e8e;pointer-events:none}.chadgpt-nav{padding:0 4px;font-size:13px}.chadgpt-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:13.5px;color:#c9c9c9;cursor:pointer;margin:1px 4px}.chadgpt-nav-item:hover{background:#2a2a2a}.chadgpt-nav-item svg{width:16px;height:16px;opacity:.9}.chadgpt-recent-header{margin:16px 12px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#808080;font-weight:600}.chadgpt-chat-list{flex:1 1 auto;overflow-y:auto;padding:0 6px 8px}.chadgpt-chat-item{padding:8px 10px;border-radius:6px;font-size:13px;color:#c9c9c9;cursor:pointer;margin-bottom:1px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chadgpt-chat-item:hover{background:#2f2f2f}.chadgpt-chat-item.active{background:#2f2f2f;color:#fff}.chadgpt-sidebar-footer{border-top:1px solid #2f2f2f;padding:10px;display:flex;align-items:center;gap:10px;background:#171717}.chadgpt-avatar{width:28px;height:28px;border-radius:50%;background:#404040;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ccc;font-weight:500;overflow:hidden}.chadgpt-user-info{flex:1;min-width:0}.chadgpt-user-name{font-size:13px;font-weight:500;line-height:1.2}.chadgpt-user-status{font-size:11px;color:#8e8e8e}.chadgpt-main{flex:1;display:flex;flex-direction:column;height:100vh;position:relative;background:#212121}.chadgpt-chat-header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:14px;border-bottom:1px solid #2f2f2f;background:#212121}.chadgpt-chat-title{font-weight:600;display:flex;align-items:center;gap:8px}.chadgpt-messages{flex:1;overflow-y:auto;padding:20px 16px 140px;display:flex;flex-direction:column;gap:20px}.chadgpt-message{display:flex;gap:12px;max-width:780px}.chadgpt-message.assistant{align-self:flex-start}.chadgpt-message.user{align-self:flex-end;flex-direction:row-reverse}.chadgpt-msg-avatar{width:28px;height:28px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;background:#404040}.chadgpt-message.user .chadgpt-msg-avatar{background:#404040}.chadgpt-msg-content{font-size:15px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.chadgpt-message.user .chadgpt-msg-content{background:#2f2f2f;padding:12px 15px;border-radius:18px;max-width:70vw}.chadgpt-message.assistant .chadgpt-msg-content{padding:0;max-width:70vw}.chadgpt-empty-state{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.chadgpt-empty-text{font-size:32px;font-weight:600;color:#c9c9c9;margin-bottom:60px;text-align:center}.chadgpt-input-area{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:100%;max-width:720px;padding:0 12px;z-index:10}.chadgpt-input-container{background:#2f2f2f;border:1px solid #3c3c3c;border-radius:28px;padding:5px 14px 5px 6px;display:flex;align-items:flex-end;gap:8px;box-shadow:0 2px 12px rgba(0,0,0,.3)}.chadgpt-input-actions{display:flex;align-items:center;gap:4px}.chadgpt-input-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:none;cursor:pointer;flex-shrink:0;transition:background .1s}.chadgpt-input-btn:hover{background:#404040}.chadgpt-input-main{flex:1;min-height:0;padding:6px 0}.chadgpt-input-main textarea{width:100%;resize:none;background:transparent;border:none;outline:none;font-size:15px;color:#ececec;line-height:1.45;max-height:180px;padding:4px 0}.chadgpt-input-main textarea::placeholder{color:#929292}.chadgpt-input-submit{width:32px;height:32px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;flex-shrink:0}.chadgpt-input-submit:disabled{opacity:.3;cursor:default}.chadgpt-suggestions{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}.chadgpt-suggestion{background:transparent;border:1px solid #404040;color:#d6d6d6;padding:6px 12px;border-radius:18px;font-size:13px;display:flex;align-items:center;gap:7px;cursor:pointer;transition:background .1s,border-color .1s}.chadgpt-suggestion:hover{background:#2f2f2f;border-color:#545454}.chadgpt-chat-list::-webkit-scrollbar,.chadgpt-messages::-webkit-scrollbar{width:6px}.chadgpt-chat-list::-webkit-scrollbar-thumb,.chadgpt-messages::-webkit-scrollbar-thumb{background:#3f3f3f;border-radius:3px}.chadgpt-typing{display:flex;gap:3px;align-items:center;height:16px}.chadgpt-typing span{width:4px;height:4px;background:#a1a1a1;border-radius:50%;animation:chadgpt-bounce 1.3s infinite}.chadgpt-typing span:nth-child(2){animation-delay:.2s}.chadgpt-typing span:nth-child(3){animation-delay:.4s}@keyframes chadgpt-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}