:root{--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Lato", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:"SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg:#fff;--bg-soft:#f8f8f8;--bg-hover:#f5f5f5;--text:#1d1c1d;--muted:#616061;--faint:#868686;--border:#e2e2e2;--border-strong:#c7c7c7;--link:#1264a3;--primary:#007a5a;--primary-hover:#148567;--danger:#e01e5a;--highlight:#fff8e1;--pinned:#fef9ec;--saved:#fdf2f5;--mention-bg:#1d9bd11a;--mention-text:#1264a3;--mention-me-bg:#f2c74466;--mention-me-text:#1d1c1d;--code-bg:#f8f8f8;--code-text:#e01e5a;--reaction-bg:#f0f0f0;--reaction-mine-bg:#e8f5fa;--reaction-mine-border:#1d9bd1;--shadow:0 4px 12px #0000001f, 0 0 0 1px #00000014;--presence:#2bac76;--badge:#cd2553;--rail-bg:#1f1a17;--rail-text:#fff;--sidebar-bg:#2d2521;--sidebar-text:#d9cfc7;--sidebar-strong:#fff;--sidebar-hover:#ffffff14;--sidebar-active:#f4b400;--sidebar-active-text:#1d1c1d;--sidebar-border:#ffffff1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-app-theme=aubergine]{--rail-bg:#350d36;--sidebar-bg:#3f0e40;--sidebar-text:#cfc3cf;--sidebar-active:#1164a3;--sidebar-active-text:#fff}[data-app-theme=ocean]{--rail-bg:#072536;--sidebar-bg:#0b3954;--sidebar-text:#c3d6e0;--sidebar-active:#1ab394;--sidebar-active-text:#fff}[data-app-theme=dark]{--bg:#1a1d21;--bg-soft:#222529;--bg-hover:#222529;--text:#d1d2d3;--muted:#ababad;--faint:#8a8b8d;--border:#35373b;--border-strong:#565856;--link:#1d9bd1;--highlight:#3a3222;--pinned:#2b2a22;--saved:#2e2328;--mention-bg:#1d9bd12e;--mention-text:#1d9bd1;--mention-me-bg:#f2c7444d;--mention-me-text:#f2c744;--code-bg:#222529;--code-text:#e8912d;--reaction-bg:#2c2d30;--reaction-mine-bg:#1d9bd133;--shadow:0 4px 12px #00000080, 0 0 0 1px #ffffff1a;--rail-bg:#0f0f11;--sidebar-bg:#19171d;--sidebar-text:#ababad;--sidebar-active:#1164a3;--sidebar-active-text:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--rail-bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:15px;line-height:1.46668}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:var(--text)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}kbd,code{font-family:var(--mono)}.icon{flex-shrink:0}.muted{color:var(--muted)}.small{font-size:13px}.bold{font-weight:700}.italic{font-style:italic}.spacer{flex:1}.row{align-items:center;display:flex}.gap{gap:8px}.wrap{flex-wrap:wrap}.center{justify-content:center;align-items:center;display:flex}.pad{padding:32px}.pad-x{padding:4px 20px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mobile-only{display:none!important}.link{color:var(--link);cursor:pointer}.link:hover{text-decoration:underline}.link-plain{text-align:left}.link-plain:hover{text-decoration:underline}.tag{background:var(--bg-soft);border:1px solid var(--border);color:var(--muted);border-radius:4px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;display:inline-flex}.tag.accent{background:var(--badge);color:#fff;border-color:#0000}.spinner{border:3px solid var(--border);border-top-color:var(--muted);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash{background:var(--rail-bg);flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;display:flex}.btn{border:1px solid var(--border-strong);background:var(--bg);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:14px;font-weight:700;transition:background .1s,box-shadow .1s;display:inline-flex}.btn:hover{background:var(--bg-hover);text-decoration:none;box-shadow:0 1px 3px #00000014}.btn:disabled{opacity:.45;cursor:default}.btn.small{height:28px;padding:0 10px;font-size:13px}.btn.large{width:100%;height:44px;font-size:16px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-text{color:var(--danger)}.icon-btn{width:32px;height:32px;color:inherit;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-hover)}.icon-btn.small{width:28px;height:28px}.icon-btn.on{color:var(--link);background:var(--mention-bg)}.icon-btn.round{background:var(--bg-soft);border-radius:50%}.aa{font-size:13px;font-weight:700;text-decoration:underline}.badge{background:var(--badge);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.avatar{color:#fff;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative;overflow:visible}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}button.avatar:hover{filter:brightness(.92)}.presence{border:2px solid var(--presence-ring,var(--bg));width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--faint);background:0 0;border-radius:50%;position:absolute;bottom:-3px;right:-3px}.presence.on{background:var(--presence);box-shadow:none}.presence.dnd:after{content:"z";color:var(--muted);font-size:7px;font-weight:900;position:absolute;top:-9px;right:-5px}.presence.inline{vertical-align:0;border:0;width:9px;height:9px;display:inline-block;position:relative;bottom:auto;right:auto}.status-emoji{margin-left:4px;font-size:14px}.emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-style:normal}.emoji.big{font-size:22px}.app{background:var(--rail-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{height:40px;color:var(--rail-text);-webkit-app-region:drag;flex-shrink:0;grid-template-columns:1fr minmax(200px,720px) 1fr;align-items:center;gap:12px;padding:0 12px 0 16px;display:grid}.platform-darwin .topbar{padding-left:78px}.topbar button,.topbar input{-webkit-app-region:no-drag}.topbar .icon-btn{color:#fffc;width:28px;height:28px}.topbar .icon-btn:hover{background:#ffffff26}.topbar-nav{gap:4px;display:flex}.topbar-right{justify-content:flex-end;display:flex}.topbar-search{color:#ffffffd9;background:#ffffff2e;border-radius:6px;align-items:center;gap:8px;height:28px;padding:0 8px 0 10px;display:flex}.topbar-search:focus-within{background:var(--bg);color:var(--text);box-shadow:var(--shadow)}.topbar-search input{min-width:0;color:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.topbar-search input::placeholder{color:inherit}.offline-banner,.notify-banner{text-align:center;color:#1d1c1d;background:#e8912d;flex-shrink:0;padding:6px 16px;font-size:13px}.notify-banner{color:#fff;background:#1d9bd1;justify-content:center;align-items:center;gap:8px;display:flex}.notify-banner .link{color:#fff;font-weight:700;text-decoration:underline}.update-banner{background:var(--primary);gap:12px}.update-banner .btn{color:var(--text)}.app-body{flex:1;min-height:0;display:flex}.app-content{background:var(--bg);border-radius:8px;flex:1;min-width:0;margin:0 4px 4px 0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000001a}.rail{width:72px;color:var(--rail-text);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:4px 0 12px;display:flex}.rail-ws{color:#1d1c1d;width:36px;height:36px;box-shadow:0 0 0 2px var(--rail-bg), 0 0 0 4px #fff6;background:#f4b400;border-radius:8px;justify-content:center;align-items:center;margin-bottom:10px;font-size:18px;font-weight:900;display:flex}[data-app-theme=aubergine] .rail-ws{color:#3f0e40;background:#fff}.rail-item{flex-direction:column;align-items:center;gap:2px;width:64px;padding-bottom:4px;font-size:11px;font-weight:700;display:flex}.rail-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .1s;display:flex;position:relative}.rail-item:hover .rail-icon{background:#ffffff26}.rail-item.active .rail-icon{background:#ffffff40}.rail-badge{box-shadow:0 0 0 2px var(--rail-bg);position:absolute;top:-4px;right:-8px}.rail-dot{background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.rail-spacer{flex:1}.rail-create{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;display:flex}.rail-create:hover{background:#ffffff4d}.rail-me{--presence-ring:var(--rail-bg)}.sidebar{background:var(--sidebar-bg);width:280px;color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);--presence-ring:var(--sidebar-bg);flex-direction:column;flex-shrink:0;display:flex}.sb-header{flex-shrink:0;align-items:center;gap:2px;height:50px;padding:0 8px 0 12px;display:flex}.sb-header .icon-btn:hover,.sb-section-header .icon-btn:hover{background:var(--sidebar-hover)}.compose-btn{color:var(--sidebar-strong);background:#ffffff26}.ws-name{color:var(--sidebar-strong);border-radius:6px;align-items:center;gap:4px;min-width:0;margin-right:auto;padding:4px 8px;font-size:18px;font-weight:900;display:flex}.ws-name:hover{background:var(--sidebar-hover)}.sb-scroll{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;padding:4px 0 16px;overflow-y:auto}.sb-links{padding:0 0 12px}.sb-section{margin-top:8px}.sb-section-header{align-items:center;height:28px;padding:0 8px 0 10px;display:flex}.sb-section-toggle{border-radius:6px;flex:1;align-items:center;gap:4px;padding:2px 6px;font-size:15px;display:flex}.sb-section-toggle:hover{background:var(--sidebar-hover)}.sb-row{width:calc(100% - 16px);height:28px;color:var(--sidebar-text);border-radius:6px;align-items:center;gap:8px;margin:0 8px;padding:0 10px 0 16px;font-size:15px;display:flex}.sb-row:hover{background:var(--sidebar-hover)}.sb-row.unread{color:var(--sidebar-strong);font-weight:700}.sb-row.muted{opacity:.55}.sb-row.active{background:var(--sidebar-active);color:var(--sidebar-active-text);--presence-ring:var(--sidebar-active)}.sb-row.active .badge{color:var(--sidebar-active);background:#fff}.sb-icon{opacity:.9;justify-content:center;width:20px;display:inline-flex}.sb-icon.add{background:#ffffff1a;border-radius:4px;align-items:center;height:20px}.group-count{background:#fff3;border-radius:4px;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700}.sb-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sb-add{opacity:.8}.sb-footer{border-top:1px solid var(--sidebar-border);padding:8px}.sb-me{text-align:left;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:8px;width:100%;padding:6px 8px;display:grid}.sb-me:hover{background:var(--sidebar-hover)}.sb-me .avatar{grid-row:span 2;align-self:center}.sb-me .sb-label{color:var(--sidebar-strong);font-size:14px;font-weight:700}.sb-me .muted{color:var(--sidebar-text);opacity:.8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.channel-header,.view-header,.panel-header{flex-shrink:0;align-items:center;gap:4px;height:50px;padding:0 12px 0 16px;display:flex}.channel-title{border-radius:6px;align-items:center;gap:6px;min-width:0;margin-left:-8px;padding:4px 8px;font-size:18px;font-weight:900;display:flex}.channel-title:hover{background:var(--bg-hover)}.member-stack{border:1px solid var(--border);border-radius:6px;align-items:center;gap:0;margin-right:4px;padding:2px 8px 2px 4px;font-size:13px;font-weight:700;display:flex}.member-stack .avatar{box-shadow:0 0 0 2px var(--bg);margin-right:-6px}.member-stack span:last-child{margin-left:12px}.member-stack:hover{background:var(--bg-hover)}.channel-tabs,.view-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:4px;min-height:38px;padding:0 16px;display:flex;overflow-x:auto}.channel-tabs>button{height:38px;color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:700;display:flex}.channel-tabs>button:hover{color:var(--text)}.channel-tabs>button.active{color:var(--text);border-bottom-color:var(--primary)}.channel-topic{margin-left:12px;font-size:13px}.view-tabs{flex-wrap:wrap;gap:8px;padding:8px 20px}.view-header h1{margin:0;font-size:18px;font-weight:900}.view-body{flex:1;overflow-y:auto}.scroll-pane{flex:1;padding:8px 0;overflow-y:auto}.pill{border:1px solid var(--border-strong);border-radius:14px;height:28px;padding:0 12px;font-size:13px;font-weight:700}.pill:hover{background:var(--bg-hover)}.pill.active{background:var(--text);color:var(--bg);border-color:var(--text)}.search-input{border:1px solid var(--border-strong);background:var(--bg);border-radius:6px;flex:1;min-width:220px;max-width:480px;height:32px;padding:0 10px}.search-input.full{width:100%;max-width:none;margin-bottom:8px}.select-small{border:1px solid var(--border-strong);background:var(--bg);border-radius:6px;height:28px;padding:0 6px}.search-tips{padding:8px 20px 0}.search-tips code{background:var(--code-bg);border-radius:3px;padding:1px 4px}.message-list-wrap{flex:1;min-height:0;display:flex;position:relative}.message-list{overflow-anchor:none;flex:1;overflow-y:auto}.message-list-inner{flex-direction:column;justify-content:flex-end;min-height:100%;padding-bottom:8px;display:flex}.jump-recent{background:var(--link);color:#fff;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.channel-intro{padding:32px 20px 16px}.channel-intro h2{align-items:center;gap:4px;margin:12px 0 4px;font-size:24px;font-weight:900;display:flex}.channel-intro p{color:var(--muted);max-width:640px;margin:0 0 12px}.day-divider,.new-divider,.reply-divider{justify-content:center;margin:12px 0 4px;display:flex;position:relative}.day-divider:before,.new-divider:before,.reply-divider:before{content:"";border-top:1px solid var(--border);position:absolute;top:50%;left:0;right:0}.day-divider span{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:2px 14px;font-size:13px;font-weight:700;position:relative}.day-divider{z-index:2;position:sticky;top:4px}.day-divider:before{display:none}.new-divider{justify-content:flex-end;margin:4px 0}.new-divider:before{border-color:var(--badge)}.new-divider span{background:var(--bg);color:var(--badge);margin-right:16px;padding:0 8px;font-size:12px;font-weight:700;position:relative}.reply-divider{justify-content:flex-start;margin:8px 0}.reply-divider span{background:var(--bg);color:var(--muted);padding:0 12px 0 20px;font-size:13px;position:relative}.msg{padding:8px 20px;position:relative}.msg.compact{padding-top:2px;padding-bottom:2px}.msg:hover,.msg.menu-open{background:var(--bg-soft)}.msg.pinned{background:var(--pinned)}.msg.saved{background:var(--saved)}.msg.highlight{background:var(--highlight);animation:3s ease-out 1s forwards fade-highlight}@keyframes fade-highlight{to{background:0 0}}.msg.pending{opacity:.6}.msg.failed .msg-body{color:var(--danger)}.msg.is-editing{background:var(--highlight)}.msg-row{gap:8px;display:flex}.msg-gutter{flex-shrink:0;justify-content:flex-end;width:36px;display:flex}.msg-body{overflow-wrap:anywhere;flex:1;min-width:0}.msg-header{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.msg-time{color:var(--muted);font-size:12px}.msg-time:hover{cursor:default;text-decoration:underline}.msg-hover-time{visibility:hidden;color:var(--muted);white-space:nowrap;font-size:11px;line-height:22px}.msg:hover .msg-hover-time{visibility:visible}.msg-label{color:var(--muted);align-items:center;gap:4px;margin-bottom:2px;padding-left:44px;font-size:12px;display:flex}.pinned-label{color:#b7791f}.saved-label{color:var(--badge)}.msg-context{color:var(--muted);align-items:center;gap:4px;margin:0 0 4px 44px;font-size:12px;font-weight:700;display:flex}.msg-context:hover{text-decoration:underline}.msg.system{gap:8px;padding-top:4px;padding-bottom:4px;font-size:14px;display:flex}.msg.system .msg-gutter .avatar{transform:scale(.8)}.msg-failed{font-size:13px}.user-name{color:var(--text);font-weight:900}.user-name:hover{text-decoration:underline}.user-name:not(.bold){font-weight:400}.badge-app{background:var(--bg-soft);color:var(--muted);vertical-align:2px;border-radius:2px;margin-left:4px;padding:0 3px;font-size:10px;font-weight:700;display:inline-block}.msg-actions{background:var(--bg);border:1px solid var(--border);z-index:3;border-radius:8px;align-items:center;gap:2px;padding:2px;display:none;position:absolute;top:-16px;right:16px;box-shadow:0 1px 3px #00000014}.msg:hover .msg-actions,.msg.menu-open .msg-actions{display:flex}.mrkdwn p,.mrkdwn ul,.mrkdwn ol,.mrkdwn blockquote,.mrkdwn pre{margin:0}.mrkdwn ul,.mrkdwn ol{margin:2px 0;padding-left:24px}.mrkdwn blockquote{border-left:4px solid var(--border-strong);margin:2px 0;padding-left:12px}.mrkdwn code{border:1px solid var(--border);background:var(--code-bg);color:var(--code-text);border-radius:3px;padding:2px 3px;font-size:12px}.mrkdwn pre{border:1px solid var(--border);background:var(--code-bg);white-space:pre-wrap;border-radius:4px;margin:4px 0;padding:8px;font-size:12px;line-height:1.5;overflow-x:auto}.mrkdwn pre code{color:var(--text);background:0 0;border:0;padding:0}.mrkdwn.jumbo .emoji{font-size:32px;line-height:1.2}.mrkdwn .emoji{vertical-align:-.05em;font-size:1.15em}.edited{color:var(--muted);font-size:12px}.mention{background:var(--mention-bg);color:var(--mention-text);border-radius:3px;padding:0 2px;font-weight:400;display:inline}.mention:hover{text-decoration:underline}.mention-me{background:var(--mention-me-bg);color:var(--mention-me-text)}.attachments{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.attachment-image{border:1px solid var(--border);border-radius:8px;max-width:min(360px,100%);display:block;overflow:hidden}.attachment-image img{object-fit:contain;background:var(--bg-soft);max-height:360px;display:block}.attachment-video{border-radius:8px;max-width:min(480px,100%);max-height:360px}.attachment-file{border:1px solid var(--border);width:min(360px,100%);color:var(--text);background:var(--bg);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.attachment-file:hover{border-color:var(--border-strong);background:var(--bg-soft);text-decoration:none}.file-icon{color:#fff;background:#1264a3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.file-icon.pdf{background:#e01e5a}.file-icon.xls{background:#2bac76}.file-icon.ppt{background:#e8912d}.file-meta{flex-direction:column;flex:1;min-width:0;display:flex}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{background:var(--reaction-bg);border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;height:24px;padding:0 7px;font-size:12px;display:inline-flex}.reaction:hover{border-color:var(--border-strong);background:var(--bg)}.reaction.mine{background:var(--reaction-mine-bg);border-color:var(--reaction-mine-border);color:var(--link)}.reaction .emoji{font-size:15px}.reaction .count{font-weight:700}.reaction.add{color:var(--muted);opacity:0}.msg:hover .reaction.add{opacity:1}.thread-summary{border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;width:100%;max-width:600px;margin-top:4px;padding:4px 8px 4px 4px;font-size:13px;display:flex}.thread-summary:hover{background:var(--bg);border-color:var(--border)}.thread-avatars{gap:4px;display:flex}.thread-count{color:var(--link);font-weight:700}.thread-view,.thread-summary:hover .thread-last{display:none}.thread-summary:hover .thread-view{display:inline}.thread-summary .icon{opacity:0;margin-left:auto}.thread-summary:hover .icon{opacity:1}.composer-wrap{flex-shrink:0;padding:0 20px}.composer-wrap.editing{padding:4px 0}.composer{border:1px solid var(--border-strong);background:var(--bg);border-radius:8px;position:relative}.composer:focus-within{border-color:var(--faint);box-shadow:0 0 0 1px var(--faint)}.composer-toolbar{background:var(--bg-soft);color:var(--muted);scrollbar-width:none;border-radius:8px 8px 0 0;align-items:center;gap:2px;padding:4px 6px;display:flex;overflow-x:auto}.toolbar-sep{background:var(--border);width:1px;height:18px;margin:0 4px}.composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;min-height:42px;max-height:40vh;padding:10px 12px 4px;line-height:1.46;display:block}.composer-actions{color:var(--muted);align-items:center;gap:2px;padding:4px 6px 6px;display:flex}.send-group{height:28px;color:var(--faint);border-radius:6px;align-items:center;display:flex}.send-group.ready{background:var(--primary);color:#fff}.send-btn,.send-more{justify-content:center;align-items:center;height:28px;display:flex}.send-btn{width:34px}.send-more{width:22px}.send-btn:disabled,.send-more:disabled{cursor:default}.send-sep{opacity:.3;background:currentColor;width:1px;height:18px}.composer-hint{height:22px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 4px;font-size:11px;display:flex}.typing{align-items:center;gap:6px;display:flex}.typing-dots{gap:2px;display:inline-flex}.typing-dots i{background:var(--muted);border-radius:50%;width:4px;height:4px;animation:1.2s infinite blink}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.also-send{color:var(--muted);align-items:center;gap:6px;padding:0 12px 2px;font-size:13px;display:flex}.composer-banner{background:var(--bg-soft);border:1px solid var(--border);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:8px;margin:0 20px 20px;padding:16px;display:flex}.composer-files{flex-wrap:wrap;gap:8px;padding:10px 12px 0;display:flex}.file-chip{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;width:220px;padding:6px;display:flex;position:relative}.file-chip img{object-fit:cover;border-radius:6px;width:40px;height:40px}.file-chip-meta{flex-direction:column;min-width:0;font-size:13px;display:flex}.file-chip-remove{background:var(--text);width:20px;height:20px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:-8px}.suggestions{background:var(--bg);box-shadow:var(--shadow);z-index:20;border-radius:8px;max-height:320px;padding:6px 0;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow-y:auto}.suggestions-title{color:var(--muted);padding:2px 16px 6px;font-size:12px;font-weight:700}.suggestion{align-items:center;gap:8px;width:100%;padding:4px 16px;font-size:14px;display:flex}.suggestion.active{background:var(--link);color:#fff}.suggestion.active .muted{color:#ffffffd9}.suggestion-icon{justify-content:center;width:22px;display:flex}.drop-overlay{border:3px dashed var(--link);z-index:30;pointer-events:none;background:#1264a31f;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-overlay>div{background:var(--bg);text-align:center;box-shadow:var(--shadow);color:var(--link);border-radius:12px;padding:24px 40px;font-weight:700}.panel{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:420px;display:flex}.panel-header{border-bottom:1px solid var(--border)}.panel-header h3{margin:0;font-size:18px;font-weight:900}.panel-scroll{flex:1;padding:8px 0;overflow-y:auto}.panel .composer-wrap{padding:0 16px}.panel .msg{padding-left:16px;padding-right:16px}.profile{flex-direction:column;gap:6px;padding:20px;display:flex}.profile-photo{justify-content:center;margin-bottom:12px;display:flex}.profile-photo .avatar{border-radius:12px!important;font-size:64px!important}.profile h2{margin:0;font-size:22px;font-weight:900}.profile-presence{align-items:center;gap:6px;display:flex}.profile-status{background:var(--bg-soft);border-radius:6px;padding:6px 10px}.profile-actions{margin:12px 0}.profile-section{border-top:1px solid var(--border);margin-top:8px;padding-top:12px}.profile-section h4{margin:0 0 8px}.profile-field{align-items:center;gap:8px;padding:4px 0;display:flex}.list{flex-direction:column;padding:4px 0;display:flex}.list-row{border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:10px 20px;display:flex}.list-row:hover{background:var(--bg-hover);text-decoration:none}.list-row.static{cursor:default;align-items:flex-start}.list-row.compact{border:0;padding:6px 4px}.list-row.unread{background:var(--mention-bg)}.list-row.unread .bold{font-weight:900}.list-main{flex:1;min-width:0}.list-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.group-avatar{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.activity{align-items:flex-start}.activity-icon{justify-content:center;width:36px;display:flex}.channel-row .joined{color:var(--primary);font-weight:700}.add-icon{background:var(--mention-bg);width:32px;height:32px;color:var(--link);border-radius:6px;justify-content:center;align-items:center;display:flex}.saved-item{border-bottom:1px solid var(--border);padding-bottom:8px}.saved-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:0 20px 0 64px;display:flex}.threads-list{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.thread-card{border:1px solid var(--border);border-radius:8px;overflow:hidden}.thread-card.unread{border-color:var(--link)}.thread-card header{align-items:center;gap:8px;padding:10px 16px 0;display:flex}.thread-card .msg{padding-left:16px;padding-right:16px}.thread-card .composer-wrap{padding:8px 16px 0}.more-replies{padding:2px 60px;font-size:13px}.inline-reply-btn{border:1px solid var(--border-strong);width:calc(100% - 76px);color:var(--muted);border-radius:6px;margin:8px 16px 12px 60px;padding:8px 12px;display:block}.file-grid,.people-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:16px 20px;display:grid}.file-card{color:var(--text);flex-direction:column;gap:4px;min-width:0;display:flex}.file-card:hover{text-decoration:none}.file-thumb{aspect-ratio:4/3;border:1px solid var(--border);background:var(--bg-soft);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.file-thumb img{object-fit:cover;width:100%;height:100%}.person-card{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.person-photo .avatar{aspect-ratio:1;border-radius:12px!important;width:100%!important;height:auto!important;font-size:48px!important}.person-photo{width:100%}.empty-state{text-align:center;max-width:440px;margin:0 auto;padding:64px 24px}.empty-state h3{margin:12px 0 4px}.empty-state p{color:var(--muted);margin:0}.empty-icon{background:var(--bg-soft);width:64px;height:64px;color:var(--muted);border-radius:16px;justify-content:center;align-items:center;margin:0 auto;display:flex}.popover{z-index:1000;background:var(--bg);color:var(--text);box-shadow:var(--shadow);border-radius:8px;min-width:220px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:6px 0;position:fixed;overflow-y:auto}.emoji-popover{padding:0}.emoji-picker-host em-emoji-picker{--shadow:none;--border-radius:8px;height:435px}.menu{flex-direction:column;display:flex}.menu-title{color:var(--muted);padding:4px 16px 6px;font-size:13px;font-weight:700}.menu-item{text-align:left;white-space:nowrap;align-items:center;gap:10px;padding:6px 16px;font-size:15px;display:flex}.menu-item:hover{background:var(--link);color:#fff}.menu-item:hover .menu-hint{color:#fffc}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger);color:#fff}.menu-label{flex:1}.menu-hint{color:var(--muted);margin-left:16px;font-size:12px}.menu-divider{background:var(--border);height:1px;margin:6px 0}.user-menu-head{align-items:center;gap:10px;padding:10px 16px;display:flex}.status-input{border:1px solid var(--border-strong);width:calc(100% - 32px);color:var(--muted);border-radius:6px;margin:0 16px 8px;padding:6px 10px;display:block}.modal-backdrop{z-index:900;background:#0000008c;justify-content:center;align-items:flex-start;padding:10vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--bg);width:520px;max-width:100%;color:var(--text);border-radius:12px;flex-direction:column;max-height:80vh;display:flex;box-shadow:0 18px 48px #00000059}.modal.wide{width:720px}.modal-header{justify-content:space-between;align-items:center;padding:20px 20px 8px 28px;display:flex}.modal-header h2{align-items:center;gap:6px;min-width:0;margin:0;font-size:22px;font-weight:900;display:flex}.modal-body{padding:8px 28px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:16px 28px 20px;display:flex}.form{flex-direction:column;gap:16px;display:flex}.form label,.row label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.form input,.form select,.row label input,.detail-field input,.detail-field select,.status-row input,.form-inline select,.invite-link input,.admin-table select{border:1px solid var(--border-strong);background:var(--bg);border-radius:6px;height:40px;padding:0 12px;font-weight:400}.form input:focus,.status-row input:focus{border-color:var(--link);outline:0;box-shadow:0 0 0 3px #1d9bd14d}.form-error{color:var(--danger);font-size:14px}.input-prefix{border:1px solid var(--border-strong);border-radius:6px;align-items:center;padding-left:10px;display:flex}.input-prefix input{flex:1;box-shadow:none!important;border:0!important}.radio-group{flex-direction:column;gap:8px;display:flex}.radio,.checkbox{align-items:center;gap:10px;padding:4px 0;flex-direction:row!important;font-weight:400!important;display:flex!important}.form-inline{align-items:center;gap:8px;margin:12px 0;display:flex}.section-label{margin:16px 0 4px;font-weight:700}.status-row{border:1px solid var(--border-strong);border-radius:6px;align-items:center;gap:0;display:flex}.status-row input{border:0;flex:1}.status-emoji-btn{border-right:1px solid var(--border);width:44px;height:40px;font-size:20px}.inline-form{flex-flow:wrap;gap:8px;margin-top:8px}.inline-form input{flex:1;min-width:160px}.profile-edit{grid-template-columns:1fr 180px;gap:24px;margin-bottom:16px;display:grid}.profile-edit-photo{flex-direction:column;align-items:center;gap:8px;display:flex}.profile-edit-photo .avatar{border-radius:12px!important;font-size:56px!important}.tabs{border-bottom:1px solid var(--border);gap:16px;margin-bottom:16px;display:flex}.tabs button{color:var(--muted);border-bottom:2px solid #0000;padding:8px 2px;font-weight:700}.tabs button.active{color:var(--text);border-bottom-color:var(--primary)}.details{flex-direction:column;gap:4px;display:flex}.detail-field{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;margin-bottom:8px;padding:12px 16px;display:flex}.detail-field form input{flex:1}.members .list-row.compact{padding:6px 4px}.add-members{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.user-picker{position:relative}.picker-input{border:1px solid var(--border-strong);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;min-height:40px;padding:4px 8px;display:flex}.picker-input:focus-within{border-color:var(--link);box-shadow:0 0 0 3px #1d9bd14d}.picker-input input{background:0 0;border:0;outline:0;flex:1;min-width:120px;height:30px}.chip{background:var(--mention-bg);color:var(--mention-text);border-radius:4px;align-items:center;gap:4px;padding:2px 4px 2px 2px;font-size:14px;font-weight:700;display:inline-flex}.picker-results{border:1px solid var(--border);border-radius:8px;max-height:280px;margin-top:4px;overflow-y:auto}.picker-row{text-align:left;align-items:center;gap:10px;width:100%;padding:6px 12px;display:flex}.picker-row.active,.picker-row:hover{background:var(--link);color:#fff}.picker-row.active .muted,.picker-row:hover .muted{color:#ffffffd9}.quick-people{margin-top:12px}.switcher{width:600px}.switcher .modal-body{padding:0}.switcher-input{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;display:flex}.switcher-input input{background:0 0;border:0;outline:0;flex:1;font-size:18px}.switcher-results{max-height:50vh;padding:6px 0;overflow-y:auto}.switcher-results .picker-row{padding:8px 18px}.switcher-hint{border-top:1px solid var(--border);padding:8px 18px}.prefs{grid-template-columns:200px 1fr;gap:24px;min-height:340px;display:grid}.prefs-nav{flex-direction:column;gap:2px;display:flex}.prefs-nav button{border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.prefs-nav button:hover{background:var(--bg-hover)}.prefs-nav button.active{background:var(--link);color:#fff}.prefs-body h4{margin:0 0 8px}.prefs-body h4:not(:first-child){margin-top:20px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.theme-card{border:2px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:10px;font-weight:700;display:flex}.theme-card.active{border-color:var(--link)}.theme-swatch{border:1px solid var(--border);border-radius:6px;height:36px;display:flex;overflow:hidden}.theme-swatch i{flex:1}.admin-invite{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px;display:flex}.invite-link{gap:8px;margin-bottom:12px;display:flex}.invite-link input{flex:1}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:6px;font-size:12px}.admin-table td{border-bottom:1px solid var(--border);padding:8px 6px}.admin-table select{height:30px}.shortcuts{border-collapse:collapse;width:100%}.shortcuts td{border-bottom:1px solid var(--border);padding:6px 4px}kbd{background:var(--bg-soft);border:1px solid var(--border-strong);white-space:nowrap;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:12px}.image-modal{width:min(1100px,100%)}.image-modal img{border-radius:6px;max-height:65vh;margin:0 auto 12px;display:block}.toast{z-index:2000;color:#fff;background:#1d1c1d;border-radius:8px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;animation:.15s ease-out toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.auth{background:var(--rail-bg);justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.auth-card{background:var(--bg);border-radius:16px;width:420px;max-width:100%;padding:36px 32px 24px;box-shadow:0 20px 60px #00000059}.auth-logo{justify-content:center;margin-bottom:12px;display:flex}.auth h1{text-align:center;margin:0 0 6px;font-size:26px;font-weight:900}.auth>.auth-card>p{text-align:center;margin:0 0 24px}.auth form{flex-direction:column;gap:14px;display:flex}.auth label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.auth input{border:1px solid var(--border-strong);background:var(--bg);border-radius:6px;height:44px;padding:0 12px;font-size:16px}.auth input:focus{border-color:var(--link);outline:0;box-shadow:0 0 0 3px #1d9bd14d}.auth-switch{text-align:center;margin:18px 0 0;font-size:14px}.app-downloads{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.app-downloads-title{text-align:center;color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:700}.app-downloads-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.app-tile{border:1px solid var(--border-strong);color:var(--text);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;transition:background .1s,border-color .1s;display:flex}.app-tile:hover{background:var(--bg-hover);border-color:var(--text);text-decoration:none}.app-tile svg{margin-bottom:4px}.app-tile.recommended{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.app-tile-label{font-size:14px;font-weight:700}.app-tile-sub{color:var(--muted);font-size:11px}.install-qr{align-items:center;gap:16px;margin-bottom:12px;display:flex}.install-qr img{border:1px solid var(--border);border-radius:8px;flex-shrink:0}.install-qr p{margin:4px 0 0}.install-steps h4{align-items:center;gap:8px;margin:16px 0 4px;display:flex}.install-steps ol{margin:0;padding-left:22px}.install-steps li{margin:3px 0}.install-done{color:var(--primary);font-weight:700}@media (width<=480px){.install-qr{text-align:center;flex-direction:column}}.auth-server{border-top:1px solid var(--border);text-align:center;margin-top:18px;padding-top:14px;font-size:13px}.auth-server form{flex-direction:row;align-items:flex-end;gap:8px}.auth-server label{text-align:left;flex:1}.auth-server input{height:36px;font-size:14px}.sheet-backdrop{z-index:950;background:#00000073;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;padding:12px 8px calc(12px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;animation:.18s ease-out sheet-in}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-emoji{border-bottom:1px solid var(--border);justify-content:space-around;margin-bottom:6px;padding:4px 8px 12px;display:flex}.sheet-emoji button{background:var(--bg-soft);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.sheet-item{align-items:center;gap:14px;width:100%;padding:12px 16px;font-size:16px;display:flex}.sheet-item.danger{color:var(--danger)}.sheet-item:active{background:var(--bg-hover)}.mobile-tabs,.mobile-home,.fab{display:none}@media (width<=767px){body{font-size:16px}.mobile-only{display:inline-flex!important}.app-content{box-shadow:none;border-radius:0;margin:0}.app{padding-top:env(safe-area-inset-top)}.app-body{background:var(--bg)}.mobile-home{background:var(--sidebar-bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.mobile-home-top{color:var(--sidebar-strong);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.mobile-home-top h1{margin:0;font-size:22px;font-weight:900}.mobile-home .sidebar{border:0;flex:1;width:100%;min-height:0}.mobile-home .sb-header{display:none}.mobile-home .sb-row{height:40px;font-size:16px}.mobile-home .sb-footer{display:none}.fab{background:var(--sidebar-active);width:56px;height:56px;color:var(--sidebar-active-text);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 14px #00000059}.mobile-tabs{background:var(--bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;display:flex}.mobile-tabs button{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:0;padding:6px 0 4px;font-size:11px;font-weight:700;display:flex}.mobile-tabs button.active{color:var(--text)}.mobile-tabs .rail-icon{width:32px;height:28px}.mobile-tabs .rail-badge{box-shadow:0 0 0 2px var(--bg)}.main,.panel{border:0;width:100%}.panel{padding-bottom:env(safe-area-inset-bottom)}.channel-header{padding:0 8px}.channel-title{margin-left:0;font-size:17px}.member-stack .avatar{display:none}.member-stack span:last-child{margin-left:4px}.channel-topic{display:none}.msg{padding-left:12px;padding-right:12px}.msg-actions,.msg:hover .msg-actions{display:none!important}.msg:hover{background:0 0}.msg-label,.msg-context{margin-left:0;padding-left:44px}.composer-wrap{padding:0 8px calc(4px + env(safe-area-inset-bottom))}.composer-hint{display:none}.reaction.add{opacity:1}.attachment-image img{max-height:260px}.modal-backdrop{align-items:stretch;padding:0}.modal,.modal.wide{border-radius:0;width:100%;min-height:100%;max-height:none}.modal-header{padding:calc(12px + env(safe-area-inset-top)) 12px 8px 16px}.modal-body{flex:1;padding:8px 16px 16px}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.prefs{grid-template-columns:1fr}.prefs-nav{flex-direction:row;overflow-x:auto}.profile-edit{grid-template-columns:1fr}.search-input{min-width:0}.view-tabs{padding:8px 12px}.list-row{padding:12px 16px}.saved-actions{padding-left:16px}.file-grid,.people-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.inline-reply-btn{width:calc(100% - 32px);margin-left:16px}.toast{bottom:calc(80px + env(safe-area-inset-bottom))}.popover.sheet-on-mobile{bottom:8px;right:8px;top:auto!important;left:8px!important}}@media (width>=768px) and (width<=1100px){.sidebar{width:230px}.has-panel .sidebar{display:none}.panel{width:360px}}@media (pointer:coarse){.msg-actions{display:none!important}}