.app{width:100%;height:var(--app-dvh,100dvh);min-height:0;display:flex}.app,.app .left-dock{position:relative;overflow:hidden;background:var(--surface)}.app .left-dock{z-index:40;flex:0 0 auto;width:calc(var(--rail-width) + var(--channel-panel-width));display:grid;grid-template-columns:var(--rail-width) var(--channel-panel-width);grid-template-rows:minmax(0,1fr);border-right:1px solid var(--line);transition:width var(--ease),transform var(--ease)}.app.dock-collapsed .left-dock{width:0;border-right-color:transparent}.app .nav-rail{min-width:var(--rail-width);height:100%;display:flex;flex-direction:column;align-items:center;padding:max(var(--space-3),env(safe-area-inset-top)) var(--space-2) max(var(--space-3),env(safe-area-inset-bottom));gap:var(--space-3);background:var(--surface);border-right:1px solid var(--line)}.app .nav-rail__bottom,.app .nav-rail__scroll,.app .nav-rail__top{width:100%;display:grid;justify-items:center;align-content:start;grid-gap:var(--space-3);gap:var(--space-3)}.app .nav-rail__scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-block:.125rem}.app .nav-rail__scroll::-webkit-scrollbar{display:none}.app .nav-rail__bottom,.app .nav-rail__top{flex:none}.app .profile-button,.app .rail-button,.app .workspace-button{position:relative;width:3.25rem;height:3.25rem;padding:0;display:grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:background var(--ease),border-color var(--ease),transform var(--ease)}.app .workspace-button{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.025em}.app .workspace-button__mark{width:2.25rem;height:2.25rem;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--fs-lg);line-height:1}.app .rail-button__label{position:fixed;left:calc(var(--rail-label-x, 0px) + .45rem);top:var(--rail-label-y,0);transform:translateY(-50%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--fill-strong);color:var(--surface);font-size:var(--fs-xs);font-weight:700;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 80ms ease;z-index:40}.app .rail-button:focus-visible .rail-button__label,.app .rail-button:hover .rail-button__label,.app .workspace-button:focus-visible .rail-button__label,.app .workspace-button:hover .rail-button__label{opacity:1}.app .rail-button.is-selected,.app .workspace-button.is-selected{border:var(--selected-border)}.app .profile-button:hover,.app .rail-button:hover,.app .workspace-button:hover{background:var(--surface-subtle)}.app .profile-button:active,.app .rail-button:active,.app .workspace-button:active{transform:scale(.96)}.app .rail-button:active .rail-button__label,.app .workspace-button:active .rail-button__label{visibility:hidden}.app .rail-button svg{width:1.35rem;height:1.35rem;stroke-width:1.9}.app .rail-divider{width:2rem;height:1px;background:var(--line)}.app .badge{position:absolute;top:-.28rem;right:-.28rem;min-width:1.15rem;height:1.15rem;padding:0 var(--space-1);display:grid;place-items:center;border:.125rem solid var(--surface);border-radius:var(--radius-md);font-size:var(--fs-xs);line-height:1;font-weight:700}.app .badge--neutral{background:var(--surface-pressed);color:var(--text-soft)}.app .badge--strong{background:var(--cc-accent-fill);color:var(--cc-on-accent)}.app .profile-button{border-color:var(--line);font-weight:700}.app .presence{position:absolute;right:-.08rem;bottom:-.08rem;width:.9rem;height:.9rem;border:.125rem solid var(--surface);border-radius:50%;background:var(--surface);box-sizing:border-box}.app .presence--online{background:var(--success)}.app .presence--away{background:var(--surface);box-shadow:inset 0 0 0 .16rem var(--success)}.app .presence--offline{background:var(--surface);box-shadow:inset 0 0 0 .14rem var(--line)}.app .channel-panel{min-width:var(--channel-panel-width);min-height:0;height:100%;flex-direction:column}.app .channel-panel,.app .workspace-header{display:flex;background:var(--surface-subtle)}.app .workspace-header{min-height:var(--header-height-safe);align-items:center;gap:var(--space-3);padding:var(--safe-top) var(--space-4) 0;border-bottom:1px solid var(--line)}.app .workspace-header__mark{width:2rem;height:2rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--fs-sm);font-weight:700}.app .workspace-header__name{min-width:0;overflow:hidden;font-size:var(--fs-lg);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.app .channel-panel__content{min-height:0;flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-3)}.app .channel-section+.channel-section{margin-top:var(--space-6)}.app .channel-section__label{padding:0 var(--space-2) var(--space-2);color:var(--text-subtle);font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.app .channel-item{width:100%;min-height:2.75rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-soft);cursor:pointer;text-align:left}.app .channel-item:hover{background:var(--surface)}.app .channel-item.is-selected{border:var(--selected-border);background:var(--surface);color:var(--text);font-weight:700}.app .channel-row .channel-item{padding-right:2.6rem}.app .channel-item__hash{display:inline-flex;align-items:center;color:var(--text-subtle);font-weight:700}.app .channel-item__hash svg{width:1rem;height:1rem}.app .channel-item__dm-avatar{position:relative;width:1.65rem;height:1.65rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);font-size:var(--fs-base);font-weight:700;text-transform:uppercase}.app .channel-item__dm-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.app .channel-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .channel-item__label{display:flex;align-items:center;gap:var(--space-1);min-width:0}.app .channel-item__label .channel-item__name{flex:1 1;min-width:0}.app .channel-item__origin{flex:none;white-space:nowrap;color:var(--text-subtle);font-size:var(--fs-xs)}.app .rail-badge{position:absolute;top:.15rem;right:.15rem;min-width:1.05rem;height:1.05rem;place-items:center;border-radius:var(--radius-lg);background:var(--count-fill);color:var(--surface);line-height:1;box-shadow:0 0 0 .125rem var(--surface);pointer-events:none}.app .channel-item__count,.app .rail-badge{padding:0 var(--space-1);display:grid;font-size:var(--fs-xs);font-weight:700}.app .channel-item__count{min-width:1.25rem;height:1.25rem;place-items:center;border-radius:var(--radius-md);background:var(--count-fill);color:var(--surface)}.app .main{position:relative;min-width:0;flex:1 1 auto;display:grid;grid-template-rows:var(--header-height-safe) minmax(0,1fr) auto;overflow:hidden;background:var(--surface)}.app .channel-header,.app .mobile-page-header{min-width:0;min-height:var(--header-height-safe);display:flex;align-items:center;gap:var(--space-3);padding:var(--safe-top) var(--space-4) 0;background:var(--surface-muted);border-bottom:1px solid var(--line)}.app .icon-button,.picker .icon-button{position:relative;width:2.5rem;height:2.5rem;padding:0;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:background var(--ease),transform var(--ease)}@media (hover:hover){.app .icon-button:hover,.picker .icon-button:hover{background:var(--overlay-weak)}}.app .icon-button:active,.picker .icon-button:active{transform:scale(.95)}.app .icon-button svg,.picker .icon-button svg{width:1.25rem;height:1.25rem;stroke-width:2}.app .channel-title{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em}.app .channel-route-button{position:relative;z-index:1;width:2rem;height:2rem;padding:0;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-subtle);font-size:var(--fs-2xl);font-weight:700;cursor:pointer}.app .channel-route-button__icon{width:1.1rem;height:1.1rem}.app .channel-title__name{flex:0 1 auto;min-width:3ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .channel-title__topic,.app .channel-title__topic-add{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);font-weight:500;letter-spacing:normal;flex:0 1 auto;max-width:24rem;border:0;background:transparent;color:var(--text-subtle);cursor:pointer}.app .channel-title__topic{padding-left:var(--space-2);border-left:1px solid var(--line)}.app .channel-title__topic:disabled{cursor:default}.app .channel-title__topic-add{padding-left:var(--space-2);opacity:.75}.app .channel-title__topic-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--text-subtle);cursor:pointer;padding:var(--space-0) var(--space-2);margin-left:.35rem;font-size:var(--fs-sm);font-weight:600;line-height:1.2;min-height:1.75rem}.app .channel-title__topic-toggle:hover{background:var(--surface-hover)}.app .channel-title__topic-toggle-caret{display:inline-flex;transition:transform .15s ease}.app .channel-title__topic-toggle-caret svg{width:.875rem;height:.875rem}.app .channel-title__topic-toggle.is-open .channel-title__topic-toggle-caret{transform:rotate(180deg)}.app .channel-desc-panel__body{font-size:var(--fs-md);line-height:1.6;max-width:60rem}.app .channel-desc-panel__body>:first-child{margin-top:0}.app .channel-desc-panel__body>:last-child{margin-bottom:0}.app .mention-filters{display:grid;grid-gap:var(--space-0);gap:var(--space-0);padding:0 var(--space-1)}.app .mention-filter{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);border:.1875rem solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-subtle);font-size:var(--fs-md);text-align:left;cursor:pointer}.app .mention-filter:hover{background:var(--surface-hover)}.app .mention-filter.is-selected{border:var(--selected-border);background:var(--surface);color:var(--text);font-weight:700}.app .mention-filter__label{flex:1 1 auto;min-width:0}.app .mentions{grid-row:1/-1;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.app .mentions__count{color:var(--text-subtle);font-size:var(--fs-base);white-space:nowrap}.app .mentions__list{list-style:none;margin:0;padding:var(--space-2) var(--space-2) var(--space-6);overflow-y:auto;min-height:0}.app .mention-row{display:flex;gap:var(--space-2);width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-lg);background:transparent;cursor:pointer}.app .mention-row:hover{background:var(--surface-hover)}.app .mention-row.is-unread{background:var(--surface-subtle)}.app .mention-row__avatar{flex:none;width:2rem;height:2rem}.app .mention-row__copy{display:grid;grid-gap:var(--space-1);gap:var(--space-1);min-width:0}.app .mention-row__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--fs-base);color:var(--text-subtle)}.app .mention-row__where{display:inline-flex;align-items:center;gap:var(--space-0);font-weight:600;color:var(--text)}.app .mention-row__dot{width:.45rem;height:.45rem;border-radius:var(--radius-pill);background:var(--accent)}.app .mention-row__body{font-size:var(--fs-md);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app .dm-privacy-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--text-subtle);cursor:pointer;padding:var(--space-0) var(--space-2);margin-left:.35rem;font-size:var(--fs-sm);font-weight:600;line-height:1.2;min-height:1.75rem}.app .dm-privacy-chip:hover{background:var(--surface-hover)}.app .dm-privacy-chip__caret{display:inline-flex;transition:transform .15s ease}.app .dm-privacy-chip__caret svg{width:.875rem;height:.875rem}.app .dm-privacy-chip.is-open .dm-privacy-chip__caret{transform:rotate(180deg)}.app .dm-privacy-panel__lead{margin:0 0 .4rem}.app .dm-privacy-panel__list{margin:0;padding-left:var(--space-4);display:grid;grid-gap:var(--space-1);gap:var(--space-1);color:var(--text-subtle)}.app .dm-privacy-panel__tip{margin:.6rem 0 0;padding-top:var(--space-2);border-top:1px solid var(--line);color:var(--text-subtle)}.app .dm-privacy-panel__more{white-space:nowrap;font-weight:600;color:var(--link)}.app .channel-header__spacer{flex:0 0 var(--space-2)}.app .member-button .badge{top:-.15rem;right:-.12rem}.app .channel-title__rename{min-width:0;max-width:16rem;padding:var(--space-1) var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--fs-lg);font-weight:700}.app .channel-menu{position:relative;flex:0 0 auto}.app .channel-menu__pop{position:absolute;top:calc(100% + .3rem);right:0;z-index:50;min-width:9rem;display:flex;flex-direction:column;padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 .5rem 1.5rem var(--shadow-ink)}.app .message-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:var(--space-5) var(--space-4) var(--space-6);background:var(--surface)}.app .message-list{width:min(100%,var(--conversation-width));margin:0 auto;display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.app .date-divider{display:grid;grid-template-columns:minmax(1.5rem,1fr) auto minmax(1.5rem,1fr);align-items:center;grid-gap:var(--space-3);gap:var(--space-3);margin:var(--space-5) 0 var(--space-3);color:var(--text-subtle);font-size:var(--fs-sm);font-weight:600}.app .date-divider:after,.app .date-divider:before{content:"";height:1px;background:var(--line)}.app .message{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);touch-action:pan-y;-moz-user-select:text;user-select:text;-webkit-user-select:text;transition:background var(--ease)}.app .message-reactions,.app .message__author-btn,.app .message__copy,.app .message__head,.app .message__reply{-moz-user-select:none;user-select:none;-webkit-user-select:none}.app .message>.message__author-btn{align-self:start;align-items:flex-start;margin-top:var(--space-0)}.app .message__copy{position:absolute;top:calc(-1 * var(--space-5) + var(--space-0));right:var(--space-2);display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);cursor:pointer;opacity:0;transition:opacity var(--ease)}.app .message:hover .message__copy,.app .message__copy:focus-visible{opacity:1}.app .message__copy:hover{color:var(--text);background:var(--surface-muted)}.app .message:hover{background:var(--surface-subtle)}.app .message.is-pressed{background:var(--surface-pressed)}.app .message.reply-jump-highlight{background:var(--surface-pressed);box-shadow:inset 0 0 0 2px var(--cc-accent)}.app .avatar{position:relative;width:2.75rem;height:2.75rem;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);font-size:var(--fs-md);font-weight:700}.app .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.app .message__content{min-width:0}.app .message__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-1)}.app .message__name{min-width:0;overflow:hidden;font-size:var(--fs-md);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.app .message__time{color:var(--text-subtle);font-size:var(--fs-xs);font-weight:500;white-space:nowrap}.app .message__body{margin:0;color:var(--text-soft);font-size:var(--fs-lg);line-height:1.6;word-break:break-word;white-space:pre-wrap;-moz-user-select:text;user-select:text;-webkit-user-select:text}.app .message__clip.is-collapsed{overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 2.5rem),transparent)}.app .message__more{margin-top:var(--space-1);padding:0;border:0;background:none;color:var(--text-subtle);font-size:var(--fs-base);font-weight:600;cursor:pointer}.app .message__more:hover{color:var(--text);text-decoration:underline}.app .system-note{margin:var(--space-2) var(--space-3);text-align:center}.app .composer-wrap{padding:var(--space-2) var(--space-4) max(var(--space-3),env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 75%,transparent)}.app .composer{position:relative;width:min(100%,var(--conversation-width));min-height:3.5rem;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:end;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 .45rem 1.6rem var(--shadow-ink-weak)}.app .composer__input{min-height:2.5rem;max-height:8rem;resize:none;overflow-y:auto;border:0;outline:0;padding:.62rem var(--space-1);background:transparent;color:var(--text);font-size:var(--fs-lg);line-height:1.45}.app .composer__input::placeholder{color:var(--text-subtle)}.app .composer .icon-button{width:2.75rem;height:2.75rem}.app .composer .icon-button svg{width:1.4rem;height:1.4rem}.app .composer__input--rich{white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;position:relative;max-height:12rem}.app .composer__input--rich[data-empty=true]:before{content:attr(data-placeholder);position:absolute;top:.62rem;left:var(--space-1);right:var(--space-1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-subtle);pointer-events:none}.app .composer__input--rich[aria-disabled=true]{color:var(--text-subtle);pointer-events:none}.app .composer__input--rich .custom-emoji-glyph{width:1.25em;height:1.25em;vertical-align:-.25em}.app .send-button{background:var(--cc-accent-fill);color:var(--cc-on-accent)}.app .send-button:hover{background:color-mix(in srgb,var(--text) 85%,var(--surface))}.app .mobile-channel-page{position:absolute;z-index:20;inset:0;display:none;grid-template-rows:var(--header-height-safe) minmax(0,1fr);background:var(--surface)}.app .mobile-channel-content{min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-4) max(var(--space-6),env(safe-area-inset-bottom))}.app .mobile-channel-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.app .mobile-channel-item{width:100%;min-height:3.5rem;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer}.app .mobile-channel-item.is-selected{border:var(--selected-border)}.app .mobile-channel-item.is-unread{border-left:.1875rem solid var(--line-strong)}.app .mobile-channel-item.is-unread .mobile-channel-item__name{font-weight:700;color:var(--text)}.app .mobile-channel-row .mobile-channel-item{padding-right:3.2rem}.app .mobile-channel-item .channel-item__origin{min-width:0;max-width:7.5rem;overflow:hidden;text-overflow:ellipsis}.app .mobile-channel-item__hash{color:var(--text-subtle);font-weight:700}.app .mobile-channel-item .channel-item__dm-avatar{width:2.1rem;height:2.1rem;font-size:var(--fs-lg)}.app .mobile-channel-item__name{overflow:hidden;font-size:var(--fs-lg);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.app .nav-scrim{z-index:35;display:none}.app .menu-backdrop,.app .nav-scrim{position:fixed;inset:0;background:var(--overlay-strong);opacity:0;pointer-events:none;transition:opacity var(--ease)}.app .menu-backdrop{z-index:80;display:grid;grid-template-columns:minmax(0,1fr);align-items:end;padding:var(--space-4)}.app .menu-backdrop.is-open{opacity:1;pointer-events:auto}.app .message-menu{min-width:0;width:min(100%,30rem);margin:0 auto max(0rem,env(safe-area-inset-bottom));padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1.5rem 4rem var(--shadow-ink-strong);transform:translateY(1rem);transition:transform var(--ease)}.app .menu-backdrop.is-open .message-menu{transform:translateY(0)}.app .message-menu__preview{padding:var(--space-3);margin-bottom:var(--space-2);overflow:hidden;border-radius:var(--radius-md);background:var(--surface-muted);color:var(--text-subtle);font-size:var(--fs-base);line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.app .menu-action{width:100%;min-height:3rem;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border-radius:var(--radius-md);background:transparent;color:inherit;text-decoration:none;font-size:var(--fs-md);font-weight:600;cursor:pointer}.app .menu-action:hover{background:var(--surface-muted)}.app .menu-action svg{width:1.1rem;height:1.1rem}.app .menu-action--danger{color:var(--danger)}.app .menu-action--compact{min-height:2.25rem;gap:var(--space-2);padding:0 var(--space-2);font-size:var(--fs-md);font-weight:600;white-space:nowrap}.app .menu-action--compact svg{width:1rem;height:1rem}.app .menu-backdrop .menu-action--compact{min-height:3rem;gap:var(--space-3);padding:0 var(--space-3);font-size:var(--fs-md);font-weight:600}.app .menu-backdrop .menu-action--compact svg{width:1.1rem;height:1.1rem}.app .menu-action:disabled{color:var(--text-subtle);cursor:not-allowed}.app .menu-action--explain{opacity:.8}.app .menu-action__stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-0);min-width:0}.app .menu-action__stack small{font-size:var(--fs-sm);color:var(--text-subtle);font-weight:500;white-space:normal;text-align:left}.app .notify-levels{display:flex;flex-direction:column;padding:var(--space-1) 0;border-bottom:1px solid var(--border);margin-bottom:.25rem}.app .notify-levels__head{margin:.2rem .75rem .25rem;font-size:var(--fs-sm);color:var(--text-subtle);font-weight:600}.app .notify-levels__item{align-items:flex-start}.app .notify-levels__item.is-selected{color:var(--text);font-weight:700}.app .notify-levels__check{width:1rem;flex:0 0 1rem;display:inline-flex}.app .notify-levels__check svg{width:1rem;height:1rem}.app .notify-levels__item>svg{flex:0 0 1rem;width:1rem;height:1rem;margin-top:.15rem}.app .notify-levels__item .menu-action__stack{flex:1 1 auto}.app .channel-item.is-hushed:not(.is-selected) .channel-item__name,.app .mobile-channel-item.is-hushed:not(.is-selected) .mobile-channel-item__name{opacity:.55}.app .channel-item__count--mention{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:47.999rem){.app .channel-title__topic,.app .channel-title__topic-add{display:none}.app .channel-header{gap:var(--space-1);padding-inline:var(--space-3)}.app .left-dock{position:fixed;inset:0 auto 0 0;width:var(--rail-width);display:block;border-right:1px solid var(--line);transform:translateX(-100%);transition:transform var(--ease)}.app.dock-collapsed .left-dock{width:var(--rail-width);border-right-color:var(--line)}.app.mobile-nav-open .left-dock{transform:translateX(0)}.app .channel-panel{display:none}.app .nav-scrim{display:block}.app.mobile-nav-open .nav-scrim{opacity:1;pointer-events:auto}.app .channel-route-button{cursor:pointer}.app .rail-button,.app .workspace-button{width:3.6rem;height:3.6rem;grid-template-columns:100%;grid-template-rows:auto auto;row-gap:var(--space-0);align-content:center;justify-items:center}.app .workspace-button__mark{width:1.9rem;height:1.9rem}.app .rail-button__label{position:static;transform:none;opacity:1;width:max-content;max-width:calc(var(--rail-width) - 2 * var(--space-2));overflow:hidden;line-height:1.3;padding:0;background:transparent;color:var(--text-subtle);font-size:var(--fs-xs);letter-spacing:-.02em;text-overflow:ellipsis}.app .rail-button.is-selected .rail-button__label,.app .workspace-button.is-selected .rail-button__label{color:var(--text)}.app .channel-route-button:hover{background:var(--overlay-weak)}.app .message,.app .message-scroll{padding-inline:var(--space-2)}.app .message{grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-3)}.app .message,.app .message__body{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app .message.is-selectable,.app .message.is-selectable .message__body{-moz-user-select:text;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.app .message__copy{display:none}.app .avatar{width:2.5rem;height:2.5rem}.app .composer-wrap{padding-inline:var(--space-2)}.app .composer{gap:var(--space-1);border-radius:var(--radius-md)}.app.mobile-channel-view .channel-header,.app.mobile-channel-view .composer-wrap,.app.mobile-channel-view .message-scroll{visibility:hidden;pointer-events:none}.app.mobile-channel-view .mobile-channel-page{display:grid}}@media (min-width:48rem){.app .mobile-channel-page,.app .nav-scrim{display:none!important}.app .channel-route-button{pointer-events:none}.app .composer-wrap,.app .message-scroll{padding-inline:var(--space-6)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}