.module-header[data-v-2e0f57e2]{height:62px;padding:0 15px;display:flex;align-items:center;gap:11px;background:#fff;border-bottom:1px solid #edf0f2;position:sticky;top:0;z-index:5}.mini-brand[data-v-2e0f57e2]{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#74b5ef,#3a83cb);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px}.back-link[data-v-2e0f57e2]{width:28px;text-decoration:none;color:#394856;font-size:28px;line-height:1}.heading[data-v-2e0f57e2]{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.heading strong[data-v-2e0f57e2]{font-size:16px;font-weight:650}.heading small[data-v-2e0f57e2]{font-size:10px;color:#a0a9b1}.quiet-button[data-v-2e0f57e2]{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#64727f;font-size:22px}.contact-tabs[data-v-2e0f57e2]{height:50px;display:flex;align-items:stretch;justify-content:space-around;gap:0;overflow-x:auto;background:#fff;border-bottom:1px solid #edf0f2;scrollbar-width:none}.contact-tabs[data-v-2e0f57e2]::-webkit-scrollbar{display:none}.contact-tabs a[data-v-2e0f57e2],.contact-tabs button[data-v-2e0f57e2]{position:relative;flex:1;min-width:64px;display:grid;place-items:center;border:0;background:transparent;text-decoration:none;color:#7e8992;font-size:13px;white-space:nowrap}.contact-tabs .selected[data-v-2e0f57e2]{color:#2e7fc8;font-weight:600}.contact-tabs .selected[data-v-2e0f57e2]:after{content:"";position:absolute;bottom:0;left:26%;right:26%;height:2px;background:#3585d1}.contact-tabs button[data-v-2e0f57e2]:disabled{opacity:.45}.module-shell[data-v-2e0f57e2]{display:block;width:100%;max-width:none;margin:0;padding:14px 0 0}.module-rail[data-v-2e0f57e2]{display:none}.module-content[data-v-2e0f57e2]{min-width:0;padding:0}.toolbar[data-v-2e0f57e2]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 15px 12px}.toolbar h1[data-v-2e0f57e2]{font-size:16px;margin:0 0 4px;font-weight:650}.toolbar p[data-v-2e0f57e2]{font-size:11px;color:#a0a9b1;margin:0}.panel[data-v-2e0f57e2]{background:#fff;border:0;border-radius:0;padding:10px 15px;box-shadow:none}.list-panel[data-v-2e0f57e2]{padding:0 15px}.person-row[data-v-2e0f57e2],.request-row[data-v-2e0f57e2]{width:100%;min-height:65px;display:flex;align-items:center;gap:11px;padding:9px 0;border:0;border-bottom:1px solid #f0f2f3;background:#fff;text-align:left;color:#2c3944}.person-row[data-v-2e0f57e2]{cursor:pointer}.person-row[data-v-2e0f57e2]:active,.person-row.selected[data-v-2e0f57e2]{background:#f8fafb}.request-row[data-v-2e0f57e2]:last-child,.person-row[data-v-2e0f57e2]:last-child{border-bottom:0}.avatar[data-v-2e0f57e2],.detail-avatar[data-v-2e0f57e2]{width:44px;height:44px;border-radius:11px;flex:none;background:#eaf2fa;color:#4c81b5;display:inline-flex;align-items:center;justify-content:center;font-weight:650}.person-copy[data-v-2e0f57e2]{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.person-copy b[data-v-2e0f57e2]{font-size:14px;font-weight:550}.person-copy small[data-v-2e0f57e2]{font-size:11px;color:#98a2ab;overflow-wrap:anywhere}.status-dot[data-v-2e0f57e2]{width:8px;height:8px;border-radius:50%;background:#cbd5dc}.status-dot.is-online[data-v-2e0f57e2]{background:#43bd78}.row-chevron[data-v-2e0f57e2]{font-size:22px;color:#c4cbd1;padding-left:3px}.primary-button[data-v-2e0f57e2],.outline-button[data-v-2e0f57e2]{min-height:35px;border-radius:6px;padding:8px 13px;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary-button[data-v-2e0f57e2]{border:0;background:#3685d0;color:#fff}.outline-button[data-v-2e0f57e2]{border:1px solid #d9e3e9;background:#fff;color:#4e7faa}.primary-button[data-v-2e0f57e2]:disabled,.outline-button[data-v-2e0f57e2]:disabled{opacity:.55;cursor:not-allowed}.empty-state[data-v-2e0f57e2],.loading[data-v-2e0f57e2]{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;color:#9ca7b0;font-size:13px}.empty-state small[data-v-2e0f57e2]{color:#adb6bd;font-size:11px}.empty-illustration[data-v-2e0f57e2]{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f3f6f8;color:#b8c3cc;font-size:27px}.contact-detail[data-v-2e0f57e2]{margin:12px 15px;border-radius:11px;display:flex;align-items:center;gap:12px}.contact-detail>div[data-v-2e0f57e2]:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.contact-detail small[data-v-2e0f57e2]{color:#99a4ad;font-size:11px}.detail-avatar[data-v-2e0f57e2]{width:60px;height:60px;border-radius:50%;font-size:20px}.count-pill[data-v-2e0f57e2]{border-radius:20px;background:#f1f5f8;padding:5px 11px;color:#82909a;font-size:12px}.notice[data-v-2e0f57e2]{margin:0 12px 10px;padding:10px 12px;border-radius:8px;font-size:12px}.notice.error[data-v-2e0f57e2]{background:#fff0ef;color:#bd4747}.notice.success[data-v-2e0f57e2]{background:#edf8f0;color:#338a4b}.explore-shortcuts[data-v-2e0f57e2]{margin:0 0 14px;background:#fff}.explore-entry[data-v-2e0f57e2]{min-height:54px;display:flex;align-items:center;gap:12px;padding:7px 15px;border-bottom:1px solid #f0f2f3;text-decoration:none;color:#34424d;font-size:13px}.explore-entry[data-v-2e0f57e2]:last-child{border-bottom:0}.explore-entry b[data-v-2e0f57e2]{margin-left:auto;color:#c0c8ce;font-size:20px;font-weight:400}.entry-icon[data-v-2e0f57e2]{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:21px}.entry-icon.blue[data-v-2e0f57e2]{background:#eaf3fe;color:#4d91d5}.entry-icon.orange[data-v-2e0f57e2]{background:#fff2e7;color:#dd9b58}.entry-icon.violet[data-v-2e0f57e2]{background:#f2edfc;color:#967ac5}.explore-title[data-v-2e0f57e2]{margin-top:20px}.search-panel[data-v-2e0f57e2]{padding:7px 15px 14px;background:#fff}.search-form[data-v-2e0f57e2]{display:flex;gap:8px;padding:6px 0 12px}.search-form input[data-v-2e0f57e2],.field-label input[data-v-2e0f57e2],.field-label textarea[data-v-2e0f57e2],.field-label select[data-v-2e0f57e2]{width:100%;min-height:42px;padding:10px 12px;border:1px solid #e4e9ed;border-radius:7px;font:inherit;color:#293844;background:#fff;outline:none}.search-form input[data-v-2e0f57e2]{flex:1;min-width:0;background:#f6f8f9;border:0}.search-form input[data-v-2e0f57e2]:focus,.field-label input[data-v-2e0f57e2]:focus,.field-label textarea[data-v-2e0f57e2]:focus,.field-label select[data-v-2e0f57e2]:focus{border-color:#83b5de}.group-panel h2[data-v-2e0f57e2],.form-panel h2[data-v-2e0f57e2]{margin:6px 0 12px;font-size:15px}.field-label[data-v-2e0f57e2]{display:flex;flex-direction:column;gap:7px;margin:12px 0;color:#52616e;font-size:13px;font-weight:550}.field-label input[type=file][data-v-2e0f57e2]{font-size:12px}.field-label textarea[data-v-2e0f57e2]{resize:vertical}.field-label small[data-v-2e0f57e2]{align-self:flex-end;color:#98a3ac;font-weight:400}.member-row[data-v-2e0f57e2]{display:flex;align-items:center;gap:10px;padding:9px 1px;border-bottom:1px solid #eff2f4;font-size:13px}.member-row input[data-v-2e0f57e2]{accent-color:#3685d0}.member-row small[data-v-2e0f57e2]{margin-left:auto;color:#96a1aa}.form-panel[data-v-2e0f57e2]{margin:0 0 10px;padding:13px 15px}.form-footer[data-v-2e0f57e2]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.muted[data-v-2e0f57e2]{color:#9aa5ae;font-size:11px}.result-box[data-v-2e0f57e2]{background:#f7f9fa;border-radius:8px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:200px;overflow:auto}.profile-banner[data-v-2e0f57e2]{position:relative;min-height:112px;margin:0;padding:20px 17px;background:#eaf3fd;display:flex;align-items:center;gap:13px}.profile-avatar[data-v-2e0f57e2]{width:58px;height:58px;border:2px solid #fff;border-radius:13px;background:#d4e7f9;color:#4b81b6;display:grid;place-items:center;font-size:22px;font-weight:650}.profile-copy[data-v-2e0f57e2]{display:flex;flex-direction:column;gap:5px;min-width:0}.profile-copy strong[data-v-2e0f57e2]{font-size:16px}.profile-copy small[data-v-2e0f57e2]{color:#8c9baa;font-size:11px}.profile-banner>a[data-v-2e0f57e2]{margin-left:auto;color:#8a9aa9;text-decoration:none;font-size:24px}.profile-status[data-v-2e0f57e2]{position:absolute;left:88px;bottom:15px;padding:2px 7px;border-radius:10px;background:#fff;color:#8e9aa4;font-size:9px}.profile-actions[data-v-2e0f57e2]{margin:0 0 12px;padding:13px 7px 12px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.profile-actions>a[data-v-2e0f57e2]{display:flex;align-items:center;flex-direction:column;gap:6px;text-decoration:none;color:#5a6671}.profile-actions small[data-v-2e0f57e2]{font-size:10px}.action-icon[data-v-2e0f57e2]{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px}.action-icon.sky[data-v-2e0f57e2]{background:#ecf5ff;color:#6aa0d4}.action-icon.lavender[data-v-2e0f57e2]{background:#f3efff;color:#9a82cc}.action-icon.rose[data-v-2e0f57e2]{background:#fff0f2;color:#d1859b}.action-icon.gold[data-v-2e0f57e2]{background:#fff7e7;color:#c7a04b}.membership-banner[data-v-2e0f57e2]{min-height:58px;margin:0 10px 14px;padding:9px 11px;display:flex;align-items:center;gap:9px;border-radius:10px;background:linear-gradient(105deg,#273448,#4b5661);color:#fff;text-decoration:none}.member-mark[data-v-2e0f57e2]{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#d1ad62;color:#fff}.membership-banner>span[data-v-2e0f57e2]:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.membership-banner b[data-v-2e0f57e2]{font-size:11px}.membership-banner small[data-v-2e0f57e2]{color:#c7cdd4;font-size:9px}.member-button[data-v-2e0f57e2]{padding:6px 9px;border-radius:12px;background:#e7c56f;color:#4e4024;font-size:10px}.service-list[data-v-2e0f57e2]{margin:0 10px;background:#fff;border-radius:9px;overflow:hidden}.service-caption[data-v-2e0f57e2]{padding:12px 12px 7px;color:#a0a9b1;font-size:10px}.service-row[data-v-2e0f57e2]{height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid #f1f3f4;text-decoration:none;color:#46535f;font-size:12px}.service-row[data-v-2e0f57e2]:last-child{border-bottom:0}.service-row>b[data-v-2e0f57e2]{margin-left:auto;color:#c3cbd1;font-size:19px;font-weight:400}.service-icon[data-v-2e0f57e2]{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:14px}.service-icon.mint[data-v-2e0f57e2]{background:#eaf7f0;color:#64ad82}.service-icon.blue[data-v-2e0f57e2]{background:#edf4fb;color:#6494c0}.service-icon.amber[data-v-2e0f57e2]{background:#fff4e6;color:#c99a4f}.two-column[data-v-2e0f57e2]{display:block}.my-card[data-v-2e0f57e2]{display:none}.quick-links[data-v-2e0f57e2]{display:block}.mobile-nav[data-v-2e0f57e2]{position:fixed;z-index:10;left:0;right:0;bottom:0;width:100%;height:calc(62px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #eaedf0}.mobile-nav a[data-v-2e0f57e2]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8d98a3;text-decoration:none;font-size:10px}.mobile-nav a.active[data-v-2e0f57e2],.mobile-nav a.router-link-active[data-v-2e0f57e2]{color:#2f82d1;font-weight:600}.nav-symbol[data-v-2e0f57e2]{font-size:19px;line-height:20px}.module-app[data-v-2e0f57e2]:not(:has(.mobile-nav)){padding-bottom:20px}@media (min-width:850px){.module-content[data-v-2e0f57e2]{max-width:none}.profile-banner[data-v-2e0f57e2]{padding-left:24px}.list-panel[data-v-2e0f57e2]{padding-left:22px;padding-right:22px}.module-header[data-v-2e0f57e2]{padding-left:20px;padding-right:20px}}.module-shell[data-v-2e0f57e2],.module-shell.is-my-page[data-v-2e0f57e2],.module-shell.is-explore-page[data-v-2e0f57e2]{padding:0}.module-header[data-v-2e0f57e2]{position:relative;height:42px;min-height:42px;justify-content:center;padding:0 10px;gap:0}.module-header.centered[data-v-2e0f57e2]{justify-content:space-between}.header-spacer[data-v-2e0f57e2]{width:36px;height:36px;flex:none}.heading.centered-heading[data-v-2e0f57e2]{position:absolute;left:50%;top:50%;width:auto;transform:translate(-50%,-50%);align-items:center;white-space:nowrap}.heading.centered-heading strong[data-v-2e0f57e2]{font-size:14px;font-weight:600}.module-header .quiet-button[data-v-2e0f57e2]{width:36px;height:36px;display:grid;place-items:center;font-size:18px}.module-header .quiet-button svg[data-v-2e0f57e2]{width:17px;height:17px;fill:none;stroke:#525b62;stroke-width:1.6;stroke-linecap:round}.explore-search-intro[data-v-2e0f57e2]{display:flex;flex-direction:column;gap:3px;padding:5px 0 0}.explore-search-intro strong[data-v-2e0f57e2]{color:#465159;font-size:12px}.explore-search-intro small[data-v-2e0f57e2]{color:#98a2a9;font-size:10px}.explore-requests-link[data-v-2e0f57e2]{display:block;padding:4px 0;color:#4b8ccc;font-size:11px;text-decoration:none}.directory-menu[data-v-2e0f57e2]{width:100%;background:#fff}.directory-menu a[data-v-2e0f57e2],.directory-menu button[data-v-2e0f57e2]{width:100%;height:35px;display:flex;align-items:center;gap:8px;padding:0 11px;border:0;border-bottom:1px solid #f3f4f5;background:#fff;text-decoration:none;text-align:left;color:#30383d;font-size:12px}.directory-menu a[data-v-2e0f57e2]:last-child,.directory-menu button[data-v-2e0f57e2]:last-child{border-bottom:0}.directory-menu b[data-v-2e0f57e2]{margin-left:auto;color:#aab2b7;font-size:20px;font-weight:300}.directory-icon[data-v-2e0f57e2]{width:21px;height:21px;display:grid;place-items:center;border-radius:5px;font-size:14px}.directory-icon.invite[data-v-2e0f57e2]{background:#fff0df;color:#e69b4d}.directory-icon.blocked[data-v-2e0f57e2]{background:#ffe9e9;color:#ea6967;font-size:10px}.directory-icon.groups[data-v-2e0f57e2]{background:#e6f8f3;color:#26b79c}.directory-icon.notices[data-v-2e0f57e2]{background:#e9f2ff;color:#4186d2}.contact-search[data-v-2e0f57e2]{height:39px;margin:6px 10px;padding:0 10px;display:flex;align-items:center;gap:7px;border-radius:7px;background:#fff}.contact-search svg[data-v-2e0f57e2]{width:17px;height:17px;fill:none;stroke:#909ba3;stroke-width:1.6}.contact-search input[data-v-2e0f57e2]{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:12px}.contact-search button[data-v-2e0f57e2]{border:0;background:transparent;color:#7c8a94;font-size:11px}.friend-count[data-v-2e0f57e2]{height:42px;display:flex;align-items:center;justify-content:center;color:#94a1a8;font-size:11px}.friend-count b[data-v-2e0f57e2]{font-weight:400}.directory-friends[data-v-2e0f57e2]{min-height:calc(100dvh - 215px);padding:0 10px;background:transparent}.directory-friends .person-row[data-v-2e0f57e2]{min-height:48px;margin-bottom:1px;padding:5px 9px;border-bottom:1px solid #f1f2f3;background:#fff}.directory-friends .avatar[data-v-2e0f57e2]{width:32px;height:32px;border-radius:5px;font-size:13px}.directory-empty[data-v-2e0f57e2]{height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#abb3b8;font-size:11px}.directory-empty svg[data-v-2e0f57e2]{width:120px;height:92px}.discover-list[data-v-2e0f57e2]{width:100%;background:#fff}.discover-empty[data-v-2e0f57e2]{height:72px;display:flex;align-items:center;justify-content:center;color:#a4adb3;font-size:11px}.discover-row[data-v-2e0f57e2]{width:100%;height:39px;display:flex;align-items:center;gap:7px;padding:0 10px;border:0;border-bottom:1px solid #f4f4f4;background:#fff;text-align:left;color:#465159;font-size:12px}.discover-row[data-v-2e0f57e2]:last-child{border-bottom:0}.discover-row b[data-v-2e0f57e2]{margin-left:auto;color:#9aa4a9;font-size:19px;font-weight:300}.discover-icon[data-v-2e0f57e2]{flex:none;width:24px;height:24px;display:grid;place-items:center;overflow:hidden;border-radius:4px;font-size:14px;font-weight:600}.discover-icon.is-image[data-v-2e0f57e2]{background:#f5f7f9}.discover-icon img[data-v-2e0f57e2]{display:block;width:100%;height:100%;object-fit:contain}.discover-icon.internal[data-v-2e0f57e2]{background:#edf7f1;color:#58a477}.discover-icon.external[data-v-2e0f57e2]{background:#e7f3ff;color:#2187d1}.discover-icon.moments[data-v-2e0f57e2]{color:#73b65a}.discover-icon.app[data-v-2e0f57e2]{background:#e7f3ff;color:#2187d1}.discover-icon.source[data-v-2e0f57e2]{background:#e7f3ff;color:#2488d2}.discover-icon.chat-area[data-v-2e0f57e2]{color:#9f8de0}.discover-icon.book[data-v-2e0f57e2]{color:#e69a43}.discover-icon.baidu[data-v-2e0f57e2]{color:#2982c5}.discover-icon.report[data-v-2e0f57e2]{background:#fff1dc;color:#dd862c}.discover-icon.safety[data-v-2e0f57e2]{color:#d48439}.target-profile-banner[data-v-2e0f57e2]{position:relative;min-height:116px;margin:0;padding:30px 13px 17px;background:linear-gradient(115deg,#e4efff 0%,#edf5ff 65%,#f2f7ff 100%);display:flex;align-items:center;gap:11px}.target-profile-banner .profile-avatar[data-v-2e0f57e2]{width:42px;height:42px;border:1px solid #fff;border-radius:6px;background:#cfe1f6;color:#fff;font-size:17px}.target-profile-banner .profile-avatar img[data-v-2e0f57e2]{width:100%;height:100%;object-fit:cover;border-radius:inherit}.target-profile-banner .profile-copy[data-v-2e0f57e2]{gap:4px}.target-profile-banner .profile-copy strong[data-v-2e0f57e2]{font-size:14px;font-weight:600}.target-profile-banner .profile-copy small[data-v-2e0f57e2]{font-size:9px;color:#8497a8}.target-profile-banner .profile-status[data-v-2e0f57e2]{position:static;display:inline-flex;align-self:flex-start;padding:2px 6px;border-radius:9px;background:#fff;color:#8a98a3;font-size:8px}.profile-tools[data-v-2e0f57e2]{position:absolute;top:20px;right:14px;display:flex;align-items:center;gap:10px}.profile-tools button[data-v-2e0f57e2],.profile-tools a[data-v-2e0f57e2]{width:25px;height:25px;display:grid;place-items:center;border:0;background:transparent;color:#53677b;text-decoration:none;font-size:17px}.target-profile-actions[data-v-2e0f57e2]{position:relative;z-index:1;margin:-14px 10px 10px;padding:10px 3px 8px;border-radius:10px;box-shadow:0 2px 10px #2144620d}.target-profile-actions button[data-v-2e0f57e2]{display:flex;align-items:center;flex-direction:column;gap:5px;border:0;background:transparent;color:#56616c}.target-profile-actions small[data-v-2e0f57e2]{font-size:9px}.target-profile-actions .action-icon[data-v-2e0f57e2]{width:30px;height:30px;border-radius:8px;font-size:15px}.target-membership[data-v-2e0f57e2]{width:calc(100% - 20px);min-height:46px;margin:0 10px 11px;padding:7px 10px;border:0;border-radius:8px;background:linear-gradient(100deg,#171723,#322d34);text-align:left;cursor:pointer}.target-membership .member-mark[data-v-2e0f57e2]{width:24px;height:24px;background:#6c5528;color:#f0cf6d}.target-membership b[data-v-2e0f57e2]{font-size:10px}.target-membership small[data-v-2e0f57e2]{font-size:8px}.target-membership .member-button[data-v-2e0f57e2]{padding:5px 8px;font-size:9px}.target-service-list[data-v-2e0f57e2]{margin:0 10px;background:#fff;border-radius:8px}.target-service-list .service-caption[data-v-2e0f57e2]{padding:10px 10px 5px;font-size:9px}.target-service-list .service-row[data-v-2e0f57e2]{height:38px;min-height:38px;padding:0 10px;font-size:11px}.target-service-list button.service-row[data-v-2e0f57e2]{width:100%;border:0;border-bottom:1px solid #f2f3f4;background:#fff;text-align:left}.target-service-list .service-icon[data-v-2e0f57e2]{width:20px;height:20px;border-radius:5px;font-size:11px}.target-service-list .service-icon.rose[data-v-2e0f57e2]{background:#fff0ed;color:#db7b72}.target-service-list .service-icon.slate[data-v-2e0f57e2]{background:#f1f3f5;color:#86939b}.directory-app[data-v-62c9302e]{position:relative;width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0 auto;padding:0 0 calc(72px + env(safe-area-inset-bottom));overflow-x:hidden;background:#f2f7fa;color:#30383d}.directory-app.mode-groups[data-v-62c9302e]{padding-bottom:0;background:#fff}.directory-header[data-v-62c9302e]{position:sticky;top:0;z-index:5;height:45px;min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;background:#fff;border-bottom:1px solid #f2f2f2}.header-spacer[data-v-62c9302e],.header-actions[data-v-62c9302e]{width:72px;min-width:72px;display:flex;align-items:center;gap:0}.header-title[data-v-62c9302e]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;white-space:nowrap}.header-actions[data-v-62c9302e]{justify-content:flex-end}.icon-button[data-v-62c9302e]{width:32px;height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#46525b;touch-action:manipulation}.icon-button[data-v-62c9302e]:active{background:#f3f6f8}.icon-button svg[data-v-62c9302e],.directory-search svg[data-v-62c9302e]{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.contact-actions-menu[data-v-62c9302e]{position:fixed;z-index:20;top:56px;right:5px;width:130px;padding:10px;border:0;border-radius:5px;background:#4f4f4f;box-shadow:none}.contact-actions-menu button[data-v-62c9302e],.contact-actions-menu a[data-v-62c9302e]{width:75px;min-height:38px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;text-decoration:none;text-align:center;font-size:14px;touch-action:manipulation}.directory-search[data-v-62c9302e]{height:36px;margin:5px 8px;padding:0 9px;display:flex;align-items:center;gap:7px;border-radius:6px;background:#fff}.directory-search svg[data-v-62c9302e]{flex:none;color:#909ba3}.directory-search input[data-v-62c9302e]{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#394750;font-size:12px}.directory-search button[data-v-62c9302e]{border:0;background:transparent;color:#7f8c95;font-size:11px}.directory-notice[data-v-62c9302e]{margin:5px 8px;padding:7px 9px;border-radius:5px;background:#eff8f2;color:#34854b;font-size:11px}.directory-notice.error[data-v-62c9302e]{background:#fff0ef;color:#b94747}.directory-notice button[data-v-62c9302e]{border:0;background:transparent;color:inherit;text-decoration:underline}.directory-menu[data-v-62c9302e]{width:100%;background:#fff}.directory-menu a[data-v-62c9302e],.directory-menu button[data-v-62c9302e]{width:100%;height:50px;min-height:50px;display:flex;align-items:center;gap:8px;padding:0 11px;border:0;border-bottom:1px solid #f2f3f4;background:#fff;color:#202b3c;text-decoration:none;text-align:left;font-size:15px;touch-action:manipulation}.directory-menu b[data-v-62c9302e]{margin-left:auto;color:#aab2b7;font-size:20px;font-weight:300}.directory-icon[data-v-62c9302e]{width:22px;height:22px;display:grid;place-items:center;flex:none;border-radius:5px}.directory-icon svg[data-v-62c9302e]{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.directory-icon.invite[data-v-62c9302e]{background:#fff0df;color:#e69b4d}.directory-icon.blocked[data-v-62c9302e]{background:#ffe9e9;color:#df6665}.directory-icon.groups[data-v-62c9302e]{background:#e5f8f2;color:#28b29b}.directory-icon.notices[data-v-62c9302e]{background:#e8f1ff;color:#4186d2}.friend-count[data-v-62c9302e]{height:18px;margin:20px 0;display:flex;align-items:center;justify-content:center;color:#8799a3;font-size:14px}.friend-count b[data-v-62c9302e]{font-weight:400}.contact-list[data-v-62c9302e]{min-height:calc(100dvh - 220px);background:transparent}.contact-row[data-v-62c9302e]{width:calc(100% - 16px);min-height:48px;margin:0 8px 1px;padding:5px 9px;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #f1f2f3;background:#fff;color:#30383d;text-align:left}.contact-row[data-v-62c9302e]:disabled{opacity:.65}.contact-avatar[data-v-62c9302e]{position:relative;width:32px;height:32px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#e8eff7;color:#5e91c4;font-size:13px;font-weight:600}.contact-avatar img[data-v-62c9302e]{width:100%;height:100%;object-fit:cover}.contact-copy[data-v-62c9302e]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.contact-copy b[data-v-62c9302e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.contact-copy small[data-v-62c9302e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a3acb2;font-size:10px}.status-dot[data-v-62c9302e]{width:6px;height:6px;flex:none;border-radius:50%;background:#ccd3d7}.status-dot.is-online[data-v-62c9302e]{background:#47bd78}.row-chevron[data-v-62c9302e]{flex:none;color:#aeb6ba;font-size:20px;font-weight:300;line-height:1}.contact-empty[data-v-62c9302e]{min-height:calc(100dvh - 220px);padding:0 0 170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#aab2b7;font-size:11px}.contact-empty svg[data-v-62c9302e],.group-empty svg[data-v-62c9302e]{width:120px;height:108px}.directory-state[data-v-62c9302e]{min-height:180px;display:grid;place-items:center;color:#a4adb3;font-size:11px}.group-filters[data-v-62c9302e]{height:30px;display:flex;align-items:stretch;gap:0;padding:0 8px;background:#fff;border-bottom:1px solid #f2f3f4}.group-filters button[data-v-62c9302e]{position:relative;flex:1;min-width:0;padding:0 4px;border:0;background:#fff;color:#707b82;font-size:11px;white-space:nowrap}.group-filters button.active[data-v-62c9302e]{color:#247fca;font-weight:600}.group-filters button.active[data-v-62c9302e]:after{position:absolute;left:25%;right:25%;bottom:0;height:2px;border-radius:2px;background:#2887d2;content:""}.group-list[data-v-62c9302e]{background:#fff}.group-row[data-v-62c9302e]{width:100%;min-height:58px;padding:7px 11px;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #f1f2f3;background:#fff;color:#30383d;text-align:left}.group-row[data-v-62c9302e]:active{background:#f7f9fa}.group-avatar[data-v-62c9302e]{width:38px;height:38px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#edf5f3;color:#40a896}.group-avatar img[data-v-62c9302e]{width:100%;height:100%;object-fit:cover}.group-avatar svg[data-v-62c9302e]{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.group-copy[data-v-62c9302e]{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.group-copy b[data-v-62c9302e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.group-copy small[data-v-62c9302e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a9af;font-size:10px}.group-meta[data-v-62c9302e]{min-width:35px;display:flex;align-items:flex-end;flex-direction:column;gap:4px;color:#a0a9af}.group-meta time[data-v-62c9302e]{font-size:9px}.unread-badge[data-v-62c9302e]{min-width:14px;height:14px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#e95454;color:#fff;font-size:8px;font-style:normal}.group-empty[data-v-62c9302e]{height:300px;padding-top:65px;display:flex;align-items:center;flex-direction:column;gap:6px;color:#aab2b7;text-align:center}.group-empty strong[data-v-62c9302e]{font-size:11px;font-weight:400}.group-empty small[data-v-62c9302e]{max-width:330px;padding:0 14px;color:#9ba5ac;font-size:10px;line-height:1.5}.directory-app.mode-contacts .mobile-nav[data-v-62c9302e]{position:fixed;z-index:10;left:20px;right:20px;bottom:calc(7px + env(safe-area-inset-bottom));width:auto;height:56px;padding:6px 8px;display:grid;grid-template-columns:repeat(4,1fr);border:0;border-radius:56px;background:#fff;box-shadow:0 9px 25px #14233c29}.directory-app.mode-contacts .mobile-nav a[data-v-62c9302e]{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border-radius:44px;color:#7d8796;text-decoration:none;font-size:11px;touch-action:manipulation}.directory-app.mode-contacts .mobile-nav a.router-link-active[data-v-62c9302e]{background:transparent;color:#8d98a3;font-weight:400}.directory-app.mode-contacts .mobile-nav a.router-link-exact-active[data-v-62c9302e]{background:transparent;color:#1677ff;font-weight:600}.directory-app.mode-contacts .mobile-nav svg[data-v-62c9302e]{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-badge[data-v-62c9302e]{position:absolute;top:0;left:calc(50% + 7px);min-width:13px;height:13px;padding:0 3px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:9px;background:#e95454;color:#fff;font-size:8px;font-style:normal}@media (min-width:850px){.directory-app[data-v-62c9302e]{max-width:100%;margin:0 auto}.contact-row[data-v-62c9302e]{padding-left:12px;padding-right:12px}}.module-app{width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0 auto;background:#f5f7f9;padding:0 0 calc(68px + env(safe-area-inset-bottom));color:#26323d;overflow-x:hidden}.module-header[data-v-dfaa0f08]{height:62px;padding:0 15px;display:flex;align-items:center;gap:11px;background:#fff;border-bottom:1px solid #edf0f2;position:sticky;top:0;z-index:5}.mini-brand[data-v-dfaa0f08]{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#74b5ef,#3a83cb);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px}.back-link[data-v-dfaa0f08]{width:28px;text-decoration:none;color:#394856;font-size:28px;line-height:1}.heading[data-v-dfaa0f08]{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.heading strong[data-v-dfaa0f08]{font-size:16px;font-weight:650}.heading small[data-v-dfaa0f08]{font-size:10px;color:#a0a9b1}.quiet-button[data-v-dfaa0f08]{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#64727f;font-size:22px}.contact-tabs[data-v-dfaa0f08]{height:50px;display:flex;align-items:stretch;justify-content:space-around;gap:0;overflow-x:auto;background:#fff;border-bottom:1px solid #edf0f2;scrollbar-width:none}.contact-tabs[data-v-dfaa0f08]::-webkit-scrollbar{display:none}.contact-tabs a[data-v-dfaa0f08],.contact-tabs button[data-v-dfaa0f08]{position:relative;flex:1;min-width:64px;display:grid;place-items:center;border:0;background:transparent;text-decoration:none;color:#7e8992;font-size:13px;white-space:nowrap}.contact-tabs .selected[data-v-dfaa0f08]{color:#2e7fc8;font-weight:600}.contact-tabs .selected[data-v-dfaa0f08]:after{content:"";position:absolute;bottom:0;left:26%;right:26%;height:2px;background:#3585d1}.contact-tabs button[data-v-dfaa0f08]:disabled{opacity:.45}.module-shell[data-v-dfaa0f08]{display:block;width:100%;max-width:none;margin:0;padding:14px 0 0}.module-rail[data-v-dfaa0f08]{display:none}.module-content[data-v-dfaa0f08]{min-width:0;padding:0}.toolbar[data-v-dfaa0f08]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 15px 12px}.toolbar h1[data-v-dfaa0f08]{font-size:16px;margin:0 0 4px;font-weight:650}.toolbar p[data-v-dfaa0f08]{font-size:11px;color:#a0a9b1;margin:0}.panel[data-v-dfaa0f08]{background:#fff;border:0;border-radius:0;padding:10px 15px;box-shadow:none}.list-panel[data-v-dfaa0f08]{padding:0 15px}.person-row[data-v-dfaa0f08],.request-row[data-v-dfaa0f08]{width:100%;min-height:65px;display:flex;align-items:center;gap:11px;padding:9px 0;border:0;border-bottom:1px solid #f0f2f3;background:#fff;text-align:left;color:#2c3944}.person-row[data-v-dfaa0f08]{cursor:pointer}.person-row[data-v-dfaa0f08]:active,.person-row.selected[data-v-dfaa0f08]{background:#f8fafb}.request-row[data-v-dfaa0f08]:last-child,.person-row[data-v-dfaa0f08]:last-child{border-bottom:0}.avatar[data-v-dfaa0f08],.detail-avatar[data-v-dfaa0f08]{width:44px;height:44px;border-radius:11px;flex:none;background:#eaf2fa;color:#4c81b5;display:inline-flex;align-items:center;justify-content:center;font-weight:650}.person-copy[data-v-dfaa0f08]{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.person-copy b[data-v-dfaa0f08]{font-size:14px;font-weight:550}.person-copy small[data-v-dfaa0f08]{font-size:11px;color:#98a2ab;overflow-wrap:anywhere}.status-dot[data-v-dfaa0f08]{width:8px;height:8px;border-radius:50%;background:#cbd5dc}.status-dot.is-online[data-v-dfaa0f08]{background:#43bd78}.row-chevron[data-v-dfaa0f08]{font-size:22px;color:#c4cbd1;padding-left:3px}.primary-button[data-v-dfaa0f08],.outline-button[data-v-dfaa0f08]{min-height:35px;border-radius:6px;padding:8px 13px;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary-button[data-v-dfaa0f08]{border:0;background:#3685d0;color:#fff}.outline-button[data-v-dfaa0f08]{border:1px solid #d9e3e9;background:#fff;color:#4e7faa}.primary-button[data-v-dfaa0f08]:disabled,.outline-button[data-v-dfaa0f08]:disabled{opacity:.55;cursor:not-allowed}.empty-state[data-v-dfaa0f08],.loading[data-v-dfaa0f08]{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;color:#9ca7b0;font-size:13px}.empty-state small[data-v-dfaa0f08]{color:#adb6bd;font-size:11px}.empty-illustration[data-v-dfaa0f08]{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f3f6f8;color:#b8c3cc;font-size:27px}.contact-detail[data-v-dfaa0f08]{margin:12px 15px;border-radius:11px;display:flex;align-items:center;gap:12px}.contact-detail>div[data-v-dfaa0f08]:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.contact-detail small[data-v-dfaa0f08]{color:#99a4ad;font-size:11px}.detail-avatar[data-v-dfaa0f08]{width:60px;height:60px;border-radius:50%;font-size:20px}.count-pill[data-v-dfaa0f08]{border-radius:20px;background:#f1f5f8;padding:5px 11px;color:#82909a;font-size:12px}.notice[data-v-dfaa0f08]{margin:0 12px 10px;padding:10px 12px;border-radius:8px;font-size:12px}.notice.error[data-v-dfaa0f08]{background:#fff0ef;color:#bd4747}.notice.success[data-v-dfaa0f08]{background:#edf8f0;color:#338a4b}.explore-shortcuts[data-v-dfaa0f08]{margin:0 0 14px;background:#fff}.explore-entry[data-v-dfaa0f08]{min-height:54px;display:flex;align-items:center;gap:12px;padding:7px 15px;border-bottom:1px solid #f0f2f3;text-decoration:none;color:#34424d;font-size:13px}.explore-entry[data-v-dfaa0f08]:last-child{border-bottom:0}.explore-entry b[data-v-dfaa0f08]{margin-left:auto;color:#c0c8ce;font-size:20px;font-weight:400}.entry-icon[data-v-dfaa0f08]{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:21px}.entry-icon.blue[data-v-dfaa0f08]{background:#eaf3fe;color:#4d91d5}.entry-icon.orange[data-v-dfaa0f08]{background:#fff2e7;color:#dd9b58}.entry-icon.violet[data-v-dfaa0f08]{background:#f2edfc;color:#967ac5}.explore-title[data-v-dfaa0f08]{margin-top:20px}.search-panel[data-v-dfaa0f08]{padding:7px 15px 14px;background:#fff}.search-form[data-v-dfaa0f08]{display:flex;gap:8px;padding:6px 0 12px}.search-form input[data-v-dfaa0f08],.field-label input[data-v-dfaa0f08],.field-label textarea[data-v-dfaa0f08],.field-label select[data-v-dfaa0f08]{width:100%;min-height:42px;padding:10px 12px;border:1px solid #e4e9ed;border-radius:7px;font:inherit;color:#293844;background:#fff;outline:none}.search-form input[data-v-dfaa0f08]{flex:1;min-width:0;background:#f6f8f9;border:0}.search-form input[data-v-dfaa0f08]:focus,.field-label input[data-v-dfaa0f08]:focus,.field-label textarea[data-v-dfaa0f08]:focus,.field-label select[data-v-dfaa0f08]:focus{border-color:#83b5de}.group-panel h2[data-v-dfaa0f08],.form-panel h2[data-v-dfaa0f08]{margin:6px 0 12px;font-size:15px}.field-label[data-v-dfaa0f08]{display:flex;flex-direction:column;gap:7px;margin:12px 0;color:#52616e;font-size:13px;font-weight:550}.field-label input[type=file][data-v-dfaa0f08]{font-size:12px}.field-label textarea[data-v-dfaa0f08]{resize:vertical}.field-label small[data-v-dfaa0f08]{align-self:flex-end;color:#98a3ac;font-weight:400}.member-row[data-v-dfaa0f08]{display:flex;align-items:center;gap:10px;padding:9px 1px;border-bottom:1px solid #eff2f4;font-size:13px}.member-row input[data-v-dfaa0f08]{accent-color:#3685d0}.member-row small[data-v-dfaa0f08]{margin-left:auto;color:#96a1aa}.form-panel[data-v-dfaa0f08]{margin:0 0 10px;padding:13px 15px}.form-footer[data-v-dfaa0f08]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.muted[data-v-dfaa0f08]{color:#9aa5ae;font-size:11px}.result-box[data-v-dfaa0f08]{background:#f7f9fa;border-radius:8px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:200px;overflow:auto}.profile-banner[data-v-dfaa0f08]{position:relative;min-height:112px;margin:0;padding:20px 17px;background:#eaf3fd;display:flex;align-items:center;gap:13px}.profile-avatar[data-v-dfaa0f08]{width:58px;height:58px;border:2px solid #fff;border-radius:13px;background:#d4e7f9;color:#4b81b6;display:grid;place-items:center;font-size:22px;font-weight:650}.profile-copy[data-v-dfaa0f08]{display:flex;flex-direction:column;gap:5px;min-width:0}.profile-copy strong[data-v-dfaa0f08]{font-size:16px}.profile-copy small[data-v-dfaa0f08]{color:#8c9baa;font-size:11px}.profile-banner>a[data-v-dfaa0f08]{margin-left:auto;color:#8a9aa9;text-decoration:none;font-size:24px}.profile-status[data-v-dfaa0f08]{position:absolute;left:88px;bottom:15px;padding:2px 7px;border-radius:10px;background:#fff;color:#8e9aa4;font-size:9px}.profile-actions[data-v-dfaa0f08]{margin:0 0 12px;padding:13px 7px 12px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.profile-actions>a[data-v-dfaa0f08]{display:flex;align-items:center;flex-direction:column;gap:6px;text-decoration:none;color:#5a6671}.profile-actions small[data-v-dfaa0f08]{font-size:10px}.action-icon[data-v-dfaa0f08]{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px}.action-icon.sky[data-v-dfaa0f08]{background:#ecf5ff;color:#6aa0d4}.action-icon.lavender[data-v-dfaa0f08]{background:#f3efff;color:#9a82cc}.action-icon.rose[data-v-dfaa0f08]{background:#fff0f2;color:#d1859b}.action-icon.gold[data-v-dfaa0f08]{background:#fff7e7;color:#c7a04b}.membership-banner[data-v-dfaa0f08]{min-height:58px;margin:0 10px 14px;padding:9px 11px;display:flex;align-items:center;gap:9px;border-radius:10px;background:linear-gradient(105deg,#273448,#4b5661);color:#fff;text-decoration:none}.member-mark[data-v-dfaa0f08]{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#d1ad62;color:#fff}.membership-banner>span[data-v-dfaa0f08]:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.membership-banner b[data-v-dfaa0f08]{font-size:11px}.membership-banner small[data-v-dfaa0f08]{color:#c7cdd4;font-size:9px}.member-button[data-v-dfaa0f08]{padding:6px 9px;border-radius:12px;background:#e7c56f;color:#4e4024;font-size:10px}.service-list[data-v-dfaa0f08]{margin:0 10px;background:#fff;border-radius:9px;overflow:hidden}.service-caption[data-v-dfaa0f08]{padding:12px 12px 7px;color:#a0a9b1;font-size:10px}.service-row[data-v-dfaa0f08]{height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid #f1f3f4;text-decoration:none;color:#46535f;font-size:12px}.service-row[data-v-dfaa0f08]:last-child{border-bottom:0}.service-row>b[data-v-dfaa0f08]{margin-left:auto;color:#c3cbd1;font-size:19px;font-weight:400}.service-icon[data-v-dfaa0f08]{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:14px}.service-icon.mint[data-v-dfaa0f08]{background:#eaf7f0;color:#64ad82}.service-icon.blue[data-v-dfaa0f08]{background:#edf4fb;color:#6494c0}.service-icon.amber[data-v-dfaa0f08]{background:#fff4e6;color:#c99a4f}.two-column[data-v-dfaa0f08]{display:block}.my-card[data-v-dfaa0f08]{display:none}.quick-links[data-v-dfaa0f08]{display:block}.mobile-nav[data-v-dfaa0f08]{position:fixed;z-index:10;left:0;right:0;bottom:0;width:100%;height:calc(62px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #eaedf0}.mobile-nav a[data-v-dfaa0f08]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8d98a3;text-decoration:none;font-size:10px}.mobile-nav a.active[data-v-dfaa0f08],.mobile-nav a.router-link-active[data-v-dfaa0f08]{color:#2f82d1;font-weight:600}.nav-symbol[data-v-dfaa0f08]{font-size:19px;line-height:20px}.module-app[data-v-dfaa0f08]:not(:has(.mobile-nav)){padding-bottom:20px}@media (min-width:850px){.module-content[data-v-dfaa0f08]{max-width:none}.profile-banner[data-v-dfaa0f08]{padding-left:24px}.list-panel[data-v-dfaa0f08]{padding-left:22px;padding-right:22px}.module-header[data-v-dfaa0f08]{padding-left:20px;padding-right:20px}}body .module-app{background:#f2f7fa;padding-bottom:calc(50px + env(safe-area-inset-bottom))}.module-shell[data-v-dfaa0f08],.module-shell.is-my-page[data-v-dfaa0f08],.module-shell.is-explore-page[data-v-dfaa0f08]{padding:0}.module-header[data-v-dfaa0f08]{position:relative;height:42px;min-height:42px;justify-content:center;padding:0 10px;gap:0}.module-header.centered[data-v-dfaa0f08]{justify-content:space-between}.header-spacer[data-v-dfaa0f08]{width:36px;height:36px;flex:none}.heading.centered-heading[data-v-dfaa0f08]{position:absolute;left:50%;top:50%;width:auto;transform:translate(-50%,-50%);align-items:center;white-space:nowrap}.heading.centered-heading strong[data-v-dfaa0f08]{font-size:14px;font-weight:600}.module-header .quiet-button[data-v-dfaa0f08]{width:36px;height:36px;display:grid;place-items:center;font-size:18px}.module-header .quiet-button svg[data-v-dfaa0f08]{width:17px;height:17px;fill:none;stroke:#525b62;stroke-width:1.6;stroke-linecap:round}.directory-menu[data-v-dfaa0f08]{width:100%;background:#fff}.directory-menu a[data-v-dfaa0f08],.directory-menu button[data-v-dfaa0f08]{width:100%;height:35px;display:flex;align-items:center;gap:8px;padding:0 11px;border:0;border-bottom:1px solid #f3f4f5;background:#fff;text-decoration:none;text-align:left;color:#30383d;font-size:12px}.directory-menu a[data-v-dfaa0f08]:last-child,.directory-menu button[data-v-dfaa0f08]:last-child{border-bottom:0}.directory-menu b[data-v-dfaa0f08]{margin-left:auto;color:#aab2b7;font-size:20px;font-weight:300}.directory-icon[data-v-dfaa0f08]{width:21px;height:21px;display:grid;place-items:center;border-radius:5px;font-size:14px}.directory-icon.invite[data-v-dfaa0f08]{background:#fff0df;color:#e69b4d}.directory-icon.blocked[data-v-dfaa0f08]{background:#ffe9e9;color:#ea6967;font-size:10px}.directory-icon.groups[data-v-dfaa0f08]{background:#e6f8f3;color:#26b79c}.directory-icon.notices[data-v-dfaa0f08]{background:#e9f2ff;color:#4186d2}.contact-search[data-v-dfaa0f08]{height:39px;margin:6px 10px;padding:0 10px;display:flex;align-items:center;gap:7px;border-radius:7px;background:#fff}.contact-search svg[data-v-dfaa0f08]{width:17px;height:17px;fill:none;stroke:#909ba3;stroke-width:1.6}.contact-search input[data-v-dfaa0f08]{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:12px}.contact-search button[data-v-dfaa0f08]{border:0;background:transparent;color:#7c8a94;font-size:11px}.friend-count[data-v-dfaa0f08]{height:42px;display:flex;align-items:center;justify-content:center;color:#94a1a8;font-size:11px}.friend-count b[data-v-dfaa0f08]{font-weight:400}.directory-friends[data-v-dfaa0f08]{min-height:calc(100dvh - 215px);padding:0 10px;background:transparent}.directory-friends .person-row[data-v-dfaa0f08]{min-height:48px;margin-bottom:1px;padding:5px 9px;border-bottom:1px solid #f1f2f3;background:#fff}.directory-friends .avatar[data-v-dfaa0f08]{width:32px;height:32px;border-radius:5px;font-size:13px}.directory-empty[data-v-dfaa0f08]{height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#abb3b8;font-size:11px}.directory-empty svg[data-v-dfaa0f08]{width:120px;height:92px}.discover-list[data-v-dfaa0f08]{width:100%;background:#fff}.discover-row[data-v-dfaa0f08]{width:100%;height:39px;display:flex;align-items:center;gap:7px;padding:0 10px;border:0;border-bottom:1px solid #f4f4f4;background:#fff;text-align:left;color:#465159;font-size:12px}.discover-row[data-v-dfaa0f08]:last-child{border-bottom:0}.discover-row b[data-v-dfaa0f08]{margin-left:auto;color:#9aa4a9;font-size:19px;font-weight:300}.discover-icon[data-v-dfaa0f08]{width:18px;height:18px;display:grid;place-items:center;border-radius:3px;font-size:14px;font-weight:600}.discover-icon.moments[data-v-dfaa0f08]{color:#73b65a}.discover-icon.app[data-v-dfaa0f08]{background:#e7f3ff;color:#2187d1}.discover-icon.source[data-v-dfaa0f08]{background:#e7f3ff;color:#2488d2}.discover-icon.chat-area[data-v-dfaa0f08]{color:#9f8de0}.discover-icon.book[data-v-dfaa0f08]{color:#e69a43}.discover-icon.baidu[data-v-dfaa0f08]{color:#2982c5}.discover-icon.report[data-v-dfaa0f08]{background:#fff1dc;color:#dd862c}.discover-icon.safety[data-v-dfaa0f08]{color:#d48439}.target-profile-banner[data-v-dfaa0f08]{position:relative;min-height:116px;margin:0;padding:30px 13px 17px;background:linear-gradient(115deg,#e4efff 0%,#edf5ff 65%,#f2f7ff 100%);display:flex;align-items:center;gap:11px}.target-profile-banner .profile-avatar[data-v-dfaa0f08]{width:42px;height:42px;border:1px solid #fff;border-radius:6px;background:#cfe1f6;color:#fff;font-size:17px}.target-profile-banner .profile-avatar img[data-v-dfaa0f08]{width:100%;height:100%;object-fit:cover;border-radius:inherit}.target-profile-banner .profile-copy[data-v-dfaa0f08]{gap:4px}.target-profile-banner .profile-copy strong[data-v-dfaa0f08]{font-size:14px;font-weight:600}.target-profile-banner .profile-copy small[data-v-dfaa0f08]{font-size:9px;color:#8497a8}.target-profile-banner .profile-status[data-v-dfaa0f08]{position:static;display:inline-flex;align-self:flex-start;padding:2px 6px;border-radius:9px;background:#fff;color:#8a98a3;font-size:8px}.profile-tools[data-v-dfaa0f08]{position:absolute;top:20px;right:14px;display:flex;align-items:center;gap:10px}.profile-tools button[data-v-dfaa0f08],.profile-tools a[data-v-dfaa0f08]{width:25px;height:25px;display:grid;place-items:center;border:0;background:transparent;color:#53677b;text-decoration:none;font-size:17px}.target-profile-actions[data-v-dfaa0f08]{position:relative;z-index:1;margin:-14px 10px 10px;padding:10px 3px 8px;border-radius:10px;box-shadow:0 2px 10px #2144620d}.target-profile-actions button[data-v-dfaa0f08]{display:flex;align-items:center;flex-direction:column;gap:5px;border:0;background:transparent;color:#56616c}.target-profile-actions small[data-v-dfaa0f08]{font-size:9px}.target-profile-actions .action-icon[data-v-dfaa0f08]{width:30px;height:30px;border-radius:8px;font-size:15px}.target-membership[data-v-dfaa0f08]{width:calc(100% - 20px);min-height:46px;margin:0 10px 11px;padding:7px 10px;border:0;border-radius:8px;background:linear-gradient(100deg,#171723,#322d34);text-align:left;cursor:pointer}.target-membership .member-mark[data-v-dfaa0f08]{width:24px;height:24px;background:#6c5528;color:#f0cf6d}.target-membership b[data-v-dfaa0f08]{font-size:10px}.target-membership small[data-v-dfaa0f08]{font-size:8px}.target-membership .member-button[data-v-dfaa0f08]{padding:5px 8px;font-size:9px}.target-service-list[data-v-dfaa0f08]{margin:0 10px;background:#fff;border-radius:8px}.target-service-list .service-caption[data-v-dfaa0f08]{padding:10px 10px 5px;font-size:9px}.target-service-list .service-row[data-v-dfaa0f08]{height:38px;min-height:38px;padding:0 10px;font-size:11px}.target-service-list button.service-row[data-v-dfaa0f08]{width:100%;border:0;border-bottom:1px solid #f2f3f4;background:#fff;text-align:left}.target-service-list .service-icon[data-v-dfaa0f08]{width:20px;height:20px;border-radius:5px;font-size:11px}.target-service-list .service-icon.rose[data-v-dfaa0f08]{background:#fff0ed;color:#db7b72}.target-service-list .service-icon.slate[data-v-dfaa0f08]{background:#f1f3f5;color:#86939b}body .module-app.is-my-page{background:#f1f6fb}:root{font-family:system-ui,-apple-system,Noto Sans SC,Segoe UI,sans-serif;color:#202b36;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--im-blue:#2979d6;--im-muted:#8a96a3;--im-line:#edf0f2;--im-bg:#f5f7f9}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:var(--im-bg);font-size:15px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.im-shell{position:relative;width:100%;min-height:100vh;min-height:100dvh;background:#fff;padding-bottom:calc(68px + env(safe-area-inset-bottom));overflow-x:hidden}.im-header{height:62px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #f3f4f5}.identity{display:flex;align-items:center;gap:10px;min-width:0}.avatar,.conversation-avatar,.chat-peer-avatar,.chat-avatar{position:relative;display:flex;align-items:center;justify-content:center;flex:none;border-radius:12px;background:#e9f1fb;color:#3577bd;font-weight:600;overflow:hidden}.self-avatar{width:40px;height:40px;border-radius:50%;background:#e9f1fb;font-size:15px}.identity-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.identity-copy strong{font-size:15px;font-weight:650}.identity-copy>span{display:flex;align-items:center;gap:5px;color:#89939c;font-size:11px}.online-dot,.avatar-online{width:7px;height:7px;border-radius:50%;background:#4fc27b}.header-actions{display:flex;align-items:center;gap:4px}.icon-button,.composer-tool{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:#354454;border-radius:50%}.icon-button:active,.composer-tool:active{background:#f3f6f8}.icon-button svg,.composer-tool svg,.chat-header svg,.im-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notice-strip{min-height:35px;display:flex;align-items:center;gap:8px;padding:6px 15px;background:#fff8e9;color:#b27b1a;font-size:12px}.notice-icon{width:15px;height:15px;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:700;display:grid;place-items:center}.link-button{margin-left:auto;border:0;background:transparent;color:#8e969d;font-size:12px}.message-filters{height:49px;padding:0 14px;display:flex;align-items:stretch;gap:24px;border-bottom:1px solid #f1f2f3;background:#fff}.message-filters button{position:relative;border:0;background:transparent;color:#707d89;padding:0 3px;font-size:13px;white-space:nowrap}.message-filters button.selected{color:#2d78cf;font-weight:600}.message-filters button.selected:after{position:absolute;bottom:0;left:4px;right:4px;height:2px;background:#3182ce;border-radius:2px;content:""}.filter-count{margin-left:5px;color:#9aa4ad;font-size:11px}.message-filters .filter-tool{margin-left:auto;color:#89939c;font-size:20px}.conversation-search{height:48px;margin:10px 14px 0;padding:0 12px;display:flex;align-items:center;gap:8px;background:#f2f4f6;border-radius:8px}.conversation-search svg{width:19px;height:19px;fill:none;stroke:#98a2ac;stroke-width:1.7}.conversation-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px}.conversation-search button{border:0;background:transparent;color:#5b88bd;font-size:13px}.quick-menu{position:absolute;z-index:6;right:10px;top:54px;width:165px;padding:6px;background:#fff;border:1px solid #edf0f3;border-radius:10px;box-shadow:0 7px 26px #172c411b}.quick-menu a{display:flex;align-items:center;gap:10px;padding:11px 10px;text-decoration:none;font-size:14px}.quick-menu a+a{border-top:1px solid #f1f3f5}.quick-menu span{color:#3182ce;font-size:19px}.conversation-list{background:#fff}.conversation-row{min-height:72px;padding:10px 15px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s}.conversation-row:active{background:#f7f9fb}.conversation-avatar{width:48px;height:48px;border-radius:12px;font-size:19px}.conversation-avatar img,.chat-peer-avatar img{width:100%;height:100%;object-fit:cover}.tone-0{background:#e7f3e9;color:#58a66c}.tone-1{background:#e9f0fb;color:#4d83c5}.tone-2{background:#f9eee6;color:#c78651}.tone-3{background:#f1eafa;color:#9069bb}.tone-4{background:#e7f3f4;color:#4c9b9e}.avatar-online{position:absolute;right:0;bottom:0;box-shadow:0 0 0 2px #fff}.conversation-body{flex:1;min-width:0;min-height:51px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #f0f1f2;padding:2px 0 5px}.conversation-row:last-child .conversation-body{border-bottom:0}.conversation-top,.conversation-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.conversation-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;color:#26313b}.conversation-top time{flex:none;color:#a0a8b0;font-size:11px}.conversation-bottom{margin-top:6px}.conversation-bottom p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9099a1;font-size:12px;min-width:0}.unread-badge,.nav-badge{flex:none;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#e95a57;color:#fff;font-size:10px}.empty-conversations,.state-message{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7e8a95;text-align:center;padding:32px 20px}.empty-conversations strong{margin-top:11px;font-size:14px;color:#576471}.empty-conversations p{margin:7px 0 0;color:#a4adb5;font-size:12px}.empty-icon{width:56px;height:56px;border-radius:50%;background:#f3f6f8;color:#bac4cc;font-size:27px;display:grid;place-items:center}.empty-conversations button,.inline-error button{margin-top:10px;border:0;background:transparent;color:#267acb}.inline-error{padding:12px 16px;color:#bd4747;font-size:13px}.im-bottom-nav,.mobile-nav{position:fixed;z-index:10;left:0;right:0;bottom:0;width:100%;height:calc(62px + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #eaedf0}.im-bottom-nav a,.mobile-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8d98a3;text-decoration:none;font-size:10px}.im-bottom-nav a.active,.mobile-nav a.router-link-active{color:#2f82d1;font-weight:600}.im-bottom-nav svg{width:21px;height:21px}.nav-badge{position:absolute;left:calc(50% + 7px);top:0;min-width:14px;height:14px;font-size:9px;padding:0 3px}.chat-shell{height:100vh;height:100dvh;min-height:480px;display:flex;flex-direction:column;background:#f4f6f8;overflow:hidden}.chat-header{height:58px;flex:none;display:flex;align-items:center;gap:10px;padding:0 12px;background:#fff;border-bottom:1px solid #e9edf0}.back-button{width:34px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#354454}.chat-peer-avatar{width:36px;height:36px;border-radius:10px;font-size:14px}.chat-peer{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.chat-peer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.chat-peer small{color:#9aa3ab;font-size:10px}.chat-header .icon-button{width:36px;height:36px}.chat-info{padding:9px 15px;background:#fff;color:#78838d;font-size:11px;display:flex;justify-content:space-between}.chat-info code{color:#98a2aa}.chat-messages{flex:1;overflow-y:auto;padding:18px 13px 22px;scroll-behavior:smooth}.chat-line{display:flex;align-items:flex-end;gap:8px;margin:12px 0}.chat-line.mine{justify-content:flex-end}.chat-avatar{width:32px;height:32px;border-radius:9px;background:#e4edf7;color:#5782ae;font-size:12px}.mine-avatar{background:#dcecfb;color:#2e78bd}.chat-message-wrap{max-width:min(76%,560px);display:flex;flex-direction:column;align-items:flex-start}.chat-line.mine .chat-message-wrap{align-items:flex-end}.message-time{margin:0 0 5px;color:#a2abb3;font-size:10px}.chat-bubble{padding:10px 12px;border-radius:4px 13px 13px;background:#fff;color:#35414d;font-size:14px;line-height:1.55;overflow-wrap:anywhere;box-shadow:0 1px 2px #1a2b3b0a}.chat-line.mine .chat-bubble{border-radius:13px 4px 13px 13px;background:#b8e986;color:#263622}.chat-empty,.chat-state{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7b8790}.chat-empty small{margin-top:5px;color:#a2abb3;font-size:12px}.chat-composer{flex:none;min-height:60px;display:flex;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#f8f9fa;border-top:1px solid #e6eaed}.chat-composer input{flex:1;min-width:0;height:40px;border:0;border-radius:8px;background:#fff;padding:0 12px;outline:none;font-size:14px}.chat-composer input:focus{box-shadow:0 0 0 1px #b8d7f4}.send-button{height:38px;padding:0 16px;border:0;border-radius:7px;background:#4cae4f;color:#fff;font-size:13px}.send-button:disabled{background:#bedcbe;color:#fff}.chat-error{margin:0;padding:9px 14px;background:#fff0f0;color:#bd4747;font-size:12px}.chat-error button{border:0;background:transparent;color:#267acb}.login-page{min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 22px 34px;background:linear-gradient(180deg,#f4f8fd 0%,#fff 48%,#fff 100%);color:#263442}.login-language{position:absolute;top:18px;right:18px;border:1px solid #e6ebef;border-radius:18px;background:#fff;padding:7px 12px;color:#687784;font-size:12px}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:26px}.login-logo{width:68px;height:68px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(140deg,#74b5f2,#3388dc);color:#fff;font-size:34px;box-shadow:0 10px 24px #4695dc37}.login-brand strong{margin-top:13px;font-size:21px;letter-spacing:2px;color:#24384d}.login-brand small{margin-top:5px;color:#a0aab3;font-size:12px}.login-card{width:min(100%,400px);padding:28px 24px 22px;border:1px solid #edf1f4;border-radius:15px;background:#fff;box-shadow:0 12px 34px #22415a0d}.login-tabs{display:flex;gap:24px;margin:0 0 23px;border-bottom:1px solid #eef1f3}.login-tabs span{padding:0 0 11px;color:#287bd0;font-size:15px;font-weight:600;border-bottom:2px solid #3286d4}.login-card h1{margin:0;font-size:21px}.login-card .subheading{margin:6px 0 22px;color:#9aa5af;font-size:13px}.login-card label{display:block;margin:15px 0 6px;color:#596875;font-size:13px}.login-card input{width:100%;height:46px;margin-top:7px;padding:0 12px;border:1px solid #e3e9ee;border-radius:7px;background:#fff;color:#263442;font-size:14px;outline:none}.login-card input:focus{border-color:#75b4e9;box-shadow:0 0 0 3px #eaf4fd}.login-agreement{display:flex;align-items:flex-start;gap:8px;margin-top:17px;color:#788590;font-size:11px;line-height:1.6}.login-agreement input{width:15px;height:15px;flex:none;margin:2px 0 0;accent-color:#3286d4}.login-agreement a{color:#3184d2;text-decoration:none}.login-card button[type=submit]{width:100%;height:45px;margin-top:21px;border:0;border-radius:7px;background:#3788d4;color:#fff;font-size:15px;font-weight:600}.login-card button:disabled{opacity:.55}.login-card .switch{display:block;width:100%;margin-top:13px;border:0;background:transparent;color:#4289ca;font-size:13px}.login-card .message{font-size:12px;line-height:1.5}.login-card .error{color:#bd4747}.login-card .success{color:#2e945b}.login-footnote{margin-top:16px;color:#a5afb8;font-size:10px;text-align:center}@media (min-width:900px){.im-shell,.chat-shell{max-width:100%;margin:0 auto}.conversation-row,.im-header{padding-left:24px;padding-right:24px}.im-bottom-nav{padding-left:max(8px,calc((100vw - 860px)/2));padding-right:max(8px,calc((100vw - 860px)/2))}.chat-composer{padding-left:max(12px,calc((100vw - 900px)/2));padding-right:max(12px,calc((100vw - 900px)/2))}}body{background:#fff}body .im-shell{padding-bottom:calc(50px + env(safe-area-inset-bottom))}body .im-shell .im-bottom-nav,body .im-shell .mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(62px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;display:flex!important;justify-content:space-around!important;align-items:center!important;border-top:1px solid #eaedf0!important;border-right:0!important;border-bottom:0!important;border-left:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transform:none!important;transition:none!important;animation:none!important;overflow:visible!important}body .im-shell .im-bottom-nav a,body .im-shell .mobile-nav a{position:relative;z-index:0;display:flex;flex:1 1 0%;min-width:0;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:999px;font-size:10px;height:100%;padding:3px 4px;background:transparent!important;transform:none!important;transition:none!important}body .im-shell .im-bottom-nav a.active,body .im-shell .im-bottom-nav a.router-link-exact-active,body .im-shell .mobile-nav a.active,body .im-shell .mobile-nav a.router-link-exact-active,body .directory-app.mode-contacts.im-shell .mobile-nav a.router-link-exact-active{color:#1684da!important;font-weight:600!important}body .im-shell .im-bottom-nav a.active::before,body .im-shell .im-bottom-nav a.router-link-exact-active::before,body .im-shell .mobile-nav a.active::before,body .im-shell .mobile-nav a.router-link-exact-active::before{content:"";position:absolute;left:50%;top:50%;width:64px;height:40px;max-width:calc(100% - 8px);box-sizing:border-box;border-radius:14px;background:#eef5ff;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}body .im-shell .im-bottom-nav svg{width:17px;height:17px}body .im-shell .mobile-nav .nav-symbol{font-size:15px;line-height:16px}body .im-shell .nav-badge{top:0;left:calc(50% + 7px);min-width:13px;height:13px;border:1px solid #fff;font-size:8px}body .message-home .im-header{height:36px;min-height:36px;padding:0 8px;border-bottom:1px solid #f2f2f2}body .message-home .self-avatar{width:25px;height:25px;font-size:11px}body .message-home .identity{gap:6px}body .message-home .identity-copy{gap:0}body .message-home .identity-copy strong{font-size:12px}body .message-home .identity-copy>span{font-size:9px}body .message-home .header-actions{gap:0}body .message-home .header-actions .icon-button{width:30px;height:30px}body .message-home .notice-strip{min-height:28px;height:28px;padding:3px 10px;gap:6px;font-size:10px}body .message-home .notice-icon{width:13px;height:13px;font-size:8px}body .message-home .link-button{font-size:10px}body .message-home .conversation-row{min-height:44px;padding:5px 10px;gap:8px}body .message-home .conversation-avatar{width:32px;height:32px;border-radius:6px;overflow:visible;font-size:14px}body .message-home .conversation-avatar img{border-radius:6px}body .message-home .conversation-body{min-height:34px;padding:1px 0 3px}body .message-home .conversation-top strong{font-size:12px}body .message-home .conversation-top time{font-size:9px}body .message-home .conversation-bottom{margin-top:2px}body .message-home .conversation-bottom p{font-size:10px}body .message-home .avatar-online{right:-1px;bottom:-1px}body .message-home .conversation-unread{position:absolute;z-index:2;top:-4px;right:-5px;min-width:14px;height:14px;padding:0 3px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:10px;background:#e95454;color:#fff;font-size:8px;font-style:normal;line-height:1}.drawer-mask,.action-sheet-mask{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:rgba(20,35,49,.28);display:flex;justify-content:flex-end}.group-drawer{width:min(92vw,430px);height:100%;overflow-y:auto;background:#fff;box-shadow:-12px 0 34px #1b314329;animation:drawer-in .22s ease-out}.drawer-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:17px 18px 14px;background:#fff;border-bottom:1px solid #edf1f4}.drawer-head strong{display:block;font-size:17px;color:#263746}.drawer-head small{display:block;margin-top:4px;color:#99a4ad;font-size:11px}.drawer-close{width:32px;height:32px;border:0;border-radius:50%;background:#f4f6f8;color:#687783;font-size:23px;line-height:1}.drawer-error{margin:12px 16px 0;padding:9px 11px;border-radius:7px;background:#fff0f0;color:#bd4747;font-size:12px}.group-section{padding:16px 18px;border-bottom:8px solid #f5f7f9}.group-profile label{display:block;margin-bottom:12px;color:#697681;font-size:12px}.group-profile input,.group-profile textarea{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #e3e9ed;border-radius:7px;background:#fbfcfd;color:#283945;outline:0;resize:vertical;font-size:13px}.group-profile input:focus,.group-profile textarea:focus{border-color:#8bbde8;background:#fff}.primary-action{width:100%;height:38px;border:0;border-radius:7px;background:#3788d4;color:#fff;font-size:13px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#354653;font-size:14px}.section-actions{display:flex;gap:4px}.section-actions button{width:28px;height:28px;border:1px solid #dfe7ed;border-radius:7px;background:#fff;color:#3788d4;font-size:20px;line-height:1}.member-list{display:flex;flex-direction:column}.member-row{min-height:54px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #f1f3f5}.member-row:last-child{border-bottom:0}.member-avatar{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:9px;background:#eaf2fb;color:#4a85c2;font-size:13px}.member-main{flex:1;min-width:0}.member-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#33434f;font-size:13px;font-weight:600}.member-main small{display:block;margin-top:3px;color:#a0a9b0;font-size:10px}.role-badge{padding:3px 6px;border-radius:4px;background:#f2f4f6;color:#8c969e;font-size:10px;white-space:nowrap}.role-owner{background:#fff2d9;color:#c88b25}.role-admin,.role-administrator{background:#eaf3ff;color:#3a80c1}.member-more{border:0;background:transparent;color:#a0a9b0;font-weight:700;letter-spacing:1px}.setting-row{display:flex;align-items:center;justify-content:space-between}.setting-row strong{display:block;color:#344652;font-size:13px}.setting-row small{display:block;margin-top:4px;color:#a1aab1;font-size:10px}.switch{width:42px;height:24px;padding:3px;border:0;border-radius:20px;background:#d8e0e5;transition:.18s}.switch i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #12253828;transition:.18s}.switch.on{background:#4cae4f}.switch.on i{transform:translate(18px)}.danger-zone{display:flex;flex-direction:column;gap:1px;padding:16px 18px 30px}.danger-zone button,.member-actions button{height:42px;border:0;border-radius:7px;background:#fff;color:#4d7faa;font-size:13px;text-align:left;padding:0 12px}.danger-zone button:hover,.member-actions button:hover{background:#f5f8fa}.danger-zone .danger,.member-actions .danger{color:#d45353}.drawer-empty{text-align:center;padding:18px;color:#a0aab2;font-size:12px}.action-sheet-mask{align-items:flex-end;justify-content:center}.member-actions{width:min(100%,430px);padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;background:#fff;box-shadow:0 -5px 20px #18334a1a}.member-actions strong{display:block;padding:7px 12px 11px;color:#344652;font-size:14px}.new-message-tip{position:fixed;z-index:15;left:50%;bottom:76px;transform:translate(-50%);padding:8px 13px;border-radius:18px;background:#3788d4;color:#fff;box-shadow:0 3px 12px #183b5a35;font-size:12px;cursor:pointer}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}

/* Raim IM group settings mobile UI patch, 2026-10-20 */
.group-drawer.raim-group-drawer {
  --raim-accent: #2878d0;
  --raim-text: #233242;
  --raim-muted: #8793a0;
  width: min(100vw, 430px);
  max-width: 100vw;
  height: 100%;
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-bottom: calc(18px + env(safe-area-inset-bottom));
  background: #f3f6fa;
  box-shadow: -12px 0 34px rgba(27, 49, 67, .17);
}
.group-drawer.raim-group-drawer > .drawer-head {
  flex: 0 0 auto;
  position: sticky;
  top: 0;
  z-index: 4;
  padding: 16px 18px 14px;
  border-bottom: 1px solid #edf1f5;
  background: rgba(255, 255, 255, .97);
  backdrop-filter: blur(14px);
}
.group-drawer.raim-group-drawer > .group-section.raim-card {
  flex: 0 0 auto;
  margin: 0 12px;
  padding: 15px;
  border: 1px solid #e9eef4;
  border-bottom: 1px solid #e9eef4;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(34, 58, 82, .045);
}
.group-drawer.raim-group-drawer > .group-profile.raim-card-profile { order: 2; }
.group-drawer.raim-group-drawer > .raim-card-members { order: 1; }
.group-drawer.raim-group-drawer > .raim-tools-card { order: 3; }
.group-drawer.raim-group-drawer > .group-permissions.raim-card-permissions { order: 4; }
.group-drawer.raim-group-drawer > .raim-danger-zone { order: 5; }
.group-drawer.raim-group-drawer .group-profile label {
  margin-bottom: 13px;
  color: #637184;
  font-size: 12px;
  font-weight: 650;
}
.group-drawer.raim-group-drawer .group-profile input,
.group-drawer.raim-group-drawer .group-profile textarea {
  margin-top: 7px;
  padding: 11px 12px;
  border: 1px solid #e3eaf2;
  border-radius: 11px;
  background: #f8fafc;
  color: var(--raim-text);
  font-size: 14px;
}
.group-drawer.raim-group-drawer .group-profile input:focus,
.group-drawer.raim-group-drawer .group-profile textarea:focus {
  border-color: #91b9e8;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(40, 120, 208, .09);
}
.group-drawer.raim-group-drawer .primary-action,
.raim-primary-button {
  min-height: 42px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #348be0, #2873c5);
  color: #fff;
  font-size: 14px;
  font-weight: 650;
  box-shadow: 0 5px 12px rgba(40, 120, 208, .18);
}
.group-drawer.raim-group-drawer .section-title {
  margin-bottom: 13px;
  color: #26384a;
  font-size: 15px;
  font-weight: 700;
}
.group-drawer.raim-group-drawer .section-actions { gap: 7px; }
.group-drawer.raim-group-drawer .section-actions button {
  width: 32px;
  height: 32px;
  border: 1px solid #e4ebf3;
  border-radius: 11px;
  background: #f8fbff;
  color: var(--raim-accent);
  font-size: 20px;
  font-weight: 600;
}
.group-drawer.raim-group-drawer .member-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}
.group-drawer.raim-group-drawer .member-row {
  position: relative;
  min-width: 0;
  min-height: 104px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 3px 7px;
  border: 0;
  border-radius: 14px;
  background: #f7f9fc;
  text-align: center;
}
.group-drawer.raim-group-drawer .member-row:nth-child(n + 16) { display: none; }
.group-drawer.raim-group-drawer .raim-show-all-members .member-row:nth-child(n + 16) { display: flex; }
.group-drawer.raim-group-drawer .member-avatar {
  position: relative;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  overflow: hidden;
  flex: 0 0 46px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #e8f1fb;
  color: #3679bd;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 2px 7px rgba(43, 70, 98, .12);
}
.group-drawer.raim-group-drawer .member-avatar img.raim-avatar-photo {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.group-drawer.raim-group-drawer .member-main {
  width: 100%;
  min-width: 0;
  flex: 0 0 auto;
}
.group-drawer.raim-group-drawer .member-main strong {
  max-width: 100%;
  color: #334255;
  font-size: 11px;
  font-weight: 650;
}
.group-drawer.raim-group-drawer .member-main small { display: none; }
.group-drawer.raim-group-drawer .role-badge {
  max-width: 100%;
  overflow: hidden;
  padding: 2px 5px;
  border-radius: 7px;
  font-size: 9px;
  line-height: 1.3;
  text-overflow: ellipsis;
}
.group-drawer.raim-group-drawer .member-more {
  position: absolute;
  top: 4px;
  right: 3px;
  z-index: 2;
  width: 25px;
  height: 23px;
  padding: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, .88);
  color: #68788a;
  font-size: 12px;
}
.raim-view-members {
  width: 100%;
  min-height: 38px;
  margin-top: 10px;
  border: 0;
  border-radius: 10px;
  background: #f3f8ff;
  color: #337bc2;
  font-size: 12px;
  font-weight: 650;
}
.raim-view-members:disabled { color: #9aa5b2; background: #f6f8fa; }
.raim-qr-button {
  width: 100%;
  min-height: 40px;
  margin-top: 10px;
  border: 1px solid #dce9f8;
  border-radius: 11px;
  background: #f5f9ff;
  color: #2878c8;
  font-size: 13px;
  font-weight: 650;
}
.raim-card-title {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 8px;
}
.raim-card-title strong { color: #26384a; font-size: 15px; }
.raim-card-title small { color: #97a2af; font-size: 10px; }
.raim-feature-row,
.raim-clear-row {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid #f0f3f6;
}
.raim-feature-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.raim-feature-copy strong { color: #344356; font-size: 13px; font-weight: 650; }
.raim-feature-copy small { color: #97a2af; font-size: 10px; line-height: 1.45; }
.raim-switch {
  position: relative;
  width: 46px;
  height: 27px;
  flex: 0 0 46px;
  padding: 0;
  border: 0;
  border-radius: 20px;
  background: #d8dee6;
  transition: background .18s ease;
}
.raim-switch::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
  content: "";
  transition: transform .18s ease;
}
.raim-switch.is-on { background: #37b675; }
.raim-switch.is-on::after { transform: translateX(19px); }
.raim-nickname-row { padding: 12px 0; border-bottom: 1px solid #f0f3f6; }
.raim-nickname-label { display: block; margin: 0 0 8px; color: #344356; font-size: 13px; font-weight: 650; }
.raim-nickname-input-line { display: flex; gap: 8px; }
.raim-nickname-input-line input {
  width: 0;
  min-width: 0;
  flex: 1;
  height: 38px;
  padding: 0 10px;
  border: 1px solid #e3eaf2;
  border-radius: 10px;
  outline: 0;
  background: #f8fafc;
  color: #273747;
  font-size: 13px;
}
.raim-small-button {
  min-width: 56px;
  border: 0;
  border-radius: 10px;
  background: #eaf3ff;
  color: #2878c8;
  font-size: 12px;
  font-weight: 650;
}
.raim-local-note { display: block; margin-top: 7px; color: #9ba5b1; font-size: 10px; line-height: 1.5; }
.raim-clear-row { padding-top: 12px; border-bottom: 0; }
.raim-clear-button {
  min-width: 55px;
  height: 34px;
  flex: 0 0 auto;
  border: 1px solid #f5dcdc;
  border-radius: 10px;
  background: #fff7f7;
  color: #d15151;
  font-size: 12px;
  font-weight: 650;
}
.group-drawer.raim-group-drawer > .raim-danger-zone {
  gap: 8px;
  margin-bottom: 0;
  padding: 0 12px 18px;
  border: 0;
  background: transparent;
}
.group-drawer.raim-group-drawer > .raim-danger-zone button {
  min-height: 44px;
  border: 1px solid #f1dddd;
  border-radius: 12px;
  background: #fff;
  color: #c64b4b;
  text-align: center;
  font-weight: 650;
}
.group-drawer.raim-group-drawer > .raim-danger-zone button.danger {
  border-color: #e95555;
  background: #e95555;
  color: #fff;
}
.raim-qr-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(20, 31, 44, .56);
  backdrop-filter: blur(3px);
}
.raim-qr-card {
  position: relative;
  width: min(100%, 340px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 24px 20px 20px;
  border-radius: 22px;
  background: #fff;
  text-align: center;
  box-shadow: 0 16px 50px rgba(18, 31, 45, .24);
}
.raim-qr-close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #f3f5f7;
  color: #667382;
  font-size: 22px;
}
.raim-qr-title { max-width: 85%; overflow: hidden; color: #26384a; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.raim-qr-card p { margin: 0; color: #8a96a3; font-size: 11px; }
.raim-qr-holder {
  width: 218px;
  height: 218px;
  display: grid;
  place-items: center;
  padding: 9px;
  border: 1px solid #edf1f5;
  border-radius: 16px;
  background: #fff;
}
.raim-qr-holder svg { width: 100%; height: 100%; }
.raim-qr-link {
  width: 100%;
  overflow: hidden;
  padding: 7px 9px;
  border-radius: 8px;
  background: #f6f8fa;
  color: #6d7a89;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.raim-primary-button { width: 100%; min-height: 42px; }
.raim-group-toast {
  position: fixed;
  z-index: 10001;
  left: 50%;
  bottom: calc(24px + env(safe-area-inset-bottom));
  max-width: calc(100vw - 40px);
  padding: 10px 15px;
  border-radius: 22px;
  background: rgba(32, 43, 55, .92);
  color: #fff;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 8px);
  transition: opacity .18s ease, transform .18s ease;
}
.raim-group-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.raim-cleared-note {
  width: fit-content;
  max-width: 90%;
  margin: 16px auto;
  padding: 8px 12px;
  border-radius: 14px;
  background: #eef2f6;
  color: #85909b;
  font-size: 11px;
  text-align: center;
}
.conversation-row.raim-pinned-row { background: linear-gradient(90deg, #f2f8ff, #fff 40%); }
.raim-pinned-badge,
.raim-muted-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 2px 6px;
  border-radius: 8px;
  background: #eaf3ff;
  color: #3179be;
  font-size: 9px;
  font-weight: 650;
}
.raim-muted-badge { background: #f1f3f5; color: #7d8894; }
@media (min-width: 420px) {
  .group-drawer.raim-group-drawer .member-list { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .group-drawer.raim-group-drawer { width: 100vw; border-radius: 0; }
  .group-drawer.raim-group-drawer > .group-section.raim-card { margin-right: 10px; margin-left: 10px; }
}


/* Modal editors keep the profile card clean and mobile-first. */
.group-drawer.raim-group-drawer .group-profile .raim-profile-native-label { display: none !important; }
.group-drawer.raim-group-drawer .raim-profile-edit-list { display: flex; flex-direction: column; gap: 8px; margin: 0 0 12px; }
.group-drawer.raim-group-drawer .raim-profile-edit-row {
  width: 100%; min-height: 54px; display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 10px 12px; border: 1px solid #e8edf3; border-radius: 12px;
  background: #f8fafc; color: #26384a; text-align: left; cursor: pointer;
}
.raim-profile-edit-copy { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.raim-profile-edit-copy strong { color: #627184; font-size: 11px; font-weight: 650; }
.raim-profile-edit-copy small { overflow: hidden; color: #2b3d4f; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.raim-profile-edit-arrow { flex: 0 0 auto; color: #97a3b0; font-size: 24px; line-height: 1; }
.raim-edit-modal {
  position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 16px;
  background: rgba(20, 31, 44, .55); backdrop-filter: blur(3px);
}
.raim-edit-card {
  width: min(100%, 430px); max-height: min(88dvh, 720px); display: flex; flex-direction: column; gap: 12px;
  overflow: auto; padding: 20px; border: 1px solid #edf1f5; border-radius: 20px; background: #fff;
  box-shadow: 0 16px 50px rgba(18, 31, 45, .24);
}
.raim-edit-card > strong { color: #26384a; font-size: 16px; }
.raim-edit-card .raim-edit-field {
  width: 100%; min-height: 44px; padding: 11px 12px; border: 1px solid #dfe7f0; border-radius: 11px;
  outline: 0; background: #f8fafc; color: #26384a; font: inherit; font-size: 14px;
}
.raim-edit-card .raim-edit-field:focus { border-color: #91b9e8; background: #fff; box-shadow: 0 0 0 3px rgba(40, 120, 208, .09); }
.raim-edit-card textarea.raim-edit-field { min-height: 150px; resize: vertical; line-height: 1.55; }
.raim-edit-error { min-height: 15px; color: #cf4c4c; font-size: 11px; }
.raim-edit-actions { display: flex; justify-content: flex-end; gap: 9px; }
.raim-edit-actions button { min-width: 76px; min-height: 40px; padding: 0 14px; border: 0; border-radius: 10px; font-size: 13px; font-weight: 650; }
.raim-edit-cancel { background: #f1f4f7; color: #667382; }
.raim-edit-actions .raim-primary-button { width: auto; min-height: 40px; }
.raim-search-hint { color: #929eaa; font-size: 11px; }
.raim-search-card .raim-primary-button { width: 100%; }
.raim-search-results { min-height: 110px; max-height: 42dvh; display: flex; flex-direction: column; gap: 7px; overflow: auto; }
.raim-search-empty { margin: auto; padding: 18px 8px; color: #98a3af; font-size: 12px; text-align: center; }
.raim-search-result {
  display: flex; flex-direction: column; gap: 5px; padding: 10px 11px; border: 1px solid #edf1f5;
  border-radius: 11px; background: #f8fafc; color: #344356; text-align: left; cursor: pointer;
}
.raim-search-result small { color: #96a1ad; font-size: 10px; }
.raim-search-result span { display: -webkit-box; overflow: hidden; font-size: 12px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.chat-messages .chat-line.raim-search-highlight { outline: 3px solid rgba(40, 120, 208, .35); outline-offset: 3px; border-radius: 14px; }
@media (max-width: 420px) {
  .raim-edit-card { padding: 17px; border-radius: 17px; }
  .raim-search-results { max-height: 38dvh; }
}

.raim-search-row { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f0f3f6; }
/* Advanced group settings layout. Kept separate so production rollout can be rolled back as one bundle. */
.group-drawer.raim-advanced-drawer { position: fixed; right: 0; top: 0; bottom: 0; z-index: 1000; width: min(100vw, 460px); max-width: 100vw; height: 100dvh; overflow: hidden; padding: 0; gap: 0; display: flex; flex-direction: column; background: #f4f6f9; color: #172435; }
.group-drawer.raim-advanced-drawer > .drawer-head { position: relative; z-index: 2; flex: 0 0 auto; padding: 12px 16px; border-bottom: 1px solid #edf0f3; background: #fff; }
.group-drawer.raim-advanced-drawer > .raim-advanced-native-hidden { display: none !important; }
.group-drawer.raim-advanced-drawer > .raim-advanced-root { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 15px 16px calc(28px + env(safe-area-inset-bottom)); background: #f4f6f9; }
.raim-group-hero { display: flex; flex-direction: column; align-items: center; padding: 12px 12px 18px; text-align: center; }
.raim-group-avatar { width: 84px; height: 84px; display: grid; place-items: center; overflow: hidden; border: 4px solid #fff; border-radius: 50%; background: linear-gradient(140deg, #bfd8f4, #8ab8ea); color: #fff; font-size: 34px; font-weight: 700; box-shadow: 0 6px 20px rgba(58, 110, 168, .18); }
.raim-group-avatar img { width: 100%; height: 100%; object-fit: cover; }
.raim-group-title-line { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; }
.raim-hero-title { max-width: calc(100vw - 160px); margin: 0; overflow: hidden; color: #1e2d3d; font-size: 19px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.raim-edit-group-title { width: 30px; height: 30px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: #eaf2fb; color: #52799f; font-size: 15px; cursor: pointer; }
.raim-hero-subtitle { margin: 5px 0 0; color: #526273; font-size: 13px; font-weight: 600; }
.raim-hero-meta { display: flex; align-items: center; gap: 6px; margin-top: 6px; color: #94a0ac; font-size: 11px; }
.raim-status-dot { width: 7px; height: 7px; border-radius: 50%; background: #b6c0ca; }
.raim-quick-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 2px 0 18px; padding: 13px 8px; border: 1px solid #edf0f3; border-radius: 18px; background: #fff; box-shadow: 0 3px 10px rgba(25, 47, 70, .035); }
.raim-hero-action { min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; color: #68798a; cursor: pointer; }
.raim-action-glyph { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid #e8eef5; border-radius: 50%; background: #f5f8fc; color: #526b86; font-size: 22px; line-height: 1; transition: transform .16s ease, background .16s ease; }
.raim-hero-action:active .raim-action-glyph { transform: scale(.94); }
.raim-hero-action small { overflow: hidden; max-width: 100%; color: #596a7a; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.raim-hero-action.is-active .raim-action-glyph { border-color: #d9e9fb; background: #e8f3ff; color: #2a78c7; }
.raim-media-tabs { display: flex; gap: 20px; overflow-x: auto; margin: 0 -2px 12px; padding: 0 2px; border-bottom: 1px solid #e4e9ee; scrollbar-width: none; }
.raim-media-tabs::-webkit-scrollbar { display: none; }
.raim-tab { position: relative; flex: 0 0 auto; min-height: 42px; padding: 0 1px 10px; border: 0; background: none; color: #83909d; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.raim-tab.active { color: #2779c7; }
.raim-tab.active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; border-radius: 3px; background: #3184d2; content: ""; }
.raim-add-member { width: 100%; min-height: 50px; display: flex; align-items: center; gap: 11px; margin-bottom: 7px; padding: 0 13px; border: 1px solid #e9edf2; border-radius: 13px; background: #fff; color: #334457; text-align: left; font-size: 13px; font-weight: 650; cursor: pointer; }
.raim-add-member > span:first-child { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: #eaf3fe; color: #2b7bc8; font-size: 20px; }
.raim-add-member b { margin-left: auto; color: #a4afb9; font-size: 20px; font-weight: 400; }
.raim-tab-content { min-height: 160px; padding: 2px 0; }
.raim-member-list-vertical, .raim-media-list { overflow: hidden; border: 1px solid #edf0f3; border-radius: 16px; background: #fff; }
.raim-member-item { min-height: 72px; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #f0f2f5; }
.raim-member-item:last-child, .raim-media-item:last-child { border-bottom: 0; }
.raim-member-face { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: #e7eff8; color: #4d7ca8; font-size: 17px; font-weight: 700; }
.raim-member-face img, .raim-manager-face img { width: 100%; height: 100%; object-fit: cover; }
.raim-member-info { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 5px; }
.raim-member-info > strong, .raim-manager-copy > strong { overflow: hidden; color: #2a3948; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.raim-member-meta { min-width: 0; display: flex; align-items: center; gap: 7px; }
.raim-member-meta small, .raim-manager-copy > small { overflow: hidden; color: #9aa4ae; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.raim-role-pill { flex: 0 0 auto; padding: 4px 7px; border-radius: 8px; background: #f0f3f6; color: #758290; font-size: 10px; font-weight: 650; white-space: nowrap; }
.raim-role-pill.owner { background: #fff3df; color: #b88024; }
.raim-role-pill.admin { background: #e8f3ff; color: #357ebd; }
.raim-role-pill.online { background: #e7f7ef; color: #36865f; }
.raim-role-pill.subtle { color: #96a1ab; }
.raim-member-right { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; }
.raim-member-manage { width: 30px; height: 30px; border: 0; border-radius: 9px; background: #f5f7f9; color: #798694; font-size: 13px; cursor: pointer; }
.raim-empty-state { min-height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 20px; border: 1px solid #edf0f3; border-radius: 16px; background: #fff; color: #9aa5af; text-align: center; }
.raim-empty-state > span { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 50%; background: #f2f6fa; color: #91a3b4; font-size: 23px; }
.raim-empty-state strong { color: #687889; font-size: 12px; }
.raim-empty-state small { color: #a0aab4; font-size: 10px; }
.raim-media-item { min-height: 62px; display: flex; align-items: center; gap: 12px; padding: 10px 13px; border-bottom: 1px solid #f0f2f5; }
.raim-media-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; border-radius: 11px; background: #edf4fb; color: #4a83ba; font-size: 18px; }
.raim-media-copy { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 4px; }
.raim-media-copy strong { overflow: hidden; color: #3a4a5a; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.raim-media-copy small { color: #a2acb6; font-size: 10px; }
.raim-media-item > a { color: #8b9aa7; font-size: 21px; text-decoration: none; }
.raim-action-mask { position: fixed; inset: 0; z-index: 12000; display: flex; align-items: flex-end; justify-content: center; background: rgba(23, 34, 47, .42); backdrop-filter: blur(2px); }
.raim-action-sheet { width: min(100%, 460px); max-height: min(82dvh, 760px); overflow: auto; padding: 10px 16px calc(15px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; background: #f5f6f8; box-shadow: 0 -10px 34px rgba(17, 31, 45, .18); animation: raim-sheet-in .2s ease-out; }
@keyframes raim-sheet-in { from { transform: translateY(28px); opacity: .65; } to { transform: translateY(0); opacity: 1; } }
.raim-sheet-grip { width: 40px; height: 4px; display: block; margin: 0 auto 13px; border-radius: 4px; background: #d4d9df; }
.raim-action-sheet > strong { display: block; margin: 0 2px 10px; color: #243342; font-size: 15px; }
.raim-sheet-action { width: 100%; min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px; border: 0; border-bottom: 1px solid #eff1f4; background: #fff; color: #334457; text-align: left; cursor: pointer; }
.raim-sheet-action:nth-of-type(2) { border-radius: 13px 13px 0 0; }
.raim-sheet-action-text { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.raim-sheet-action-text strong { color: #344457; font-size: 13px; font-weight: 650; }
.raim-sheet-action-text small { color: #9aa4ae; font-size: 10px; }
.raim-sheet-action > b { flex: 0 0 auto; color: #a0aab4; font-size: 18px; font-weight: 400; }
.raim-sheet-action:disabled { opacity: .65; cursor: not-allowed; }
.raim-sheet-action.danger .raim-sheet-action-text strong { color: #d54b4b; }
.raim-sheet-action.danger { border-radius: 0 0 13px 13px; }
.raim-sheet-cancel { width: 100%; min-height: 48px; margin-top: 10px; border: 0; border-radius: 13px; background: #fff; color: #506173; font-size: 13px; font-weight: 650; }
.group-drawer.raim-advanced-drawer.raim-manager-open > .raim-advanced-root { visibility: hidden; }
.raim-manager-page { position: absolute; inset: 0; z-index: 15; display: flex; flex-direction: column; overflow: hidden; background: #f4f6f9; }
.raim-manager-head { min-height: 64px; display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid #ebeff3; background: #fff; }
.raim-manager-head > button { width: 34px; height: 34px; border: 0; border-radius: 10px; background: #f0f4f8; color: #42566b; font-size: 27px; line-height: 1; }
.raim-manager-head > div { display: flex; flex-direction: column; gap: 3px; }
.raim-manager-head strong { color: #243342; font-size: 15px; }
.raim-manager-head small { color: #98a3ad; font-size: 10px; }
.raim-manager-body { flex: 1 1 auto; overflow: auto; padding: 14px 13px calc(24px + env(safe-area-inset-bottom)); }
.raim-manager-card { margin-bottom: 12px; padding: 14px; border: 1px solid #e9edf1; border-radius: 16px; background: #fff; box-shadow: 0 3px 10px rgba(25, 47, 70, .025); }
.raim-subsection-title { display: flex; flex-direction: column; gap: 4px; margin: 0 0 7px; }
.raim-subsection-title strong { color: #263748; font-size: 14px; }
.raim-subsection-title small { color: #9aa4ae; font-size: 10px; line-height: 1.45; }
.raim-manager-row { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f0f2f4; }
.raim-manager-row:last-child { border-bottom: 0; }
.raim-manager-copy { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 4px; }
.raim-manager-row > button, .raim-manager-member > button { min-width: 52px; min-height: 32px; flex: 0 0 auto; padding: 0 9px; border: 1px solid #e5edf5; border-radius: 9px; background: #f6f9fc; color: #357ebd; font-size: 11px; font-weight: 650; }
.raim-manager-row > button.raim-manager-disabled { color: #a5afb8; background: #f5f6f7; }
.raim-manager-row.danger > .raim-manager-copy > strong { color: #d34a4a; }
.raim-manager-member { min-height: 58px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #f0f2f4; }
.raim-manager-face, .raim-share-avatar { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; overflow: hidden; border-radius: 50%; background: #e8f0f8; color: #4d7ca8; font-size: 14px; font-weight: 700; }
.raim-manager-member .raim-manager-copy { flex: 1 1 auto; }
.raim-edit-card .raim-share-conversation { width: 100%; min-height: 42px; border: 1px solid #dce9f8; border-radius: 11px; background: #f5f9ff; color: #2878c8; font-size: 13px; font-weight: 650; }
.raim-share-list { max-height: 48dvh; display: flex; flex-direction: column; overflow: auto; border: 1px solid #edf0f3; border-radius: 13px; background: #fff; }
.raim-share-target { min-height: 58px; display: flex; align-items: center; gap: 10px; padding: 8px 11px; border: 0; border-bottom: 1px solid #f0f2f4; background: #fff; text-align: left; }
.raim-share-target:last-child { border-bottom: 0; }
.raim-share-target:disabled { opacity: .55; }
.raim-share-target .raim-manager-copy { flex: 1 1 auto; }
.raim-share-target > b { color: #a1acb6; font-size: 20px; font-weight: 400; }
@media (max-width: 640px) {
  .group-drawer.raim-advanced-drawer { width: 100vw; border-radius: 0; }
  .group-drawer.raim-advanced-drawer > .drawer-head { padding-top: calc(10px + env(safe-area-inset-top)); }
  .group-drawer.raim-advanced-drawer > .raim-advanced-root { padding-right: 13px; padding-left: 13px; }
  .raim-action-sheet { padding-right: 14px; padding-left: 14px; }
}

/* Backend-backed group actions and realtime pin banner */
.raim-backend-modal { position: fixed; inset: 0; z-index: 13000; display: flex; align-items: center; justify-content: center; padding: 18px; background: rgba(22, 34, 48, .48); backdrop-filter: blur(3px); }
.raim-backend-card { width: min(100%, 480px); max-height: min(84dvh, 760px); display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.65); border-radius: 20px; background: #f7f9fb; box-shadow: 0 22px 70px rgba(13, 29, 47, .24); animation: raim-backend-in .18s ease-out; }
@keyframes raim-backend-in { from { transform: translateY(8px) scale(.99); opacity: .7; } to { transform: none; opacity: 1; } }
.raim-backend-head { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-bottom: 1px solid #e9edf1; background: #fff; }
.raim-backend-head strong { color: #253648; font-size: 15px; font-weight: 700; }
.raim-backend-head > button { width: 32px; height: 32px; border: 0; border-radius: 50%; background: #f1f4f7; color: #687887; font-size: 23px; line-height: 1; }
.raim-backend-body { overflow-y: auto; padding: 13px 15px calc(15px + env(safe-area-inset-bottom)); }
.raim-backend-hint { margin: 0 1px 12px; color: #85919c; font-size: 11px; line-height: 1.55; }
.raim-backend-list { max-height: 55dvh; overflow-y: auto; border: 1px solid #e8edf2; border-radius: 13px; background: #fff; }
.raim-backend-list-item { width: 100%; min-height: 58px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; padding: 10px 12px; border: 0; border-bottom: 1px solid #eff2f5; background: #fff; color: #34485a; text-align: left; cursor: pointer; }
.raim-backend-list-item:last-child { border-bottom: 0; }
.raim-backend-list-item:hover { background: #f7faff; }
.raim-backend-list-item strong { max-width: 100%; overflow: hidden; color: #36485a; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.raim-backend-list-item small { max-width: 100%; overflow: hidden; color: #8996a2; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.raim-backend-list-item.horizontal { min-height: 54px; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; }
.raim-backend-list-item.horizontal > span { min-width: 0; overflow: hidden; color: #405264; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.raim-backend-empty { margin: 0; padding: 22px 13px; color: #98a3ad; font-size: 12px; text-align: center; line-height: 1.5; }
.raim-backend-empty.error { color: #c15353; }
.raim-backend-unpin { width: 100%; min-height: 42px; border: 0; border-top: 1px solid #edf0f3; background: #fff; color: #c04b4b; font-size: 12px; font-weight: 650; }
.raim-backend-button { min-height: 38px; padding: 0 13px; border: 1px solid #e3eaf1; border-radius: 10px; background: #fff; color: #53677a; font-size: 12px; font-weight: 650; cursor: pointer; }
.raim-backend-button.primary { border-color: #2b81d0; background: #2b81d0; color: #fff; }
.raim-backend-button:disabled { opacity: .55; cursor: wait; }
.raim-backend-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.raim-report-form { display: flex; flex-direction: column; gap: 10px; }
.raim-report-form select, .raim-report-form textarea { width: 100%; border: 1px solid #e1e8ef; border-radius: 11px; background: #fff; color: #304356; font: inherit; font-size: 12px; }
.raim-report-form select { min-height: 42px; padding: 0 10px; }
.raim-report-form textarea { min-height: 122px; resize: vertical; padding: 10px; line-height: 1.5; }
.raim-backend-permissions { display: flex; flex-direction: column; gap: 0; border: 1px solid #e9edf2; border-radius: 13px; background: #fff; }
.raim-backend-permission { min-height: 62px; display: flex; align-items: center; gap: 7px; padding: 8px 10px; border-bottom: 1px solid #eff2f4; }
.raim-backend-permission:last-child { border-bottom: 0; }
.raim-backend-permission .raim-manager-copy { flex: 1 1 auto; }
.raim-permission-toggle { min-width: 62px !important; height: 30px; border: 1px solid #dfe6ec !important; border-radius: 15px !important; background: #f2f4f6 !important; color: #788692 !important; font-size: 10px !important; font-weight: 700 !important; }
.raim-permission-toggle.on { border-color: #cce8d8 !important; background: #e7f6ed !important; color: #278452 !important; }
.raim-inherit-button { min-height: 28px; padding: 0 7px; border: 0; border-radius: 8px; background: #f4f6f8; color: #8a96a1; font-size: 9px; white-space: nowrap; }
.raim-backend-check-item { min-height: 50px; display: flex; align-items: center; gap: 10px; padding: 8px 11px; border-bottom: 1px solid #eef1f4; color: #435568; font-size: 12px; }
.raim-backend-check-item:last-child { border-bottom: 0; }
.raim-backend-check-item input { width: 17px; height: 17px; accent-color: #2c82d1; }
.raim-manager-privacy-controls { margin-top: 3px; padding-top: 7px; border-top: 1px solid #eef1f4; }
.raim-manager-privacy-controls .raim-manager-row:last-child { border-bottom: 0; }
.raim-manager-row > .raim-permission-toggle { min-width: 66px; }
.raim-member-action { min-width: 46px; min-height: 29px; margin-left: 3px; padding: 0 7px; border: 1px solid #e2eaf2; border-radius: 8px; background: #f7f9fb; color: #477cab; font-size: 9px; font-weight: 650; white-space: nowrap; }
.raim-member-action.danger { border-color: #f2dada; background: #fff7f7; color: #c24c4c; }
.raim-member-action:disabled { opacity: .55; }
.raim-live-pinned { position: relative; z-index: 3; width: calc(100% - 24px); min-height: 47px; display: flex; align-items: center; gap: 10px; margin: 8px 12px; padding: 7px 11px; border: 1px solid #d7e8fa; border-radius: 12px; background: linear-gradient(100deg, #eff7ff, #f8fbff); box-shadow: 0 3px 12px rgba(41, 110, 175, .08); text-align: left; cursor: pointer; }
.raim-live-pin-icon { flex: 0 0 auto; padding: 4px 7px; border-radius: 7px; background: #dceeff; color: #2b78b8; font-size: 9px; font-weight: 750; }
.raim-live-pin-copy { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 3px; }
.raim-live-pin-copy strong { overflow: hidden; color: #42617d; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.raim-live-pin-copy small { overflow: hidden; color: #61778d; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.raim-live-pinned > b { color: #91a5b7; font-size: 18px; font-weight: 400; }
@media (max-width: 640px) {
  .raim-backend-modal { align-items: flex-end; padding: 0; }
  .raim-backend-card { width: 100%; max-height: 86dvh; border-radius: 20px 20px 0 0; }
  .raim-backend-body { padding-right: 13px; padding-left: 13px; }
  .raim-live-pinned { width: calc(100% - 18px); margin: 7px 9px; }
}
/* RAIM H5 message action injection styles. Loaded alongside raim_message_actions_patch.js. */
.raim-ma-menu {
  position: fixed; z-index: 2147483000; width: min(300px, calc(100vw - 16px)); max-height: min(72vh, 520px);
  overflow: auto; padding: 9px; border: 1px solid rgba(30, 41, 59, .13); border-radius: 14px;
  background: #fff; color: #172033; box-shadow: 0 12px 38px rgba(15, 23, 42, .22);
  font: 14px/1.35 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.raim-ma-quick-reactions { display: flex; align-items: center; justify-content: space-between; gap: 3px; padding: 0 0 8px; margin-bottom: 5px; border-bottom: 1px solid #edf0f4; }
.raim-ma-quick-reactions button { flex: 1; min-width: 0; padding: 7px 1px; border: 0; border-radius: 9px; background: #f4f6f8; font-size: 19px; cursor: pointer; }
.raim-ma-quick-reactions button:hover, .raim-ma-quick-reactions button:focus-visible { background: #e8edf3; outline: 2px solid #9cb8e8; }
.raim-ma-action { display: block; width: 100%; min-height: 40px; padding: 9px 11px; border: 0; border-radius: 8px; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.raim-ma-action:hover, .raim-ma-action:focus-visible { background: #f1f5f9; outline: none; }
.raim-ma-action.danger { color: #b42318; }
.raim-ma-toast { position: fixed; z-index: 2147483647; left: 50%; bottom: max(20px, env(safe-area-inset-bottom)); transform: translate(-50%, 12px); max-width: min(92vw, 460px); padding: 10px 15px; border-radius: 12px; background: #202938; color: #fff; box-shadow: 0 5px 24px rgba(0,0,0,.24); opacity: 0; pointer-events: none; transition: opacity .18s ease, transform .18s ease; font: 14px/1.4 system-ui, -apple-system, sans-serif; }
.raim-ma-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.raim-ma-toast[data-kind="error"] { background: #a32626; }
.raim-ma-dialog { position: fixed; z-index: 2147483200; inset: 0; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15, 23, 42, .46); }
.raim-ma-dialog-panel { width: min(440px, 100%); max-height: min(85vh, 700px); overflow: auto; border-radius: 16px; background: #fff; color: #172033; box-shadow: 0 18px 60px rgba(0,0,0,.28); font: 14px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; }
.raim-ma-dialog-panel > header { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 14px 17px; border-bottom: 1px solid #edf0f4; background: #fff; font-size: 16px; }
.raim-ma-close { width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: #526071; font-size: 24px; cursor: pointer; }
.raim-ma-dialog-body { display: grid; gap: 12px; padding: 16px 17px 18px; }
.raim-ma-dialog-body p { margin: 0; }
.raim-ma-check { display: flex; align-items: center; gap: 9px; min-height: 34px; }
.raim-ma-check input { width: 18px; height: 18px; accent-color: #2463eb; }
.raim-ma-select, .raim-ma-dialog-body textarea, .raim-ma-editor textarea { box-sizing: border-box; width: 100%; min-height: 42px; padding: 10px 11px; border: 1px solid #cbd3df; border-radius: 9px; background: #fff; color: #172033; font: inherit; }
.raim-ma-select[size] { min-height: 150px; }
.raim-ma-dialog-body textarea, .raim-ma-editor textarea { min-height: 100px; resize: vertical; }
.raim-ma-dialog-actions, .raim-ma-editor > div { display: flex; justify-content: flex-end; gap: 8px; }
.raim-ma-dialog-actions button, .raim-ma-editor button { min-height: 40px; padding: 8px 14px; border: 1px solid #d4dbe5; border-radius: 9px; background: #fff; color: #263244; font: inherit; cursor: pointer; }
.raim-ma-dialog-actions button.primary, .raim-ma-editor button.primary { border-color: #2463eb; background: #2463eb; color: #fff; }
.raim-ma-dialog-actions button:disabled, .raim-ma-editor button:disabled { opacity: .55; cursor: wait; }
.raim-ma-reply-quote { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 7px; padding: 8px 10px; border-left: 3px solid #3478f6; border-radius: 6px; background: #f1f5fb; color: #46546a; font: 13px/1.4 system-ui, -apple-system, sans-serif; }
.raim-ma-reply-quote span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.raim-ma-reply-quote button { flex: 0 0 auto; width: 28px; height: 28px; border: 0; border-radius: 7px; background: transparent; color: #526071; font-size: 21px; cursor: pointer; }
.raim-ma-editor { display: grid; gap: 8px; width: min(440px, 82vw); margin: 5px 0; }
.raim-ma-reactions { display: flex; flex-wrap: wrap; gap: 5px; margin: 5px 0 0; }
.raim-ma-reaction { min-height: 27px; padding: 3px 8px; border: 1px solid #dce3ec; border-radius: 999px; background: #f7f9fb; color: #263244; font: 12px/1.3 system-ui, -apple-system, sans-serif; cursor: pointer; }
.raim-ma-reaction.selected { border-color: #76a4f5; background: #eaf2ff; color: #174ea6; }
.raim-live-pinned { position: relative; }
.raim-ma-pin-close { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-left: 8px; border-radius: 7px; color: inherit; font: 22px/1 system-ui, sans-serif; opacity: .75; cursor: pointer; vertical-align: middle; }
.raim-ma-pin-close:hover, .raim-ma-pin-close:focus-visible { background: rgba(0,0,0,.1); opacity: 1; outline: 2px solid currentColor; }
.raim-live-pinned.raim-ma-pin-dismissed { display: none !important; }
.raim-ma-flash { outline: 2px solid #f2b84b !important; outline-offset: 3px; transition: outline-color .4s ease; }
@media (max-width: 520px) {
  .raim-ma-menu { width: min(280px, calc(100vw - 16px)); max-height: 68vh; }
  .raim-ma-dialog { align-items: flex-end; padding: 8px; }
  .raim-ma-dialog-panel { width: 100%; max-height: 82vh; border-radius: 16px 16px 12px 12px; }
}