:root{--surface:#fff;--surface-tint:#eef4f3;--page-bg:#f4f7f6;--ink:#101820;--text:#172026;--muted:#5c6a6a;--line:#dfe7e5;--brand:#137f75;--brand-strong:#0f665e;--brand-tint:#dff4ef;--danger:#b3261e;--danger-bg:#fdecec;--danger-line:#f3c0c0;--success:#0f665e;--success-bg:#e7f4f0;--group-avatar-bg:#dceaf4;--group-avatar-text:#245c78;--radius:12px;--shadow:0 12px 40px #10182014}@media (prefers-color-scheme:dark){:root{--surface:#161d1c;--surface-tint:#1e2726;--page-bg:#0e1413;--ink:#f2f6f5;--text:#dfe7e5;--muted:#9fb0ad;--line:#2b3634;--brand:#2aa393;--brand-strong:#22897b;--brand-tint:#12332e;--danger:#f0a8a2;--danger-bg:#3a1f1d;--danger-line:#5a2b28;--success:#63c9b6;--success-bg:#12332e;--group-avatar-bg:#1b3542;--group-avatar-text:#8dc8e4}}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#root{height:100%}body{background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.auth-wrap{justify-content:center;align-items:center;min-height:100%;padding:32px 16px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(440px,100%);box-shadow:var(--shadow);padding:32px}.auth-brand{justify-content:center;margin-bottom:12px;display:flex}.auth-logo-img{border-radius:14px;width:56px;height:56px;display:block}.auth-title{text-align:center;color:var(--ink);margin:4px 0 6px;font-size:24px;font-weight:800}.auth-subtitle{text-align:center;color:var(--muted);margin:0 0 20px;font-size:15px}.auth-message{text-align:center;border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:14px}.auth-message.is-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line)}.auth-message.is-success{color:var(--success);background:var(--success-bg);border:1px solid var(--brand-tint)}.auth-form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--ink);font-size:13px;font-weight:700}.field-label-row{justify-content:space-between;align-items:baseline;display:flex}.field-link{color:var(--brand);font-size:13px;font-weight:600;text-decoration:none}.field-link:hover{text-decoration:underline}.field input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:11px 12px;font-size:15px}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint);outline:none}.checkbox{color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.checkbox input{width:16px;height:16px;accent-color:var(--brand)}.btn-primary{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:12px 16px;font-size:15px;font-weight:700;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}.btn-primary:disabled{opacity:.65;cursor:default}.btn-ghost{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600}.btn-ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn-sm{padding:6px 12px;font-size:13px}.auth-or{text-align:center;color:var(--muted);align-items:center;margin:18px 0;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.auth-or span{padding:0 12px}.google-btn{justify-content:center;min-height:44px;display:flex}.auth-footer{text-align:center;color:var(--muted);margin-top:22px;font-size:14px}.auth-footer a{color:var(--brand);font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.app-shell{background:var(--page-bg);grid-template-rows:1fr;grid-template-columns:84px minmax(280px,360px) minmax(0,1fr);height:100%;display:grid;overflow:hidden}.app-brand{align-items:center;gap:10px;display:flex}.app-logo{border-radius:10px;display:block}.app-wordmark{color:var(--ink);font-size:18px;font-weight:800}.app-mobile-header,.app-bottom-nav{display:none}.realtime-banner{z-index:40;border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex;position:fixed;top:14px;right:18px}.realtime-banner>span{background:var(--brand);border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite alternate realtime-pulse}.realtime-banner.is-offline>span{background:var(--muted);animation:none}@keyframes realtime-pulse{0%{opacity:.35}to{opacity:1}}.app-rail{color:#fff;background:#0f4f4a;flex-direction:column;align-items:center;min-width:0;padding:18px 10px 14px;display:flex}.app-rail-brand{justify-content:center;align-items:center;min-height:52px;margin-bottom:18px;display:flex}.app-nav{flex-direction:column;flex:1;gap:6px;width:100%;display:flex}.app-nav-button{color:#ffffffb8;min-width:0;min-height:54px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:11px;font-weight:650;transition:color .16s,background-color .16s;display:flex}.app-rail .app-nav-button{flex-direction:column}.app-nav-button:hover{color:#fff;background:#ffffff17}.app-nav-button:focus-visible,.icon-button:focus-visible,.avatar-button:focus-visible,.panel-primary-action:focus-visible,.sign-out-button:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:2px}.app-nav-button.is-active{color:#fff;background:#ffffff29}.app-nav-avatar{flex:none;place-items:center;width:22px;height:22px;display:grid}.app-nav-avatar .app-avatar,.app-nav-avatar .app-avatar-img{width:22px;height:22px;font-size:9px;box-shadow:0 0 0 1px}.avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.app-avatar{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:inline-grid}.app-avatar-img{object-fit:cover;border-radius:50%;width:38px;height:38px;display:block}.app-list-panel{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;min-width:0;padding:24px 18px;display:flex;overflow:auto}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;min-height:48px;display:flex}.panel-header h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:24px;line-height:1.25}.panel-header p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:13px;overflow:hidden}.panel-actions{gap:4px;display:flex}.icon-button{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;transition:background-color .16s,color .16s;display:grid}.icon-button:hover{background:var(--surface-tint);color:var(--ink)}.panel-primary-action{background:var(--brand);color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:18px 0 10px;padding:10px 16px;font-size:14px;font-weight:700;transition:background-color .16s;display:flex}.panel-primary-action:hover{background:var(--brand-strong)}.panel-primary-action svg{width:19px;height:19px}.panel-empty-list{flex-direction:column;gap:14px;margin-top:18px;display:flex}.panel-empty-list span{background:var(--surface-tint);border-radius:12px;height:64px}.panel-empty-list span:nth-child(2){opacity:.72}.panel-empty-list span:nth-child(3){opacity:.48}.people-panel{flex-direction:column;flex:1;min-height:0;margin:16px -6px 0;display:flex}.people-toolbar{gap:8px;padding:0 6px 12px;display:flex}.people-search{border:1px solid var(--line);background:var(--surface-tint);min-width:0;min-height:44px;color:var(--muted);border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.people-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.people-search svg,.people-refresh svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.people-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:14px}.people-search input::placeholder{color:var(--muted);opacity:1}.people-refresh{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--muted);cursor:pointer;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.people-refresh:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.people-refresh:focus-visible,.contact-row:focus-visible,.people-error button:focus-visible,.people-back:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:2px}.people-refresh:disabled{opacity:.5;cursor:default}.people-list{transition:opacity .16s}.people-list.is-refreshing{opacity:.62}.people-section+.people-section{margin-top:14px}.people-section h2{color:var(--muted);margin:0;padding:8px 10px 6px;font-size:12px;font-weight:750}.contact-row{width:100%;min-height:68px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:8px 10px;transition:background-color .16s;display:flex}.contact-row:hover{background:var(--surface-tint)}.contact-row.is-selected{background:var(--brand-tint)}.people-avatar{background:var(--brand-tint);width:46px;height:46px;color:var(--brand-strong);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:750;display:grid;position:relative}.people-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.people-avatar.is-large{width:92px;height:92px;font-size:26px}.presence-dot{border:2px solid var(--surface);background:#84918f;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.presence-dot.is-online{background:#16865c}.contact-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.contact-copy strong,.contact-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-copy strong{color:var(--ink);font-size:14px}.contact-copy>span{color:var(--muted);font-size:12px}.contact-status{color:var(--muted);flex:none;font-size:11px;font-weight:650}.contact-status.is-online{color:#11764f}.contact-status.is-blocked{color:var(--danger)}.people-loading{flex-direction:column;gap:10px;padding:4px 6px;display:flex}.people-loading span{background:var(--surface-tint);border-radius:12px;height:66px;animation:1.2s ease-in-out infinite alternate people-pulse}.people-loading span:nth-child(2){animation-delay:.12s}.people-loading span:nth-child(3){animation-delay:.24s}@keyframes people-pulse{0%{opacity:.5}to{opacity:1}}.people-empty,.people-error{color:var(--muted);text-align:center;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.people-empty strong,.people-error strong{color:var(--ink);margin-bottom:6px;font-size:15px}.people-empty span,.people-error span{max-width:32ch;font-size:13px;line-height:1.5}.people-error{background:var(--danger-bg);color:var(--danger);border-radius:12px;margin:4px 6px}.people-error button{border:1px solid var(--danger-line);background:var(--surface);min-height:40px;color:var(--danger);font:inherit;cursor:pointer;border-radius:9px;margin-top:14px;padding:8px 16px;font-weight:700}.people-details{text-align:center;flex-direction:column;align-items:center;width:min(440px,100%);display:flex}.people-details h2{color:var(--ink);letter-spacing:-.015em;margin:18px 0 5px;font-size:23px}.people-details dl{border-top:1px solid var(--line);width:100%;margin:30px 0 0}.people-details dl div{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;gap:24px;padding:14px 2px;display:flex}.people-details dt{color:var(--muted);font-size:13px}.people-details dd{overflow-wrap:anywhere;min-width:0;color:var(--text);text-align:right;margin:0;font-size:13px;font-weight:650}.people-details-note{max-width:40ch;color:var(--muted);margin:22px 0 0;font-size:13px;line-height:1.5}.people-back{display:none}.people-placeholder-mark svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:30px;height:30px}.chats-panel{flex-direction:column;flex:1;min-height:0;margin:16px -6px 0;display:flex}.chat-list{transition:opacity .16s}.chat-list.is-refreshing{opacity:.62}.chat-activity-warning{background:var(--surface-tint);color:var(--muted);border-radius:9px;margin:2px 6px 10px;padding:9px 11px;font-size:12px;line-height:1.4}.chat-row{width:100%;min-height:70px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:9px 10px;transition:background-color .16s;display:flex}.chat-row:hover{background:var(--surface-tint)}.chat-row.is-selected{background:var(--brand-tint)}.chat-row:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:2px}.chat-row-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chat-row-heading{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.chat-row-heading strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.chat-row-heading time{color:var(--muted);flex:none;font-size:11px}.chat-row-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-row-preview.is-online{color:#11764f}.unread-badge{background:var(--brand);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:750;display:grid}.chat-placeholder{flex-direction:column;place-self:stretch stretch;min-height:100%;display:flex}.chat-placeholder>header{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:12px;margin:-40px -40px 0;padding:13px 22px;display:flex}.chat-placeholder>header>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.chat-placeholder>header strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.chat-placeholder>header small{color:var(--muted);font-size:12px}.chat-placeholder-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.chat-placeholder-body h2{color:var(--ink);margin:0;font-size:21px}.chat-placeholder-body p{max-width:46ch;color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.55}.chat-placeholder-mark svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.conversation-messages{flex-direction:column;flex:1;gap:8px;min-height:0;padding:24px 18px 14px;display:flex;overflow-y:auto}.conversation-empty,.conversation-loading{min-height:100%;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.conversation-empty strong{color:var(--ink);font-size:16px}.conversation-empty span{margin-top:5px;font-size:13px}.conversation-loading{flex-direction:row;gap:7px}.conversation-loading span{background:var(--brand);opacity:.35;border-radius:50%;width:7px;height:7px}.message-bubble{background:var(--surface);border-radius:12px 12px 12px 4px;align-self:flex-start;max-width:min(72%,620px);padding:9px 12px 7px;box-shadow:0 1px 4px #1018201f}.message-bubble.is-mine{background:var(--brand-tint);border-radius:12px 12px 4px;align-self:flex-end}.message-bubble.has-image{width:fit-content;max-width:220px}.message-bubble.is-unreadable{color:var(--muted);font-style:italic}.message-bubble p{color:inherit;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.45}.encrypted-image{object-fit:contain;background:var(--page-bg);border-radius:9px;width:min(100%,180px);max-height:170px;margin-bottom:7px;display:block}.attachment-card{background:color-mix(in srgb, var(--surface) 68%, var(--surface-tint));width:100%;min-width:220px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:10px;margin:0 0 7px;padding:9px;display:flex}.attachment-card>span:first-child{background:var(--brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.attachment-card>span:last-child{flex-direction:column;min-width:0;display:flex}.attachment-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.attachment-card small{color:var(--muted);margin-top:2px;font-size:10px}.attachment-card:focus-visible,.attachment-picker:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 30%, transparent);outline-offset:2px}.message-bubble footer{color:var(--muted);justify-content:flex-end;gap:2px;margin-top:4px;font-size:10px;display:flex}.conversation-error{background:var(--danger-bg);color:var(--danger);border-radius:9px;margin:0 18px 8px;padding:9px 12px;font-size:12px}.message-composer{border-top:1px solid var(--line);background:var(--surface);align-items:flex-end;gap:9px;padding:10px 18px 14px;display:flex}.selected-attachment{background:var(--brand-tint);color:var(--text);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:0 18px;padding:8px 11px;font-size:12px;display:flex}.selected-attachment span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-attachment button{color:var(--brand-strong);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.attachment-picker{background:var(--surface-tint);width:44px;height:44px;color:var(--brand);cursor:pointer;border-radius:10px;flex:none;place-items:center;font-size:24px;line-height:1;display:grid}.message-composer textarea{resize:vertical;border:1px solid var(--line);background:var(--page-bg);min-height:44px;max-height:128px;color:var(--text);font:inherit;border-radius:12px;flex:1;padding:11px 13px;font-size:14px}.message-composer textarea:focus{outline:3px solid color-mix(in srgb, var(--brand) 28%, transparent);border-color:var(--brand)}.message-composer button{background:var(--brand);color:#fff;min-width:72px;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 16px;font-size:13px;font-weight:750}.message-composer button:hover:not(:disabled){background:var(--brand-strong)}.message-composer button:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:2px}.message-composer button:disabled{cursor:default;opacity:.55}.groups-panel{flex-direction:column;flex:1;min-height:0;margin:16px -6px 0;display:flex}.group-list{transition:opacity .16s}.group-list.is-refreshing{opacity:.62}.group-row{width:100%;min-height:70px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:9px 10px;transition:background-color .16s;display:flex}.group-row:hover{background:var(--surface-tint)}.group-row.is-selected{background:var(--brand-tint)}.group-row:focus-visible,.group-members-header button:focus-visible,.member-error button:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:2px}.group-avatar{background:var(--group-avatar-bg);width:48px;height:48px;color:var(--group-avatar-text);border-radius:14px;flex:none;place-items:center;font-size:14px;font-weight:750;display:grid}.group-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.group-avatar.is-large{border-radius:16px;width:96px;height:96px;font-size:26px}.group-row-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.group-row-copy strong,.group-row-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-row-copy strong{color:var(--ink);font-size:14px}.group-row.is-owned .group-row-copy strong,.group-details h2.is-owned{color:var(--brand-strong)}.group-row-copy span{color:var(--muted);font-size:12px}.group-details{text-align:center;flex-direction:column;place-self:start center;align-items:center;width:min(520px,100%);padding:12px 0 36px;display:flex}.group-details h2{color:var(--ink);letter-spacing:-.015em;margin:18px 0 6px;font-size:23px}.group-description{max-width:48ch;color:var(--muted);margin:0;font-size:14px;line-height:1.5}.group-meta{gap:8px;margin-top:16px;display:flex}.group-meta span{background:var(--surface-tint);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.group-members-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;margin-top:30px;padding:0 2px 9px;display:flex}.group-members-header h3{color:var(--ink);margin:0;font-size:15px}.group-members-header button,.member-error button{min-height:36px;color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}.group-members-header button:hover:not(:disabled),.member-error button:hover{background:var(--brand-tint)}.group-members-header button:disabled{opacity:.5;cursor:default}.member-list,.member-loading,.member-error{width:100%}.member-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:11px;min-height:62px;padding:8px 2px;display:flex}.member-avatar{background:var(--brand-tint);width:38px;height:38px;color:var(--brand-strong);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:750;display:grid}.member-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.member-row>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.member-row strong,.member-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-row strong{color:var(--ink);font-size:13px}.member-row small{color:var(--muted);font-size:11px}.member-row em{color:var(--brand-strong);font-size:11px;font-style:normal;font-weight:750}.member-loading{flex-direction:column;gap:8px;padding-top:10px;display:flex}.member-loading span{background:var(--surface-tint);border-radius:10px;height:52px;animation:1.2s ease-in-out infinite alternate people-pulse}.member-error{background:var(--danger-bg);color:var(--danger);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;font-size:12px;display:flex}.group-placeholder-mark svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:31px;height:31px}.activity-panel{flex-direction:column;flex:1;min-height:0;margin:16px -6px 0;display:flex}.activity-list{transition:opacity .16s}.activity-list.is-refreshing{opacity:.62}.activity-row{width:100%;min-height:82px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:10px;transition:background-color .16s;display:flex}.activity-row:hover{background:var(--surface-tint)}.activity-row:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:2px}.activity-avatar{background:var(--brand-tint);width:46px;height:46px;color:var(--brand-strong);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:750;display:grid;position:relative}.activity-avatar.is-group{background:var(--group-avatar-bg);color:var(--group-avatar-text);border-radius:14px}.activity-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.activity-call-mark{border:2px solid var(--surface);background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-3px;right:-3px}.activity-call-mark svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.activity-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.activity-heading{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.activity-heading strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.activity-heading time{color:var(--muted);flex:none;font-size:11px}.activity-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.activity-type{width:fit-content;color:var(--brand-strong);font-size:10px;font-weight:750}.activity-type.is-group{color:var(--group-avatar-text)}.activity-type.is-call,.activity-type.is-video-call{color:var(--brand)}.account-summary{text-align:center;flex-direction:column;align-items:center;margin-top:48px;display:flex}.account-avatar-large{margin-bottom:14px}.account-avatar-large .app-avatar,.account-avatar-large .app-avatar-img{width:76px;height:76px;font-size:24px}.account-summary strong{color:var(--ink);font-size:17px}.account-summary>span{color:var(--muted);margin-top:4px;font-size:14px}.sign-out-button{border:1px solid var(--line);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:10px;margin-top:24px;padding:10px 20px;font-size:14px;font-weight:650}.sign-out-button:hover{border-color:var(--danger);color:var(--danger)}.app-conversation-panel{place-items:center;min-width:0;padding:40px;display:grid;overflow:auto}.conversation-placeholder{text-align:center;max-width:420px}.placeholder-mark{background:var(--brand-tint);width:64px;height:64px;color:var(--brand-strong);border-radius:16px;place-items:center;margin:0 auto 18px;display:grid}.placeholder-mark svg{width:30px;height:30px}.conversation-placeholder h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:21px}.conversation-placeholder p{max-width:46ch;color:var(--muted);margin:8px auto 0;font-size:15px;line-height:1.55}@media (width<=860px){.app-shell{grid-template-columns:minmax(260px,330px) minmax(0,1fr)}.app-rail{display:none}.app-mobile-header{background:var(--surface);border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.app-shell{grid-template-rows:60px minmax(0,1fr)}.realtime-banner{top:68px;right:12px}}@media (width<=640px){.app-shell{grid-template-rows:60px minmax(0,1fr) 68px;grid-template-columns:1fr}.app-list-panel{border-right:0;grid-row:2;padding:20px 16px}.app-conversation-panel,.app-list-panel.is-mobile-detail-open{display:none}.app-conversation-panel.has-mobile-detail{grid-row:2;padding:24px 20px;display:grid}.chat-placeholder>header{margin:0 -20px;padding:12px 16px}.chat-placeholder .people-back{margin:-8px 0 8px}.people-back{min-height:44px;color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-self:flex-start;align-items:center;margin:-8px 0 22px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.app-bottom-nav{padding:5px 6px max(5px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.app-bottom-nav .app-nav-button{min-height:56px;color:var(--muted);flex-direction:column}.app-bottom-nav .app-nav-button:hover{color:var(--brand);background:var(--brand-tint)}.app-bottom-nav .app-nav-button.is-active{color:var(--brand-strong);background:var(--brand-tint)}.panel-empty-list span{height:72px}}@media (prefers-reduced-motion:reduce){.app-nav-button,.icon-button,.panel-primary-action,.people-list,.chat-list,.contact-row,.chat-row{transition:none}.people-loading span{animation:none}.group-list,.group-row,.activity-list,.activity-row{transition:none}.member-loading span,.realtime-banner>span{animation:none}}