.messaging-app,.messaging-app[data-theme=light]{--msg-bg: #f8fafc;--msg-bg-elevated: #ffffff;--msg-bg-chat: #f1f5f9;--msg-bg-bubble-self: #0ea5e9;--msg-bg-bubble-other: #ffffff;--msg-text: #0f172a;--msg-text-secondary: #64748b;--msg-text-muted: #94a3b8;--msg-border: #e2e8f0;--msg-border-light: #f1f5f9;--msg-accent: #0ea5e9;--msg-accent-hover: #0284c7;--msg-online: #22c55e;--msg-offline: #94a3b8;--msg-unread-badge: #ef4444;--msg-sent: #64748b;--msg-delivered: #0ea5e9;--msg-seen: #22c55e;--msg-shadow: 0 1px 2px rgba(0, 0, 0, .05);--msg-shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--msg-radius: 12px;--msg-radius-lg: 16px;--msg-radius-xl: 20px;--msg-transition: .2s cubic-bezier(.4, 0, .2, 1);--msg-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}.messaging-app[data-theme=dark]{--msg-bg: #0f172a;--msg-bg-elevated: #1e293b;--msg-bg-chat: #0f172a;--msg-bg-bubble-self: #0ea5e9;--msg-bg-bubble-other: #334155;--msg-text: #f8fafc;--msg-text-secondary: #94a3b8;--msg-text-muted: #64748b;--msg-border: #334155;--msg-border-light: #1e293b;--msg-accent: #38bdf8;--msg-accent-hover: #7dd3fc;--msg-online: #4ade80;--msg-offline: #64748b;--msg-unread-badge: #f87171;--msg-sent: #94a3b8;--msg-delivered: #38bdf8;--msg-seen: #4ade80;--msg-shadow: 0 1px 2px rgba(0, 0, 0, .2);--msg-shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2)}.messaging-app,.messaging-app[data-theme=light]{--call-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--call-control-bg: rgba(255, 255, 255, .1);--call-control-hover: rgba(255, 255, 255, .2);--call-end: #ef4444;--call-muted: #ef4444;--call-text: #f8fafc}.messaging-app[data-theme=dark]{--call-bg: linear-gradient(135deg, #020617 0%, #0f172a 50%, #020617 100%);--call-control-bg: rgba(255, 255, 255, .08);--call-control-hover: rgba(255, 255, 255, .15)}.messaging-app{font-family:var(--msg-font-sans);color:var(--msg-text);background:var(--msg-bg);transition:background-color var(--msg-transition),color var(--msg-transition)}@keyframes tada{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}.tada{animation:tada 1s ease-in-out}@keyframes msgBubbleIn{0%{opacity:0;transform:scale(.92) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes typingDots{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}@keyframes callPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 12px #22c55e00}}@keyframes callRinging{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes reconnectSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.msg-bubble-enter{animation:msgBubbleIn .25s cubic-bezier(.34,1.56,.64,1)}.typing-dot{animation:typingDots 1.4s ease-in-out infinite}.call-pulse{animation:callPulse 1.5s ease-in-out infinite}.call-ringing{animation:callRinging .8s ease-in-out infinite}.reconnect-spin{animation:reconnectSpin 1s linear infinite}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-in;-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-in;-o-transition:-o-transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset .3s ease-out,-webkit-stroke-opacity .3s ease-in;-moz-transition:-moz-stroke-dashoffset .3s ease-out,-moz-stroke-opacity .3s ease-in;-o-transition:-o-stroke-dashoffset .3s ease-out,-o-stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.marker-cluster-small{background-color:#b5e28c99}.marker-cluster-small div{background-color:#6ecc3999}.marker-cluster-medium{background-color:#f1d35799}.marker-cluster-medium div{background-color:#f0c20c99}.marker-cluster-large{background-color:#fd9c7399}.marker-cluster-large div{background-color:#f1801799}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px Helvetica Neue,Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}