*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}#root{width:100%;overflow-x:hidden}@keyframes chattyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes chattySlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes chattyScaleIn{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes chattyMsgIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chattyTypingDot{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes chattyPulseRing{0%{transform:scale(.85);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes chattyShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.chatty-shimmer{background:linear-gradient(90deg,#0f172a0a 25%,#0f172a17 37%,#0f172a0a 63%);background-size:400px 100%;animation:chattyShimmer 1.4s ease infinite}.chatty-chat-wallpaper{background-color:#efeae2;background-image:radial-gradient(circle at 18% 22%,rgba(0,102,204,.045) 0%,transparent 40%),radial-gradient(circle at 80% 72%,rgba(0,168,132,.04) 0%,transparent 38%),linear-gradient(rgba(17,27,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(17,27,33,.025) 1px,transparent 1px);background-size:100% 100%,100% 100%,28px 28px,28px 28px;background-position:0 0,0 0,-1px -1px,-1px -1px}.light-scrollbar::-webkit-scrollbar{width:6px;height:6px}.light-scrollbar::-webkit-scrollbar-thumb{background-color:#c9d2da;border-radius:8px}.light-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#aeb8c1}.animate-fade-in{animation:chattyFadeIn .18s ease both}.animate-slide-up{animation:chattySlideUp .22s ease both}.animate-scale-in{animation:chattyScaleIn .2s ease both}.animate-msg-in{animation:chattyMsgIn .2s ease both}