*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#fff;background:linear-gradient(#07101d,#0f172a);font-family:Inter,Arial,sans-serif;overflow:hidden}.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{flex-direction:column;height:100vh;display:flex}.chat-window{scroll-behavior:smooth;flex-direction:column;flex:1;gap:18px;padding:28px;display:flex;overflow-y:auto}.chat-window::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px}.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}