*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#fff;background:#0f172a;font-family:Inter,Arial,sans-serif;overflow:hidden}.app-layout{width:100vw;height:100vh;display:flex}.chat-header{z-index:100;background:#111827;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:72px;padding:0 22px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:14px;display:flex}.header-left h2{font-size:20px;font-weight:600}.header-left span{color:#8fdc93;font-size:13px}.avatar{object-fit:cover;object-position:top center;cursor:pointer;background:#1f2937;border-radius:50%;flex-shrink:0;padding:2px;transition:all .2s;overflow:hidden}.avatar:hover{transform:scale(1.05)}.image-preview{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;justify-content:center;align-items:center;animation:.2s fade;display:flex;position:fixed;inset:0}.image-preview img{border-radius:16px;max-width:90vw;max-height:90vh;box-shadow:0 0 40px #00000080}.chat-page{background:#0f172a;flex-direction:column;height:100vh;display:flex}.chat-window{scroll-behavior:smooth;flex-direction:column;flex:1;gap:22px;padding:30px 60px;display:flex;overflow-y:auto}.chat-window::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.message-row{align-items:flex-end;gap:12px;display:flex}.message{word-break:break-word;border-radius:18px;max-width:720px;padding:16px 18px;font-size:15px;line-height:1.6;box-shadow:0 6px 18px #0000002e}.message-time{opacity:.6;text-align:right;margin-top:8px;font-size:11px}.empty-state{text-align:center;opacity:.7;margin:auto}.empty-state h2{margin-bottom:14px;font-size:52px}.empty-state p{font-size:18px}.chat-input-container{background:#0f172a;border-top:1px solid #1e293b;padding:22px}.message-row{align-items:flex-end;gap:10px;margin-bottom:10px;animation:.25s fade;display:flex}.user-row{justify-content:flex-end}.assistant-row{justify-content:flex-start}.message{word-break:break-word;border-radius:18px;flex-direction:column;gap:8px;max-width:65%;padding:14px 18px;display:flex;box-shadow:0 4px 18px #00000040}.user{color:#fff;background:#2563eb;border-bottom-right-radius:6px}.assistant{color:#fff;background:#1f2937;border-bottom-left-radius:6px}.message-time{opacity:.65;align-self:flex-end;font-size:11px}.typing-bubble{background:#1f2937;border-radius:18px 18px 18px 6px;gap:6px;padding:14px 18px;display:flex}.typing-bubble span{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.2s infinite bounce}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}.empty-state{opacity:.7;flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;display:flex}.empty-state h2{font-size:34px;font-weight:600}.empty-state p{color:#9ca3af;font-size:16px}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.4)}40%{opacity:1;transform:scale(1)}}@keyframes fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.message{max-width:82%}}.chat-input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827eb;border-top:1px solid #ffffff0d;align-items:flex-end;gap:12px;padding:18px;display:flex;position:sticky;bottom:0}.chat-input textarea{color:#fff;resize:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box;background:#1f2937;border:none;border-radius:28px;outline:none;flex:1;min-height:56px;max-height:180px;padding:16px 22px;font-family:inherit;font-size:15px;line-height:1.5;transition:all .2s;overflow:hidden auto}.chat-input textarea:focus{box-shadow:0 0 0 2px #2563eb}.chat-input textarea:disabled{opacity:.6}.chat-input button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;transition:all .25s;display:flex}.chat-input button:hover:not(:disabled){transform:scale(1.08)}.chat-input button:disabled{opacity:.5;cursor:not-allowed;transform:none}.typing{color:#9ca3af;padding:14px 28px;font-size:14px}.sidebar{background:#111827;border-right:1px solid #1f2937;flex-direction:column;width:280px;min-width:280px;display:flex}.sidebar-header{padding:18px}.new-chat-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:12px;font-weight:600}.new-chat-btn:hover{background:#1d4ed8}.conversation-list{flex:1;overflow-y:auto}.conversation-item{cursor:pointer;border:none;border-radius:12px;margin:8px;padding:14px;transition:all .2s}.conversation-item:hover{background:#1e293b;transform:translate(3px)}.conversation-item.active{background:#2563eb33;border-left:4px solid #3b82f6}.sidebar-footer{color:#64748b;text-align:center;border-top:1px solid #1f2937;padding:16px;font-size:12px}