:root{--msn-purple: #5a5fef;--msn-blue: #0078d7;--msn-green: #7fba00;--msn-orange: #ffb900;--msn-gray: #5e5e5e;--msn-light-gray: #e5e5e5;--msn-border: #acacac;--msn-window-bg: #ece9d8}body{margin:0;padding:0;font-family:Tahoma,Segoe UI,Arial,sans-serif;font-size:11px;background:linear-gradient(180deg,#d3e5f1,#b4d4ea);min-height:100vh;display:flex;align-items:center;justify-content:center}.msn-window{background:#fff;border:1px solid #6593cf;border-radius:8px;box-shadow:0 6px 20px #0003;width:400px;overflow:hidden}.msn-title-bar{background:linear-gradient(to bottom,#5a8fd7,#2f5faa);padding:4px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a4d8f}.msn-title{color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;gap:6px}.msn-logo{width:16px;height:16px;background:var(--msn-green);border-radius:50%}.msn-controls{display:flex;gap:2px}.msn-control-btn{width:16px;height:16px;border:1px solid rgba(255,255,255,.6);border-radius:2px;background:linear-gradient(to bottom,#7ba5e0,#5a8fd7);cursor:pointer;font-size:10px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.msn-control-btn:hover{background:linear-gradient(to bottom,#8bb5f0,#6a9fe7)}.msn-branding-bar{background:linear-gradient(to bottom,#e8eef5,#d0dce9);border-bottom:1px solid #b5c7d8;padding:8px 12px;display:flex;align-items:center;gap:8px}.msn-branding-icon{width:20px;height:20px;background:radial-gradient(circle,#4a9eff,#1e6bc7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.msn-branding-text{font-size:14px;font-weight:700;background:linear-gradient(to right,#ff6b35,#f7941d,#00a651,#06c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.msn-menu-bar{background:linear-gradient(to bottom,#f0f4f7,#dce6ef);border-bottom:1px solid #bcc7d8;padding:3px 8px;display:flex;gap:12px;font-size:11px}.msn-menu-item{color:#000;cursor:pointer;padding:2px 6px;border-radius:2px;-webkit-user-select:none;user-select:none}.msn-menu-item:hover{background:#fff9}.msn-content{padding:24px;background:#fff}.msn-header{text-align:center;margin-bottom:24px}.msn-header-logo{width:48px;height:48px;background:linear-gradient(135deg,#4eb5e5,#1e88c7,#0078d7);border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.msn-header h1{margin:0;font-size:18px;color:var(--msn-gray);font-weight:700}.msn-header p{margin:4px 0 0;font-size:11px;color:#666}.msn-form{display:flex;flex-direction:column;gap:16px}.msn-form-group{display:flex;flex-direction:column;gap:6px}.msn-label{font-size:11px;font-weight:700;color:var(--msn-gray)}.msn-input{padding:4px 6px;border:1px solid #7f9db9;border-radius:1px;font-family:Tahoma,Segoe UI,Arial,sans-serif;font-size:11px;outline:none;transition:border-color .2s;background:#fff;color:#000;box-shadow:inset 1px 1px 2px #0000000d}.msn-input:focus{border-color:#5a8fd7;box-shadow:inset 1px 1px 2px #0000000d,0 0 0 1px #5a8fd74d}.msn-checkbox-group{display:flex;align-items:center;gap:6px}.msn-checkbox{width:14px;height:14px}.msn-checkbox-label{font-size:11px;color:var(--msn-gray);cursor:pointer;-webkit-user-select:none;user-select:none}.msn-button{padding:8px 16px;border:1px solid #003c74;border-radius:3px;background:linear-gradient(to bottom,#0078d7,#005a9e);color:#fff;font-family:Tahoma,Segoe UI,Arial,sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s}.msn-button:hover{background:linear-gradient(to bottom,#1084e3,#106aae)}.msn-button:active{background:linear-gradient(to bottom,#005a9e,#0078d7)}.msn-button:disabled{opacity:.5;cursor:not-allowed}.msn-button-secondary{background:linear-gradient(to bottom,#f0f0f0,#d0d0d0);border-color:var(--msn-border);color:var(--msn-gray)}.msn-button-secondary:hover{background:linear-gradient(to bottom,#f8f8f8,#e0e0e0)}.msn-link{color:var(--msn-blue);text-decoration:none;font-size:11px;cursor:pointer}.msn-link:hover{text-decoration:underline}.msn-error{background:#fef0f0;border:1px solid #fcc;border-radius:3px;padding:8px 12px;color:#c00;font-size:11px}.msn-divider{border:0;border-top:1px solid var(--msn-light-gray);margin:16px 0}.msn-footer{text-align:center;margin-top:16px;font-size:11px;color:#666}.msn-input::placeholder{color:#999;opacity:1}.friend-item:hover{background:#e8f4fd}.contact-group{margin-bottom:8px}.contact-group-header{display:flex;align-items:center;gap:6px;padding:4px 8px;background:linear-gradient(to bottom,#f5f5f5,#e8e8e8);border:1px solid #d0d0d0;border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700;color:#444;margin-bottom:4px}.contact-group-header:hover{background:linear-gradient(to bottom,#fafafa,#ededed)}.contact-group-arrow{font-size:9px;transition:transform .2s}.contact-group-arrow.expanded{transform:rotate(90deg)}.contact-group-count{color:#666;font-weight:400}.contact-group-items{padding-left:8px}