.messenger{display:grid;grid-template-columns:300px minmax(0,1fr);height:76dvh;min-height:450px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;overflow:hidden;color:#171717}.chat-directory{padding:20px 12px;overflow:auto;border-right:1px solid #eee}.chat-directory h1{font:700 30px system-ui;color:#b51927;margin:0 8px 20px}.chat-search{display:flex;align-items:center;background:#f1f2f5;border-radius:24px;padding:0 12px;font-size:28px}.chat-search input{border:0;background:transparent;width:100%;min-width:0;padding:12px;font:15px system-ui}.chat-contact{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:0;text-align:left;padding:16px 8px;border-radius:14px;color:#171717}.chat-contact:hover{background:#f8ebed}.chat-contact strong{display:block;font:600 16px system-ui}.chat-contact small{display:block;color:#777;font:13px system-ui;margin-top:5px}.chat-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#f4dce0;color:#941722;font:600 16px system-ui}.chat-avatar.small{width:28px;height:28px;font-size:10px}.chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-heading{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #eee;background:#fff}.chat-heading strong{font:600 18px system-ui}.chat-heading #chatBack{display:none}.messenger button{cursor:pointer}.messenger #chatStatus{font:12px system-ui;color:#777;margin:5px 20px;min-height:15px}.messenger #messages{flex:1;overflow:auto;padding:20px 16px;min-height:0}.chat-row{display:flex;align-items:flex-end;gap:8px;margin:7px 0}.chat-row.outgoing{justify-content:flex-end}.chat-bubble{max-width:78%;border-radius:22px;padding:12px 16px;font:17px/1.4 system-ui;overflow-wrap:anywhere;white-space:pre-wrap;background:#f1f2f5;color:#191919}.outgoing .chat-bubble{background:#bd1828;color:#fff;border-bottom-right-radius:6px}.incoming .chat-bubble{border-bottom-left-radius:6px}.chat-bubble img,.chat-bubble video{display:block;max-width:100%;max-height:320px;border-radius:12px}.voice-bubble{display:flex;gap:8px;align-items:center;min-width:250px;padding:10px!important}.voice-bubble audio{display:none}.voice-bubble input{min-width:30px;width:100%;padding:0;accent-color:currentColor}.voice-bubble span{font:12px system-ui;white-space:nowrap}.voice-bubble button{border:0;color:inherit;background:#00000026;border-radius:50%;padding:10px;font:600 13px system-ui}.voice-bubble .voice-speed{border-radius:14px;white-space:nowrap;padding:8px}.messenger #sendForm{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid #eee;margin:0}.messenger #message{flex:1;min-width:0;border:0;background:#f1f2f5;border-radius:24px;padding:13px 16px;font:16px system-ui}.messenger #sendForm button{background:transparent;border:0;color:#bd1828;font-size:27px;padding:5px}.messenger #sendForm #chatPlus{border-radius:50%;background:#bd1828;color:#fff;width:35px;height:35px;line-height:24px}.messenger #send:disabled{opacity:.4}.messenger #chatExtras{padding:10px;background:#fff4f5;display:flex;flex-wrap:wrap;gap:6px}.messenger #chatExtras button,.messenger #chatRecording button{border:0;border-radius:12px;padding:10px;color:#941722;background:#f4dce0;font:14px system-ui}.messenger #chatRecording{padding:12px;color:#bd1828;font:14px system-ui}.messenger [hidden]{display:none!important}@media(max-width:850px){body:has(.messenger) #main{padding:14px!important}.messenger{grid-template-columns:1fr;height:78dvh;min-height:380px}.messenger .chat-conversation,.messenger.conversation-open .chat-directory{display:none}.messenger.conversation-open .chat-conversation{display:flex}.chat-heading #chatBack{display:block!important;border:0;color:#bd1828;background:#fff;font-size:34px;padding:0 5px}.chat-bubble{max-width:85%;font-size:16px}.voice-bubble{min-width:220px}.chat-heading{padding:10px}.chat-heading strong{font-size:16px}.messenger #sendForm{padding:10px 8px;gap:5px}}.chat-contact time{display:block;color:#888;font:12px system-ui;margin-top:4px}.voice-bubble input{height:35px;background:repeating-linear-gradient(90deg,transparent 0 4px,currentColor 4px 7px,transparent 7px 12px);border-radius:10px}.chat-contact small{max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messenger:not(.conversation-open){grid-template-columns:1fr}.messenger:not(.conversation-open) .chat-conversation{display:none}.messenger:not(.conversation-open) .chat-directory{border-right:0;padding:24px}.messenger:not(.conversation-open) .chat-contact{max-width:100%;gap:18px;padding:17px 8px}.messenger:not(.conversation-open) .chat-contact .chat-avatar{width:60px;height:60px}.messenger:not(.conversation-open) .chat-contact>span:last-child{flex:1;position:relative;padding-right:65px}.messenger:not(.conversation-open) .chat-contact strong{font-size:19px}.messenger:not(.conversation-open) .chat-contact small{max-width:100%;font-size:16px}.messenger:not(.conversation-open) .chat-contact time{position:absolute;right:0;top:0}.chat-list-title{display:flex;justify-content:space-between;align-items:center}.chat-list-title button{border:0;background:#fff;color:#bd1828;font-size:32px;padding:5px 12px}.chat-favorites{display:flex;gap:18px;overflow:auto;padding:22px 6px}.chat-favorites button{border:0;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;color:#333}.chat-favorites small{font:14px system-ui;max-width:80px;overflow:hidden;text-overflow:ellipsis}.chat-heading #chatBack{display:block;border:0;background:#fff;color:#bd1828;font-size:32px;padding:0 6px}.friend-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eee}#friendChoices{max-height:50vh;overflow:auto}.messenger .chat-heading{height:auto;min-height:70px;color:#171717;padding:14px 18px;gap:12px;border-bottom:1px solid #eee;flex-shrink:0}.chat-avatar{position:relative}.chat-avatar.online:after,.chat-avatar.offline:after{content:"";position:absolute;right:0;bottom:0;width:11px;height:11px;border:2px solid white;border-radius:50%;background:#999}.chat-avatar.online:after{background:#24a148}.chat-read{display:block;font:11px system-ui;text-align:right;margin-top:6px;opacity:.85}#chatTyping{font:14px system-ui;padding:0 20px;color:#555}#chatEmojiPicker{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:10px;max-height:180px;overflow:auto;background:#fff2f2}#chatEmojiPicker button{font-size:24px;padding:5px;background:transparent}.group-members{max-height:45vh;overflow:auto}.group-members label{display:flex;align-items:center;gap:10px;padding:8px}.group-members input{width:auto}.chat-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}#groupPhotoPreview[hidden]{display:none}