:root{color:#1f2328;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #3390ec}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px;outline:2px solid #3390ec}a{color:#2385d1}.messenger{background:#fff;width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.sidebar{z-index:2;background:#fff;border-right:1px solid #dfe4e8;flex-direction:column;flex-shrink:0;width:360px;display:flex}.sidebar-header{align-items:center;gap:16px;height:66px;padding:10px 18px 6px 14px;display:flex}.sidebar-brand{letter-spacing:-.5px;color:#3390ec;font-size:22px;font-weight:650}.icon-button{color:#707579;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover{background:#f0f2f4}.create-button{color:#3390ec;margin-left:auto}.menu-wrap{position:relative}.menu-popover{z-index:20;background:#fff;border-radius:12px;width:252px;padding:8px;position:absolute;top:45px;left:0;box-shadow:0 5px 28px #0003}.menu-popover>button{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:18px;width:100%;padding:12px 14px;font-size:15px;display:flex}.menu-popover>button:hover{background:#f3f5f7}.menu-user{border-bottom:1px solid #eef0f2;align-items:center;gap:12px;margin-bottom:5px;padding:12px 12px 18px;display:flex}.menu-user strong{overflow-wrap:anywhere;min-width:0;font-size:14px}.search-wrap{color:#939ba2;background:#f1f3f5;border-radius:22px;align-items:center;gap:10px;height:42px;margin:0 14px 12px;padding:0 14px;display:flex}.search-wrap input{color:#1f2328;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;margin:0;padding:0;font-size:15px}.chat-tabs{color:#3390ec;border-bottom:1px solid #edf0f2;flex-shrink:0;align-items:flex-start;gap:7px;height:39px;padding:0 24px;font-size:14px;font-weight:600;display:flex}.chat-tabs>span:first-child{border-bottom:3px solid #3390ec;height:100%;padding:4px 0 11px}.tab-count{background:#e3f0fc;border-radius:10px;margin-top:4px;padding:1px 6px;font-size:11px}.chat-list{flex:1;min-height:0;overflow-y:auto}.chat-item{text-align:left;background:#fff;border:0;align-items:center;gap:12px;width:100%;min-height:81px;padding:12px 15px;display:flex}.chat-item:hover{background:#f3f6f8}.chat-item.selected{color:#fff;background:#419fd9}.avatar{color:#fff;background:#6bafdf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:500;display:inline-flex}.chat-avatar{width:54px;height:54px;font-size:20px}.chat-item-content{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.chat-item-top,.chat-item-bottom{align-items:center;gap:9px;min-width:0;display:flex}.chat-item-top strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:600;overflow:hidden}.chat-item-top time{color:#98a0a7;flex-shrink:0;font-size:11px}.chat-preview{color:#8a9299;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.preview-author{color:#5d8cae}.unread-badge{text-align:center;color:#fff;background:#59a8de;border-radius:11px;min-width:21px;padding:3px 6px;font-size:11px}.selected .chat-preview,.selected .chat-item-top time,.selected .preview-author{color:#ffffffe0}.selected .unread-badge{color:#419fd9;background:#fff}.sidebar-footer{color:#9ba2a8;border-top:1px solid #edf0f2;flex-shrink:0;justify-content:center;align-items:center;gap:7px;height:34px;font-size:11px;display:flex}.connection-dot{background:#b6bdc3;border-radius:50%;width:6px;height:6px}.connection-dot.online{background:#71b56c}.empty-list{text-align:center;color:#9aa5ad;flex-direction:column;align-items:center;gap:12px;padding:48px 28px;font-size:14px;display:flex}.empty-list p{margin:0 0 12px;line-height:1.6}.empty-list strong{color:#606d77;font-weight:500}.conversation-pane{background-color:#dbe5d4;background-image:url(/chat-pattern.svg);background-size:220px;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.conversation-header{z-index:1;background:#fff;flex-shrink:0;align-items:center;gap:12px;height:66px;padding:8px 20px;display:flex;box-shadow:0 1px 2px #00000008}.conversation-heading{text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.conversation-heading>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.conversation-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.conversation-heading small{color:#8b959e;font-size:13px}.header-avatar{width:42px;height:42px;font-size:16px}.header-actions{gap:8px;margin-left:auto;display:flex}.mobile-back{display:none}.message-scroller{overscroll-behavior:contain;scrollbar-color:#9dac9b85 transparent;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.message-column{flex-direction:column;justify-content:flex-end;max-width:880px;min-height:100%;margin:0 auto;padding:16px 38px 22px;display:flex}.date-separator{flex-shrink:0;justify-content:center;padding:10px 0 14px;display:flex}.date-separator span,.system-message{color:#fff;text-align:center;background:#889e7a83;border-radius:16px;align-self:center;max-width:90%;padding:5px 12px;font-size:12px;font-weight:500;line-height:1.5}.system-message{margin:5px 0 12px}.message-row{flex-shrink:0;align-items:flex-end;gap:8px;margin:0 0 7px;display:flex}.message-row.own{justify-content:flex-end;padding-left:54px}.message-row.incoming{padding-right:54px}.message-avatar{width:32px;height:32px;font-size:12px}.bubble{background:#fff;border-radius:12px 12px 12px 3px;min-width:80px;max-width:78%;padding:8px 11px 7px;box-shadow:0 1px 1px #00000013}.own .bubble{background:#effdde;border-radius:12px 12px 3px}.message-sender{margin-bottom:3px;font-size:13px;font-weight:600;display:block}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.4}.message-text a{text-decoration:none}.message-text a:hover{text-decoration:underline}.message-meta{float:right;color:#8f9c91;align-items:center;gap:4px;margin:8px -3px -2px 10px;font-size:10px;line-height:1;display:inline-flex}.own .message-meta{color:#75a064}.message-text:after{content:"";clear:both;display:table}.pending{opacity:.72}.retry-message{color:#c95646;background:0 0;border:0;padding:8px 0 0;font-size:12px}.load-history{color:#668760;background:#ffffffd9;border:0;border-radius:20px;align-self:center;margin:0 0 12px;padding:8px 16px;font-size:12px}.composer{padding:14px max(24px, calc((100% - 804px) / 2)) max(14px, env(safe-area-inset-bottom));background:#fff;flex-shrink:0;align-items:flex-end;gap:12px;min-height:72px;display:flex;position:relative}.composer textarea{resize:none;color:#242b31;background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:40px;max-height:156px;padding:10px 0;font-size:15px;line-height:22px}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:#9ca4ab}.send-button{color:#fff;background:#3390ec;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.send-button:hover{background:#2582d9}.send-button:disabled{opacity:.7;background:#b6cce0}.emoji-picker{z-index:2;background:#fff;border-radius:14px;grid-template-columns:repeat(6,1fr);gap:6px;padding:12px;display:grid;position:absolute;bottom:76px;left:26px;box-shadow:0 2px 18px #0002}.emoji-picker button{background:0 0;border:0;border-radius:6px;width:36px;height:36px;font-size:24px}.emoji-picker button:hover{background:#f0f3f5}.new-messages{color:#7c8a94;background:#fff;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:91px;right:26px;box-shadow:0 2px 8px #0002}.empty-conversation{color:#fff;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.empty-chat-icon{color:#739678;background:#ffffff85;border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.empty-conversation h1{color:#537159;margin:18px 0 8px;font-size:27px;font-weight:600}.empty-conversation p{background:#81957288;border-radius:20px;padding:7px 16px;font-size:14px}.toast{z-index:50;color:#fff;background:#35434bef;border-radius:9px;align-items:center;gap:20px;max-width:min(520px,90vw);padding:12px 15px;font-size:13px;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0002}.toast button{color:#fff;background:0 0;border:0;align-items:center;display:flex}.modal{color:#1f2328;background:#fff;border:0;border-radius:14px;width:min(480px,100vw - 28px);max-height:min(88dvh,850px);padding:0;box-shadow:0 18px 70px #0004}.modal-wide{width:min(670px,100vw - 28px)}.modal::backdrop{background:#0e243b66}.modal-content{padding:0 26px 28px}.modal-header{z-index:2;background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;display:flex;position:sticky;top:0}.modal-header h2{margin:0;font-size:20px;font-weight:550}.primary-button,.secondary-button{border:0;border-radius:7px;padding:12px 18px;font-size:14px;font-weight:500}.primary-button{color:#fff;background:#3390ec}.primary-button:hover{background:#2785df}.secondary-button{color:#268bd8;background:#edf4fb}.text-button{color:#268bd8;text-align:left;background:0 0;border:0;padding:7px 0;font-size:13px}.danger{color:#d45757!important}.muted{color:#85919c;font-size:14px;line-height:1.55}.error-message{font-size:13px;line-height:1.5;color:#c55!important}label{color:#7b8994;min-width:0;font-size:13px;display:block}input,select{color:#27323a;background:#fff;border:1px solid #dce2e7;border-radius:7px;width:100%;min-width:0;margin-top:7px;padding:12px;font-size:14px}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.inline-form label{flex:1;min-width:160px}.auth-card{border-top:1px solid #edf0f3;padding:20px 0}.auth-card h2,.auth-card h3,.dialog-section h3{margin:0 0 15px;font-size:16px;font-weight:550}.auth-card h3{margin-top:28px}.eyebrow,.small-note{color:#9ba6ae;font-size:11px}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-heading h2{margin-top:6px;margin-bottom:0}.section-heading .small-note{text-align:right;max-width:160px}.issued-link,.link-result{background:#f3f7fb;border-radius:8px;margin:18px 0;padding:16px}.issued-link p{color:#85919c;font-size:12px;line-height:1.5}.issued-link button,.link-result button{margin-top:12px}.people-list{margin:0;padding:0;list-style:none}.people-list li{border-bottom:1px solid #f0f2f4;align-items:center;gap:10px;padding:13px 0;display:flex}.people-list li>div:first-child,.person-details{flex:1;min-width:0}.people-list strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;display:block}.people-list span:not(.avatar){color:#8c98a0;margin-top:4px;font-size:12px;display:block}.people-list .row-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.member-actions{align-items:center;gap:9px;display:flex}.member-actions select{max-width:130px;margin-top:0;padding:6px;font-size:12px}.mini-avatar{width:37px;height:37px}.group-summary{text-align:center;padding:10px 0 22px}.group-avatar{background:#62a8df;width:76px;height:76px;margin:4px auto 12px}.group-summary h3{overflow-wrap:anywhere;margin:6px 0;font-size:20px;font-weight:550}.group-summary>span:last-child{color:#8c98a0;font-size:13px}.dialog-section{border-top:1px solid #edf0f3;padding:20px 0}.dialog-section .muted{margin-top:-5px;font-size:13px}.action-row{color:#3390ec;background:0 0;border:0;align-items:center;gap:15px;padding:10px 0;font-size:14px;display:flex}.new-group-form{flex-direction:column;display:flex}.new-group-form .primary-button{align-self:flex-end}.new-group-form label{width:100%}.auth-screen{background:#f3f6f9;place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.login-card{text-align:center;background:#fff;border-radius:16px;width:min(400px,100%);padding:38px 30px;box-shadow:0 5px 40px #1d4e7d09}.login-logo{color:#fff;background:#3390ec;border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 24px;display:grid}.login-card h1{margin:0 0 15px;font-size:25px;font-weight:600}.login-subtitle{color:#485966;margin:0 0 24px;font-size:16px}.login-button{width:100%;margin:15px 0 8px}.invite-label{text-align:left;margin-top:22px}.login-note{color:#a2adb6;border-top:1px solid #edf1f4;justify-content:center;align-items:center;gap:9px;margin-top:30px;padding-top:22px;font-size:12px;display:flex}@media (width>=1500px){.sidebar{width:390px}.message-column{max-width:1000px}}@media (width<=1050px) and (width>=760px){.sidebar{width:310px}.message-column{padding:15px 20px}.bubble{max-width:90%}.composer{padding-left:16px;padding-right:16px}}@media (width<=759px){.sidebar{border:0;width:100%}.conversation-pane,.has-active-chat .sidebar{display:none}.has-active-chat .conversation-pane{width:100%;display:flex}.mobile-back{display:inline-flex}.conversation-header{gap:3px;height:62px;padding:7px 9px 7px 4px}.conversation-heading{flex:1;gap:9px}.conversation-heading strong{font-size:15px}.conversation-heading small{font-size:12px}.header-avatar{width:37px;height:37px;font-size:14px}.header-actions{gap:0}.header-actions .icon-button{width:35px}.message-column{padding:8px 12px 15px}.bubble{max-width:94%;padding:7px 9px 6px}.message-row.incoming{padding-right:24px}.message-row.own{padding-left:35px}.message-avatar{width:28px;height:28px;font-size:11px}.message-text{font-size:15px}.composer{padding:8px 9px max(8px, env(safe-area-inset-bottom));gap:7px;min-height:60px}.composer textarea{padding-top:10px}.emoji-button{width:34px}.send-button{width:40px;height:40px}.modal{max-height:93dvh}.modal-content{padding:0 19px 22px}.member-actions{flex-direction:column;align-items:flex-end;gap:2px}.people-list .row-actions{flex-direction:column;align-items:flex-end;gap:3px}.section-heading .small-note{max-width:105px}.toast{bottom:78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.composer-area{background:#fff;flex-shrink:0;position:relative}.composer-area .composer{padding-top:10px;padding-bottom:max(10px, env(safe-area-inset-bottom))}.file-input{display:none}.attach-button{transform:rotate(-12deg)}.composer-error{color:#bd5353;background:#fff4f2;padding:9px 22px;font-size:12px}.attachment-selection{gap:12px;max-height:210px;padding:14px 20px 8px;display:flex;overflow-x:auto}.attachment-tile{text-align:center;background:#f0f5fa;border-radius:9px;flex:0 0 126px;min-width:0;padding:8px;position:relative}.attachment-tile>img{object-fit:cover;border-radius:6px;width:110px;height:82px;display:block}.attachment-tile>svg{color:#78a7cf;height:82px}.tile-remove{color:#fff;background:#435867c9;border:0;border-radius:50%;place-items:center;width:27px;height:27px;padding:4px;display:grid;position:absolute;top:3px;right:3px}.tile-name{white-space:nowrap;text-overflow:ellipsis;color:#536776;margin-top:6px;font-size:11px;display:block;overflow:hidden}.attachment-tile>small{color:#8a9aaa;margin-top:4px;font-size:10px;line-height:1.4;display:block}.emoji-panel{z-index:12;background:#fff;border:1px solid #e3eaf0;border-radius:13px;width:min(334px,100vw - 24px);max-height:390px;position:absolute;bottom:calc(100% + 8px);left:18px;overflow:hidden;box-shadow:0 5px 32px #173a6533}.emoji-panel-header{justify-content:space-between;align-items:center;height:45px;padding:5px 8px 5px 16px;display:flex}.emoji-panel-header strong{font-size:14px;font-weight:550}.emoji-panel-header .icon-button{width:30px;height:30px}.emoji-search{background:#f5f7fa;border:0;width:calc(100% - 20px);margin:0 10px 8px;padding:9px 11px;font-size:12px}.emoji-categories{border-bottom:1px solid #edf1f4;justify-content:space-around;padding:2px 8px 6px;display:flex}.emoji-categories button{background:0 0;border:0;border-radius:7px;padding:6px 7px;font-size:22px}.emoji-categories button.active{background:#eaf3fe}.emoji-panel-scroll{overscroll-behavior:contain;max-height:255px;padding:8px;overflow-y:auto}.emoji-panel-scroll h4{color:#8998a3;margin:8px 6px;font-size:11px;font-weight:500}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;display:grid}.emoji-grid button{background:0 0;border:0;border-radius:6px;width:100%;height:35px;padding:2px;font-size:24px;line-height:1}.emoji-grid button:hover{background:#edf5fc}.bubble{position:relative}.reaction-add{color:#8e9f97;opacity:0;background:#fffdfbdb;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;transition:opacity .1s;display:grid;position:absolute;bottom:2px;right:-31px}.own .reaction-add{left:-31px;right:auto}.bubble:hover .reaction-add,.reaction-add:focus-visible{opacity:1}.message-reactions{flex-wrap:wrap;gap:4px;padding-top:5px;display:flex}.reaction-chip{color:#3685bd;background:#e6f1f9;border:1px solid #0000;border-radius:16px;align-items:center;gap:4px;min-width:39px;padding:3px 7px;line-height:18px;display:inline-flex}.reaction-chip>span{font-size:17px}.reaction-chip>small{font-size:11px;font-weight:600}.reaction-chip.mine{background:#d8ecff;border-color:#75b5e9}.own .reaction-chip{color:#609556;background:#dbefcf}.own .reaction-chip.mine{background:#cde8bd;border-color:#8ab875}.reaction-backdrop{z-index:35;cursor:default;background:0 0;border:0;position:fixed;inset:0}.reaction-picker-position{z-index:36;position:fixed}.reaction-picker-position .emoji-panel{max-height:300px;position:static}.reaction-picker-position .emoji-panel-scroll{max-height:210px}.bubble:has(.message-media){min-width:min(250px,100vw - 92px);max-width:min(80%,360px)}.message-media{margin-bottom:6px}.media-album{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.media-item{min-width:0}.photo-button{background:0 0;border:0;border-radius:8px;width:100%;padding:0;display:block;overflow:hidden}.photo-button img{object-fit:cover;width:100%;height:auto;max-height:340px;display:block}.media-album .photo-button img{height:150px}.media-item video{background:#101a23;border-radius:8px;width:100%;max-height:360px;display:block}.media-placeholder{color:#8ba0ae;text-align:center;background:#e8eff1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:128px;padding:14px;font-size:13px;display:flex}.media-placeholder strong{font-weight:500}.media-placeholder small{font-size:11px;line-height:1.4}.media-audio .media-placeholder{min-height:75px}.photo-viewer{object-fit:contain;max-width:100%;max-height:72dvh;margin:auto;display:block}.download-link{padding:15px 0 0;font-size:13px;display:inline-block}.voice-compose{align-items:center;gap:12px;min-height:72px;padding:12px 20px;display:flex}.voice-compose>audio{flex:1;min-width:0;height:40px}.voice-compose>.muted{flex:1;font-size:13px}.voice-compose>strong{font-variant-numeric:tabular-nums;color:#6d7a86;font-size:16px}.recording-indicator{background:#e36b68;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #e36b6819}.upload-percentage{font-size:10px}.voice-player{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;padding:7px 0;display:flex}.voice-player>audio{display:none}.voice-play{color:#fff;background:#4aa3df;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.voice-track{flex:1;min-width:70px;padding-bottom:15px;position:relative}.waveform{justify-content:space-between;align-items:center;gap:1px;height:33px;display:flex}.waveform span{background:#b0d6ee;border-radius:2px;flex:1;width:3px;max-width:3px}.waveform span.played{background:#489ed7}.voice-seek{opacity:0;cursor:pointer;width:100%;height:33px;margin:0;padding:0;position:absolute;inset:0}.voice-duration{color:#84a0b2;font-size:10px;position:absolute;bottom:0;left:0}.voice-rate{color:#5d91b3;background:#e4f0f7;border:0;border-radius:5px;padding:4px;font-size:10px;font-weight:600}.own .voice-play{background:#7db766}.own .waveform span{background:#b9dca3}.own .waveform span.played{background:#79b365}.own .voice-duration{color:#7f9e6d}.conversation-pane:has(.attachment-selection) .new-messages{bottom:240px}@media (width<=759px){.composer-area .composer{padding:8px 7px max(8px, env(safe-area-inset-bottom));gap:4px}.composer-area .icon-button{width:32px}.emoji-panel{max-height:370px;left:5px}.reaction-add{opacity:.65;width:24px;height:24px;right:-27px}.own .reaction-add{left:-27px}.bubble:has(.message-media){max-width:94%}.attachment-selection{padding:10px 12px 6px}.voice-compose{gap:7px;min-height:60px;padding:8px}.voice-compose>.muted{font-size:11px}.voice-compose .icon-button{width:32px}.message-row.incoming{padding-right:27px}}.message-menu-button{color:#899d99;opacity:0;background:#ffffffc9;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:2px;display:grid;position:absolute;top:3px;right:2px}.bubble:hover .message-menu-button,.message-menu-button:focus-visible{opacity:1}.message-action-menu{z-index:20;background:#fff;border-radius:10px;width:174px;padding:5px;position:absolute;bottom:100%;right:0;box-shadow:0 4px 24px #182f4930}.message-action-menu button{text-align:left;color:#3e5366;background:0 0;border:0;border-radius:6px;width:100%;padding:10px;font-size:13px;display:block}.message-action-menu button:hover{background:#edf5fc}.message-quote{text-align:left;color:#4b88b4;background:#dcedf77a;border:0;border-left:3px solid #54a1df;border-radius:4px;flex-direction:column;width:100%;margin:3px 0 7px;padding:6px 9px;display:flex;overflow:hidden}.message-quote strong{font-size:12px}.message-quote span{color:#617c8a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.reply-banner,.pinned-banner{background:#fff;border-bottom:1px solid #e5eef5;flex-shrink:0;align-items:center;gap:8px;padding:9px 20px;display:flex}.reply-banner{border-top:1px solid #edf1f4;border-bottom:0}.reply-banner>span,.pinned-banner>button:first-child{text-align:left;background:0 0;border:0;border-left:3px solid #68a9df;flex:1;min-width:0;padding-left:10px}.reply-banner strong,.pinned-banner strong{color:#4b95d0;font-size:12px;display:block}.reply-banner small,.pinned-banner span{white-space:nowrap;text-overflow:ellipsis;color:#7b8d9e;font-size:12px;display:block;overflow:hidden}.deleted-message{color:#92a396;font-size:13px}.message-highlight .bubble{animation:2.5s ease-out message-flash}@keyframes message-flash{0%,30%{box-shadow:0 0 0 4px #479cebae}to{box-shadow:none}}.message-search-form{gap:8px;margin-top:20px;display:flex}.message-search-form input{flex:1;min-width:0}.message-search-results{max-height:55dvh;margin-top:16px;overflow:auto}.message-search-results>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f4;border-radius:6px;flex-direction:column;gap:5px;width:100%;padding:12px;display:flex}.message-search-results>button:hover{background:#edf5fc}.message-search-results strong{color:#4a96d1;font-size:12px}.message-search-results span{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.message-search-results small{color:#9aa8b2;font-size:10px}.mention-picker{z-index:12;background:#fff;border-radius:10px;width:min(320px,100vw - 20px);max-height:240px;padding:12px;position:absolute;bottom:100%;left:10px;overflow:auto;box-shadow:0 5px 22px #23496a30}.mention-picker>button{text-align:left;color:#4288be;background:0 0;border:0;width:100%;padding:9px;font-size:13px;display:block}.mention-button{font-size:22px}.notification-count{color:#fff;background:#379ce9;border-radius:12px;padding:1px 4px;font-size:9px;position:absolute;top:1px;right:0}.icon-button:has(.notification-count){position:relative}.notification-access{color:#986500;background:#fff7df;border:1px solid #edcc7f;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;height:32px;padding:4px 8px;font-size:11px;display:inline-flex;position:relative}.notification-access-mark{color:#fff;background:#b26b00;border-radius:50%;place-items:center;width:14px;height:14px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-5px;right:-2px}.notification-permission-help{color:#77520a;background:#fff7df;border-radius:8px;padding:10px 12px;font-size:13px}.notification-later{margin:16px auto 0;display:block}@media (width<=759px){.notification-access-label{display:none}.notification-access{width:32px;padding:5px}.message-menu-button{opacity:.8}.composer-area .mention-button{width:24px;font-size:21px}.reply-banner,.pinned-banner{padding:7px 12px}.bubble .message-text{padding-right:12px}}.message-menu-backdrop{z-index:29;background:0 0;border:0;position:fixed;inset:0}.message-action-menu{z-index:30;position:fixed;bottom:auto}.conversation-tools{background:#fff;border-top:1px solid #f2f5f8;flex-shrink:0;gap:16px;padding:7px 20px;display:flex}.conversation-tools>button{color:#7b9ebc;background:0 0;border:0;padding:2px 0;font-size:11px}.conversation-tools>button:disabled{color:#bcc6ce}.topic-tabs{background:#fff;border-bottom:1px solid #e9eff5;flex-shrink:0;gap:7px;padding:6px 16px 10px;display:flex;overflow-x:auto}.topic-tabs>button{color:#6b8ba4;white-space:nowrap;background:#f0f5f9;border:0;border-radius:18px;align-items:center;gap:5px;padding:7px 12px;font-size:12px;display:flex}.topic-tabs>button.active{color:#3689cf;background:#e1effe}.topic-tabs b{color:#fff;background:#79b7e7;border-radius:10px;padding:1px 5px;font-size:10px}.topic-tabs small{font-size:10px}.topic-admin{background:#fff;flex-shrink:0;gap:12px;padding:1px 20px 6px;display:flex}.topic-admin .text-button{padding:2px 0;font-size:10px}.closed-topic{color:#8da0b0;text-align:center;background:#fff;padding:22px 10px;font-size:13px}.activity-line{color:#72a1c6;background:#fff;min-height:18px;padding:5px 22px 0;font-size:11px}.poll-card{min-width:min(270px,100vw - 115px);max-width:340px;padding:6px 0}.poll-card>strong{margin:3px 12px 7px 0;font-size:15px;line-height:1.4;display:block}.poll-card>small{color:#8b9caa;margin:6px 0 10px;font-size:10px;display:block}.poll-option{cursor:pointer;background:#eef4f9;border-radius:7px;flex-direction:row;align-items:center;gap:8px;margin:6px 0;padding:9px;display:flex;position:relative;overflow:hidden}.poll-option input{z-index:1;accent-color:#4d9cda;flex-shrink:0;width:15px;height:15px;margin:0}.poll-option>span:not(.poll-result-bar){z-index:1;overflow-wrap:anywhere;flex:1;font-size:12px}.poll-option b{color:#6495b8;z-index:1;font-size:11px}.poll-option.selected{box-shadow:inset 0 0 0 1px #98c3e6}.poll-result-bar{background:#d2e7f8;transition:width .2s;position:absolute;inset:0}.poll-actions{flex-wrap:wrap;gap:10px;display:flex}.poll-actions .text-button{padding:3px 0;font-size:11px}.own .poll-option{background:#e5f1db}.own .poll-result-bar{background:#cee5bc}.checkbox-label{flex-direction:row;align-items:center;gap:9px;margin:12px 0;display:flex}.checkbox-label input{width:16px;height:16px;margin:0}.gallery-tabs{gap:10px;margin-bottom:14px;display:flex}.gallery-tabs>button{color:#7b9eb7;background:#f0f5fa;border:0;border-radius:16px;padding:8px 17px;font-size:12px}.gallery-tabs>button.active{color:#4592d0;background:#e0efff}.gallery-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-height:65dvh;display:grid;overflow:auto}.gallery-content>article{background:#f3f7fa;border-radius:9px;min-width:0;padding:9px}.gallery-content .text-button{font-size:10px}@media (width<=759px){.conversation-tools{gap:15px;padding:5px 12px}.topic-tabs{padding-left:9px}.topic-admin{padding-left:12px}.gallery-content{grid-template-columns:1fr}.topic-tabs>button{text-overflow:ellipsis;max-width:220px;overflow:hidden}}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.bg-sage{background-color:#dbe5d4}.bg-blue{background-color:#d9e7f2}.bg-rose{background-color:#f1e0e6}.bg-sand{background-color:#eee5d5}.bg-plain{background-color:#f1f3f5;background-image:none}.member-filters{gap:8px;margin-bottom:12px;display:flex}.member-filters input{flex:1;min-width:0}.member-filters select{max-width:155px}.background-options{flex-wrap:wrap;gap:8px;margin:10px 0 16px;display:flex}.background-swatch{background-image:url(/chat-pattern.svg);background-size:120px;border:2px solid #0000;border-radius:10px;width:80px;height:75px;position:relative;overflow:hidden}.background-swatch.bg-plain{background-image:none}.background-swatch[aria-pressed=true]{border-color:#3390ec}.background-swatch span{background:#ffffffc9;width:100%;padding:5px 1px;font-size:11px;position:absolute;bottom:0;left:0}.appearance-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.upload-choice{cursor:pointer;margin:0;display:inline-block}.upload-choice input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.upload-choice:focus-within{outline-offset:2px;outline:2px solid #3390ec}.upload-choice.disabled{opacity:.55;cursor:wait}.bubble.visual-message,.own .bubble.visual-message{background:#fff;border-radius:12px;padding:0;overflow:visible}.visual-message .message-content{border-radius:inherit;position:relative;overflow:hidden}.visual-message .message-media{margin:0}.visual-message .photo-button,.visual-message video{border-radius:0}.visual-message .message-text{padding:8px 10px}.visual-message>.message-sender,.visual-message>.message-quote{margin:7px 9px}.visual-message .message-reactions{padding:5px 8px}.bubble.media-without-caption,.own .bubble.media-without-caption{box-shadow:none;background:0 0}.media-without-caption>.message-sender{z-index:1;background:#fffffff0;border-radius:6px;max-width:calc(100% - 40px);padding:3px 7px;position:absolute;top:0;left:0}.media-without-caption .message-text{padding:0;position:absolute;bottom:7px;right:7px}.media-without-caption .message-meta,.own .media-without-caption .message-meta{float:none;color:#fff;background:#15242b99;border-radius:12px;margin:0;padding:3px 7px}.media-without-caption:has(video) .message-text{bottom:42px}.media-without-caption .message-reactions{background:0 0;padding-left:0}.receipt-indicator{color:inherit;vertical-align:middle;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.receipt-indicator.receipt-read{color:#269ad7}.media-without-caption .receipt-indicator.receipt-read{color:#7cddff}@media (width<=480px){.member-filters{flex-direction:column}.member-filters select{max-width:none}}.message-menu-button{z-index:2;top:-10px;right:-9px}.message-meta .modal{white-space:normal;text-align:left;font-size:14px;line-height:1.5}