*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Segoe UI,Lato,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;overflow:hidden}body{background:url(/assets/wallpapers/win7.jpg) 50%/cover no-repeat fixed;justify-content:center;align-items:center;display:flex}.msn-window{touch-action:none;cursor:default;flex-direction:column;width:600px;max-height:700px;display:flex;position:fixed;top:0;left:0}.msn-window .window{flex-direction:column;height:100%;display:flex}.msn-window .title-bar{cursor:grab}.msn-window .title-bar-text{align-items:center;gap:6px;display:flex}.msn-window .title-bar-text img{width:18px;height:18px}.msn-window .window-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.contact-header{background:#fff;align-items:center;gap:8px;width:100%;height:31px;padding:0 8px;font-size:12px;display:flex}.contact-header img{width:16px;height:16px}.chat-navbar{background-image:url(/assets/background/chat_navbar_background.png);background-repeat:no-repeat;background-size:cover;justify-content:space-between;align-items:center;height:31px;display:flex;box-shadow:0 2px 4px #0000001a}.chat-main{background-image:url(/assets/background/background.jpg);background-repeat:no-repeat;background-size:100% 100px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.contact-banner{background-image:url(/assets/scenes/default_background.jpg);background-position:50%;background-size:cover;flex-shrink:0;height:80px;position:relative}.contact-info{align-items:center;gap:8px;padding:8px 12px;display:flex}.contact-info-text{color:#000}.contact-info-text .name{opacity:.9;font-weight:700}.contact-info-text .bio{opacity:.9;font-size:11px}.chat-sidebar{z-index:10;flex-direction:column;justify-content:space-between;width:140px;padding:0 16px 20px;display:flex;position:absolute;top:0;bottom:0;left:0}.avatar-wrapper{width:115px;height:115px;position:relative}.avatar-wrapper .avatar-img{object-fit:cover;border-radius:2px;width:88px;height:89px;position:absolute;top:12px;left:12px}.avatar-wrapper .frame-img{width:115px;height:115px;position:absolute;top:0;left:0}.sidebar-top{z-index:20;margin-top:-20px}.sidebar-bottom{justify-content:center;display:flex}.chat-content{background:#fff;flex-direction:column;flex:1;min-height:0;margin-left:130px;display:flex}.messages-area{flex:1;min-height:0;padding:12px;overflow-y:auto}.messages-area::-webkit-scrollbar{display:none}.messages-area{scrollbar-width:none}.message-group{margin-bottom:4px}.message-sender{color:#000000b3;align-items:center;gap:4px;font-size:12px;display:flex}.message-sender .says{margin-left:2px}.message-line{align-items:flex-start;gap:6px;margin-left:4px;padding:1px 0;display:flex}.message-dot{flex-shrink:0;margin-top:5px}.message-text{word-break:break-word;flex-wrap:wrap;align-items:center;gap:2px;display:flex}.message-text img{vertical-align:middle;height:20px}.msg-system{color:gray;text-align:center;padding:4px 0;font-size:11px;font-style:italic}.security-alert{color:#666;margin-bottom:8px;font-size:11px}.security-alert span{color:#e00}.chat-input-area{flex-shrink:0;padding:4px 8px 8px}.typing-indicator{color:#666;align-items:center;gap:4px;min-height:18px;font-size:12px;display:flex}.last-message-time{opacity:.5;margin:4px 0;font-size:12px}.chat-input-area .divider-img{pointer-events:none;width:100%}.chat-input-field{resize:none;border:1px solid #bdd5df;border-radius:4px 4px 0 0;outline:none;width:100%;min-height:28px;padding:4px 6px;font-family:inherit;font-size:13px}.chat-input-field:focus{border-color:#179bf3}.chat-input-field:disabled{color:#999;background:#f0f0f0}.input-toolbar{background-image:url(/assets/background/chat_icons_background.png);background-repeat:repeat-x;border-bottom:1px solid #bdd5df;border-left:1px solid #bdd5df;border-right:1px solid #bdd5df;border-radius:0 0 4px 4px;display:flex}.input-toolbar-separator{align-items:center;padding:0 6px;display:flex}.aerobutton{cursor:pointer;background-color:#0000;border:2px solid #0000;align-items:center;height:24px;padding:2px 4px;display:flex}.aerobutton:hover{background-size:100% 100%;border-image:url(/assets/general/aerobutton_border.png) 2 round}.aerobutton:active{border-image:url(/assets/general/aerobutton_border_down.png) 2 round}.aerobutton img{pointer-events:none}.quick-replies{background:linear-gradient(#f0f5fa,#e0eaf4);border-top:1px solid #c0cfe0;flex-wrap:wrap;gap:6px;padding:6px 8px;display:flex}.quick-reply-btn{color:#333;cursor:pointer;background:linear-gradient(#fff 0%,#e0e8f0 100%);border:1px solid #7a8a99;border-radius:12px;padding:5px 14px;font-family:inherit;font-size:11px;transition:all .15s}.quick-reply-btn:hover{background:linear-gradient(#e8f0ff 0%,#c4d4e8 100%);border-color:#3a6ea5}.msn-footer{color:#666;background:linear-gradient(#f0f5fa,#dce8f4);border-top:1px solid #c0cfe0;border-radius:0 0 6px 6px;justify-content:space-between;align-items:center;padding:4px 12px;font-size:11px;display:flex}.msn-footer a{color:#666;text-decoration:none}.msn-footer a:hover{text-decoration:underline}@keyframes nudge{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.nudge{animation:.5s nudge}@media (max-width:650px){.msn-window{width:95vw}.chat-sidebar{display:none}.chat-content{margin-left:0}.contact-info-mobile{display:flex!important}.contact-info-desktop{display:none!important}.mobile-avatar{display:block}}@media (max-width:480px){.msn-window{width:85vw;height:90dvh;max-height:none}.chat-sidebar{display:none}.chat-content{margin-left:0}.quick-reply-btn{min-height:44px;padding:10px 16px;font-size:13px}.quick-replies{flex-direction:column}.chat-input-field{font-size:16px}}.input-with-avatar{align-items:flex-end;gap:4px;display:flex}.input-with-avatar .input-fields{flex:1;min-width:0}.contact-info-mobile{display:none}@media (min-width:651px){.mobile-avatar{display:none}}.mobile-avatar{flex-shrink:0}