.msn{border-radius:12px;border:1px solid #b9cff3;background:linear-gradient(180deg,#f4f8ff,#ffffff 40%);box-shadow:0 10px 30px rgba(40,80,160,.12);overflow:hidden}.msn--shake{animation:msnshake .6s linear}@keyframes msnshake{10%,50%,90%{transform:translate(-6px,2px)}30%,70%{transform:translate(6px,-2px)}20%,60%{transform:translate(4px,3px)}40%,80%{transform:translate(-4px,-3px)}}@media (prefers-reduced-motion:reduce){.msn--shake{animation:none;outline:3px solid var(--pri-l)}}.msn__title{display:flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(180deg,#eaf2ff,#d6e5fc);border-bottom:1px solid #c4d7f6;font-size:.86rem;color:#2a4a80}.msn__logo{color:#4f8be8;font-size:.7rem;text-shadow:0 0 6px #9cc0f5}.msn__close{margin-left:auto;width:26px;height:20px;display:grid;place-items:center;border-radius:4px;color:#2a4a80;border:1px solid #b9cff3;background:#fff;font-size:.7rem}.msn__close:hover{background:#e9f1ff;text-decoration:none}.msn__bar{display:flex;flex-wrap:wrap;gap:2px;padding:6px 10px;background:linear-gradient(180deg,#6fa0ea,#4c86e0)}.msn__bar a,.msn__bar button{color:#fff;font-size:.86rem;padding:4px 10px;border-radius:6px;background:none;border:0;cursor:pointer}.msn__bar a:hover,.msn__bar button:hover{background:rgba(255,255,255,.18);text-decoration:none}.msn__bar button:disabled{opacity:.5;cursor:default}.msn__main{display:grid;grid-template-columns:130px minmax(0,1fr);grid-gap:0;gap:0}.msn__side{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;padding:16px 10px;border-right:1px solid #e3ecfb;background:linear-gradient(180deg,#f6f9ff,#eef4ff)}.msnav{padding:5px;border-radius:18px;background:#fff;border:1px solid #d3e2fa}.msnav--online{box-shadow:0 0 0 3px #cfe0fb,0 0 14px rgba(70,130,230,.45);background:linear-gradient(160deg,#e3eeff,#fff)}.msnav--away{box-shadow:0 0 0 3px #e3edfc,0 0 10px rgba(150,185,235,.35)}.msnav--busy{box-shadow:0 0 0 3px #c8d3e8,0 0 10px rgba(60,80,140,.3)}.msnav--offline{filter:grayscale(.5);opacity:.85}.msn__chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:480px}.msn__head{padding:12px 16px 8px;border-bottom:1px solid #edf2fb}.msn__name{font-size:1.25rem;color:#23406f;font-weight:600}.msn__st{color:var(--muted);font-size:.9rem}.msn__pm{color:var(--ink-2);font-size:.92rem;overflow-wrap:anywhere}.msn__np{color:var(--pri-d);font-size:.82rem}.msn__log{overflow-y:auto;padding:10px 16px;max-height:420px;min-height:280px}.msn__day{font-size:.72rem;color:var(--muted)}.msn__day,.msn__sys{text-align:center;margin:8px 0}.msn__sys{font-size:.8rem;color:#5a7fbf;font-style:italic}.msn__grp{margin:6px 0 10px}.msn__who{font-size:.82rem;color:#7a8aa6}.msn__who time{font-size:.72rem;margin-left:4px}.msn__grp.is-me .msn__who{color:#8796ae}.msn__grp ul{margin:2px 0 0;padding-left:18px;list-style:none}.msn__grp li{position:relative;padding:1px 0;font-size:.95rem;white-space:pre-line;overflow-wrap:anywhere}.msn__grp li:before{content:"•";position:absolute;left:-14px;color:#b0c3e0}.msn__seen{text-align:right;font-size:.72rem;color:var(--muted)}.msn__compose{border-top:1px solid #e3ecfb;padding:8px 12px 12px;background:#fbfdff}.msn__tools{position:relative;display:flex;gap:4px;margin-bottom:6px}.msn__tools>button{border:1px solid #d5e3f8;background:#fff;border-radius:6px;padding:2px 8px;cursor:pointer;font-size:.9rem;color:var(--pri-d)}.msn__tools>button:hover{background:#eef5ff}.msn__emo{position:absolute;bottom:34px;left:0;z-index:5;display:grid;grid-template-columns:repeat(8,34px);grid-gap:2px;gap:2px;padding:6px;background:#fff;border:1px solid #c9dbf7;border-radius:10px;box-shadow:var(--shadow)}.msn__emo button{border:0;background:none;font-size:1.2rem;cursor:pointer;border-radius:6px;height:32px}.msn__emo button:hover{background:#eef5ff}.msn__inrow{display:flex;gap:8px;align-items:stretch}.msn__inrow textarea{flex:1 1;min-width:0;border:1px solid #c9dbf7;border-radius:10px;padding:8px 12px;resize:none;outline:none;font-size:.95rem;background:#fff}.msn__inrow textarea:focus{border-color:var(--pri-l);box-shadow:0 0 0 3px var(--pri-soft)}.messenger{display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.msnlist__me{display:flex;gap:12px;align-items:center;padding:14px 16px;background:linear-gradient(180deg,#eef4ff,#fff);border-bottom:1px solid var(--line-2);border-radius:var(--radius) var(--radius) 0 0}.msnlist__status{display:flex;gap:4px;margin:2px 0}.msnlist__status select{border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:.82rem;background:#fff}.msnlist__search{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--line-2)}.msnlist__search input{flex:1 1;min-width:0;border:1px solid var(--line);border-radius:99px;padding:6px 12px;outline:none}summary.msnlist__group{cursor:pointer;list-style:none;padding:10px 16px 2px}summary.msnlist__group::-webkit-details-marker{display:none}summary.msnlist__group:before{content:"▾ ";color:var(--pri-l)}details:not([open])>summary.msnlist__group:before{content:"▸ "}.buddy__link{display:flex;gap:10px;align-items:center;flex:1 1;min-width:0;color:var(--ink)}.buddy__link:hover{text-decoration:none}.buddy li:hover{background:#f6f9ff}@media (max-width:860px){.messenger{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.msn__main{grid-template-columns:minmax(0,1fr)}.msn__side{flex-direction:row;justify-content:center;border-right:0;border-bottom:1px solid #e3ecfb;padding:10px}.msn__side .msnav:last-child{display:none}.msn__side .av{width:64px!important;height:64px!important}.msn__chat{min-height:0}.msn__log{max-height:50vh;min-height:220px}.msn__emo{grid-template-columns:repeat(6,34px)}.msn__bar a,.msn__bar button{padding:4px 7px;font-size:.8rem}}