*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--msn-primary:#0057a8;--msn-primary-dark:#003f7d;--msn-primary-light:#d6e8ff;--msn-primary-lighter:#ebf4ff;--msn-accent:#2e7d32;--msn-blue:#0057a8;--msn-blue-dark:#003f7d;--msn-blue-darker:#002a55;--msn-blue-light:#d6e8ff;--msn-blue-lighter:#ebf4ff;--msn-green:#2e7d32;--msn-green-light:#e8f5e9;--msn-orange:#e65100;--msn-orange-light:#fff3e0;--msn-red:#c62828;--msn-red-light:#ffebee;--msn-yellow:#f9a825;--msn-gray:#767676;--msn-gray-light:#f0f0f0;--msn-gray-dark:#444;--xp-titlebar-start:#0a246a;--xp-titlebar-end:#a6caf0;--xp-titlebar-active:linear-gradient(180deg, #0a246a 0%, #2e6bb5 40%, #a6caf0 100%);--xp-bar:linear-gradient(180deg, #ece9d8 0%, #d4d0c8 100%);--xp-btn:linear-gradient(180deg, #fff 0%, #d4d0c8 100%);--xp-inset:gray;--bg:#ece9d8;--bg-panel:#e8e4d0;--bg-chat:#fff;--bg-input:#fff;--bg-hover:#c1d8f5;--bg-selected:#98bfef;--text-primary:#1a1a1a;--text-secondary:#444;--text-muted:#767676;--text-link:#0057a8;--border:#919b9c;--border-light:#c8c0b0;--border-dark:#6b6b6b;--shadow-sm:0 1px 2px #00000026;--shadow-md:2px 2px 8px #0003;--shadow-lg:3px 3px 12px #00000040;--radius:3px;--radius-lg:4px;--radius-xl:6px;--radius-full:9999px;--font:Tahoma, Arial, "MS Sans Serif", system-ui, sans-serif;--font-size-base:11px;--transition:.15s ease}body{font-family:var(--font);font-size:var(--font-size-base);color:var(--text-primary);-webkit-font-smoothing:subpixel-antialiased;background:#004e98;height:100dvh;overflow:hidden}#root{width:100%;height:100dvh}input,button,select,textarea{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}.chat-layout{background:var(--bg);height:100dvh;display:flex;overflow:hidden}.chat-layout--nudge{animation:.65s cubic-bezier(.36,.07,.19,.97) nudgeShake;box-shadow:0 0 0 3px var(--msn-orange), 0 0 32px #e6510073!important}@keyframes nudgeShake{0%,to{transform:translate(0)}8%{transform:translate(-14px)rotate(-1deg)}16%{transform:translate(14px)rotate(1deg)}24%{transform:translate(-11px)rotate(-.7deg)}32%{transform:translate(11px)rotate(.7deg)}40%{transform:translate(-8px)}48%{transform:translate(8px)}56%{transform:translate(-5px)}64%{transform:translate(5px)}72%{transform:translate(-3px)}80%{transform:translate(3px)}90%{transform:translate(-1px)}}.cl-titlebar,.cw-titlebar{background:var(--xp-titlebar-active);color:#fff;-webkit-user-select:none;user-select:none;text-shadow:1px 1px 1px #0006;justify-content:space-between;align-items:center;min-height:26px;padding:3px 6px;font-size:11px;font-weight:700;display:flex}.cl-titlebar-left{align-items:center;gap:5px;display:flex}.cl-titlebar-icon{opacity:.9;flex-shrink:0}.cl-titlebar-text,.cw-titlebar-text{letter-spacing:.2px;text-shadow:1px 1px 1px #00000080;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.cl-titlebar-right{gap:2px;display:flex}.cl-titlebar-min,.cl-titlebar-box,.cl-titlebar-x{color:#ffffffe6;background:linear-gradient(#5d8fc9 0%,#3a6ea8 100%);border:1px solid #0000004d;border-radius:2px;justify-content:center;align-items:center;width:22px;height:18px;font-size:11px;transition:background .1s;display:flex;box-shadow:inset 0 1px #ffffff4d}.cl-titlebar-min:hover,.cl-titlebar-box:hover{background:linear-gradient(#7aabdf 0%,#5088c2 100%)}.cl-titlebar-x:hover{background:linear-gradient(#e81123 0%,#a80018 100%)}.cw-demo-badge{color:#0057a8;border-radius:var(--radius-full);background:#fff;padding:1px 5px;font-size:8px;font-weight:700;line-height:1}.contact-list{background:var(--bg-panel);border-right:2px solid var(--border-dark);flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.cl-header{border-bottom:1px solid var(--border);background:linear-gradient(#d4edff 0%,#c0d8f0 50%,#a8c8e8 100%);padding:8px 10px 6px}.cl-profile{align-items:center;gap:8px;margin-bottom:5px;display:flex}.cl-avatar{color:#fff;cursor:pointer;width:42px;height:42px;transition:box-shadow var(--transition);border:2px solid #6b8ab5;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6,1px 1px 3px #0000004d}.cl-avatar:hover{box-shadow:0 0 0 2px #0057a8,1px 1px 3px #0000004d}.cl-avatar--online{background:#2e7d32}.cl-avatar--away{background:#e65100}.cl-avatar--busy{background:#c62828}.cl-avatar--offline{background:#767676}.cl-avatar-img{object-fit:cover;width:100%;height:100%}.cl-avatar-status{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.cl-avatar--online .cl-avatar-status{background:#4caf50}.cl-avatar--away .cl-avatar-status{background:#ff9800}.cl-avatar--busy .cl-avatar-status{background:#f44336}.cl-avatar--offline .cl-avatar-status{background:#9e9e9e}.cl-profile-info{flex:1;min-width:0}.cl-profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:12px;font-weight:700;display:block;overflow:hidden}.cl-status-row{align-items:center;display:flex}.cl-status-select{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:linear-gradient(#fff 0%,#e8e4d0 100%);padding:1px 5px;font-size:10px}.cl-status-select option{color:var(--text-primary);background:#fff}.cl-header-actions{flex-shrink:0;gap:1px;display:flex}.cl-action-btn{border-radius:var(--radius);width:26px;height:24px;color:var(--text-secondary);transition:background var(--transition), color var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.cl-action-btn:hover{border-color:var(--border);color:var(--msn-primary);box-shadow:var(--shadow-sm);background:linear-gradient(#fff 0%,#d4d0c8 100%)}.cl-logout-btn:hover{color:var(--msn-red)}.cl-personal-msg{width:100%;color:var(--text-secondary);border-radius:var(--radius);border:1px solid var(--border-light);transition:border-color var(--transition);background:#fff;margin-bottom:3px;padding:3px 6px;font-size:10px;font-style:italic}.cl-personal-msg::placeholder{color:var(--text-muted);font-style:italic}.cl-personal-msg:focus{border-color:var(--msn-primary)}.cl-now-playing-row{border-radius:var(--radius);border:1px solid var(--border-light);background:#fff;align-items:center;gap:3px;padding:2px 6px;display:flex}.cl-np-icon{flex-shrink:0;font-size:10px}.cl-now-playing-input{color:var(--msn-orange);flex:1;min-width:0;padding:1px 0;font-size:10px;font-style:italic}.cl-now-playing-input::placeholder{color:var(--text-muted);font-style:italic}.cl-demo-bar{background:linear-gradient(#fffde7 0%,#fff9c4 100%);border-bottom:1px solid #f9a825;justify-content:space-between;align-items:center;padding:4px 10px;display:flex}.cl-demo-indicator{color:#e65100;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.cl-demo-indicator:before{content:"●";color:#e65100;font-size:7px;animation:2s ease-in-out infinite demoPulse}@keyframes demoPulse{0%,to{opacity:1}50%{opacity:.3}}.cl-demo-btn{border-radius:var(--radius);transition:background var(--transition);border:1px solid;padding:2px 8px;font-size:10px;font-weight:700}.cl-demo-btn--on{background:var(--msn-primary);color:#fff;border-color:var(--msn-primary-dark)}.cl-demo-btn--on:hover{background:var(--msn-primary-dark)}.cl-demo-btn--off{color:var(--msn-red);border-color:var(--msn-red);background:#fff}.cl-demo-btn--off:hover{background:var(--msn-red-light)}.cl-pending-bar{color:var(--msn-orange);text-align:center;cursor:pointer;transition:background var(--transition);background:linear-gradient(#fff3e0 0%,#ffe0b2 100%);border-bottom:1px solid #ffcc80;padding:4px 10px;font-size:10px;font-weight:700}.cl-pending-bar:hover{background:#ffe0b2}.cl-pending-label{color:var(--msn-orange);font-size:10px;font-style:italic}.cl-notifications{flex-direction:column;gap:2px;padding:3px 8px;display:flex}.cl-notification{color:#333;border-radius:var(--radius);background:#ffc;border:1px solid #cc0;align-items:center;gap:4px;padding:3px 8px;font-size:10px;animation:.25s ease-out notifSlide;display:flex}.cl-notification:before{content:"▶";color:var(--msn-primary);flex-shrink:0;font-size:6px}@keyframes notifSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cl-search{border-bottom:1px solid var(--border-light);padding:4px 8px;position:relative}.cl-search-icon{pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.cl-search-input{width:100%;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition);background:#fff;padding:4px 8px 4px 28px;font-size:11px}.cl-search-input::placeholder{color:var(--text-muted)}.cl-search-input:focus{border-color:var(--msn-primary)}.cl-contacts{background:var(--bg-panel);flex:1;overflow-y:auto}.cl-group{margin-bottom:0}.cl-group-label{color:#333;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#d4d0c8 0%,#c0bca8 100%);border-top:1px solid #fff;border-bottom:1px solid gray;align-items:center;gap:4px;padding:4px 10px 3px;font-size:10px;font-weight:700;display:flex}.cl-group-label:hover{background:linear-gradient(#c8d8f0 0%,#b0c8e8 100%)}.cl-group-chevron{flex-shrink:0;transition:transform .2s}.cl-group-chevron--collapsed{transform:rotate(-90deg)}.cl-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.cl-status-dot--online{background:#4caf50}.cl-status-dot--away{background:#ff9800}.cl-status-dot--busy{background:#f44336}.cl-status-dot--offline{background:#9e9e9e}.cl-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:11px;line-height:1.6}.cl-empty-add{background:var(--msn-primary);color:#fff;border-radius:var(--radius);border:1px solid var(--msn-primary-dark);transition:background var(--transition);margin-top:8px;padding:4px 14px;font-size:11px;font-weight:700}.cl-empty-add:hover{background:var(--msn-primary-dark)}.cl-empty-demo{background:var(--msn-green);color:#fff;border-radius:var(--radius);transition:background var(--transition);border:1px solid #1b5e20;margin-top:6px;padding:4px 14px;font-size:11px;font-weight:700}.cl-empty-demo:hover{background:#1b5e20}.cl-contact{cursor:pointer;transition:background var(--transition);border-bottom:1px solid #0000000a;border-left:3px solid #0000;align-items:center;gap:7px;padding:4px 10px;display:flex}.cl-contact:hover{background:var(--bg-hover);border-left-color:#7aabdf}.cl-contact--selected{border-left-color:var(--msn-primary);background:var(--bg-selected)!important}.cl-contact--demo{opacity:.9}.cl-contact-avatar-wrap{flex-shrink:0;position:relative}.cl-contact-avatar{color:#fff;border:1px solid #6b8ab5;border-radius:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex;overflow:hidden;box-shadow:1px 1px 2px #0003}.cl-contact-avatar img{object-fit:cover;width:100%;height:100%}.cl-online-pulse{border:2px solid var(--bg-panel);background:#4caf50;border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite onlinePulse;position:absolute;bottom:-1px;right:-1px}@keyframes onlinePulse{0%,to{box-shadow:0 0 #4caf5080}50%{box-shadow:0 0 0 3px #4caf5000}}.cl-contact-info{flex:1;min-width:0}.cl-contact-top{justify-content:space-between;align-items:baseline;display:flex}.cl-contact-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.cl-contact-time{color:var(--text-muted);flex-shrink:0;margin-left:4px;font-size:9px}.cl-demo-badge{color:#fff;background:var(--msn-primary);border-radius:var(--radius-full);padding:1px 3px;font-size:7px;font-weight:700;line-height:1}.cl-contact-np{color:#7b4a00;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:italic;line-height:1.3;overflow:hidden}.cl-contact-pm{color:#555;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:italic;line-height:1.3;overflow:hidden}.cl-contact-bottom{justify-content:space-between;align-items:center;display:flex}.cl-contact-last{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:4px;font-size:10px;overflow:hidden}.cl-typing{color:var(--msn-primary);font-size:10px;font-style:italic;animation:1.2s ease-in-out infinite typingFade}@keyframes typingFade{0%,to{opacity:1}50%{opacity:.4}}.cl-unread{background:var(--msn-red);color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;display:flex}.chat-window{background:var(--bg-chat);border-left:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.cw-header{border-bottom:2px solid var(--border);background:linear-gradient(#d4edff 0%,#c0d8f0 50%,#a8c8e8 100%);align-items:center;gap:8px;padding:6px 10px;display:flex}.cw-back{border-radius:var(--radius);width:28px;height:26px;color:var(--text-secondary);border:1px solid var(--border);transition:background var(--transition);box-shadow:var(--shadow-sm);background:linear-gradient(#fff 0%,#d4d0c8 100%);justify-content:center;align-items:center;display:flex}.cw-back:hover{background:var(--bg-hover);color:var(--msn-primary)}.cw-avatar{color:#fff;border:2px solid #6b8ab5;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex;overflow:hidden;box-shadow:1px 1px 3px #0000004d}.cw-avatar--online{background:#2e7d32}.cw-avatar--away{background:#e65100}.cw-avatar--busy{background:#c62828}.cw-avatar--offline{background:#767676}.cw-header-info{flex:1;min-width:0}.cw-name{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.2;display:block}.cw-status{align-items:center;gap:3px;font-size:10px;display:flex}.cw-status:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px}.cw-status--online{color:#2e7d32}.cw-status--online:before{background:#4caf50}.cw-status--away{color:#e65100}.cw-status--away:before{background:#ff9800}.cw-status--busy{color:#c62828}.cw-status--busy:before{background:#f44336}.cw-status--offline{color:#767676}.cw-status--offline:before{background:#9e9e9e}.cw-personal-msg{color:#555;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-style:italic;display:block;overflow:hidden}.cw-now-playing{color:#7b4a00;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-style:italic;display:block;overflow:hidden}.cw-actions{gap:2px;display:flex}.cw-action-btn{border-radius:var(--radius);width:30px;height:26px;color:var(--text-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:background var(--transition), color var(--transition);background:linear-gradient(#fff 0%,#d4d0c8 100%);justify-content:center;align-items:center;display:flex}.cw-action-btn:hover{color:var(--msn-primary);background:linear-gradient(#c8d8f0 0%,#a0c0e0 100%);border-color:#5888c0}.cw-action-btn:active{box-shadow:inset 0 1px 3px #0003}.cw-call-btn:hover{color:#2e7d32}.cw-video-btn:hover{color:var(--msn-primary)}.cw-nudge-btn:hover{color:#c62828}.cw-nudge-btn--cooldown{opacity:.4;cursor:not-allowed}.cw-nudge-btn--cooldown:hover{color:var(--text-muted);border-color:var(--border);background:linear-gradient(#fff 0%,#d4d0c8 100%)}.cw-nudge-label{margin-left:2px;font-size:9px;font-weight:700;display:none}@media (width>=769px){.cw-nudge-label{display:inline}}.cw-messages{border-bottom:1px solid var(--border-light);background:#fff;flex-direction:column;flex:1;gap:3px;padding:8px 10px;display:flex;overflow-y:auto}.cw-start-msg{text-align:center;color:var(--text-muted);border-bottom:1px dashed var(--border-light);margin-bottom:4px;padding:10px 0;font-size:10px;animation:.3s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cw-msg{animation:.15s ease-out msgSlideIn;display:flex}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cw-msg--sent{justify-content:flex-end}.cw-msg--recv{justify-content:flex-start}.cw-msg-inner{align-items:flex-end;gap:5px;max-width:80%;display:flex}.cw-msg--sent .cw-msg-inner{flex-direction:row-reverse}.cw-msg-avatar{flex-shrink:0}.cw-bubble{word-wrap:break-word;border-radius:2px;min-width:50px;padding:4px 9px;font-size:12px;position:relative}.cw-msg--sent .cw-bubble{color:var(--text-primary);background:#e3f0ff;border:1px solid #7aabdf;border-bottom-right-radius:1px}.cw-msg--recv .cw-bubble{color:var(--text-primary);background:#fff;border:1px solid #c8c0b0;border-bottom-left-radius:1px}.cw-bubble-name{margin-bottom:1px;font-size:10px;font-weight:700;line-height:1.3;display:block}.cw-msg--sent .cw-bubble-name{color:#0057a8}.cw-msg--recv .cw-bubble-name{color:#c62828}.cw-bubble-text{word-break:break-word;font-size:12px;line-height:1.4}.cw-img-placeholder{opacity:.7;align-items:center;gap:3px;font-size:11px;font-style:italic;display:inline-flex}.cw-bubble-meta{justify-content:flex-end;align-items:center;gap:3px;margin-top:1px;display:flex}.cw-bubble-time{opacity:.5;white-space:nowrap;font-size:9px}.cw-msg-status{font-size:9px;line-height:1}.cw-msg-status--sent{color:#999}.cw-msg-status--delivered{color:#666}.cw-msg-status--seen{color:#0057a8;font-weight:700}.cw-typing-status{align-items:center;gap:3px;font-style:italic;display:inline-flex}.cw-typing-status-dots{align-items:center;gap:2px;display:inline-flex}.cw-typing-status-dots span{background:currentColor;border-radius:50%;width:3px;height:3px;animation:1.4s ease-in-out infinite typingBounce}.cw-typing-status-dots span:nth-child(2){animation-delay:.2s}.cw-typing-status-dots span:nth-child(3){animation-delay:.4s}.cw-typing-bubble{background:#fff;border:1px solid #c8c0b0;border-radius:2px;padding:7px 12px}.cw-typing-dots{align-items:center;gap:3px;display:flex}.cw-typing-dots span{background:#aaa;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.cw-typing-dots span:nth-child(2){animation-delay:.2s}.cw-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.cw-nudge-msg{color:#e65100;border-radius:var(--radius);text-align:center;background:#fff3e0;border:1px solid #ffb74d;width:100%;padding:6px 14px;font-size:11px;font-weight:700;animation:.5s ease-in-out nudgePulse}@keyframes nudgePulse{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.cw-nudge-icon{font-size:13px}.cw-system-msg{text-align:center;color:var(--text-muted);border-bottom:1px dashed var(--border-light);margin:2px 0;padding:2px 0;font-size:10px;font-style:italic}.cw-emoji-picker{border-top:1px solid var(--border);background:#ece9d8;animation:.15s ease-out emojiSlideUp}@keyframes emojiSlideUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.cw-emoji-tabs{border-bottom:1px solid var(--border);background:linear-gradient(#d4d0c8 0%,#c4c0b8 100%);padding:0 4px;display:flex;overflow-x:auto}.cw-emoji-tab{color:var(--text-secondary);transition:color var(--transition);white-space:nowrap;border-bottom:2px solid #0000;padding:4px 8px;font-size:10px;font-weight:700}.cw-emoji-tab:hover{color:var(--text-primary)}.cw-emoji-tab--active{color:var(--msn-primary);border-bottom-color:var(--msn-primary)}.cw-emoji-grid{flex-wrap:wrap;gap:1px;max-height:100px;padding:4px 6px;display:flex;overflow-y:auto}.cw-emoji-btn{border-radius:var(--radius);width:28px;height:28px;transition:background var(--transition), transform .1s;justify-content:center;align-items:center;font-size:16px;display:flex}.cw-emoji-btn:hover{background:var(--bg-hover);transform:scale(1.15)}.cw-input-area{border-top:2px solid var(--border);background:linear-gradient(#ece9d8 0%,#d4d0c8 100%);flex-direction:column;padding:0;display:flex}.cw-toolbar{border-bottom:1px solid var(--border-light);background:linear-gradient(#d4d0c8 0%,#c4c0b8 100%);align-items:center;gap:2px;padding:3px 6px;display:flex}.cw-tool-btn{border-radius:var(--radius);width:26px;height:24px;transition:background var(--transition);border:1px solid #0000;justify-content:center;align-items:center;display:flex}.cw-tool-btn:hover{border-color:var(--border);box-shadow:var(--shadow-sm);background:linear-gradient(#fff 0%,#d4d0c8 100%)}.cw-user-typing-hint{color:var(--text-muted);margin-left:6px;font-size:9px;font-style:italic;animation:1.2s ease-in-out infinite typingFade}.cw-form{align-items:center;gap:4px;padding:5px 8px;display:flex}.cw-emoji-toggle{border-radius:var(--radius);width:28px;height:26px;transition:background var(--transition);border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cw-emoji-toggle:hover{background:var(--bg-hover);border-color:var(--border)}.cw-input{color:var(--text-primary);border-radius:var(--radius);border:1px solid var(--border);transition:border-color var(--transition);background:#fff;flex:1;padding:5px 10px;font-size:12px;box-shadow:inset 0 1px 3px #0000001a}.cw-input::placeholder{color:var(--text-muted)}.cw-input:focus{border-color:var(--msn-primary)}.cw-send-btn{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background var(--transition), opacity var(--transition);background:linear-gradient(#5098d0 0%,#2e70b0 100%);border:1px solid #1e5090;flex-shrink:0;padding:5px 14px;font-size:11px;font-weight:700}.cw-send-btn:hover:not(:disabled){background:linear-gradient(#70b8f0 0%,#4090d0 100%)}.cw-send-btn:active:not(:disabled){background:linear-gradient(#2e70b0 0%,#5098d0 100%);box-shadow:inset 0 1px 3px #0003}.cw-send-btn:disabled{opacity:.35;cursor:not-allowed}.cw-img-preview-bar{border-top:1px solid var(--border-light);background:#d6e8ff;align-items:center;gap:8px;padding:4px 8px;animation:.2s ease-out fadeInUp;display:flex}.cw-img-preview-thumb{object-fit:cover;border:1px solid var(--border);width:36px;height:36px}.cw-img-preview-name{color:var(--msn-primary);flex:1;font-size:10px;font-style:italic}.cw-img-preview-remove{width:22px;height:22px;color:var(--text-secondary);transition:background var(--transition);border-radius:var(--radius);justify-content:center;align-items:center;display:flex}.cw-img-preview-remove:hover{background:var(--msn-red-light);color:var(--msn-red)}.empty-state{background:#fff;flex:1;justify-content:center;align-items:center;display:flex}.empty-content{text-align:center;color:var(--text-muted);max-width:300px;animation:.5s ease-out fadeInUp}.empty-icon{margin-bottom:8px}.empty-content h2{color:var(--msn-primary);margin-bottom:6px;font-size:18px;font-weight:700}.empty-main-text{margin-bottom:14px;font-size:12px;line-height:1.5}.empty-hint{color:var(--text-muted);margin-top:10px;font-size:10px;font-style:italic}.empty-actions{flex-direction:column;align-items:center;gap:7px;display:flex}.empty-demo-btn{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background var(--transition);background:linear-gradient(#5098d0 0%,#2e70b0 100%);border:1px solid #1e5090;align-items:center;gap:5px;padding:6px 18px;font-size:12px;font-weight:700;display:flex}.empty-demo-btn:hover{background:linear-gradient(#70b8f0 0%,#4090d0 100%)}.empty-invite-btn{color:var(--msn-primary);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:background var(--transition);background:#fff;align-items:center;gap:5px;padding:6px 18px;font-size:12px;font-weight:700;display:flex}.empty-invite-btn:hover{background:var(--bg-hover)}.loading-screen{background:var(--bg);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.loading-spinner{border:3px solid var(--border-light);border-top-color:var(--msn-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.call-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.call-modal{border:2px solid var(--border-dark);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(#d4edff 0%,#c0d8f0 100%);min-width:240px;padding:28px 32px;animation:.3s cubic-bezier(.16,1,.3,1) callSlideIn;position:relative;overflow:hidden;box-shadow:4px 4px 16px #0000004d}@keyframes callSlideIn{0%{opacity:0;transform:scale(.9)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.call-waves{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.call-wave{border:2px solid #0057a833;border-radius:50%;animation:2.5s ease-out infinite callWaveExpand;position:absolute}.call-wave:first-child{width:80px;height:80px;animation-delay:0s}.call-wave:nth-child(2){width:80px;height:80px;animation-delay:.7s}.call-wave:nth-child(3){width:80px;height:80px;animation-delay:1.4s}@keyframes callWaveExpand{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.5)}}.call-avatar{background:linear-gradient(135deg, var(--msn-primary) 0%, #5ba0e4 100%);color:#fff;z-index:2;border:2px solid #6b8ab5;border-radius:0;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:24px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px 8px #0000004d}.call-name{color:var(--text-primary);z-index:2;margin-bottom:3px;font-size:16px;font-weight:700;position:relative}.call-type{color:var(--text-secondary);z-index:2;margin-bottom:4px;font-size:11px;position:relative}.call-timer{color:var(--msn-primary);font-variant-numeric:tabular-nums;z-index:2;margin-bottom:20px;font-family:monospace;font-size:22px;font-weight:700;position:relative}.call-hangup{width:50px;height:50px;transition:background var(--transition), transform .15s;z-index:2;background:linear-gradient(#e53935 0%,#b71c1c 100%);border:2px solid #7f0000;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;box-shadow:2px 2px 8px #b71c1c66}.call-hangup:hover{background:linear-gradient(#ef5350 0%,#c62828 100%);transform:scale(1.08)}.call-hangup:active{transform:scale(.95)}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:2px solid var(--border-dark);background:#ece9d8;margin:16px;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) callSlideIn}.modal-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;display:flex}.modal-title{color:var(--text-primary);font-size:13px;font-weight:700}.modal-close-x{border-radius:var(--radius);width:24px;height:22px;color:var(--text-muted);border:1px solid var(--border);transition:background var(--transition);box-shadow:var(--shadow-sm);background:linear-gradient(#fff 0%,#d4d0c8 100%);justify-content:center;align-items:center;display:flex}.modal-close-x:hover{color:#900;background:linear-gradient(#ffd0d0 0%,#e0a0a0 100%);border-color:#c00}.modal-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:6px;margin-top:14px;padding-top:10px;display:flex}.modal-btn-cancel{color:var(--text-primary);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:background var(--transition);background:linear-gradient(#fff 0%,#d4d0c8 100%);padding:5px 14px;font-size:11px;font-weight:600}.modal-btn-cancel:hover{background:var(--bg-hover)}.modal-btn-save{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background var(--transition), opacity var(--transition);background:linear-gradient(#5098d0 0%,#2e70b0 100%);border:1px solid #1e5090;padding:5px 16px;font-size:11px;font-weight:700}.modal-btn-save:hover:not(:disabled){background:linear-gradient(#70b8f0 0%,#4090d0 100%)}.modal-btn-save:disabled{opacity:.4;cursor:not-allowed}.invite-subtitle{color:var(--text-secondary);margin-bottom:10px;font-size:11px;line-height:1.5}.invite-buzzy-row{border-radius:var(--radius);background:#d6e8ff;border:1px solid #7aabdf;align-items:center;gap:8px;margin-bottom:10px;padding:5px 10px;display:flex}.invite-buzzy-label{color:var(--text-secondary);font-size:10px}.invite-buzzy-code{color:var(--msn-primary);letter-spacing:2px;font-family:Courier New,monospace;font-size:13px;font-weight:700}.invite-qr{border:1px solid var(--border);background:#fff;justify-content:center;margin-bottom:10px;padding:8px;display:flex}.invite-canvas{image-rendering:pixelated}.invite-link-row{gap:6px;margin-bottom:10px;display:flex}.invite-link-input{color:var(--text-primary);border-radius:var(--radius);border:1px solid var(--border);background:#fff;flex:1;min-width:0;padding:5px 8px;font-size:10px;box-shadow:inset 0 1px 2px #0000001a}.invite-copy-btn{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background var(--transition);white-space:nowrap;background:linear-gradient(#5098d0 0%,#2e70b0 100%);border:1px solid #1e5090;align-items:center;gap:3px;padding:5px 12px;font-size:11px;font-weight:700;display:flex}.invite-copy-btn:hover{background:linear-gradient(#70b8f0 0%,#4090d0 100%)}.invite-warning-banner{color:#7b3a00;border-radius:var(--radius);background:#fff3cd;border:1px solid #e6a800;align-items:flex-start;gap:7px;margin-bottom:8px;padding:6px 9px;font-size:10px;line-height:1.4;display:flex}.invite-warning-banner strong{margin-bottom:1px;display:block}.invite-info-banner{color:#003a7b;border-radius:var(--radius);background:#d6e8ff;border:1px solid #7aabdf;align-items:flex-start;gap:7px;margin-bottom:8px;padding:6px 9px;font-size:10px;line-height:1.4;display:flex}.invite-link-input--preview{color:var(--text-muted);opacity:.7;background:#f0f0f0;text-decoration:line-through}.invite-qr-preview-note{color:var(--text-muted);text-align:center;margin-top:4px;font-size:10px;font-style:italic}.invite-preview-hint{color:#7b4a00;border-radius:var(--radius);background:#fffde7;border:1px solid #f9a825;align-items:flex-start;gap:5px;margin-bottom:8px;padding:5px 8px;font-size:10px;font-style:italic;display:flex}.profile-edit-modal{background:#ece9d8;max-width:440px}.profile-edit-avatar-section{flex-direction:column;align-items:center;margin-bottom:10px;display:flex}.profile-edit-avatar{background:var(--msn-primary);color:#fff;border:2px solid var(--border-dark);border-radius:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px 6px #0003}.profile-edit-avatar-img{object-fit:cover;width:100%;height:100%}.profile-edit-avatar-initials{font-size:22px;font-weight:700}.profile-edit-avatar-tabs{border:1px solid var(--border);border-radius:var(--radius);gap:0;margin-bottom:8px;display:flex;overflow:hidden}.pe-tab{color:var(--text-secondary);border-right:1px solid var(--border);transition:background var(--transition);background:linear-gradient(#d4d0c8 0%,#c4c0b8 100%);padding:4px 10px;font-size:10px;font-weight:700}.pe-tab:last-child{border-right:none}.pe-tab:hover{background:var(--bg-hover)}.pe-tab--active{color:#fff;background:linear-gradient(#5098d0 0%,#2e70b0 100%)}.profile-edit-avatar-content{min-height:72px;margin-bottom:10px}.pe-preset-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pe-preset-btn{border-radius:var(--radius);transition:border-color var(--transition), background var(--transition);border:2px solid #0000;border:1px solid var(--border-light);background:#fff;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex}.pe-preset-btn:hover{background:var(--bg-hover)}.pe-preset-btn--active{border-color:var(--msn-primary);background:var(--msn-primary-light)}.pe-preset-img{border-radius:0;width:36px;height:36px}.pe-preset-label{color:var(--text-secondary);font-size:8px;font-weight:600}.pe-color-grid{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pe-color-btn{width:32px;height:32px;transition:border-color var(--transition), transform .15s;border:2px solid #0000;border-radius:0;justify-content:center;align-items:center;display:flex;box-shadow:1px 1px 3px #0003}.pe-color-btn:hover{transform:scale(1.1)}.pe-color-btn--active{border-color:#333;transform:scale(1.1)}.pe-color-initial{color:#fff;text-shadow:1px 1px 2px #0006;font-size:13px;font-weight:700}.pe-file-section{text-align:center}.pe-file-btn{color:var(--text-primary);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:background var(--transition);background:linear-gradient(#fff 0%,#d4d0c8 100%);align-items:center;gap:5px;padding:7px 16px;font-size:11px;font-weight:700;display:inline-flex}.pe-file-btn:hover{background:var(--bg-hover)}.pe-error{color:var(--msn-red);margin-top:6px;font-size:10px}.pe-hint{color:var(--text-muted);margin-top:5px;font-size:9px;font-style:italic}.pe-url-section{flex-direction:column;gap:5px;display:flex}.pe-url-row{gap:5px;display:flex}.pe-url-input{color:var(--text-primary);border-radius:var(--radius);border:1px solid var(--border);background:#fff;flex:1;padding:5px 8px;font-size:11px;box-shadow:inset 0 1px 2px #0000001a}.pe-url-input::placeholder{color:var(--text-muted)}.pe-url-input:focus{border-color:var(--msn-primary)}.pe-url-btn{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background var(--transition);background:linear-gradient(#5098d0 0%,#2e70b0 100%);border:1px solid #1e5090;padding:5px 10px;font-size:11px;font-weight:700}.pe-url-btn:hover{background:linear-gradient(#70b8f0 0%,#4090d0 100%)}.profile-edit-fields{flex-direction:column;gap:8px;display:flex}.profile-edit-label{color:var(--text-secondary);flex-direction:column;gap:2px;font-size:11px;font-weight:700;display:flex}.profile-edit-input{color:var(--text-primary);border-radius:var(--radius);border:1px solid var(--border);transition:border-color var(--transition);background:#fff;padding:5px 8px;font-size:12px;box-shadow:inset 0 1px 2px #00000014}.profile-edit-input::placeholder{color:var(--text-muted)}.profile-edit-input:focus{border-color:var(--msn-primary)}.settings-section{margin-bottom:14px}.settings-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border-light);margin-bottom:8px;padding-bottom:3px;font-size:10px;font-weight:700}.settings-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.settings-toggle-label{color:var(--text-primary);font-size:12px;font-weight:500}.settings-toggle{border:1px solid var(--border);width:36px;height:20px;transition:background var(--transition);background:#c8c0b0;border-radius:10px;position:relative}.settings-toggle--on{background:var(--msn-primary);border-color:var(--msn-primary-dark)}.settings-toggle-knob{width:16px;height:16px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #00000040}.settings-toggle--on .settings-toggle-knob{transform:translate(16px)}.settings-theme-grid{gap:6px;display:flex}.settings-theme-btn{border-radius:var(--radius);border:2px solid var(--border-light);box-shadow:var(--shadow-sm);transition:border-color var(--transition), background var(--transition);background:linear-gradient(#fff 0%,#d4d0c8 100%);flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;display:flex}.settings-theme-btn:hover{background:var(--bg-hover)}.settings-theme-btn--active{border-color:var(--msn-primary);background:var(--msn-primary-light)}.settings-theme-swatch{border:1px solid #0003;border-radius:0;width:24px;height:24px}.settings-theme-name{color:var(--text-secondary);font-size:9px;font-weight:700}.settings-logout-btn{width:100%;color:var(--msn-red);border-radius:var(--radius);border:1px solid var(--msn-red);transition:background var(--transition);background:linear-gradient(#fff 0%,#d4d0c8 100%);justify-content:center;align-items:center;gap:5px;padding:7px;font-size:12px;font-weight:700;display:flex}.settings-logout-btn:hover{background:var(--msn-red-light)}.add-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.add-modal{border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);border:2px solid var(--border-dark);background:#ece9d8;margin:16px;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) callSlideIn}.add-subtitle{color:var(--text-secondary);margin-bottom:10px;font-size:10px;line-height:1.4}.add-search-row{gap:5px;margin-bottom:8px;display:flex}.add-search-input{color:var(--text-primary);border-radius:var(--radius);border:1px solid var(--border);background:#fff;flex:1;padding:5px 8px;font-size:11px;box-shadow:inset 0 1px 2px #00000014}.add-search-input::placeholder{color:var(--text-muted)}.add-search-input:focus{border-color:var(--msn-primary)}.add-search-btn{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background var(--transition);white-space:nowrap;background:linear-gradient(#5098d0 0%,#2e70b0 100%);border:1px solid #1e5090;padding:5px 12px;font-size:11px;font-weight:700}.add-search-btn:hover{background:linear-gradient(#70b8f0 0%,#4090d0 100%)}.add-search-btn:disabled{opacity:.5}.add-sent{background:var(--msn-green-light);color:var(--msn-green);border-radius:var(--radius);border:1px solid #a5d6a7;margin-bottom:8px;padding:5px 8px;font-size:10px;font-weight:700;animation:.3s ease-out fadeInUp}.add-results{max-height:230px;margin-bottom:8px;overflow-y:auto}.add-result{border-radius:var(--radius);transition:background var(--transition);border:1px solid #0000;align-items:center;gap:7px;padding:6px;display:flex}.add-result:hover{background:var(--bg-hover);border-color:#7aabdf}.add-result-avatar{color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);border:1px solid #6b8ab5;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;overflow:hidden}.add-result-info{flex:1;min-width:0}.add-result-name{color:var(--text-primary);font-size:12px;font-weight:700;display:block}.add-result-email{color:var(--text-muted);font-size:10px;display:block}.add-result-action{flex-shrink:0;align-items:center;display:flex}.add-result-btn{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background var(--transition);background:linear-gradient(#5098d0 0%,#2e70b0 100%);border:1px solid #1e5090;align-items:center;gap:3px;padding:4px 10px;font-size:10px;font-weight:700;display:flex}.add-result-btn:hover{background:linear-gradient(#70b8f0 0%,#4090d0 100%)}.add-searching{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:16px 0;font-size:11px;display:flex}.add-no-results{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:16px 10px;font-size:11px;display:flex}.add-no-results-hint{color:var(--text-muted);font-size:10px;font-style:italic}.add-accept-btn{color:#fff;border-radius:var(--radius);transition:background var(--transition);background:linear-gradient(#66bb6a 0%,#2e7d32 100%);border:1px solid #1b5e20;padding:3px 9px;font-size:10px;font-weight:700}.add-accept-btn:hover{background:#1b5e20}.add-reject-btn{color:var(--text-secondary);border-radius:var(--radius);border:1px solid var(--border);transition:background var(--transition);background:linear-gradient(#fff 0%,#d4d0c8 100%);padding:3px 9px;font-size:10px;font-weight:600}.add-reject-btn:hover{background:var(--bg-hover)}.add-contact-modal{max-width:370px}.add-tabs{border:1px solid var(--border);border-radius:var(--radius);gap:0;margin-bottom:12px;display:flex;overflow:hidden}.add-tab{color:var(--text-muted);border-right:1px solid var(--border);transition:background var(--transition), color var(--transition);text-align:center;background:linear-gradient(#d4d0c8 0%,#c4c0b8 100%);flex:1;padding:5px 4px;font-size:10px;font-weight:700}.add-tab:last-child{border-right:none}.add-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.add-tab--active{color:#fff;background:linear-gradient(#5098d0 0%,#2e70b0 100%)}.add-tab-content{min-height:140px}.add-buzzy-input{letter-spacing:2px;text-transform:uppercase;font-family:Courier New,monospace;font-weight:700}.add-mybuzzy-hint{color:var(--text-secondary);align-items:center;gap:5px;margin-top:6px;font-size:10px;display:flex}.add-mybuzzy-code{color:var(--msn-primary);font-family:Courier New,monospace;font-size:11px;font-weight:700}.add-mybuzzy-copy{color:var(--msn-primary);border:1px solid var(--msn-primary);border-radius:var(--radius);transition:background var(--transition);background:#fff;padding:2px 5px;font-size:9px;font-weight:700}.add-mybuzzy-copy:hover{background:var(--msn-primary-light)}.add-invite-section{flex-direction:column;gap:7px;display:flex}.add-invite-link-row{gap:5px;display:flex}.add-result-buzzy{color:var(--msn-primary);font-family:monospace;font-size:9px}.add-status-tag{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:700}.add-status-tag--added{background:var(--msn-green-light);color:var(--msn-green);border:1px solid #a5d6a7}.add-status-tag--pending{background:var(--msn-orange-light);color:var(--msn-orange);border:1px solid #ffcc80}.add-qr-section{flex-direction:column;align-items:center;gap:8px;display:flex}.add-qr-wrap{border:1px solid var(--border);background:#fff;padding:8px}.add-qr-buzzyid{color:var(--msn-primary);letter-spacing:3px;font-family:Courier New,monospace;font-size:13px;font-weight:700}.buzzy-id-display{border-radius:var(--radius);background:#d6e8ff;border:1px solid #7aabdf;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.buzzy-id-code{color:var(--msn-primary);letter-spacing:3px;font-family:Courier New,monospace;font-size:20px;font-weight:700}.buzzy-id-copy{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background var(--transition);white-space:nowrap;background:linear-gradient(#5098d0 0%,#2e70b0 100%);border:1px solid #1e5090;padding:4px 12px;font-size:11px;font-weight:700}.buzzy-id-copy:hover{background:linear-gradient(#70b8f0 0%,#4090d0 100%)}.login-screen{background:linear-gradient(#0a246a 0%,#2e6bb5 30%,#4a90d9 60%,#a6caf0 100%);justify-content:center;align-items:center;height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-shape{opacity:.06;background:#fff;border-radius:50%;position:absolute}.login-shape--1{width:350px;height:350px;animation:8s ease-in-out infinite floatShape;top:-80px;right:-60px}.login-shape--2{width:250px;height:250px;animation:10s ease-in-out infinite reverse floatShape;bottom:-50px;left:-50px}.login-shape--3{width:180px;height:180px;animation:6s ease-in-out 2s infinite floatShape;top:40%;left:65%}@keyframes floatShape{0%,to{transform:translate(0)scale(1)}50%{transform:translate(15px,-15px)scale(1.04)}}.login-card{border-radius:var(--radius-xl);text-align:center;z-index:1;border:2px solid var(--border-dark);background:#ece9d8;width:100%;max-width:380px;padding:36px 32px;animation:.5s cubic-bezier(.16,1,.3,1) loginSlideUp;position:relative;box-shadow:3px 3px 16px #00000059}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{margin-bottom:6px}.login-logo-icon{animation:3s ease-in-out infinite logoFloat;display:inline-block}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.login-title{letter-spacing:-1px;margin-bottom:3px;font-size:28px;font-weight:700}.login-title-buzzy{color:var(--msn-primary)}.login-title-chat{color:var(--text-secondary);font-weight:400}.login-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:12px;line-height:1.5}.login-form{flex-direction:column;gap:10px;display:flex}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{pointer-events:none;position:absolute;left:10px}.login-input{width:100%;color:var(--text-primary);border-radius:var(--radius);border:1px solid var(--border);transition:border-color var(--transition);background:#fff;padding:8px 12px 8px 34px;font-size:12px;box-shadow:inset 0 1px 3px #0000001a}.login-input::placeholder{color:var(--text-muted)}.login-input:focus{border-color:var(--msn-primary)}.login-btn{color:#fff;border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);transition:background var(--transition), opacity var(--transition);background:linear-gradient(#5098d0 0%,#2e70b0 100%);border:1px solid #1e5090;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:12px;font-weight:700;display:flex}.login-btn:hover:not(:disabled){background:linear-gradient(#70b8f0 0%,#4090d0 100%)}.login-btn:active:not(:disabled){background:linear-gradient(#2e70b0 0%,#5098d0 100%)}.login-btn:disabled{opacity:.45;cursor:not-allowed}.login-error{background:var(--msn-red-light);color:var(--msn-red);border-radius:var(--radius);border:1px solid #ffcdd2;padding:7px 10px;font-size:11px;animation:.3s ease-out fadeInUp}.login-switch{color:var(--text-muted);margin-top:12px;font-size:11px}.login-switch-btn{color:var(--msn-primary);font-size:11px;font-weight:700}.login-switch-btn:hover{text-decoration:underline}.login-invite-notice{color:var(--msn-primary);border-radius:var(--radius);background:#d6e8ff;border:1px solid #7aabdf;margin-bottom:12px;padding:7px 10px;font-size:11px;font-weight:600;animation:.3s ease-out fadeInUp}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#d4d0c8;border-left:1px solid #c4c0b8}::-webkit-scrollbar-thumb{background:linear-gradient(#e0ddd5 0%,#b8b4ac 100%);border:1px solid gray}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#c8d8f0 0%,#90b8e0 100%)}::-webkit-scrollbar-button{background:linear-gradient(#d4d0c8 0%,#c4c0b8 100%);border:1px solid gray;height:12px}@media (width<=768px){.contact-list{width:100%;min-width:100%}.chat-layout{flex-direction:column}.cw-messages{padding:8px}.login-card{padding:24px 20px}.login-title{font-size:24px}.cl-header{padding:8px}.call-modal{margin:16px;padding:22px 18px}.modal-card{margin:12px;padding:16px}.settings-theme-grid{flex-direction:column}.cl-titlebar,.cw-titlebar{display:none}}@media (width<=480px){.cw-header{gap:5px;padding:5px 7px}.cw-actions{gap:1px}.cw-action-btn{width:26px;height:24px}.cw-input{padding:5px 8px;font-size:11px}.cw-send-btn{padding:5px 10px;font-size:10px}.login-card{padding:22px 16px}.login-title{font-size:22px}}@media (width>=769px){.chat-layout{border:2px solid #0a246a;border-radius:0;height:calc(100dvh - 20px);margin:10px;overflow:hidden;box-shadow:2px 2px 12px #0006}}