:root{--bg: #f8fafc;--sidebar: #ffffff;--text: #0f172a;--border: #e5e7eb;--ai: #f1f5f9;--user: #2563eb}body.dark{--bg: #0f172a;--sidebar: #111827;--text: #f8fafc;--border: #1f2937;--ai: #1e293b;--user: #3b82f6}html,body,#root{height:100%;margin:0}body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;height:100vh}.layout{display:flex;width:100%}.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;overflow-y:auto;background:var(--sidebar);border-right:1px solid var(--border);padding:16px;z-index:100}.new-chat-btn{width:100%;padding:10px;border-radius:12px;border:none;background:#2563eb;color:#fff;cursor:pointer;margin-bottom:12px}.chat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;cursor:pointer;margin-bottom:6px;position:relative;transition:.2s}.chat-item:hover{background:#f1f5f9;transform:translate(2px)}.chat-item.active{background:#2563eb;color:#fff}body.dark .chat-item:hover{background:#1e293b}.chat-left{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-right{display:flex;align-items:center;position:relative}.menu-trigger{opacity:0;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .2s ease}.chat-item:hover .menu-trigger,.chat-item.active-menu .menu-trigger{opacity:1}.menu-trigger:hover{background:#00000014}body.dark .menu-trigger:hover{background:#ffffff1a}.menu-dropdown{position:absolute;right:0;top:34px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #00000026;z-index:9999;overflow:hidden;min-width:150px;animation:fadeIn .15s ease}body.dark .menu-dropdown{background:#1e293b}.menu-item{padding:10px 14px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:.2s}.menu-item:hover{background:#f1f5f9}body.dark .menu-item:hover{background:#334155}.menu-item.delete{color:#ef4444}.menu-item.delete:hover{background:#fee2e2}body.dark .menu-item.delete:hover{background:#ef444426}.main{margin-left:260px;flex:1;display:flex;flex-direction:column;min-height:100vh;width:calc(100% - 260px)}.header{position:sticky;top:0;z-index:10;background:var(--bg);width:100%;max-width:1000px;margin:0 auto;padding:0 24px 10px;height:60px;display:flex;align-items:center;font-weight:600;border-bottom:1px solid var(--border)}.chat-area{width:100%;max-width:100%;display:flex;flex-direction:column}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:20px}.bubble-wrapper{width:100%;max-width:1000px;display:flex}.bubble-wrapper.user{justify-content:flex-end}.bubble-wrapper.assistant{justify-content:flex-start}.user-bubble,.ai-bubble{padding:16px 20px;border-radius:10px;line-height:1.6;font-size:15px;max-width:100%;box-shadow:0 4px 12px #0000000d}.user-bubble{max-width:80%;margin-left:auto;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;text-align:right}.ai-bubble{background:var(--ai)}.input-container{position:sticky;bottom:0;background:var(--bg);padding:20px 0 20px 40px;display:flex;justify-content:center;border-radius:16px}.input-box{width:100%;max-width:1200px;display:flex;align-items:flex-end;gap:8px;border:1px solid var(--border);border-radius:16px;padding:8px 12px;background:var(--bg);position:relative;justify-content:center}textarea{flex:1;border:none;outline:none;resize:none;background:transparent;min-height:24px;max-height:250px;overflow-y:auto;font-size:15px;line-height:1.5;padding:4px 0;color:var(--text)}.send-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:#2563eb;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.input-inner{position:relative;width:100%;max-width:800px}.empty{margin-top:120px;text-align:center;opacity:.6}.typing span{width:6px;height:6px;background:#999;border-radius:50%;margin-right:4px;display:inline-block;animation:blink 1.4s infinite}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-item.active-menu{background:#f1f5f9}.chat-right{position:relative;padding-bottom:10px}.menu-floating{position:fixed;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #0003;z-index:9999;min-width:150px;overflow:hidden;animation:fadeIn .15s ease}body.dark .menu-floating{background:#1e293b}.menu-floating .menu-item{padding:10px 14px;cursor:pointer;font-size:14px;display:flex;gap:8px;align-items:center;line-height:1}.menu-floating .menu-item span.icon{width:16px;text-align:center;font-size:14px;flex-shrink:0}.menu-floating .menu-item:hover{background:#f1f5f9}body.dark .menu-floating .menu-item:hover{background:#334155}.menu-floating .delete{color:#ef4444}.send-row{display:flex;justify-content:flex-end;margin-top:8px}.textarea-wrapper{position:relative;width:100%}.ai-bubble{line-height:1.7}.ai-bubble h3{margin-top:16px;margin-bottom:8px;font-size:16px;font-weight:600}.ai-bubble strong{font-weight:600;color:#1d4ed8}.ai-bubble em{color:#475569}.ai-bubble ul{padding-left:20px;margin:8px 0}.ai-bubble li{margin-bottom:6px}.ai-bubble code{background:#e2e8f0;padding:2px 6px;border-radius:6px;font-size:13px}.ai-bubble blockquote{border-left:3px solid #2563eb;padding-left:10px;color:#475569;margin:10px 0}.ai-bubble p strong:first-child{display:inline-block;margin-top:12px}