/* Personal center, compact presence, and the unified editor. */
#meAvatar{margin-bottom:31px;width:38px;height:38px;border-radius:12px;padding:0;cursor:pointer}
.nav-button[data-tab=me]{display:none}
.me-panel{grid-column:2/-1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;background:#f6f7f9;padding:37px 32px}
.me-content{max-width:640px;margin:0 auto}.me-page-heading{margin-bottom:26px}.me-page-heading h1{margin:0;font-size:27px;font-weight:650;color:#25282e;letter-spacing:-.6px}.me-page-heading p{margin:10px 0 0;color:#89919c;font-size:12px;line-height:1.7}
.me-profile{display:flex;align-items:center;gap:18px;width:100%;text-align:left;border:1px solid #e8ebf0;border-radius:16px;background:#fff;padding:24px;color:#343b47;cursor:pointer;margin-bottom:21px}
.me-profile>.avatar{width:65px;height:65px;border-radius:18px;font-size:25px}.me-profile-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.me-profile-copy>strong{font-size:19px;font-weight:600;overflow-wrap:anywhere}.me-account{font-size:11px;color:#929aa6}.me-bio{font-size:12px;line-height:1.7;color:#697586;overflow-wrap:anywhere}.me-bio.is-empty{color:#a0a7b2}.me-profile-more{font-size:11px;color:#9ba2ad;display:flex;align-items:center;gap:7px;flex:none}.me-profile-more svg{width:15px;height:15px}
.me-menu-group{border:1px solid #e8ebf0;border-radius:14px;background:#fff;margin:0 0 17px;overflow:hidden}.me-menu-row{display:flex;align-items:center;gap:14px;width:100%;padding:19px 22px;border:0;background:#fff;color:#444e5d;text-align:left;cursor:pointer}.me-menu-group>.me-menu-row+.me-menu-row{border-top:1px solid #edf0f4}.me-menu-row:hover,.me-profile:hover{background:#fcfcfd}.me-menu-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:11px;background:#f3f5f8;color:#788494;flex:none}.me-menu-icon svg{height:19px;width:19px}.me-menu-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.me-menu-copy strong{font-size:13px;font-weight:500}.me-menu-copy small{font-size:11px;color:#9aa2ad;line-height:1.6}.me-menu-row>svg{color:#a6adb7;width:16px;height:16px}.me-logout{border:1px solid #e8ebf0;border-radius:14px;color:#b75561}.me-logout .me-menu-icon{color:#b75561;background:#fbf1f3}.me-version{text-align:center;margin:25px 0 0;color:#a0a7b2;font-size:10px;line-height:1.8}
.conversation-copy>strong{display:flex;align-items:center;gap:7px;min-width:0}.conversation-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.conversation-signature{font-size:11px;font-weight:400;color:#919ba9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}.conversation-copy>strong:has(.conversation-signature) .conversation-name{max-width:56%}.conversation-kind{flex:none}
.avatar.presence-known{transition:filter .2s,opacity .2s}.avatar.is-offline{filter:brightness(.66) saturate(.55);opacity:.72}.avatar.is-online{filter:none;opacity:1}.avatar.presence-known::after{display:none}
.chat-heading p.typing{color:#5e7188}.chat-heading p.typing::before{display:none}
.system-avatar{background:#edf1f6;color:#657991}.system-avatar::after{display:none}.system-conversation .conversation-name{color:#4b5f7a}.system-chat-view{display:flex;height:100%;min-height:0;flex-direction:column}.system-chat-header{height:77px;flex:none;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:13px;padding:0 32px;border-bottom:1px solid #e9ecf0;background:#fff}.system-chat-header>.avatar{height:39px;width:39px;border-radius:12px}.system-chat-heading{grid-column:2;text-align:center;min-width:0}.system-chat-header>.system-settings{grid-column:3;justify-self:end}.system-chat-heading h2{font-size:15px;font-weight:550;color:#343e4d;margin:0}.system-chat-heading p{font-size:11px;color:#929ca9;margin:6px 0 0}.system-back{display:none}.system-message-scroll{flex:1;min-height:0;overflow:auto;padding:25px 30px;overscroll-behavior:contain;scrollbar-width:thin}.system-notices{max-width:680px;margin:auto}.system-notice{margin:0 0 23px}.system-notice>time{display:block;text-align:center;color:#9da5b1;font-size:10px;margin:0 0 14px}.system-notice-card{border:1px solid #e5e9ef;border-radius:14px;padding:22px 24px;background:#fff}.system-notice-card h3{font-size:16px;line-height:1.6;font-weight:600;margin:0 0 14px;color:#384454;overflow-wrap:anywhere}.system-notice-body{font-size:14px;line-height:1.9;color:#697487;white-space:pre-wrap;overflow-wrap:anywhere}.system-notice-body a{color:#536f98;text-underline-offset:3px}.system-notice-empty{text-align:center;padding:65px 20px;font-size:12px;color:#9ca6b4}
.composer{padding:15px 24px 20px;background:#fff;border-top:1px solid #e9edf2}.composer-box{display:flex;flex-direction:column;gap:10px;padding:13px 13px 10px;border:1px solid #dfe4eb;border-radius:12px;background:#fafbfc;transition:border-color .16s,box-shadow .16s}.composer-box:focus-within{border-color:#abb5c3;box-shadow:0 0 0 3px #2c374409}.composer-box .composer-input{display:block}.composer-input textarea{display:block;width:100%;min-height:66px;max-height:170px;resize:none;border:0;border-radius:0;background:transparent;padding:0 2px;font-size:14px;line-height:1.7;outline:0}.composer-input textarea::placeholder{font-size:12px;color:#9ba3af}.composer-toolbar{display:flex;align-items:center;gap:12px}.composer-tools{margin:0;gap:7px;flex:1}.composer-tools .icon-button{height:30px;width:30px;border-radius:8px;padding:5px}.composer-tools .icon-button svg{height:19px;width:19px}.composer-toolbar #composerHint{margin-left:auto;color:#abb1bc;font-size:10px}.send-button{height:32px;min-height:32px;min-width:66px;border-radius:8px;padding:0 14px;font-size:11px}.send-button>svg{display:none}.send-button>span{display:inline}.composer-footnote{display:none}.composer .attachment-tray{margin-bottom:12px}.composer .emoji-picker{margin-bottom:12px}.system-composer{padding:16px;text-align:center;color:#9ba4b1;font-size:11px;background:#fff;border-top:1px solid #e8ecf1}
@media(max-width:759px),(max-height:500px) and (pointer:coarse){
 #meAvatar{display:none}.nav-button[data-tab=me]{display:flex}.nav-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:54px;gap:0}.nav-button{width:100%;min-width:0;max-width:none;height:52px}.nav-button .badge{right:calc(50% - 25px)}
 .me-panel{width:100%;padding:24px 18px calc(85px + var(--safe-bottom));background:#f5f6f8}.me-page-heading{margin:0 4px 22px}.me-page-heading h1{font-size:26px}.me-page-heading p{font-size:11px;margin-top:8px}.me-profile{padding:20px 18px;gap:14px;border-radius:14px;margin-bottom:18px}.me-profile>.avatar{width:58px;height:58px;border-radius:16px;font-size:23px}.me-profile-copy>strong{font-size:18px}.me-profile-more{font-size:10px;gap:5px}.me-profile-more svg{width:13px}.me-menu-row{padding:17px 18px;gap:13px}.me-menu-copy strong{font-size:13px}.me-menu-copy small{font-size:10px}.me-menu-group{margin-bottom:15px}.me-version{font-size:9px;margin-top:22px}
 .composer{padding:8px 12px calc(9px + var(--safe-bottom))}.composer-box{padding:11px 10px 8px;gap:8px;border-radius:10px}.composer-input textarea{font-size:16px;min-height:49px;max-height:min(125px,27dvh);padding:0 2px;border-radius:0;background:transparent}.composer-input textarea::placeholder{font-size:13px}.composer-toolbar{gap:9px}.composer-tools{gap:7px;margin:0}.composer-tools .icon-button{height:31px;width:31px}.composer-toolbar #composerHint{display:none}.send-button{height:31px;min-height:31px;min-width:61px;padding:0 13px;border-radius:7px}.send-button>span{display:inline}.send-button>svg{display:none}
 .conversation-signature{font-size:11px}.system-composer{padding-bottom:calc(15px + var(--safe-bottom))}
 .system-chat-header{height:64px;padding:0 15px;gap:10px}.system-chat-header>.avatar{height:36px;width:36px}.system-back{display:flex}.system-message-scroll{padding:20px 15px}.system-notice-card{padding:19px 20px;border-radius:12px}.system-notice-card h3{font-size:15px}.system-notice-body{font-size:14px}
}
@media(max-width:350px){.me-profile{gap:11px;padding:18px 14px}.me-profile-more{font-size:0;gap:0}.me-profile-more svg{width:15px}.me-panel{padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){.avatar.presence-known{transition:none}.composer-box{transition:none}}

.contact-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 12px 8px;color:#8e98a7}.contact-group-heading h2{margin:0;font-size:11px;font-weight:500;letter-spacing:.2px;color:inherit}.contact-group-count{font-size:10px;font-variant-numeric:tabular-nums;color:#98a2b1}.contact-group-empty{margin:0;padding:14px 12px 20px;font-size:12px;line-height:1.7;color:#a0a8b4}.contact-group-heading:not(:first-child){margin-top:6px;border-top:1px solid #f0f2f5}
@media(max-width:759px),(max-height:500px) and (pointer:coarse){.contact-group-heading{padding:13px 23px 8px}.contact-group-empty{padding-left:23px;padding-right:23px}}

.system-notice-card{padding:0;overflow:hidden}.system-notice-content{padding:20px 22px}.system-notice-cover,.system-notice-image{display:block;padding:0;border:0;background:#f3f4f6;width:100%;cursor:zoom-in}.system-notice-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.system-notice-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.system-notice-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}.system-notice-card .official-message-link{margin-top:18px}.system-notice-cover:focus-visible,.system-notice-image:focus-visible{outline:2px solid #718096;outline-offset:-3px}
@media(max-width:759px){.system-notice-content{padding:18px}.system-notices{max-width:100%}}

.system-avatar{background:#25282e;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #25282e10}.system-avatar>img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.system-conversation .conversation-name{color:#303742;font-weight:600}
