@import"https://fonts.googleapis.com/css2?family=Tahoma&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--title-blue: #2b5dcd;--title-blue-light: #3a8cf4;--window-bg: #ece9d8;--window-border: #0054e3;--chat-bg: #ffffff;--chat-header: #d6dff7;--btn-face: #ece9d8;--btn-highlight: #ffffff;--btn-shadow: #aca899;--btn-dk-shadow: #716f64;--input-border: #7f9db9;--online: #3cb843;--away: #ff9900;--busy: #e40707;--offline: #989898;--my-name: #0000c8;--their-name: #c80000;--toolbar-bg: #f0ede1;--toolbar-border: #d4d0c8;--status-bar-border: #aca899}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:Tahoma,Segoe UI,sans-serif;font-size:12px;background:#3a6ea5}.xp-window{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;border:2px solid var(--window-border);border-radius:8px 8px 4px 4px;background:var(--window-bg);box-shadow:3px 3px 8px #0006;overflow:hidden}.xp-titlebar{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;min-height:26px;background:linear-gradient(180deg,#0058ee,#3a8cf4,#1d6ce3,#0550d8);-webkit-user-select:none;user-select:none}.xp-titlebar-text{color:#fff;font-weight:700;font-size:13px;text-shadow:1px 1px 2px rgba(0,0,60,.6);flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.xp-titlebar-icon{font-size:14px;margin-right:6px}.xp-titlebar-left{display:flex;align-items:center;flex:1}.xp-controls{display:flex;gap:2px}.xp-ctrl-btn{width:21px;height:21px;display:flex;align-items:center;justify-content:center;background:var(--btn-face);border:1px solid;border-color:var(--btn-highlight) var(--btn-dk-shadow) var(--btn-dk-shadow) var(--btn-highlight);border-radius:2px;font-size:11px;font-weight:700;color:#000;cursor:pointer}.xp-ctrl-btn:active{border-color:var(--btn-dk-shadow) var(--btn-highlight) var(--btn-highlight) var(--btn-dk-shadow)}.xp-ctrl-close{background:#c75050;border-color:#e08080 #8b2020 #8b2020 #e08080;color:#fff}.xp-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.msn-menubar{display:flex;align-items:center;padding:2px 6px;background:var(--window-bg);border-bottom:1px solid var(--toolbar-border);font-size:11px;color:#333;gap:12px}.msn-menubar span{cursor:default}.msn-menubar .spacer{flex:1}.msn-menubar .logout{color:#c00;cursor:pointer}.msn-menubar .orga-btn{color:var(--title-blue);cursor:pointer}.xp-btn{padding:5px 14px;background:var(--btn-face);border:1px solid;border-color:var(--btn-highlight) var(--btn-dk-shadow) var(--btn-dk-shadow) var(--btn-highlight);border-radius:2px;font-size:12px;font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}.xp-btn:active{border-color:var(--btn-dk-shadow) var(--btn-highlight) var(--btn-highlight) var(--btn-dk-shadow)}.xp-btn-primary{background:var(--chat-header);border-color:var(--window-border)}.xp-input{padding:4px;font-size:13px;font-family:inherit;border:2px solid;border-color:var(--btn-shadow) var(--btn-highlight) var(--btn-highlight) var(--btn-shadow);background:#fff;outline:none;width:100%}.xp-input:focus{border-color:var(--window-border)}.msn-user-banner{display:flex;align-items:center;padding:8px 10px;background:var(--chat-header);border-bottom:1px solid #7da1d4;cursor:pointer}.msn-user-banner:hover{background:#c8d4f0}.msn-avatar{width:48px;height:48px;border-radius:4px;border:2px solid var(--window-border);margin-right:10px;position:relative}.msn-avatar img{width:100%;height:100%;border-radius:3px;object-fit:cover}.msn-avatar-small{width:32px;height:32px;border:1px solid #ccc;margin-right:8px}.msn-user-info{flex:1}.msn-user-name{font-weight:700;font-size:14px}.msn-user-msg{font-size:11px;color:#555;font-style:italic}.status-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #fff;display:inline-block;box-shadow:0 0 2px #0000004d}.status-dot.online{background:var(--online)}.status-dot.away{background:var(--away)}.status-dot.busy,.status-dot.dnd{background:var(--busy)}.status-dot.offline{background:var(--offline)}.status-dot.small{width:8px;height:8px}.status-dot.large{width:14px;height:14px}.msn-status-btn{padding:4px 8px;background:var(--btn-face);border:1px solid;border-color:var(--btn-highlight) var(--btn-dk-shadow) var(--btn-dk-shadow) var(--btn-highlight);border-radius:2px;font-size:9px;cursor:pointer}.status-picker{position:absolute;right:10px;top:100px;background:#fff;border:1px solid var(--btn-shadow);box-shadow:2px 2px 6px #0003;z-index:100}.status-picker-item{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;font-size:12px}.status-picker-item:hover{background:#e8eeff}.msn-group-header{display:flex;align-items:center;padding:5px 10px;background:#2d5ab814;border-bottom:1px solid #d0d8e8;cursor:pointer;font-size:11px;-webkit-user-select:none;user-select:none}.msn-group-header:hover{background:#2d5ab826}.msn-group-title{font-weight:700;color:#2d5ab8;flex:1;margin-left:4px}.msn-contact{display:flex;align-items:center;padding:6px 12px;border-bottom:1px solid rgba(0,0,0,.04);background:#ffffffa6;cursor:pointer}.msn-contact:hover{background:#ffffffe6}.msn-contact-name{font-size:13px;font-weight:500;margin-left:6px}.msn-contact-name.offline{color:#999}.msn-contact-msg{font-size:9px;color:#888;font-style:italic;margin-left:14px}.msn-contact-avatar{opacity:1}.msn-contact-avatar.offline{opacity:.5}.msn-contact.unread{background:#2b5dcd14}.msn-contact.unread:hover{background:#2b5dcd24}.unread-badge{background:#e04040;color:#fff;font-size:11px;font-weight:700;border-radius:10px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 5px;margin-left:4px;flex-shrink:0}.msn-contacts-list{flex:1;overflow-y:auto}.msn-statusbar{display:flex;padding:3px 6px;background:var(--window-bg);border-top:1px solid var(--status-bar-border)}.msn-statusbar-inner{flex:1;border:1px solid;border-color:var(--btn-shadow) var(--btn-highlight) var(--btn-highlight) var(--btn-shadow);padding:1px 4px;font-size:9px;color:#666}.msn-notif-banner{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;margin:4px 6px;background:linear-gradient(180deg,#fff8e1,#ffecb3);border:1px solid #f9a825;border-radius:3px;font-size:12px;color:#5d4037;cursor:pointer;font-weight:700}.msn-notif-banner:hover{background:linear-gradient(180deg,#ffecb3,#ffe082)}.msn-chat-header{padding:4px 10px;background:var(--chat-header);border-bottom:1px solid #7da1d4;font-size:11px;color:#444}.msn-messages-area{flex:1;border:2px solid;border-color:var(--btn-shadow) var(--btn-highlight) var(--btn-highlight) var(--btn-shadow);margin:4px;overflow:hidden;display:flex;flex-direction:column}.msn-messages-inner{flex:1;border:1px solid;border-color:var(--btn-dk-shadow) #fff #fff var(--btn-dk-shadow);overflow-y:auto;background:var(--chat-bg);padding:6px 0}.msn-msg{padding:0 10px}.msn-msg+.msn-msg{margin-top:1px}.msn-msg.new-sender{margin-top:6px}.msn-msg-sender{font-weight:700;font-size:13px}.msn-msg-sender.me{color:var(--my-name)}.msn-msg-sender.them{color:var(--their-name)}.msn-msg-time{color:gray;font-size:10px;margin-left:4px}.msn-msg-text{padding-left:12px;font-size:13px;line-height:19px}.msn-msg-load-more{text-align:center;padding:8px;font-size:11px;color:var(--title-blue);font-style:italic;cursor:pointer}.msn-msg-load-more:hover{text-decoration:underline}.msn-toolbar{display:flex;align-items:center;padding:2px 4px;background:var(--toolbar-bg);border-top:1px solid var(--toolbar-border);gap:2px}.msn-toolbar-btn{padding:3px 6px;border:1px solid transparent;border-radius:2px;cursor:pointer;background:none;font-family:inherit;display:flex;align-items:center;gap:2px}.msn-toolbar-btn:hover{border-color:var(--btn-shadow);background:#ffffff80}.msn-input-area{display:flex;padding:4px;gap:4px;align-items:flex-end;background:var(--window-bg)}.msn-input-area .xp-input{flex:1;min-height:28px;resize:none}.msn-smiley-picker{border:2px solid var(--window-border);border-radius:4px;margin:4px;overflow:hidden}.msn-smiley-title{background:var(--title-blue);color:#fff;font-size:10px;font-weight:700;padding:2px 6px}.msn-smiley-grid{display:grid;grid-template-columns:repeat(8,1fr);padding:4px;background:#fff}.msn-smiley-btn{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:20px;cursor:pointer;border:1px solid transparent;border-radius:2px;background:none}.msn-smiley-btn:hover{border-color:var(--window-border);background:#e8eeff}@keyframes wizz-shake{0%,to{transform:translate(0)}5%{transform:translate(-15px,10px)}10%{transform:translate(15px,-10px)}15%{transform:translate(-15px,10px)}20%{transform:translate(15px,-10px)}25%{transform:translate(-12px,8px)}30%{transform:translate(12px,-8px)}35%{transform:translate(-12px,8px)}40%{transform:translate(12px,-8px)}50%{transform:translate(-8px,5px)}60%{transform:translate(8px,-5px)}70%{transform:translate(-5px,3px)}80%{transform:translate(5px,-3px)}90%{transform:translate(-2px,1px)}}.wizz-active{animation:wizz-shake .6s ease-out}.msn-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.msn-modal{width:85%;max-width:400px;max-height:70vh;border:2px solid var(--window-border);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.msn-modal-title{background:var(--title-blue);padding:4px 8px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:700;font-size:12px}.msn-modal-title .close{cursor:pointer}.msn-modal-body{background:var(--window-bg);padding:12px;overflow-y:auto}.msn-login-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;flex:1}.msn-login-logo{text-align:center;margin-bottom:20px}.msn-login-logo .butterfly{font-size:40px}.msn-login-logo h1{font-size:22px;color:var(--title-blue);text-shadow:1px 1px 2px rgba(0,0,80,.15)}.msn-login-logo .subtitle{font-size:11px;color:#666}.msn-login-card{width:100%;max-width:340px;background:#fff;border:2px solid;border-color:var(--btn-shadow) var(--btn-highlight) var(--btn-highlight) var(--btn-shadow);padding:16px}.msn-login-inner{border:1px solid;border-color:var(--btn-dk-shadow) #fff #fff var(--btn-dk-shadow);padding:16px;background:#fafafa}.msn-tabs{display:flex;margin-bottom:16px}.msn-tab{flex:1;padding:6px;text-align:center;cursor:pointer;border:1px solid var(--btn-shadow);background:var(--btn-face);font-size:12px}.msn-tab.active{background:var(--chat-header);border-color:var(--window-border);font-weight:700;color:var(--title-blue)}.msn-tab:first-child{border-radius:3px 0 0 3px}.msn-tab:last-child{border-radius:0 3px 3px 0}.msn-field{margin-bottom:10px}.msn-field label{display:block;font-size:11px;color:#444;margin-bottom:3px}.msn-error{background:#fff0f0;border:1px solid #e88;padding:8px;margin-bottom:10px;border-radius:2px;font-size:11px;color:#c00}.msn-divider{display:flex;align-items:center;margin:10px 0;gap:10px}.msn-divider hr{flex:1;border:none;border-top:1px solid var(--btn-shadow)}.msn-divider span{font-size:11px;color:#888}.msn-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:12px;font-family:inherit;margin-bottom:8px}.msn-social-btn.google{background:#fff;color:#333}.msn-social-btn.google:hover{background:#f8f8f8}.msn-social-btn.microsoft{background:#2f2f2f;color:#fff;border-color:#2f2f2f}.msn-social-btn.microsoft:hover{background:#404040}.msn-avatar-picker{display:flex;gap:6px;margin-bottom:12px}.msn-avatar-option{border:2px solid transparent;border-radius:4px;padding:2px;cursor:pointer}.msn-avatar-option.selected{border-color:var(--window-border)}.msn-avatar-option img{width:36px;height:36px;border-radius:4px}.msn-orga-item{display:flex;align-items:center;padding:10px;margin-bottom:4px;border:1px solid var(--btn-shadow);border-radius:3px;cursor:pointer;background:#fff}.msn-orga-item.active{background:#d6f7d6;border-color:var(--online)}.msn-orga-item:hover{opacity:.9}.msn-loading{display:flex;align-items:center;justify-content:center;height:100%;background:var(--window-bg)}.msn-spinner{width:32px;height:32px;border:3px solid var(--btn-shadow);border-top-color:var(--title-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}