.mada-messenger{position:fixed;inset:0;z-index:99999;background:#f6f7fb;color:#111;display:flex;flex-direction:column;font-family:inherit}.mada-messenger[hidden]{display:none}.mm-head{height:68px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-bottom:1px solid #e8e9ef}.mm-head button,.mm-chat-head button{border:0;background:transparent;font-size:27px;width:42px;height:42px;border-radius:50%;cursor:pointer}.mm-head button:active,.mm-chat-head button:active{background:#eee}.mm-head>div{flex:1}.mm-head b{display:block;font-size:21px}.mm-head small{display:block;color:#7a7d87;font-size:12px;margin-top:2px}.mm-search{margin:12px 14px;background:#e9ebf0;border-radius:24px;height:44px;display:flex;align-items:center;padding:0 14px;gap:8px}.mm-search span{font-size:21px}.mm-search input{border:0;outline:0;background:transparent;width:100%;font:inherit}.mm-list{overflow:auto;flex:1;padding:4px 8px}.mm-row{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:right;padding:11px 8px;border-radius:16px;cursor:pointer}.mm-row:hover{background:#eceef3}.mm-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#dfe3ea;font-weight:700;font-size:20px;flex:0 0 52px}.mm-avatar img{width:100%;height:100%;object-fit:cover}.mm-info{min-width:0;flex:1}.mm-info b,.mm-info small,.mm-info em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-info b{font-size:16px}.mm-info small{color:#777;font-size:11px;margin:2px 0}.mm-info em{font-style:normal;color:#777;font-size:13px}.mm-time{font-size:11px;color:#999}.mm-chat{position:absolute;inset:0;background:#f5f6fa;display:flex;flex-direction:column}.mm-chat[hidden]{display:none}.mm-chat-head{height:68px;background:#fff;border-bottom:1px solid #e8e9ef;display:flex;align-items:center;padding:8px 10px;gap:8px}.mm-chat-user{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.mm-chat-user .mm-avatar{width:44px;height:44px;flex-basis:44px;font-size:16px}.mm-chat-user b,.mm-chat-user small{display:block}.mm-chat-user small{font-size:11px;color:#777}.mm-messages{flex:1;overflow:auto;padding:18px 12px 10px;display:flex;flex-direction:column;gap:7px}.mm-bubble{max-width:78%;padding:9px 12px;border-radius:18px;font-size:15px;line-height:1.45;word-break:break-word;box-shadow:0 1px 2px #00000012}.mm-bubble.mine{align-self:flex-start;background:#1877f2;color:#fff;border-bottom-left-radius:5px}.mm-bubble.theirs{align-self:flex-end;background:#fff;color:#17181b;border-bottom-right-radius:5px}.mm-bubble small{display:block;font-size:9px;opacity:.65;margin-top:3px}.mm-compose{min-height:64px;background:#fff;border-top:1px solid #e5e6eb;padding:9px 10px;display:flex;align-items:flex-end;gap:7px}.mm-compose button{border:0;background:#1877f2;color:#fff;width:42px;height:42px;border-radius:50%;font-size:20px;cursor:pointer}.mm-compose button:first-child{background:#e9edf5;color:#1877f2}.mm-compose textarea{flex:1;resize:none;max-height:110px;border:0;outline:0;background:#f0f2f5;border-radius:21px;padding:11px 15px;font:inherit}.mm-loading,.mm-empty{text-align:center;padding:60px 20px;color:#777}.mm-empty div{font-size:42px;margin-bottom:10px}.mm-empty b,.mm-empty span{display:block}.mm-empty span{font-size:13px;margin-top:5px}@media(min-width:700px){.mada-messenger{inset:4vh auto 4vh 50%;transform:translateX(-50%);width:480px;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #0003}.mm-chat{border-radius:22px}}@media(prefers-color-scheme:dark){.mada-messenger,.mm-chat{background:#18191d;color:#f2f3f5}.mm-head,.mm-chat-head,.mm-compose{background:#24262b;border-color:#363941}.mm-search,.mm-compose textarea{background:#303238}.mm-row:hover{background:#292b31}.mm-bubble.theirs{background:#303238;color:#f2f3f5}.mm-head button,.mm-chat-head button{color:#fff}.mm-search input{color:#fff}.mm-info em,.mm-info small,.mm-time,.mm-head small,.mm-chat-user small{color:#aaa}}.mm-chat-menu{position:fixed;z-index:10050;min-width:210px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.22);border:1px solid rgba(0,0,0,.08)}.mm-chat-menu button{display:block;width:100%;border:0;background:transparent;text-align:right;padding:12px 14px;border-radius:10px;font-size:15px;color:#222;cursor:pointer}.mm-chat-menu button:active{background:#f0f1f3}@media(prefers-color-scheme:dark){.mm-chat-menu{background:#202124;border-color:#333}.mm-chat-menu button{color:#fff}.mm-chat-menu button:active{background:#303134}}