:root{--rail-w: 68px;--sidebar-w: 320px;--members-w: 244px;--radius: 12px;--radius-lg: 16px;--header-h: 56px;--ease: cubic-bezier(.22, 1, .36, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", "JetBrains Mono", "Fira Code", Consolas, "Liberation Mono", monospace;--z-settings: 250;--z-modal: 260;--z-menu: 270;--z-lightbox: 300;--z-toast: 400;--z-call: 500;--a0: linear-gradient(135deg, #ff885e, #ff516a);--a1: linear-gradient(135deg, #ffcd6a, #ffa85c);--a2: linear-gradient(135deg, #a0de7e, #54cb68);--a3: linear-gradient(135deg, #82b1ff, #665fff);--a4: linear-gradient(135deg, #e0a2f3, #d669ed);--a5: linear-gradient(135deg, #53edd6, #28c9b7);--a6: linear-gradient(135deg, #72d5fd, #2a9ef1)}[data-theme=dark]{--bg-rail: #0b1119;--bg-sidebar: #17212b;--bg-chat: #0e1621;--bg-panel: #17212b;--bg-elevated: #1c2733;--bg-input: #242f3d;--bg-hover: rgba(255, 255, 255, .055);--bg-active: #2b5278;--bg-active-soft: rgba(43, 82, 120, .45);--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .13);--text: #eef2f6;--text-dim: #7d8f9f;--text-faint: #5c6f80;--accent: #64a9e8;--accent-strong: #4b93d6;--accent-contrast: #ffffff;--bubble-out: #2b5278;--bubble-out-text: #ffffff;--bubble-in: #182533;--bubble-in-text: #eef2f6;--danger: #f2637c;--success: #5ec36a;--shadow: 0 8px 32px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3);--wallpaper-opacity: .045;--scrollbar: rgba(255, 255, 255, .16);color-scheme:dark}[data-theme=light]{--bg-rail: #2b3b4d;--bg-sidebar: #ffffff;--bg-chat: #e7ebf0;--bg-panel: #ffffff;--bg-elevated: #ffffff;--bg-input: #f1f3f6;--bg-hover: rgba(0, 0, 0, .045);--bg-active: #4a8fd4;--bg-active-soft: rgba(74, 143, 212, .14);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--text: #17212b;--text-dim: #707a86;--text-faint: #97a1ad;--accent: #3390ec;--accent-strong: #2b7cd3;--accent-contrast: #ffffff;--bubble-out: #effdde;--bubble-out-text: #17212b;--bubble-in: #ffffff;--bubble-in-text: #17212b;--danger: #e05260;--success: #4dbb5f;--shadow: 0 8px 32px rgba(16, 35, 47, .16);--shadow-sm: 0 2px 10px rgba(16, 35, 47, .1);--wallpaper-opacity: .07;--scrollbar: rgba(0, 0, 0, .2);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);background:var(--bg-chat);color:var(--text);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.thin-scroll{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--text-dim);transition:background .15s,color .15s,transform .15s var(--ease);flex:none}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn.active{color:var(--accent)}.btn{height:42px;padding:0 20px;border-radius:10px;background:var(--accent);color:var(--accent-contrast);font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s,transform .12s var(--ease),opacity .15s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.btn.ghost{background:var(--bg-hover);color:var(--text)}.btn.ghost:hover{background:var(--border-strong)}.btn.danger{background:var(--danger)}.btn.block{width:100%}.input{width:100%;height:46px;padding:0 14px;border-radius:10px;background:var(--bg-input);border:1.5px solid transparent;transition:border-color .15s,background .15s}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--accent)}textarea.input{height:auto;padding:12px 14px;resize:vertical;line-height:1.45}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:13px;font-weight:600;color:var(--text-dim);padding-left:2px}.hint{font-size:12.5px;color:var(--text-faint)}.error-text{color:var(--danger);font-size:13.5px}.divider{height:1px;background:var(--border);margin:8px 0}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-contrast);font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}.badge.muted{background:var(--text-faint)}.avatar{position:relative;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;overflow:hidden;flex:none;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar.a0{background:var(--a0)}.avatar.a1{background:var(--a1)}.avatar.a2{background:var(--a2)}.avatar.a3{background:var(--a3)}.avatar.a4{background:var(--a4)}.avatar.a5{background:var(--a5)}.avatar.a6{background:var(--a6)}.avatar-wrap{position:relative;flex:none}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;border:2.5px solid var(--bg-sidebar);background:var(--text-faint);transition:background .2s}.presence-dot.online{background:var(--success)}.presence-dot.idle{background:#f0b232}.presence-dot.dnd{background:var(--danger)}.presence-dot.offline{background:var(--text-faint)}.presence-dot.on-chat{border-color:var(--bg-panel)}.app{height:100%;display:grid;grid-template-columns:var(--rail-w) var(--sidebar-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:var(--bg-chat)}.app.with-members{grid-template-columns:var(--rail-w) var(--sidebar-w) minmax(0,1fr) var(--members-w)}.app>*{min-height:0;min-width:0}.rail{background:var(--bg-rail);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail-item{position:relative;width:48px;height:48px;flex:none;display:grid;place-items:center}.rail-btn{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:700;font-size:17px;color:#fff;overflow:hidden;transition:border-radius .22s var(--ease),transform .2s var(--ease),filter .15s}.rail-btn img{width:100%;height:100%;object-fit:cover}.rail-btn:hover{border-radius:13px;filter:brightness(1.1)}.rail-item.active .rail-btn{border-radius:13px}.rail-btn.home{background:var(--bg-elevated);color:var(--accent)}.rail-item.active .rail-btn.home{background:var(--accent);color:#fff}.rail-pill{position:absolute;left:-10px;width:4px;border-radius:0 4px 4px 0;background:#fff;height:8px;opacity:0;transition:height .22s var(--ease),opacity .18s}.rail-item:hover .rail-pill{height:20px;opacity:1}.rail-item.active .rail-pill{height:32px;opacity:1}.rail-badge{position:absolute;right:-2px;bottom:-2px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;border:2.5px solid var(--bg-rail)}.rail-sep{width:32px;height:2px;background:var(--border-strong);border-radius:1px;flex:none}.sidebar{background:var(--bg-sidebar);display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border)}.sidebar-head{height:var(--header-h);flex:none;display:flex;align-items:center;gap:8px;padding:0 8px 0 16px;border-bottom:1px solid var(--border)}.sidebar-title{font-size:16px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-row{padding:8px 12px;flex:none}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:11px;color:var(--text-faint);pointer-events:none}.search-box input{width:100%;height:38px;padding:0 34px 0 36px;border-radius:19px;background:var(--bg-input);border:1.5px solid transparent;transition:border-color .15s}.search-box input:focus{outline:none;border-color:var(--accent)}.search-clear{position:absolute;right:6px;width:26px;height:26px}.list{flex:1;overflow-y:auto;padding:4px 8px 12px;min-height:0}.section-label{display:flex;align-items:center;gap:6px;padding:14px 8px 6px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.section-label .grow{flex:1}.section-label button{color:var(--text-faint);display:grid;place-items:center}.section-label button:hover{color:var(--text)}.chat-row{width:100%;display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:10px;text-align:left;transition:background .12s;min-width:0;position:relative}.chat-row:hover{background:var(--bg-hover)}.chat-row.active{background:var(--bg-active)}.chat-row.active .chat-preview,.chat-row.active .chat-time{color:#ffffffb8}.chat-row.active .chat-name{color:#fff}.chat-row.active .presence-dot{border-color:var(--bg-active)}.chat-main{flex:1;min-width:0}.chat-line{display:flex;align-items:baseline;gap:8px;min-width:0}.chat-name{font-weight:600;font-size:14.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{font-size:12px;color:var(--text-faint);flex:none}.chat-preview{font-size:13.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.chat-preview b{color:var(--text-dim);font-weight:600}.channel-row{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;color:var(--text-dim);font-size:14.5px;transition:background .12s,color .12s;min-width:0}.channel-row:hover{background:var(--bg-hover);color:var(--text)}.channel-row.active{background:var(--bg-active-soft);color:var(--text)}.channel-row.unread{color:var(--text);font-weight:600}.channel-hash{opacity:.6;flex:none}.channel-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-bar{flex:none;display:flex;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid var(--border);background:var(--bg-sidebar)}.me-info{flex:1;min-width:0}.me-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-status{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:5px}.conn-dot{width:7px;height:7px;border-radius:50%;flex:none}.conn-dot.online{background:var(--success)}.conn-dot.connecting{background:#f0b232;animation:pulse 1.1s infinite}.conn-dot.offline{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.chat{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;position:relative;background:var(--bg-chat)}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--wallpaper-opacity);background-repeat:repeat;background-size:420px}.chat-head{height:var(--header-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 8px 0 16px;background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:3}.chat-head-main{flex:1;min-width:0;cursor:pointer}.chat-head-title{font-size:15.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-head-sub{font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-head-sub.online{color:var(--accent)}.messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0 8px;display:flex;flex-direction:column;min-height:0;position:relative;z-index:1;overscroll-behavior:contain}.messages-inner{max-width:860px;width:100%;margin:0 auto;padding:0 16px}.date-sep{display:flex;justify-content:center;margin:14px 0 10px;position:sticky;top:4px;z-index:2;pointer-events:none}.date-sep span{background:#00000052;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:14px}[data-theme=light] .date-sep span{background:#0000003d}.msg-row{display:flex;gap:8px;align-items:flex-end;margin-top:2px;position:relative}.msg-row.out{flex-direction:row-reverse}.msg-row.group-start{margin-top:10px}.msg-row.highlight .bubble{animation:flash 1.6s var(--ease)}@keyframes flash{0%,20%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 0 transparent}}.msg-gutter{width:34px;flex:none}.bubble{position:relative;padding:6px 11px 7px;border-radius:var(--radius);background:var(--bubble-in);color:var(--bubble-in-text);box-shadow:var(--shadow-sm);word-break:break-word;animation:bubble-in .22s var(--ease);min-width:68px}.msg-row.out .bubble{background:var(--bubble-out);color:var(--bubble-out-text)}.msg-row.tail-in .bubble{border-bottom-left-radius:4px}.msg-row.tail-out .bubble{border-bottom-right-radius:4px}.bubble.pending{opacity:.65}.bubble.failed{border:1px solid var(--danger)}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}.msg-author{font-size:14px;font-weight:600;margin-bottom:1px;cursor:pointer}.msg-author.c0{color:#ff8e86}.msg-author.c1{color:#f5b544}.msg-author.c2{color:#7ed67e}.msg-author.c3{color:#8ba9ff}.msg-author.c4{color:#dd94f0}.msg-author.c5{color:#4fd4c4}.msg-author.c6{color:#62a9e8}[data-theme=light] .msg-author.c0{color:#e0524f}[data-theme=light] .msg-author.c1{color:#c98209}[data-theme=light] .msg-author.c2{color:#34a34c}[data-theme=light] .msg-author.c3{color:#4a63d6}[data-theme=light] .msg-author.c4{color:#b445cf}[data-theme=light] .msg-author.c5{color:#0f9e91}[data-theme=light] .msg-author.c6{color:#2b7cd3}.msg-text{white-space:pre-wrap;font-size:15px}.msg-text a{color:var(--accent);text-decoration:none}.msg-text a:hover{text-decoration:underline}.msg-row.out .msg-text a{color:#a8d4ff}[data-theme=light] .msg-row.out .msg-text a{color:var(--accent)}.msg-text code{font-family:var(--mono);font-size:13.5px;background:#00000040;padding:1px 5px;border-radius:5px}[data-theme=light] .msg-text code{background:#00000012}.msg-pre{font-family:var(--mono);font-size:13px;background:#00000047;padding:9px 11px;border-radius:8px;margin:5px 0;overflow-x:auto;white-space:pre}[data-theme=light] .msg-pre{background:#0000000f}.spoiler{background:currentColor;border-radius:4px;cursor:pointer;transition:color .2s}.spoiler>*{opacity:0;transition:opacity .2s}.spoiler.revealed{background:transparent}.spoiler.revealed>*{opacity:1}.big-emoji{font-size:46px;line-height:1.15}.big-emoji.n2{font-size:40px}.big-emoji.n3{font-size:34px}.msg-meta{float:right;margin:6px -3px -2px 8px;font-size:11.5px;color:var(--text-faint);display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;white-space:nowrap}.msg-row.out .msg-meta{color:#ffffff9e}[data-theme=light] .msg-row.out .msg-meta{color:#62a55a}.msg-meta .edited{font-style:italic}.reply-quote{display:flex;gap:8px;padding:3px 8px 3px 0;border-left:3px solid var(--accent);border-radius:4px;background:#ffffff0f;margin-bottom:4px;cursor:pointer;overflow:hidden}[data-theme=light] .reply-quote{background:#0000000a}.reply-quote-body{padding-left:8px;min-width:0}.reply-quote-name{font-size:13px;font-weight:600;color:var(--accent)}.msg-row.out .reply-quote-name{color:#a8d4ff}[data-theme=light] .msg-row.out .reply-quote-name{color:var(--accent)}.reply-quote-text{font-size:13px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.att-images{display:flex;flex-wrap:wrap;gap:3px;margin:2px -5px;border-radius:9px;overflow:hidden}.att-image{display:block;cursor:zoom-in;max-width:100%;border-radius:9px;overflow:hidden;background:#0003;line-height:0}.att-image{max-width:min(320px,100%)}.att-image img{max-width:100%;max-height:340px;width:auto;height:auto;object-fit:contain;display:block}.att-image.placeholder{display:grid;place-items:center}.att-images.multi .att-image img{max-width:160px;max-height:160px;object-fit:cover;width:160px;height:160px}.att-file{display:flex;align-items:center;gap:10px;padding:7px 4px;text-decoration:none;color:inherit;min-width:200px}.att-file-icon{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none}.att-file-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-file-size{font-size:12.5px;opacity:.7}.att-video video,.att-audio audio{max-width:320px;border-radius:9px;display:block}.att-audio audio{width:280px}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:12px;background:#ffffff17;font-size:13px;transition:background .12s,transform .12s var(--ease);line-height:1.5}[data-theme=light] .reaction{background:#0000000d}.reaction:hover{transform:scale(1.06)}.reaction.mine{background:var(--accent);color:#fff}.reaction-count{font-size:12.5px;font-weight:600}.msg-shell{position:relative;display:flex;min-width:0;width:fit-content;max-width:min(560px,76%)}.msg-shell>.bubble{max-width:100%}.msg-tools{position:absolute;bottom:0;display:flex;align-items:center;gap:2px;padding:3px;border-radius:10px;background:var(--bg-elevated);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .13s;z-index:4}.msg-row.out .msg-tools{right:100%;margin-right:6px}.msg-row:not(.out) .msg-tools{left:100%;margin-left:6px}.msg-row:hover .msg-tools,.msg-tools:hover{opacity:1;pointer-events:auto}.msg-tools button{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--text-dim);font-size:15px}.msg-tools button:hover{background:var(--bg-hover);color:var(--text)}.msg-tools button.danger:hover{color:var(--danger)}.msg-deleted{font-style:italic;color:var(--text-faint);font-size:14px}.typing-bar{position:absolute;left:0;right:0;bottom:0;padding:3px 20px 5px;font-size:13px;color:var(--accent);display:flex;align-items:center;gap:7px;pointer-events:none}.dots{display:inline-flex;gap:3px;align-items:flex-end;height:12px}.dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:bounce 1.15s infinite}.dots i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.scroll-down{position:absolute;right:20px;bottom:96px;width:46px;height:46px;border-radius:50%;background:var(--bg-elevated);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--text-dim);z-index:5;transition:transform .2s var(--ease),opacity .2s}.scroll-down:hover{color:var(--text)}.scroll-down .badge{position:absolute;top:-6px;right:-4px}.composer-wrap{flex:none;padding:0 16px 14px;z-index:3;position:relative}.composer-inner{max-width:860px;margin:0 auto}.composer-context{display:flex;align-items:center;gap:10px;padding:7px 12px;background:var(--bg-panel);border-radius:12px 12px 0 0;border-bottom:1px solid var(--border);animation:slide-up .18s var(--ease)}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.composer-context .bar{width:3px;align-self:stretch;background:var(--accent);border-radius:2px}.composer-context-body{flex:1;min-width:0}.composer-context-title{font-size:13px;font-weight:600;color:var(--accent)}.composer-context-text{font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{display:flex;align-items:flex-end;gap:4px;padding:5px 6px 5px 8px;background:var(--bg-panel);border-radius:14px;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.composer.has-context{border-radius:0 0 14px 14px}.composer.dragover{box-shadow:0 0 0 2px var(--accent)}.composer textarea{flex:1;min-height:34px;max-height:190px;padding:8px 4px;background:transparent;border:none;outline:none;resize:none;font-size:15px;line-height:1.4;overflow-y:auto}.composer textarea::placeholder{color:var(--text-faint)}.send-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--accent);transition:transform .16s var(--ease),background .15s,opacity .15s;flex:none}.send-btn:hover{background:var(--bg-hover)}.send-btn:active{transform:scale(.88)}.send-btn.hidden{opacity:0;pointer-events:none}.pending-atts{display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px 2px}.pending-att{position:relative;width:72px;height:72px;border-radius:9px;overflow:hidden;background:var(--bg-input);display:grid;place-items:center;font-size:11px;color:var(--text-dim);text-align:center;padding:4px}.pending-att img{width:100%;height:100%;object-fit:cover}.pending-att button{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#000000a6;color:#fff;display:grid;place-items:center;font-size:12px}.upload-bar{height:3px;background:var(--accent);border-radius:2px;transition:width .2s;margin:4px 10px 0}.members{background:var(--bg-sidebar);border-left:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.member-row{width:100%;display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:9px;transition:background .12s;text-align:left;min-width:0}.member-row:hover{background:var(--bg-hover)}.member-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row.offline .member-name,.member-row.offline .avatar-wrap{opacity:.45}.member-sub{font-size:12px;color:var(--text-dim)}.crown{color:#f0b232;flex:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:var(--z-modal);padding:20px;animation:fade .16s}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:440px;max-height:88vh;display:flex;flex-direction:column;animation:modal-in .2s var(--ease);overflow:hidden}.modal.wide{max-width:560px}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;gap:10px;padding:16px 12px 16px 20px;flex:none}.modal-title{font-size:18px;font-weight:600;flex:1}.modal-body{padding:0 20px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--border);flex:none}.tab{padding:10px 14px;font-size:14px;font-weight:600;color:var(--text-dim);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.setting-row{display:flex;align-items:center;gap:12px;padding:10px 0}.setting-row .grow{flex:1;min-width:0}.setting-name{font-size:15px}.setting-desc{font-size:12.5px;color:var(--text-dim)}.switch{width:42px;height:24px;border-radius:12px;background:var(--border-strong);position:relative;transition:background .18s;flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s var(--ease)}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(18px)}.color-picks{display:flex;gap:8px;flex-wrap:wrap}.color-pick{width:34px;height:34px;border-radius:50%;border:2.5px solid transparent;transition:transform .15s var(--ease)}.color-pick:hover{transform:scale(1.1)}.color-pick.active{border-color:var(--text)}.copy-field{display:flex;gap:8px;align-items:center}.copy-field .input{font-family:var(--mono);font-size:13.5px}.ctx-menu{position:fixed;z-index:var(--z-menu);min-width:190px;padding:6px;border-radius:11px;background:var(--bg-elevated);box-shadow:var(--shadow);animation:modal-in .13s var(--ease)}.ctx-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;font-size:14px;text-align:left;color:var(--text);transition:background .1s}.ctx-item:hover{background:var(--bg-hover)}.ctx-item.danger{color:var(--danger)}.ctx-item svg{flex:none;opacity:.75}.emoji-panel{position:absolute;bottom:calc(100% + 8px);right:0;width:340px;height:380px;background:var(--bg-elevated);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;z-index:20;animation:modal-in .16s var(--ease)}.emoji-tabs{display:flex;gap:2px;padding:6px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;flex:none}.emoji-tabs::-webkit-scrollbar{display:none}.emoji-tab{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:17px;opacity:.6;flex:none;transition:background .12s,opacity .12s}.emoji-tab:hover{background:var(--bg-hover);opacity:1}.emoji-tab.active{background:var(--bg-active-soft);opacity:1}.emoji-grid{flex:1;overflow-y:auto;padding:6px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;align-content:start}.emoji-cell{aspect-ratio:1;border-radius:7px;display:grid;place-items:center;font-size:22px;transition:background .1s,transform .1s var(--ease)}.emoji-cell:hover{background:var(--bg-hover);transform:scale(1.15)}.emoji-group-title{grid-column:1 / -1;font-size:11.5px;font-weight:700;text-transform:uppercase;color:var(--text-faint);padding:8px 4px 2px;letter-spacing:.05em}.quick-react{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--bg-elevated);box-shadow:var(--shadow)}.quick-react button{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:18px;transition:transform .12s var(--ease),background .12s}.quick-react button:hover{background:var(--bg-hover);transform:scale(1.2)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-lightbox);background:#000000e6;display:grid;place-items:center;animation:fade .16s}.lightbox img{max-width:94vw;max-height:88vh;border-radius:6px;animation:modal-in .2s var(--ease)}.lightbox-bar{position:absolute;top:0;left:0;right:0;padding:14px 18px;display:flex;align-items:center;gap:12px;color:#fff;background:linear-gradient(rgba(0,0,0,.5),transparent)}.lightbox-bar .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-bar a,.lightbox-bar button{color:#fff}.auth-screen{height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1000px 600px at 15% -10%,rgba(100,169,232,.18),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(214,105,237,.14),transparent 60%),var(--bg-chat);overflow-y:auto}.auth-card{width:100%;max-width:400px;background:var(--bg-panel);border-radius:20px;padding:32px 28px;box-shadow:var(--shadow);animation:modal-in .3s var(--ease)}.auth-logo{width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,#72d5fd,#2a9ef1);display:grid;place-items:center;margin:0 auto 16px;color:#fff;box-shadow:0 8px 24px #2a9ef159;animation:logo-pop .5s var(--ease)}@keyframes logo-pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.auth-title{font-size:24px;font-weight:700;text-align:center;margin:0 0 6px}.auth-sub{text-align:center;color:var(--text-dim);font-size:14px;margin:0 0 24px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-switch{text-align:center;margin-top:18px;font-size:14px;color:var(--text-dim)}.auth-switch button{color:var(--accent);font-weight:600}.empty{flex:1;display:grid;place-items:center;text-align:center;padding:40px;color:var(--text-dim);position:relative;z-index:1}.empty-inner{max-width:340px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty h3{margin:0;font-size:17px;color:var(--text);font-weight:600}.empty p{margin:0;font-size:14px;line-height:1.5}.spinner{width:22px;height:22px;border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-spinner{flex:1;display:grid;place-items:center}.toast-host{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--bg-elevated);color:var(--text);padding:10px 18px;border-radius:22px;box-shadow:var(--shadow);font-size:14px;animation:toast-in .22s var(--ease);max-width:90vw}.toast.error{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.voice-msg{display:flex;align-items:center;gap:11px;padding:4px 2px 5px;min-width:236px}.voice-msg.error{color:var(--text-faint);font-size:13.5px;min-width:0}.voice-play{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none;transition:transform .14s var(--ease),filter .14s}.voice-play:hover{filter:brightness(1.1)}.voice-play:active{transform:scale(.9)}.msg-row.out .voice-play{background:#ffffff38}[data-theme=light] .msg-row.out .voice-play{background:var(--accent)}.voice-body{flex:1;min-width:0}.voice-wave{display:flex;align-items:center;gap:2px;height:30px;cursor:pointer;padding:2px 0}.voice-bar{flex:1;min-width:2px;border-radius:2px;background:currentColor;opacity:.32;transition:opacity .15s,background .15s}.voice-bar.played{opacity:1;background:var(--accent)}.msg-row.out .voice-bar.played{background:#fff}[data-theme=light] .msg-row.out .voice-bar.played{background:var(--accent)}.voice-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-dim);margin-top:1px}.msg-row.out .voice-meta{color:#ffffffb3}[data-theme=light] .msg-row.out .voice-meta{color:var(--text-dim)}.voice-speed{font-size:11.5px;font-weight:700;padding:1px 6px;border-radius:9px;background:#7f7f7f38;color:inherit}.voice-speed:hover{background:#7f7f7f57}.video-circle{position:relative;margin:3px 0 5px;flex:none}.circle-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg);pointer-events:none;z-index:2}.circle-ring-track{fill:none;stroke:#7f7f7f40;stroke-width:3}.circle-ring-progress{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .15s linear}.circle-surface{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;overflow:hidden;background:#000;display:grid;place-items:center;cursor:pointer}.circle-surface video{width:100%;height:100%;object-fit:cover}.circle-play{position:absolute;width:54px;height:54px;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center;padding-left:3px;transition:transform .16s var(--ease)}.circle-surface:hover .circle-play{transform:scale(1.08)}.circle-duration{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:#0000008c;color:#fff;font-size:12px;font-weight:600;padding:2px 9px;border-radius:10px;z-index:3;pointer-events:none}.circle-mute{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center;z-index:3}.circle-error{font-size:13.5px;color:var(--text-faint);padding:6px 0}.record-panel{display:flex;flex-direction:column;gap:10px}.record-preview{position:relative;width:220px;height:220px;border-radius:50%;overflow:hidden;align-self:center;background:#000;box-shadow:0 0 0 3px var(--danger),var(--shadow);animation:modal-in .24s var(--ease)}.record-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.record-flip{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center}.record-bar{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 6px;background:var(--bg-panel);border-radius:14px;box-shadow:var(--shadow-sm)}.record-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);flex:none;animation:rec-blink 1.2s infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.25}}.record-time{font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:600;flex:none}.record-remaining{font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--text-faint);flex:none}.record-hint{flex:1;font-size:14px;color:var(--text-dim)}.record-wave{flex:1;min-width:0;display:flex;align-items:center;gap:2px;height:30px}.record-wave span{flex:1;min-width:2px;border-radius:2px;background:var(--accent);opacity:.85;transition:height .07s linear}.icon-btn.accent{color:var(--accent)}.icon-btn.danger-hover:hover{color:var(--danger)}.lock-badge{display:inline-grid;place-items:center;vertical-align:middle;margin-left:6px;color:var(--success);opacity:.9}.decrypt-error{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-faint);font-style:italic;padding:2px 0}.fingerprint-box{width:100%;padding:12px 14px;border-radius:12px;background:var(--bg-input);display:flex;flex-direction:column;gap:6px}.fingerprint-title{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.fingerprint-value{font-family:var(--mono);font-size:14px;letter-spacing:.06em;line-height:1.7;word-spacing:4px;color:var(--text)}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-call);background:linear-gradient(160deg,#17212b,#0b1119 70%);display:flex;flex-direction:column;align-items:center;animation:fade .2s;color:#fff}[data-theme=light] .call-overlay{background:linear-gradient(160deg,#35506b,#1d2c3c 70%)}.call-stage{flex:1;width:100%;position:relative;display:grid;place-items:center;min-height:0}.call-remote{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.call-remote-placeholder{position:relative;z-index:1}.call-local{position:absolute;right:18px;bottom:18px;width:168px;height:116px;object-fit:cover;border-radius:12px;background:#000;box-shadow:var(--shadow);transform:scaleX(-1);z-index:2}.call-audio-stage{display:grid;place-items:center;gap:18px}.avatar.pulsing{animation:call-pulse 2.4s ease-in-out infinite}@keyframes call-pulse{0%,to{box-shadow:0 0 #64a9e880}50%{box-shadow:0 0 0 22px #64a9e800}}.call-info{text-align:center;padding:18px 20px 6px;z-index:3}.call-name{font-size:22px;font-weight:600}.call-status{font-size:15px;opacity:.75;margin-top:3px;font-variant-numeric:tabular-nums}.call-secure{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12.5px;opacity:.6}.call-actions{display:flex;gap:18px;padding:20px 20px 46px;z-index:3}.call-btn{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff26;transition:transform .14s var(--ease),background .15s}.call-btn:hover{transform:scale(1.06)}.call-btn:active{transform:scale(.94)}.call-btn.accept{background:var(--success)}.call-btn.decline{background:var(--danger)}.call-btn.toggle.off{background:#fff;color:#17212b}.call-btn.neutral{width:auto;padding:0 26px;border-radius:26px;font-weight:600}.call-overlay.incoming .call-btn.accept{animation:call-bounce 1.4s infinite}@keyframes call-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.settings-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-settings);display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,800px) minmax(60px,1fr);background:var(--bg-chat);animation:settings-in .18s var(--ease);overflow:hidden}@keyframes settings-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}.settings-nav{background:var(--bg-sidebar);overflow-y:auto;display:flex;justify-content:flex-end;padding:60px 6px 60px 0}.settings-nav-inner{width:218px;display:flex;flex-direction:column;gap:2px}.settings-user{display:flex;align-items:center;gap:10px;padding:8px 10px 14px;min-width:0}.settings-user-name{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-user-tag{font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-nav-title{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:16px 10px 6px}.settings-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;font-size:14.5px;color:var(--text-dim);text-align:left;transition:background .12s,color .12s}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text)}.settings-nav-item.active{background:var(--bg-active-soft);color:var(--text);font-weight:500}.settings-nav-item.danger{color:var(--danger)}.settings-nav-item.danger:hover{background:#f2637c1f}.settings-nav-item svg{flex:none;opacity:.85}.settings-nav-sep{height:1px;background:var(--border);margin:10px}.settings-main{position:relative;overflow-y:auto;padding:60px 40px 80px}.settings-content{max-width:700px}.settings-title{font-size:20px;font-weight:700;margin:0 0 22px}.settings-subtitle{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:28px 0 10px}.settings-close{position:absolute;top:60px;right:40px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-dim);transition:color .15s}.settings-close:hover{color:var(--text)}.settings-close-circle{width:36px;height:36px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;transition:background .15s}.settings-close:hover .settings-close-circle{background:var(--bg-hover)}.settings-close-hint{font-size:11px;font-weight:700;letter-spacing:.04em}.settings-card{background:var(--bg-panel);border-radius:12px;overflow:hidden;border:1px solid var(--border)}.settings-stack{padding:18px;display:flex;flex-direction:column;gap:14px}.settings-row{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row-body{flex:1;min-width:0}.settings-row-label{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:8px}.settings-row-value{font-size:15px;margin-top:3px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;word-break:break-word}.settings-row-hint{font-size:13px;color:var(--text-dim);margin-top:4px;line-height:1.45}.settings-empty-value{color:var(--text-faint);font-style:italic}.settings-btn{height:34px;font-size:13.5px;padding:0 14px;flex:none}.settings-reveal{color:var(--accent);font-size:13.5px}.settings-reveal:hover{text-decoration:underline}.settings-note{margin:0;font-size:13.5px;color:var(--text-dim);line-height:1.55}.settings-inline-edit{display:flex;gap:8px;width:100%;flex-wrap:wrap}.settings-inline-edit .input{flex:1;min-width:180px;height:38px}.settings-chip{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:5px;background:var(--accent);color:#fff}.settings-banner{border-radius:12px;overflow:hidden;background:var(--bg-panel);border:1px solid var(--border)}.settings-banner-top{height:68px}.settings-banner-body{display:flex;align-items:center;gap:14px;padding:0 18px 14px;margin-top:-32px}.settings-banner-avatar{position:relative}.settings-banner-avatar .avatar{border:5px solid var(--bg-panel);box-sizing:content-box}.settings-avatar-edit{position:absolute;right:0;bottom:2px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;border:3px solid var(--bg-panel)}.settings-banner-name{font-size:19px;font-weight:700;margin-top:34px}.settings-banner-tag{font-size:14px;color:var(--text-dim)}.settings-banner .settings-card{border:none;border-radius:0;background:transparent}.settings-banner .settings-row{padding-left:18px;padding-right:18px}.settings-warning,.settings-success{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:10px;font-size:13.5px;line-height:1.5;margin-top:16px}.settings-warning{background:#f0b2321f;color:#f0b232}.settings-success{background:#5ec36a1f;color:var(--success);margin-top:0}.settings-warning svg,.settings-success svg{flex:none;margin-top:1px}.settings-warning b,.settings-success b{color:inherit}.twofa-layout{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.twofa-qr{width:202px;height:202px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:none;padding:6px}.twofa-manual{flex:1;min-width:220px;display:flex;flex-direction:column;gap:12px}.twofa-code{font-family:var(--mono);font-size:22px;letter-spacing:.3em;text-align:center}.backup-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:14px;border-radius:10px;background:var(--bg-input)}.backup-codes code{font-family:var(--mono);font-size:14px;letter-spacing:.05em;text-align:center;padding:4px 0}.member-chips{display:flex;flex-wrap:wrap;gap:6px}.member-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;border-radius:14px;background:var(--bg-input);font-size:13.5px;transition:background .12s}.member-chip:hover{background:var(--border-strong)}.member-picker{max-height:260px;overflow-y:auto;margin-top:4px}.member-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);flex:none;transition:background .12s,border-color .12s;position:relative}.member-check.on{background:var(--accent);border-color:var(--accent)}.member-check.on:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}@media(max-width:900px){.settings-screen{grid-template-columns:200px minmax(0,1fr)}.settings-nav{padding:20px 6px 20px 0}.settings-nav-inner{width:190px}.settings-main{padding:20px 20px 60px}.settings-close{position:static;flex-direction:row;margin-bottom:14px}}@media(max-width:720px){.settings-screen{grid-template-columns:1fr;grid-template-rows:auto 1fr}.settings-nav{justify-content:flex-start;padding:10px;overflow-x:auto;overflow-y:hidden}.settings-nav-inner{width:auto;flex-direction:row;align-items:center;gap:6px}.settings-nav-title,.settings-nav-sep,.settings-user{display:none}.settings-nav-item{white-space:nowrap}.settings-nav-item span{display:none}.settings-nav-item.active span,.settings-nav-item.danger span{display:inline}.settings-nav-item.danger{background:#f2637c1f;margin-left:4px}.twofa-qr{width:100%;max-width:240px;height:auto;aspect-ratio:1}}@media(pointer:coarse){.icon-btn{width:42px;height:42px}.settings-nav-item{padding:11px 12px}.settings-avatar-edit{width:34px;height:34px}.color-pick{width:40px;height:40px}.emoji-cell{min-height:40px;font-size:24px}.reaction{padding:4px 9px}.quick-react button{width:38px;height:38px}.settings-btn{height:38px}.voice-play{width:44px;height:44px}.member-row,.chat-row{padding-top:10px;padding-bottom:10px}.msg-tools{display:none}.messages,.list,.member-picker,.settings-main{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}.native-android .sidebar-head,.native-android .chat-head{padding-top:env(safe-area-inset-top,0px);height:calc(var(--header-h) + env(safe-area-inset-top,0px))}.native-android .rail{padding-top:calc(10px + env(safe-area-inset-top,0px))}.native-android .settings-nav{padding-top:calc(20px + env(safe-area-inset-top,0px))}.native-android .composer-wrap{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.native-android .me-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.native-android .call-actions{padding-bottom:calc(46px + env(safe-area-inset-bottom,0px))}.keyboard-open .composer-wrap{padding-bottom:8px}.native-android *{-webkit-tap-highlight-color:transparent}.native-android .messages,.native-android .rail,.native-android .sidebar{-webkit-user-select:none;user-select:none}.native-android .msg-text,.native-android input,.native-android textarea{-webkit-user-select:text;user-select:text}.mobile-back{display:none}@media(max-width:900px){.app.with-members{grid-template-columns:var(--rail-w) var(--sidebar-w) minmax(0,1fr)}.members{position:absolute;right:0;top:0;bottom:0;width:var(--members-w);z-index:10;box-shadow:var(--shadow)}}@media(max-width:720px){:root{--sidebar-w: 100%}.app,.app.with-members{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail-w);z-index:30;transform:translate(-100%);transition:transform .24s var(--ease)}.app.show-rail .rail{transform:none}.sidebar{grid-column:1;grid-row:1;z-index:20;transition:transform .24s var(--ease)}.chat{grid-column:1;grid-row:1;z-index:21;transform:translate(100%);transition:transform .24s var(--ease)}.app.chat-open .chat{transform:none}.app.chat-open .sidebar{transform:translate(-22%)}.members{width:min(80vw,300px)}.mobile-back{display:grid}.msg-shell{max-width:84%}.msg-row.out .msg-tools{right:0;margin-right:0;bottom:auto;top:-16px}.msg-row:not(.out) .msg-tools{left:0;margin-left:0;bottom:auto;top:-16px}.composer-wrap{padding:0 8px 8px}.messages-inner{padding:0 8px}.emoji-panel{width:min(340px,calc(100vw - 24px))}.scroll-down{right:12px;bottom:88px}.video-circle{width:168px!important;height:168px!important}.record-preview{width:180px;height:180px}.voice-msg{min-width:200px}.call-local{width:108px;height:152px;right:12px;bottom:12px}.call-btn{width:56px;height:56px}.call-actions{gap:14px;padding-bottom:34px}.app.show-rail:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:29}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}