:root{color:#202124;background:#f5f7fb;font-family:Inter,system-ui,sans-serif}body{margin:0}main{background:#fff;border-radius:14px;max-width:460px;margin:48px auto;padding:24px;box-shadow:0 8px 30px #16213e1a}header{justify-content:space-between;align-items:center;display:flex}h1{margin-top:0}form,section{gap:14px;display:grid}label{gap:6px;font-weight:600;display:grid}input,textarea,button{font:inherit;border-radius:8px;padding:10px 12px}input,textarea{border:1px solid #c7cedb}textarea{resize:vertical;min-height:92px}button{color:#fff;cursor:pointer;background:#315efb;border:0}button:disabled{opacity:.5;cursor:default}[role=status]{color:#43516d;min-height:24px}.auth-switch{gap:6px;display:flex}.auth-switch button{color:#315efb;background:#e9efff;padding:8px 10px}.auth-switch button.selected{color:#fff;background:#315efb}.android-download{color:#0000;background:url(/connect-android-badge.svg) 50%/100% 100% no-repeat;border-radius:13px;width:163px;max-width:100%;height:53px;padding:0;font-size:0;text-decoration:none;display:block;box-shadow:0 4px 10px #315efb33}.android-download:hover{filter:brightness(.96);transform:translateY(-1px)}.password-field>span{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:#315efb;background:0 0;padding:0;font-size:13px;font-weight:600}.auth-divider{text-align:center;color:#667085;margin:-2px 0}.google-sign-in{box-sizing:border-box;color:#25324d;background:#fff;border:1px solid #c7cedb;border-radius:8px;justify-content:center;align-items:center;min-height:42px;font-weight:600;text-decoration:none;display:flex}.google-sign-in:before{content:"G";color:#fff;background:conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);border-radius:50%;place-items:center;width:20px;height:20px;margin-right:9px;font-size:12px;display:inline-grid}.app-shell{max-width:880px}.chat-workspace{border:1px solid #e1e6f0;border-radius:10px;grid-template-columns:280px 1fr;min-height:380px;display:grid;position:relative;overflow:hidden}.chat-workspace aside{background:#f8faff;border-right:1px solid #e1e6f0;padding:16px}.chat-workspace h2{margin:0 0 12px}.user-search{gap:8px;display:grid}.search-result,.chat-list button{text-align:left;color:#25324d;background:#fff;border:1px solid #dbe2ef}.chat-list{gap:8px;margin-top:16px;display:grid}.chat-list .active{color:#fff;background:#315efb}.conversation{flex-direction:column;min-width:0;padding:16px;display:flex}.messages{flex:1;align-content:start;gap:8px;min-height:220px;display:grid}.message{background:#e9efff;border-radius:10px;max-width:75%;margin:0;padding:9px 12px}.message-form{grid-template-columns:1fr auto}.chat-error{color:#b42318;position:absolute;bottom:4px;right:12px}@media (width<=680px){.chat-workspace{grid-template-columns:1fr}.chat-workspace aside{border-bottom:1px solid #e1e6f0;border-right:0}}.connection{color:#7b879f;font-size:12px;font-weight:500}.connection.online{color:#16803c}.conversation-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.group-members-panel{background:#f8faff;border:1px solid #dbe2ef;border-radius:10px;margin:-4px 0 14px;padding:12px}.group-members-panel h3{margin:0 0 8px;font-size:15px}.group-members-panel ul{gap:5px;margin:0 0 10px;padding:0;list-style:none;display:grid}.group-members-panel li{border-bottom:1px solid #e8edf5;justify-content:space-between;gap:12px;padding:5px 0;display:flex}.presence{margin-top:2px;font-size:11px;display:block}.presence.online{color:#16803c}.presence.recently{color:#a15c00}.presence.offline{color:#7b879f}.group-member-search{gap:8px;margin-bottom:8px;display:flex}.group-member-search input{min-width:0}.chat-list-item{background:#fff;border:1px solid #dbe2ef;border-radius:8px;align-items:stretch;display:flex;position:relative;overflow:visible}.chat-list-item .chat-select{color:#25324d;text-align:left;background:0 0;border:0;flex:1}.chat-list-item.active{background:#315efb;border-color:#315efb}.chat-list-item.active .chat-select{color:#fff}.group-menu-trigger{color:#53627c;background:0 0;border:0;border-right:1px solid #dbe2ef;border-radius:8px 0 0 8px;width:30px;padding:0;font-size:21px;line-height:1}.chat-list-item.active .group-menu-trigger{color:#fff;border-color:#ffffff59}.group-menu{z-index:10;background:#fff;border:1px solid #dbe2ef;border-radius:8px;min-width:155px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 18px #18274b29}.group-menu button{color:#25324d;text-align:left;background:0 0;border:0}.group-menu-danger{color:#b42318!important}.call-action{width:38px;min-width:38px;padding:0;font-size:18px;line-height:1}.call-action.recording{background:#b42318}.call-overlay{z-index:30;background:#121c318c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.call-dialog{text-align:center;background:#fff;border-radius:14px;width:min(480px,100%);padding:22px;box-shadow:0 20px 50px #00000047}.call-dialog h3{margin-top:0}.call-dialog div{justify-content:center;gap:10px;display:flex}.call-end{background:#b42318}.call-video{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.call-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.call-video video{object-fit:cover;background:#1c2433;border-radius:8px;width:100%;min-height:130px}.call-notice{color:#a15c00}.message-form{background:#fff;border-top:1px solid #dbe2ef;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.message-form>.call-action{width:38px;min-width:38px;height:38px;box-shadow:none;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:145%;border:0;padding:0;font-size:0}.message-form>input{flex:calc(100% - 46px);order:1;min-width:0}.message-form>.call-action:nth-of-type(3){background-image:url(/icons/voice-message.webp);order:2}.message-form>button:not(.call-action){order:2}.message-form>.call-action:first-of-type{background-image:url(/icons/call.webp);order:3}.message-form>.call-action:nth-of-type(2){background-image:url(/icons/video-call.webp);order:4}.message-form>.file-button{width:38px;min-width:38px;height:38px;box-shadow:none;background-color:#0000;background-image:url(/icons/file-attachment.webp);background-position:50%;background-repeat:no-repeat;background-size:145%;border:0;order:5;margin-left:auto;padding:0;font-size:0}.message-form>.call-action.recording{background-color:#b42318}.message-form>button:not(.call-action){width:38px;min-width:38px;height:38px;box-shadow:none;background-color:#0000;background-image:url(/icons/send-message.webp);background-position:50%;background-repeat:no-repeat;background-size:145%;border:0;padding:0;font-size:0;display:none}.message-form>input:not(:placeholder-shown)~.call-action:nth-of-type(3){display:none}.message-form>input:not(:placeholder-shown)~button:not(.call-action){display:inline-flex}.message-form{grid-template-columns:38px 38px minmax(0,1fr) 38px;align-items:center;gap:8px 4px;display:grid}.message-form>input{box-sizing:border-box;grid-area:1/1/auto/4;width:auto;min-width:0}.message-form>.call-action:nth-of-type(3),.message-form>button:not(.call-action){grid-area:1/4;justify-self:end}.message-form>.call-action:first-of-type{grid-area:2/1}.message-form>.call-action:nth-of-type(2){grid-area:2/2}.message-form>.file-button{grid-area:2/4}.group-form{border-top:1px solid #dbe2ef;margin-top:16px;padding-top:16px}.search-result{justify-content:space-between;align-items:center;gap:8px;display:flex}.search-result div{gap:4px;display:flex}.search-result button,.member-chip{padding:5px 7px;font-size:12px}.member-chip{color:#315efb;background:#e9efff;margin:3px 3px 0 0}.file-button{color:#315efb;cursor:pointer;background:#e9efff;border-radius:8px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.file-button input{display:none}.files-selected{color:#43516d}.outbox-status{color:#a15c00;margin:-8px 0 10px;display:block}.message{min-width:150px;padding:10px 38px 24px 12px;position:relative}.message>p{margin:0;padding-right:8px}.message-menu-trigger{color:#69758d;letter-spacing:1px;background:0 0;border-radius:50%;width:31px;height:27px;padding:0;font-size:15px;font-weight:700;line-height:20px;position:absolute;top:5px;right:5px}.message-menu-trigger:hover,.message-menu-trigger[aria-expanded=true]{color:#315efb;background:#d7e2ff}.message-menu{z-index:2;background:#fff;border:1px solid #dbe2ef;border-radius:9px;gap:2px;min-width:152px;padding:5px;display:grid;position:absolute;top:0;left:calc(100% + 8px);box-shadow:0 8px 20px #16213e24}.message-menu button{color:#25324d;text-align:left;white-space:nowrap;background:0 0;padding:7px 9px;font-size:12px}.message-menu button:hover{color:#315efb;background:#e9efff}.message-menu .message-menu-danger{color:#b42318}.message-receipt{color:#8892a4;white-space:nowrap;font-size:13px;font-weight:700;line-height:1;position:absolute;bottom:7px;right:11px}.message-receipt time{margin-right:4px;font-size:11px;font-weight:500}.message-checks{letter-spacing:-5px;display:inline-block}.attachment-item{color:#315efb;text-align:left;background:#fff;border:1px solid #cbd8fc;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;width:100%;margin-top:5px;padding:8px 9px;font-size:13px;display:grid}.attachment-item small{color:#68748c;font-size:11px}.image-attachment{background:#dce6ff;border:1px solid #cbd8fc;width:190px;max-width:100%;margin-top:5px;padding:0;display:block;overflow:hidden}.image-attachment img{object-fit:cover;width:100%;max-height:150px;display:block}.profile-actions{gap:8px;display:flex}.profile-overlay{z-index:10;background:#16213e33;place-items:start end;padding:20px;display:grid;position:fixed;inset:0}.profile-panel{background:#fff;border-radius:14px;width:min(360px,100vw - 40px);max-height:calc(100vh - 40px);padding:20px;overflow:auto;box-shadow:0 12px 36px #16213e38}.profile-panel>header{margin-bottom:16px}.profile-panel h2{margin:0}.profile-close{min-width:36px;padding:3px 9px;font-size:24px;line-height:1}.message-receipt.read{color:#315efb}