html{width:100%;height:100%}body{min-width:320px;min-height:100%;margin:0}#root{width:100%;min-height:100dvh}button,input{font-family:inherit}:root{color:#172b46;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8eef7;font-family:Inter,Segoe UI,Arial,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{--panel:#fff;--surface:#f5f8fd;--text:#172b46;--muted:#718198;--border:#e4eaf3;--hover:#eef4ff;--selected:#dceaff;--chat-bg:#eaf1fa;--received:#fff;--sent:#d9eaff;background:var(--panel);width:100%;height:100dvh;min-height:400px;color:var(--text);display:flex;overflow:hidden}.navigation{color:#fff;background:#174a8b;flex-direction:column;flex-shrink:0;align-items:center;gap:15px;width:70px;padding:20px 8px;display:flex}.nav-logo{place-items:center;width:42px;height:42px;margin-bottom:25px;display:grid;position:relative}.nav-logo-chat{position:absolute;top:12px;left:13px}.nav-button{color:#c6ddff;background:0 0;border:none;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.nav-button:hover,.nav-button.selected{color:#fff;background:#3269aa}.nav-spacer{flex:1}.my-avatar{color:#174a8b;background:#dbeafe;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.chat-list{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:365px;min-width:0;display:flex}.list-header{padding:23px 20px 17px;position:relative}.list-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.list-heading h1{margin:0;font-size:25px;font-weight:750}.header-actions{gap:12px;display:flex}.header-actions button,.search-box button,.header-icon,.back-button{color:var(--text);background:0 0;border:0;border-radius:8px;place-items:center;padding:5px;display:grid}.header-actions button:hover,.header-icon:hover,.back-button:hover{background:var(--hover)}.menu-popup{background:var(--panel);border:1px solid var(--border);z-index:10;border-radius:10px;min-width:200px;padding:7px;position:absolute;top:60px;right:15px;box-shadow:0 10px 30px #0002}.menu-popup button{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:6px;padding:11px;display:block}.menu-popup button:hover{background:var(--hover)}.search-box{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:10px;align-items:center;gap:10px;height:43px;padding:0 12px;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.search-box input::placeholder,.composer-input input::placeholder{color:var(--muted)}.chat-list-items{flex:1;overflow-y:auto}.conversation{border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text);background:0 0;align-items:center;gap:13px;padding:14px 18px;display:flex}.conversation:hover{background:var(--hover)}.conversation.active{background:var(--selected)}.avatar{color:#174a8b;background:#bcd6fa;border-radius:50%;flex-shrink:0;place-items:center;width:49px;height:49px;font-size:15px;font-weight:750;display:grid}.group-avatar{color:#fff;background:#174a8b}.conversation-info{flex:1;min-width:0}.conversation-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conversation-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.conversation-top span{white-space:nowrap;color:var(--muted);font-size:10px}.conversation-info p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:7px 0 0;font-size:12px;overflow:hidden}.empty-search{text-align:center;color:var(--muted);padding:25px;font-size:13px}.list-footer{color:var(--muted);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:7px;padding:15px 5px;font-size:11px;display:flex}.chat-panel{background:var(--chat-bg);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:76px;padding:12px 23px;display:flex}.header-avatar{width:44px;height:44px}.chat-header-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.chat-header-info strong{font-size:15px}.chat-header-info span{color:var(--muted);font-size:12px}.back-button{display:none}.message-area{flex-direction:column;flex:1;gap:14px;min-height:0;padding:24px max(22px,7%);display:flex;overflow-y:auto}.date-divider{text-align:center;margin-bottom:4px}.date-divider span{background:var(--panel);color:var(--muted);border-radius:8px;padding:7px 13px;font-size:11px;display:inline-block}.demo-notice{background:var(--panel);color:var(--muted);text-align:center;border-radius:9px;align-self:center;align-items:center;gap:7px;margin-bottom:10px;padding:9px 12px;font-size:11px;display:flex}.message-row{width:100%;display:flex}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-bubble{background:var(--received);border-radius:13px;max-width:min(75%,490px);padding:11px 13px 7px;box-shadow:0 1px 2px #0000000b}.outgoing .message-bubble{background:var(--sent);border-bottom-right-radius:3px}.incoming .message-bubble{border-bottom-left-radius:3px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55}.message-meta{color:var(--muted);justify-content:flex-end;align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex}.outgoing .message-meta svg{color:#2583e9}.composer{background:var(--panel);border-top:1px solid var(--border);align-items:center;gap:12px;padding:15px 23px;display:flex}.composer-icon{color:var(--muted);background:0 0;border:none;place-items:center;padding:3px;display:grid}.composer-icon:disabled{opacity:.5}.composer-input{background:var(--surface);border:1px solid var(--border);border-radius:22px;flex:1;align-items:center;min-width:0;height:45px;padding:0 15px;display:flex}.composer-input input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.smile-icon{color:var(--muted)}.send-button{color:#fff;background:#1762b2;border:none;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.send-button:hover{background:#2583e9}.send-button:disabled{opacity:.45}.empty-conversation{text-align:center;color:var(--muted);margin:auto}.empty-conversation h3{color:var(--text)}@media (width<=800px){.navigation{width:56px;padding:15px 5px}.chat-list{width:295px}.message-area{padding:20px 16px}}@media (width<=620px){.navigation{display:none}.chat-list{width:100%}.chat-list.mobile-hidden,.chat-panel.mobile-hidden{display:none}.chat-panel{width:100%}.back-button{display:grid}.chat-header{padding:10px 12px}.composer{gap:7px;padding:11px 10px}.composer-icon{display:none}.message-bubble{max-width:88%}.message-area{padding:16px 12px}}.brand-crest{object-fit:contain;border-radius:8px;width:44px;height:44px}.auth-screen{color:#172b46;background:linear-gradient(145deg,#e9f2ff,#b8d2f3);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{text-align:center;background:#fff;border-radius:20px;width:min(100%,420px);padding:32px;box-shadow:0 18px 55px #174a8b30}.auth-crest{object-fit:contain;width:132px;height:132px;margin:0 auto 12px;display:block}.auth-card h1{color:#174a8b;margin:0;font-size:26px}.auth-subtitle{color:#60728b;margin:8px 0 28px;font-size:14px}.auth-card form{text-align:left;flex-direction:column;gap:9px;display:flex}.auth-card label{margin-top:8px;font-size:13px;font-weight:700}.auth-card input{color:#172b46;background:#fff;border:1px solid #cbd8e9;border-radius:9px;outline-color:#1762b2;width:100%;min-width:0;padding:12px}.auth-password-row{align-items:stretch;gap:6px;display:flex}.auth-password-row button{color:#174a8b;background:#f5f8fd;border:1px solid #cbd8e9;border-radius:9px;padding:0 12px}.auth-submit{color:#fff;background:#1762b2;border:0;border-radius:10px;margin-top:16px;padding:13px;font-weight:700;box-shadow:0 4px 10px #1762b23d}.auth-error{color:#a52323;background:#fff1f1;border-radius:8px;padding:10px;font-size:13px}.auth-loading{color:#174a8b;font-weight:700}@media (width<=480px){.auth-card{padding:24px 20px}.auth-crest{width:112px;height:112px}}.auth-screen{color:#f6f8fc;background:#121a31;min-height:100dvh;padding:28px 18px}.auth-card{text-align:left;background:#202a46;border:1px solid #9caabd;border-radius:21px;width:min(100%,506px);padding:30px 36px 40px;box-shadow:0 24px 58px #00000035}.auth-card h1{color:#e4e9f1;margin:0 0 19px;font-size:clamp(20px,4.3vw,24px);font-weight:750;line-height:1.3}.auth-card h1 span{color:#c0cbd9}.auth-subtitle{color:#fff;margin:0 0 20px;font-size:19px;line-height:1.45}.auth-card form{gap:0}.auth-card label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-card input{color:#192237;background:#fff;border:1px solid #a9b3c3;border-radius:9px;height:58px;margin-bottom:16px;padding:12px 16px;font-size:18px}.auth-card input:focus{outline-offset:1px;outline:3px solid #aabdd7}.auth-password-row{gap:8px}.auth-password-row input{flex:1;width:0}.auth-password-row button{color:#263956;background:#e4e9f1;border:1px solid #a9b3c3;border-radius:9px;height:58px;padding:0 12px;font-weight:650}.auth-submit{color:#172237;background:linear-gradient(#cbd4df,#aebdce);border-radius:9px;width:100%;height:58px;margin-top:0;font-size:19px;font-weight:750;box-shadow:0 4px 12px #00000024}.auth-submit:hover{background:linear-gradient(#e2e8f0,#becddd)}.auth-submit:disabled{opacity:.65}.auth-footnote{color:#fff;margin:57px 0 0;font-size:17px;line-height:1.5}.auth-footnote a{color:#d7e0eb;text-underline-offset:3px;text-decoration:underline}.auth-footnote a:hover{color:#fff}.auth-loading{color:#e4e9f1}.menu-signout{align-items:center;gap:9px;border-top:1px solid var(--border)!important;display:flex!important}.nav-signout{color:#fff}@media (width<=620px){.auth-card{padding:24px 22px 30px}.auth-crest{width:104px;height:104px}.auth-subtitle,.auth-card input{font-size:16px}.auth-footnote{margin-top:36px;font-size:15px}}.send-button{color:#fff;cursor:pointer;background:#2465af;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.send-button:hover:not(:disabled){background:#174e90}.send-button:disabled{opacity:.45;cursor:not-allowed}.send-error{color:#b42318;background:var(--panel);margin:0;padding:8px 22px;font-size:12px}.auth-screen{min-height:100dvh;padding:16px;overflow-y:auto}.auth-card{width:min(100%,440px);margin:auto;padding:22px 28px 24px}.auth-crest{width:86px;height:86px;margin-bottom:6px}.auth-card h1{margin-bottom:9px;font-size:clamp(19px,3.5vw,22px)}.auth-subtitle{margin-bottom:14px;font-size:15px}.auth-card input{height:43px;margin-bottom:10px;padding:9px 12px;font-size:15px}.auth-password-row button{height:43px;font-size:13px}.auth-footnote{margin-top:22px;font-size:13px}@media (height<=680px){.auth-screen{padding:10px}.auth-card{padding-top:12px;padding-bottom:14px}.auth-crest{width:64px;height:64px}.auth-footnote{margin-top:12px}}@media (width<=480px){.auth-card{padding:20px 18px}.auth-crest{width:78px;height:78px}}.emoji-control{flex:none;position:relative}.emoji-trigger{color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:42px;display:grid}.emoji-trigger:hover{background:var(--hover);color:var(--text)}.emoji-picker{z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(6,1fr);gap:3px;width:min(300px,100vw - 24px);max-height:250px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:0 12px 35px #0003}.emoji-picker button{background:0 0;border:0;border-radius:7px;padding:8px 2px;font-size:23px;line-height:1}.emoji-picker button:hover{background:var(--hover)}@media (width<=620px){.emoji-trigger{width:32px}}.conversation-with-actions{gap:0;padding:0 8px 0 0}.conversation-open{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:13px;padding:14px 10px 14px 18px;display:flex}.delete-chat-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.delete-chat-button:hover:not(:disabled){color:#c0392b;background:var(--hover)}.delete-chat-button:disabled,.delete-message-button:disabled{opacity:.45;cursor:wait}.delete-message-button{color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;margin-right:auto;padding:2px;display:grid}.delete-message-button:hover:not(:disabled){color:#c0392b;background:var(--hover)}.emoji-mart-panel{z-index:40;filter:drop-shadow(0 12px 22px #0003);width:min(352px,100vw - 24px);max-width:calc(100vw - 24px);position:absolute;bottom:calc(100% + 12px);left:0}.emoji-mart-panel em-emoji-picker{--border-radius:12px;width:100%;max-width:100%;height:min(410px,55dvh)}@media (width<=620px){.emoji-mart-panel{left:-4px}}.auth-card{border-radius:18px;width:min(100%,354px);padding:23px 24px 24px}.auth-crest{width:90px;height:90px;margin:0 auto 10px}.auth-card h1{text-align:center;margin:0 0 13px;font-size:22px}.auth-subtitle{text-align:center;margin:0 0 17px;font-size:13px}.auth-card input{height:41px;margin-bottom:10px;font-size:14px}.auth-password-row button{height:41px}.auth-submit{height:42px;font-size:15px}.auth-footnote{text-align:center;margin-top:21px;font-size:12px}.app-shell{--panel:#fff;--surface:#f4f8ff;--text:#0b2140;--muted:#5e708a;--border:#d7e5f7;--hover:#e8f2ff;--selected:#cfe6ff;--chat-bg:#e8f3ff;--received:#fff;--sent:#c7e5ff;background:#e8f3ff;grid-template-rows:100px minmax(0,1fr);grid-template-columns:226px 390px minmax(0,1fr);display:grid}.app-topbar{color:#fff;background:linear-gradient(115deg,#052758,#06458e 54%,#032653);border-bottom:1px solid #2e65a5;grid-area:1/1/auto/-1;grid-template-columns:226px 390px minmax(0,1fr) 48px;align-items:center;min-width:0;display:grid}.topbar-brand{grid-column:1/3;align-items:center;gap:14px;padding:10px 22px;display:flex}.topbar-brand img{object-fit:contain;width:77px;height:77px}.topbar-brand div{letter-spacing:.7px;text-shadow:0 2px 3px #0003;flex-direction:column;line-height:.92;display:flex}.topbar-brand strong{font-size:clamp(24px,2.7vw,37px);font-weight:800}.topbar-brand span{margin-top:6px;font-size:clamp(17px,1.8vw,25px);font-weight:750}.topbar-conversation{grid-column:3;align-items:center;gap:15px;min-width:0;padding:0 14px;display:flex}.topbar-conversation>.topbar-conversation-details{flex-direction:column;gap:4px;min-width:0;display:flex}.topbar-conversation strong{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(16px,2vw,26px);overflow:hidden}.topbar-conversation span{color:#e3eeff;font-size:14px}.topbar-avatar{color:#fff!important;background:#2878ef!important;width:60px!important;height:60px!important}.topbar-settings{color:#fff;background:0 0;border:0;grid-column:4;padding:10px}.navigation{background:linear-gradient(155deg,#082f67,#003b83 48%,#042653);grid-area:2/1;align-items:stretch;gap:6px;width:auto;padding:24px 10px 18px}.nav-profile{align-items:center;gap:12px;margin-bottom:10px;padding:0 2px 26px;display:flex}.nav-profile-avatar{color:#fff;background:linear-gradient(135deg,#88c3ff,#1552ac);border:2px solid #9bbff4;border-radius:50%;flex:none;place-items:center;width:57px;height:57px;font-size:24px;font-weight:800;display:grid;position:relative}.presence-dot{border:2px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;bottom:0;right:0}.presence-dot.online{background:#26d95e}.presence-dot.offline{background:#f05050}.nav-profile-info{flex-direction:column;gap:5px;min-width:0;display:flex}.nav-profile-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.nav-profile-info span{color:#b6f8cb;font-size:13px}.nav-button{color:#f3f8ff;border-radius:11px;justify-content:flex-start;align-items:center;gap:16px;width:100%;height:53px;padding:0 15px;font-size:17px;display:flex}.nav-button.selected{background:linear-gradient(100deg,#2484ff,#4a98ff);box-shadow:0 3px 9px #001c4580}.nav-button:hover{background:#2765b3}.nav-button span{display:inline}.nav-utility{height:40px;font-size:14px}.chat-list{background:linear-gradient(#fff,#f8fbff 65%,#f3f8ff);border-right:1px solid #b8cbe4;grid-area:2/2;width:auto;position:relative}.list-header{z-index:2;padding:24px 19px 16px}.list-heading{margin-bottom:22px}.list-heading h1{font-size:27px}.mobile-menu-button{display:none!important}.search-box{background:#f4f8ff;border-color:#bcd4f4;border-radius:28px;height:51px}.chat-list-items{z-index:1;padding-bottom:90px;position:relative}.conversation{border-bottom:1px solid #d6e4f5}.conversation-with-actions{padding:0 8px 0 0}.conversation-open{padding:15px 8px 15px 18px}.conversation-top strong{font-size:17px}.conversation-top span{font-size:12px}.conversation-info p{font-size:13px}.avatar{color:#fff;background:linear-gradient(135deg,#a6d4ff,#3479d5);width:52px;height:52px;font-size:17px;position:relative;overflow:visible}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.group-avatar{background:linear-gradient(135deg,#398fff,#0848b8)}.contact-entry{gap:12px}.contact-avatar .presence-dot{width:13px;height:13px}.list-footer{pointer-events:none;background:url(/messenger-mountains.svg) bottom/100% 100% no-repeat;border:0;height:118px;padding:0;position:absolute;bottom:0;left:0;right:0}.chat-panel{background:#e8f3ff;grid-area:2/3}.chat-header{display:none}.message-area{background-color:#e8f3ff;background-image:url(/messenger-chat-pattern.svg);background-size:340px 340px;padding:24px max(18px,5%)}.date-divider span{color:#173963;background:#c5defb;border-radius:30px;padding:8px 22px;font-size:13px}.message-bubble{border-radius:17px;max-width:min(82%,610px);padding:12px 15px 8px;box-shadow:0 3px 8px #174a8b1c}.message-text{font-size:16px;line-height:1.5}.outgoing .message-bubble{border-radius:18px 18px 4px}.incoming .message-bubble{border-radius:18px 18px 18px 4px}.composer{background:#f5f9ff;border-color:#bfd4ef;gap:12px;min-height:83px;padding:12px 22px}.composer-input{background:#fff;border-color:#b9d0ef;border-radius:26px;height:54px}.composer-input input{font-size:16px}.emoji-trigger{color:#123d77;width:43px;height:44px}.send-button{background:linear-gradient(#368fff,#0759d3);width:50px;height:50px}:root[data-theme=dark] .app-shell{--panel:#1a2d49;--surface:#213755;--text:#f3f7ff;--muted:#b4c6dd;--border:#355272;--hover:#29466a;--selected:#2a5283;--chat-bg:#132a45;--received:#26415f;--sent:#1b5c98}:root[data-theme=dark] .chat-list{background:linear-gradient(#172b46,#203956)}:root[data-theme=dark] .chat-panel,:root[data-theme=dark] .message-area{background-color:#132a45}:root[data-theme=dark] .composer{background:#1a2d49}:root[data-theme=dark] .composer-input,:root[data-theme=dark] .search-box{background:#203956}@media (width<=1050px){.app-shell{grid-template-columns:175px 310px minmax(0,1fr)}.app-topbar{grid-template-columns:175px 310px minmax(0,1fr) 44px}.topbar-brand img{width:60px;height:60px}.topbar-brand{padding-left:13px}.nav-button{gap:10px;font-size:15px}}@media (width<=740px){.app-shell{grid-template-rows:74px minmax(0,1fr);grid-template-columns:72px minmax(0,1fr)}.app-topbar{grid-template-columns:72px minmax(0,1fr) 42px}.topbar-brand{grid-column:1/3;gap:8px;padding:5px 10px}.topbar-brand img{width:57px;height:57px}.topbar-brand strong{font-size:24px}.topbar-brand span{font-size:17px}.topbar-conversation{display:none}.topbar-settings{grid-column:3}.navigation{grid-column:1;align-items:center;padding:14px 5px;display:flex}.nav-profile{padding:0 0 12px}.nav-profile-avatar{width:44px;height:44px}.nav-profile-info,.nav-button span{display:none}.nav-button{justify-content:center;width:52px;height:50px;padding:0}.chat-list,.chat-panel{grid-column:2}.chat-list.mobile-hidden,.chat-panel.mobile-hidden{display:none}.chat-header{min-height:62px;padding:9px 12px;display:flex}.back-button{display:grid}.message-area{padding:15px 12px}.message-bubble{max-width:92%}.composer{gap:5px;padding:9px}.composer-input{height:46px}.send-button{width:44px;height:44px}.emoji-trigger{width:36px}}@media (width<=420px){.app-shell{grid-template-columns:55px minmax(0,1fr)}.app-topbar{grid-template-columns:55px minmax(0,1fr) 34px}.topbar-brand img{width:45px;height:45px}.topbar-brand strong{font-size:19px}.topbar-brand span{font-size:13px}.navigation{padding:12px 3px}.nav-button{width:46px;height:46px}.nav-profile-avatar{width:40px;height:40px}.list-header{padding:18px 12px}.conversation-open{gap:8px;padding:12px 5px}.avatar{width:43px;height:43px}.conversation-top strong{font-size:14px}.conversation-info p{font-size:12px}.delete-chat-button{width:27px}.auth-card{width:min(100%,340px);padding:20px}}.conversation.has-unread .conversation-top strong,.conversation.has-unread .conversation-info p{color:var(--text);font-weight:800}.unread-badge{color:#fff;background:#1671dc;border-radius:99px;flex:none;place-items:center;min-width:23px;height:23px;padding:0 5px;font-size:11px;font-weight:800;display:grid;box-shadow:0 1px 4px #003c8040}.conversation .conversation-open .conversation-top .read-name{font-weight:500}.conversation .conversation-open .conversation-info .read-preview{font-weight:400}.conversation .conversation-open .conversation-top .unread-name{color:var(--text);font-weight:900}.conversation .conversation-open .conversation-info .unread-preview{color:var(--text);font-weight:800}.chat-actions{z-index:3;flex:none;align-self:center;position:relative}.chat-actions:has(.chat-actions-menu){z-index:15}.chat-actions-trigger{width:35px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.chat-actions-trigger:hover,.chat-actions-trigger[aria-expanded=true]{background:var(--hover);color:var(--text)}.chat-actions-trigger:disabled{opacity:.5}.chat-actions-menu{border:1px solid var(--border);background:var(--panel);z-index:20;border-radius:10px;min-width:175px;padding:5px;position:absolute;top:calc(100% + 3px);right:0;box-shadow:0 10px 30px #0003}.chat-actions-menu button{width:100%;color:var(--text);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:10px;font-size:13px;display:flex}.chat-actions-menu button:hover{background:var(--hover)}.chat-actions-menu .chat-actions-delete{color:#bd4242}.chat-list-items{isolation:isolate}@media (width<=420px){.chat-actions-trigger{width:29px}.chat-actions-menu{min-width:155px}}.menu-popup .notification-menu-heading{color:var(--muted);padding:10px 11px 3px;font-size:12px;font-weight:750}.menu-popup button:has(svg){align-items:center;gap:8px;display:flex}.notification-menu-status{color:var(--muted);margin:3px 10px 8px;font-size:11px;line-height:1.4}.topbar-settings-anchor{z-index:60;grid-column:4;place-items:center;height:100%;display:grid;position:relative}.topbar-settings-anchor .topbar-settings{grid-column:auto;width:100%;height:100%}.topbar-settings-anchor .menu-popup{z-index:70;min-width:245px;max-width:min(320px,100vw - 20px);color:var(--text);position:absolute;top:calc(100% - 1px);right:8px}@media (width<=740px){.topbar-settings-anchor{grid-column:3}.topbar-settings-anchor .menu-popup{right:5px}}.message-status{flex-shrink:0;justify-content:center;align-items:center;margin-left:3px;display:inline-flex}.message-status.message-status-sent{color:#718198}.message-status.message-status-read{color:#1685d8}:root[data-theme=dark] .message-status.message-status-sent{color:#b4c4d7}:root[data-theme=dark] .message-status.message-status-read{color:#69bbff}.message-status.message-status-delivered{color:#718198}:root[data-theme=dark] .message-status.message-status-delivered{color:#b4c4d7}.outgoing .message-meta .message-status-sent svg,.outgoing .message-meta .message-status-delivered svg{color:#718198}.outgoing .message-meta .message-status-read svg{color:#16a34a}:root[data-theme=dark] .outgoing .message-meta .message-status-sent svg,:root[data-theme=dark] .outgoing .message-meta .message-status-delivered svg{color:#b4c4d7}:root[data-theme=dark] .outgoing .message-meta .message-status-read svg{color:#4ade80}.contacts-overlay{z-index:100;background:#0516308c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.contacts-dialog{border:1px solid var(--border);background:var(--panel);width:min(100%,430px);min-height:0;max-height:min(680px,100dvh - 36px);color:var(--text);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 65px #000f284d}.contacts-title{justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 12px;display:flex}.contacts-title h2{margin:0;font-size:21px}.contacts-title button{width:34px;height:34px;color:var(--text);background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.contacts-title button:hover{background:var(--hover)}.contacts-dialog>.search-box{flex-shrink:0;margin:0 20px 12px}.contacts-results{flex:1;min-height:0;padding-bottom:8px;overflow-y:auto}.contacts-results .conversation{width:100%}.contacts-results .conversation:disabled{opacity:.65}@media (width<=480px){.contacts-overlay{padding:10px}.contacts-dialog{max-height:calc(100dvh - 20px)}.contacts-title{padding:14px 14px 10px}.contacts-dialog>.search-box{margin:0 14px 10px}}.group-setup{flex-direction:column;gap:7px;padding:0 20px 12px;display:flex}.group-setup label{font-size:13px;font-weight:700}.group-setup input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:9px;outline-color:#3287ec;padding:11px 12px}.group-setup p{color:var(--muted);margin:3px 0;font-size:12px;line-height:1.5}.group-setup strong{color:var(--text);font-size:13px}.group-contact-option{cursor:pointer}.group-contact-option input[type=checkbox]{accent-color:#2676d8;cursor:pointer;flex:none;width:19px;height:19px}.group-contact-option:has(input:checked){background:var(--selected)}.group-create-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.group-create-footer button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:10px 14px;font-weight:650}.group-create-footer .group-create-primary{color:#fff;background:#1762b2;border-color:#1762b2}.group-create-footer button:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.group-setup{padding:0 14px 10px}.group-create-footer{padding:12px 14px}}.group-message-sender{color:#1762b2;overflow-wrap:anywhere;margin-bottom:5px;font-size:12px;font-weight:750;line-height:1.35}.outgoing .group-message-sender{color:#174a8b}:root[data-theme=dark] .group-message-sender{color:#93c5fd}:root[data-theme=dark] .outgoing .group-message-sender{color:#bfdbfe}.group-members-open{border:1px solid var(--border);color:var(--text);background:var(--panel);border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.group-members-open:hover{background:var(--hover)}.group-members-dialog{flex-direction:column;width:min(460px,100vw - 28px);max-height:min(85dvh,740px);display:flex}.group-members-description{color:var(--muted);margin:0 0 14px;font-size:12px}.group-members-scroll{min-height:0;overflow-y:auto}.group-members-scroll h3{color:var(--text);margin:16px 0 9px;font-size:13px}.group-member-row{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:10px 3px;display:flex}.group-member-row .avatar{width:40px;height:40px;font-size:13px;overflow:hidden}.group-member-row .avatar img{object-fit:cover;width:100%;height:100%}.group-member-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.group-member-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.group-member-info span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.group-member-add,.group-member-remove{border-radius:8px;flex-shrink:0;padding:7px 11px;font-size:12px;font-weight:700}.group-member-add{color:#fff;background:#1762b2;border:1px solid #1762b2}.group-member-add:hover{background:#174a8b}.group-member-remove{color:#bf4a4a;background:0 0;border:1px solid #bf4a4a}.group-member-remove:hover{background:#bf4a4a1a}.group-member-add:disabled,.group-member-remove:disabled{opacity:.55;cursor:wait}.group-member-error{color:#b42318;background:#fff1f1;border-radius:8px;padding:8px;font-size:12px}.group-member-hint{color:var(--muted);margin:10px 0;font-size:12px}.group-members-scroll .search-box{margin-bottom:8px}@media (width<=620px){.group-members-open{padding:8px}.group-members-open span{display:none}}.group-members-topbar{color:#fff;white-space:nowrap;background:#ffffff1c;border:1px solid #ffffff65;margin-left:auto}.group-members-topbar:hover{background:#ffffff32}.topbar-conversation-details{min-width:0}@media (width<=740px){.group-members-topbar{display:none}}.group-members-dialog{border-radius:18px;width:min(520px,100vw - 24px);max-height:min(86dvh,780px)}.group-members-title{border-bottom:1px solid var(--border);background:var(--surface);align-items:flex-start;padding:22px 24px 19px}.group-members-title-text{flex:1;min-width:0}.group-members-eyebrow{letter-spacing:1.4px;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:800;display:block}.group-members-title h2{overflow-wrap:anywhere;font-size:22px;line-height:1.25}.group-members-title .group-members-description{margin:8px 0 0;font-size:12px;line-height:1.45}.group-members-scroll{scrollbar-gutter:stable;padding:20px 24px 22px}.group-members-section{padding:0}.group-members-section+.group-members-section{border-top:1px solid var(--border);margin-top:23px;padding-top:22px}.group-members-section-heading{align-items:center;gap:9px;margin-bottom:12px;display:flex}.group-members-scroll .group-members-section-heading h3{margin:0;font-size:14px;font-weight:750}.group-members-count{background:var(--selected);min-width:24px;height:24px;color:var(--text);border-radius:20px;place-items:center;padding:0 7px;font-size:11px;font-weight:750;display:inline-grid}.group-members-section .group-member-row{gap:12px;padding:11px 0}.group-members-section .group-member-row:last-of-type{border-bottom:0}.group-members-section .group-member-row .avatar{width:43px;height:43px}.group-members-section .group-member-info strong{font-size:13px}.group-members-section .group-member-info span{font-size:11px}.group-members-section .group-member-add,.group-members-section .group-member-remove{min-width:76px;padding:8px 12px}.group-members-add-section .search-box{margin:0 0 10px}.group-members-history-note{margin:14px 0 0;line-height:1.5}.group-members-dialog>.group-create-footer{border-top:1px solid var(--border);background:var(--panel);flex-shrink:0;padding:12px 24px}.group-members-dialog>.group-member-error{margin:12px 24px 0}@media (width<=480px){.group-members-title{padding:18px 16px 15px}.group-members-scroll{padding:16px}.group-members-dialog>.group-create-footer{padding:11px 16px}.group-members-dialog>.group-member-error{margin:10px 16px 0}}