.App{background:#111b21;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#8696a04d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8696a080}.chat-background{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20z' fill='%23182229' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:60px 60px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item{animation:fadeInUp .2s ease-out}@keyframes typing{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.typing-indicator{animation:typing 1.5s infinite}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-left:4px;width:8px}.status-delivered,.status-sent{background-color:#8696a0}.status-read{background-color:#00a884}.status-error{background-color:#f15c6d}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.qr-code{animation:pulse 2s infinite}.connection-status{align-items:center;border-radius:16px;display:flex;font-size:.75rem;font-weight:500;gap:8px;padding:8px 16px}.status-connected{background:#00a8841a;color:#00a884}.status-connecting{background:#ffab001a;color:#ffab00}.status-disconnected{background:#f15c6d1a;color:#f15c6d}@keyframes waveform{0%,to{height:4px}50%{height:16px}}.waveform-bar{animation:waveform 1s infinite}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}.message-bubble{word-wrap:break-word;border-radius:12px;max-width:280px;padding:8px 12px;position:relative}.message-bubble.sent{background:#005c4b;color:#e9edef;margin-left:auto}.message-bubble.received{background:#202c33;color:#e9edef}.message-bubble:before{border:6px solid #0000;bottom:0;content:"";height:0;position:absolute;width:0}.message-bubble.sent:before{border-left-color:#005c4b;right:-6px}.message-bubble.received:before{border-right-color:#202c33;left:-6px}.media-message{border-radius:12px;max-width:300px;overflow:hidden}.media-message img,.media-message video{display:block;height:auto;width:100%}.emoji-picker-react{border:1px solid #313d43!important;box-shadow:0 8px 32px #0000004d!important}.emoji-picker-react,.emoji-picker-react .emoji-categories,.emoji-picker-react .emoji-group:before{background:#202c33!important}.emoji-picker-react .emoji-search{background:#2a3942!important;border:1px solid #313d43!important;color:#e9edef!important}.emoji-picker-react .emoji-search::placeholder{color:#8696a0!important}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#8696a033;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#8696a066}