.entry{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.entry-card{border:1px solid #78978735;width:min(100%,420px);padding:clamp(24px,6vw,44px)}.brand-mark{color:#fff;background:#215d47;border-radius:16px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.messenger{--rule:#78978738;border-inline:1px solid var(--rule);grid-template-columns:minmax(270px,345px) minmax(0,1fr);max-width:1360px;height:100dvh;margin:auto;display:grid}.sidebar,.conversation{flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar{border-inline-end:1px solid var(--rule)}.sidebar-header,.room-header{padding:max(16px, env(safe-area-inset-top)) 20px 16px;border-bottom:1px solid var(--rule);align-items:center;gap:12px;display:flex}.sidebar-header .brand-mark{border-radius:11px;width:34px;height:34px;font-size:17px}.grow{flex:1;min-width:0}.sidebar-heading{padding:24px 20px 12px}.sidebar-heading h4{letter-spacing:-.04em;font-weight:700}.chat-actions{padding:0 20px 14px}.chat-list{flex:1;overflow:auto}.chat-list .MuiListItemButton-root{border-radius:12px;gap:12px;margin:4px 10px}.chat-avatar.MuiAvatar-root{color:#24553f;background:#dcece2;font-weight:700}.unread{margin-right:8px}.empty-chat{place-content:center;justify-items:center;gap:10px;padding:20px;display:grid}.history{flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:20px clamp(12px,4vw,60px);display:flex;overflow:auto}.empty-history{text-align:center;align-self:center;margin:auto!important}.bubble{border:1px solid var(--rule);background:var(--bubble,#fff);overflow-wrap:anywhere;border-radius:16px 16px 16px 5px;max-width:min(85%,550px);padding:8px 12px 6px}.own{background:var(--own,#dcefe3);border-radius:16px 16px 5px;align-self:flex-end}.messenger.dark{--bubble:#202e27;--own:#284a38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.message-text{white-space:pre-wrap}.message-meta{text-align:right;display:block}.sender{font-weight:700!important}.composer{padding:12px clamp(12px, 4vw, 60px) max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--rule);align-items:flex-end;gap:10px;display:flex}.composer .MuiButton-root{min-height:40px}.room-header .mobile-back{display:none}@media (width<=680px){.messenger{border:0;grid-template-columns:minmax(0,1fr)}.sidebar{border:0}.empty-chat,.has-room .sidebar{display:none}.room-header{padding-inline:10px}.room-header .mobile-back{min-width:36px;font-size:24px;display:inline-flex}}.attachment-image{border-radius:10px;max-width:100%;max-height:320px;display:block}.bubble audio{width:260px;max-width:100%;height:40px}.bubble a{color:inherit}.bubble .message-menu,.composer .compose-tool{min-width:30px;padding-inline:5px}.message-menu{float:inline-start}.reply-preview{text-overflow:ellipsis;white-space:nowrap;border-inline-start:2px solid #689b7b;padding-inline:6px;display:block;overflow:hidden}.compose-context{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;padding-inline:clamp(12px,4vw,60px);display:flex}
