.avatar-wrap{flex-shrink:0;display:inline-grid;position:relative}.presence-dot{border:2px solid var(--surface);background:var(--muted);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.presence-dot[data-online=true]{background:var(--success)}.page:has(>[data-flush-page]){max-width:none;padding:0}.page:has(>[data-flush-page])>.install-banner{display:none}.app-shell:has([data-flush-page]){height:calc(100dvh - var(--topbar-h))}.app-shell:has([data-flush-page]) .app-main{min-height:0}.page:has(>[data-flush-page]){flex:1;min-height:0}.msg-shell{grid-template-columns:264px minmax(0,1fr);height:100%;margin:0;display:grid;overflow:hidden}.msg-list{border-right:1px solid var(--border);background:var(--surface-2);padding:16px 8px;overflow-y:auto}.msg-main{background:var(--surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.chan-link{border-radius:var(--r-sm);font-size:var(--text-ui);color:var(--fg-2);align-items:center;gap:8px;min-height:36px;padding:6px 8px;display:flex}.chan-link:hover{background:color-mix(in srgb, var(--surface) 70%, transparent)}.chan-link[data-active=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.chan-link[data-unread=true]{color:var(--fg);font-weight:600}.chan-link-icon{width:24px;height:24px;color:var(--muted);flex-shrink:0;place-items:center;display:grid}.chan-link-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chan-link-badge{background:var(--primary);color:var(--on-primary);font-size:var(--text-2xs);border-radius:var(--r-pill);text-align:center;min-width:18px;padding:0 6px;font-weight:600;line-height:18px}.chan-link[data-muted=true]{opacity:.55}.chan-link[data-muted=true]:hover{opacity:.8}.chan-link[data-muted=true] .chan-link-label{font-weight:400}.chan-link-mute{color:var(--muted);flex-shrink:0}.chan{flex-direction:column;height:100%;min-height:0;display:flex}.chan-head{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:10px 20px;display:flex}.chan-back{display:none}.chan-icon{border-radius:var(--r-md);background:var(--surface-2);width:34px;height:34px;color:var(--fg-2);flex-shrink:0;place-items:center;display:grid}.chan-title{font-weight:600;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;display:flex;overflow:hidden}.chan-muted-tag{font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);flex-shrink:0;align-items:center;gap:3px;padding:1px 7px 1px 5px;font-weight:600;display:inline-flex}.chan-sub{font-size:var(--text-xs);color:var(--muted)}.chan-sub[data-online=true]{color:var(--success);font-weight:600}.chan-head-right{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.chan-members{flex-shrink:0;gap:4px;display:flex}.chan-mute{border:1px solid var(--border);border-radius:var(--r-md);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;transition:color .12s,background .12s,border-color .12s;display:grid}.chan-mute:hover{color:var(--fg);background:var(--surface-2)}.chan-mute[data-muted=true]{color:var(--fg-2);background:var(--surface-2);border-color:var(--fg-2)}.chan-mute:disabled{opacity:.5;cursor:default}.chan-scroll{flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.msg-row{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:1px 0;display:grid}.msg-row[data-head=true]{padding:10px 0 2px}.msg-byline{align-items:baseline;gap:6px;margin-bottom:2px;display:flex}.msg-author{font-weight:600;font-size:var(--text-ui)}.msg-time{font-size:var(--text-xs);color:var(--muted)}.msg-body{font-size:var(--text-md);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.msg-row[data-mentions-me=true]{background:color-mix(in srgb, var(--primary) 7%, transparent);box-shadow:inset 2px 0 0 var(--primary);border-radius:0 var(--r-sm) var(--r-sm) 0;margin-left:-12px;margin-right:-10px;padding-left:12px;padding-right:10px}.msg-row[data-mentions-me=true][data-head=true]{padding-top:10px}.msg-row[data-mentions-me=true]+.msg-row[data-mentions-me=true]{border-top-right-radius:0}.msg-row[data-mentions-me=true]:has(+.msg-row[data-mentions-me=true]){border-bottom-right-radius:0}.msg-mention{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);white-space:nowrap;border-radius:4px;padding:1px 4px;font-weight:600;display:inline}.msg-mention[data-me=true]{color:var(--on-primary);background:var(--primary)}.chan-composer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:flex-end;gap:8px;padding:12px 20px 16px;display:flex;position:relative}.mention-pop{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);max-width:420px;box-shadow:var(--shadow-lg,0 12px 32px #0000002e);padding:5px;position:absolute;bottom:calc(100% - 4px);left:20px;right:20px;overflow:hidden}.mention-pop-head{font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:5px 8px 6px;font-weight:700}.mention-opt{border-radius:var(--r-sm);cursor:pointer;text-align:left;width:100%;font-size:var(--text-ui);color:var(--fg);background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;display:flex}.mention-opt[data-active=true]{background:var(--primary);color:var(--on-primary)}.mention-opt-name{white-space:nowrap;font-weight:600}.mention-opt-sub{font-size:var(--text-xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mention-opt[data-active=true] .mention-opt-sub{color:var(--on-primary);opacity:.75}.dm-pick-row{border-radius:var(--r-sm);cursor:pointer;text-align:left;width:100%;font-size:var(--text-ui);color:var(--fg);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.dm-pick-row:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.dm-pick-row:disabled{opacity:.55;cursor:default}.dm-pick-body{flex:1;min-width:0}.dm-pick-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.dm-pick-sub{font-size:var(--text-xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notif-dot{border-radius:var(--r-pill);background:var(--danger,#e5484d);color:#fff;min-width:15px;height:15px;font-size:var(--text-2xs);text-align:center;pointer-events:none;padding:0 3px;font-weight:700;line-height:15px;position:absolute;top:-3px;right:-3px}.notif-pop{z-index:200;background:var(--surface);width:min(360px,100vw - 16px);max-height:min(460px,100vh - 120px);color:var(--fg);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg,0 18px 44px #00000038);flex-direction:column;display:flex;position:fixed;overflow:hidden}.notif-head{border-bottom:1px solid var(--border);font-size:var(--text-ui);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 10px 10px 14px;font-weight:600;display:flex}.notif-list{padding:5px;overflow-y:auto}.notif-empty{font-size:var(--text-sm);color:var(--muted);padding:18px 12px;line-height:1.5}.notif-item{border-radius:var(--r-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:flex-start;gap:9px;width:100%;padding:9px 10px;display:flex}.notif-item:hover{background:var(--surface-2)}.notif-item[data-unread=true]{background:color-mix(in srgb, var(--primary) 8%, transparent)}.notif-item-body{gap:2px;min-width:0;display:grid}.notif-item-title{font-size:var(--text-sm);color:var(--fg-2);line-height:1.35}.notif-item-title b{color:var(--fg);font-weight:600}.notif-item-excerpt{font-size:var(--text-sm);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item-time{font-size:var(--text-2xs);color:var(--muted)}.chan-input{resize:none;height:auto;min-height:40px;max-height:160px;line-height:1.45;font-size:var(--text-md);flex:1;padding:10px 12px}.chan-send{flex-shrink:0;width:40px;height:40px;padding:0}@media (width<=767px){.msg-shell{grid-template-columns:minmax(0,1fr)}.msg-shell[data-thread=false] .msg-main,.msg-shell[data-thread=true] .msg-list{display:none}.msg-list{border-right:0}.chan-back{width:36px;height:36px;color:var(--fg-2);flex-shrink:0;place-items:center;margin-left:-8px;display:grid}.chan-head{padding:8px 12px}.chan-scroll{padding:12px}.chan-composer{padding:10px 12px}.chan-members{display:none}.mention-pop{max-width:none;left:12px;right:12px}.m-topbar-bell{width:36px;height:36px;color:var(--fg-2);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;place-items:center;margin-left:auto;display:grid;position:relative}.m-topbar .m-topbar-avatar{margin-left:0}}