*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg2: #111111;--bg3: #161616;--bg4: #1c1c1c;--border: #242424;--border2: #2e2e2e;--text: #e2e2e2;--text2: #888;--text3: #444;--green: #1a3a2a;--green2: #1f4832;--accent: #3a3a3a}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;overflow:hidden}.app{display:flex;height:100vh}.sidebar{width:240px;min-width:240px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-top{padding:16px 14px 12px;display:flex;flex-direction:column;flex:1;overflow:hidden}.logo{display:flex;align-items:center;gap:10px;padding:10px 6px 18px;border-bottom:1px solid var(--border);margin-bottom:12px}.logo-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.logo-icon img{width:100%;height:100%;object-fit:contain}.logo-name{font-size:17px;font-weight:600;color:#fff;letter-spacing:-.3px}.logo-ver{font-size:11px;color:var(--text3);margin-top:1px}.new-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:transparent;border:1px solid var(--border2);color:var(--text2);font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s;margin-bottom:16px}.new-btn:hover{background:var(--bg3);color:var(--text)}.section-label{font-size:11px;color:var(--text3);padding:0 8px 6px;letter-spacing:.5px;text-transform:uppercase}.chat-list{display:flex;flex-direction:column;gap:1px;overflow-y:auto;flex:1;padding:0 6px}.chat-list::-webkit-scrollbar{width:3px}.chat-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.chat-item{padding:8px 10px;border-radius:7px;font-size:13px;color:var(--text3);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s,color .12s}.chat-item:hover{background:var(--bg3);color:var(--text2)}.chat-item.active{background:var(--bg4);color:#ccc}.sidebar-bottom{padding:14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--green);border:1px solid var(--green2);display:flex;align-items:center;justify-content:center;font-size:13px;color:#7fc99a;font-weight:500;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:13px;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan{font-size:11px;color:var(--text3)}.settings-btn{width:26px;height:26px;background:transparent;border:none;color:var(--text3);cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.settings-btn:hover{background:var(--bg3);color:var(--text2)}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.topbar{padding:13px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:8px}.topbar-title{font-size:15px;font-weight:500;color:#ddd}.topbar-badge{font-size:11px;color:var(--text3)}.social-btn{width:32px;height:32px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;text-decoration:none}.social-btn:hover{background:var(--bg4);border-color:var(--accent)}.social-btn img{width:16px;height:16px;object-fit:contain}.messages{flex:1;overflow-y:auto;padding:28px 0;display:flex;flex-direction:column;scroll-behavior:smooth}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.msgs-inner{width:100%;max-width:720px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:24px}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 40px 40px;text-align:center}.welcome-icon img{width:72px;height:72px;object-fit:contain}.welcome-title{font-size:28px;font-weight:500;color:#e0e0e0;letter-spacing:-.5px}.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.sug-btn{padding:8px 16px;background:var(--bg2);border:1px solid var(--border2);border-radius:20px;color:var(--text2);font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s}.sug-btn:hover{background:var(--bg3);color:#bbb;border-color:var(--accent)}.msg{display:flex;gap:12px;align-items:flex-start}.msg.user-msg{flex-direction:row-reverse}.msg-avatar{width:30px;height:30px;border-radius:50%;background:var(--bg3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;margin-top:2px;overflow:hidden}.msg-avatar img{width:22px;height:22px;object-fit:contain}.user-msg .msg-avatar{background:var(--green);border-color:var(--green2)}.msg-bubble{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:11px 16px;font-size:14px;line-height:1.65;color:#ccc;max-width:72%;word-break:break-word}.user-msg .msg-bubble{background:var(--green);border-color:var(--green2);color:#d4f0de;border-radius:14px 14px 4px}.typing-dots{display:flex;gap:5px;align-items:center;padding:3px 0}.typing-dots span{width:7px;height:7px;background:var(--text3);border-radius:50%;animation:blink 1.3s infinite}.typing-dots span:nth-child(2){animation-delay:.22s}.typing-dots span:nth-child(3){animation-delay:.44s}@keyframes blink{0%,70%,to{opacity:.15}35%{opacity:1}}.input-area{padding:12px 24px 20px;flex-shrink:0}.input-wrap{max-width:720px;margin:0 auto}.input-box{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:14px 16px 10px;transition:border-color .15s}.input-box:focus-within{border-color:var(--accent)}.textarea{background:transparent;border:none;outline:none;color:var(--text);font-size:14px;resize:none;width:100%;font-family:inherit;min-height:24px;max-height:150px;line-height:1.6}.textarea::placeholder{color:var(--text3)}.input-controls{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.input-left{display:flex;align-items:center;gap:6px}.ctrl-btn{width:30px;height:30px;background:transparent;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text3);transition:background .12s,color .12s}.ctrl-btn:hover{background:var(--bg4);color:var(--text2)}.speed-pill{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text3);cursor:pointer;padding:4px 8px;border-radius:6px;border:1px solid var(--border);transition:background .12s}.speed-pill:hover{background:var(--bg3)}.send-btn{width:36px;height:36px;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .1s;flex-shrink:0}.send-btn:hover{opacity:.85}.send-btn:active{transform:scale(.93)}.send-btn:disabled{background:var(--bg4);cursor:default}.send-btn:disabled svg path{stroke:var(--text3)}.footer-note{text-align:center;font-size:11px;color:var(--text3);margin-top:8px;padding:0 20px}@media(max-width:680px){.sidebar{display:none}.msgs-inner{padding:0 16px}}