*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-light:#6366f1;--primary-dark:#3730a3;--primary-bg:#eef2ff;--primary-glow:#4f46e533;--bg:#f8fafc;--bg-card:#fff;--bg-sidebar:#fff;--bg-hover:#f1f5f9;--bg-active:#eef2ff;--text:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--call-green:#22c55e;--call-red:#ef4444;--call-blue:#3b82f6;--msg-own:#4f46e5;--msg-own-text:#fff;--msg-other:#f1f5f9;--msg-other-text:#0f172a;--gradient-primary:linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--gradient-warm:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-subtle:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)}[data-theme=dark]{--primary:#818cf8;--primary-light:#a5b4fc;--primary-dark:#6366f1;--primary-bg:#1e1b4b;--primary-glow:#818cf826;--bg:#0f172a;--bg-card:#1e293b;--bg-sidebar:#1e293b;--bg-hover:#334155;--bg-active:#1e1b4b;--text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--border-light:#1e293b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0000004d;--msg-own:#4f46e5;--msg-own-text:#fff;--msg-other:#1e293b;--msg-other-text:#f1f5f9;--gradient-subtle:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--call-green:#4ade80;--call-red:#f87171;--call-blue:#60a5fa}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,Nunito Sans,system-ui,-apple-system,sans-serif;transition:background .3s,color .3s}button,input{font:inherit}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes bounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes audioBounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 8px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow)}}.animate-spin{animation:1s linear infinite spin}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-slide-up{animation:.35s ease-out slideUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.typing-dots{align-items:center;gap:4px;display:inline-flex}.typing-dots span{background:var(--text-secondary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce;display:inline-block}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.call-modal-overlay{animation:.25s ease-out fadeIn}.call-modal{animation:.3s ease-out slideUp}@media (width<=768px){body{min-height:100dvh;overflow:hidden}#root{min-height:100dvh}.chat-layout{width:100%;height:100dvh!important}.chat-sidebar{min-width:0;border-right:none!important;width:100%!important}.chat-layout.has-active-chat .chat-sidebar,.chat-layout:not(.has-active-chat) .chat-panel,.chat-layout:not(.has-active-chat) .chat-empty-state{display:none!important}.chat-panel{width:100%;min-width:0}.chat-header{min-height:64px;padding:12px 14px!important}.mobile-back-button{display:flex!important}.chat-header-avatar{width:36px!important;height:36px!important}.messages-scroll{padding:14px 12px!important}.message-bubble{max-width:84%!important;padding:10px 13px!important}.message-form{flex-wrap:wrap;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;gap:8px!important}.message-form>input[type=text]{order:1;min-width:0;height:42px;flex:calc(100% - 100px)!important}.attach-button{flex:0 0 42px;order:2;width:42px!important;height:42px!important}.send-button{flex:none;order:3;min-width:70px;height:42px;padding:0 14px!important}.selected-file-chip,.upload-progress-chip{order:0;width:100%;max-width:none!important}.empty-chat-copy{padding:24px 16px!important}}@media (width<=480px){::-webkit-scrollbar{width:4px}.message-form{align-items:stretch}.message-bubble{max-width:88%!important}.message-form>input[type=text]{flex-basis:100%!important}.attach-button,.send-button{flex:1 1 0}}