*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#0b0b0b0;color:#fff;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:14px 24px;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:#171717;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:#0b0b0b;flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.chat-window{scroll-behavior:smooth;flex-direction:column;flex:1;gap:22px;width:100%;max-width:900px;margin:0 auto;padding:32px;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;width:fit-content;max-width:760px;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:.75;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-state h2{margin-bottom:14px;font-size:52px}.empty-state p{font-size:18px}.chat-input-container{background:#0b0b0b;border-top:1px solid #1e293b;padding:18px 28px 24px}.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:#1d4ed8;border-bottom-right-radius:6px}.assistant{color:#fff;background:#171717;border-bottom-left-radius:6px}.message-time{opacity:.65;align-self:flex-end;font-size:11px}.typing-bubble{background:#171717;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:10px;padding:16px 20px;display:flex;position:sticky;bottom:0}.chat-input textarea{color:#fff;transition:border-color .2s box-shadow .2s background .2s;resize:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box;background:#171717;border:1px solid #2a2a2a;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;overflow:hidden auto}.chat-input textarea:focus{box-shadow:0 0 0 1px #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){background:#3b82f6}.chat-input button:disabled{opacity:.5;cursor:not-allowed;transform:none}.typing{color:#9ca3af;padding:14px 28px;font-size:14px}.sidebar{background:#101010;border-right:1px solid #171717;flex-direction:column;width:240px;min-width:240px;display:flex}.sidebar-header{padding:14px}.new-chat-btn{color:#fff;cursor:pointer;background:#1d4ed8;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:6px;padding:12px;transition:all .2s}.conversation-item:hover{background:#1d1d1d}.conversation-item.active{background:#202020;border-left:3px solid #3b82f6}.sidebar-footer{color:#64748b;text-align:center;border-top:1px solid #171717;padding:12px;font-size:12px}