@font-face{font-family:HSI Sora;src:url(/fonts/sora/Sora-variable.ttf) format("truetype");font-style:normal;font-weight:100 800;font-display:swap}:root{--hsi-display:"HSI Sora",ui-sans-serif,system-ui,sans-serif;--hsi-paper:#f2f2f2;--hsi-ink:#080808;--hsi-cut:8px 24px 24px 8px;--hsi-caption:ui-monospace,"Cascadia Code","SFMono-Regular",Consolas,monospace;--hsi-muted:#a5a5a5}.brand .brand-wordmark,.rail-signature{font-family:var(--hsi-display);font-weight:800;letter-spacing:-.085em;text-transform:lowercase;line-height:1}.brand{gap:12px}.brand .brand-mark{color:inherit}.brand .brand-mark svg{width:100%;height:100%}:is(.auth-shell,.workspace,.settings-shell,.modal-content,.user-profile-card) :is(h1,h2,h3){font-family:var(--hsi-display)}.workspace .dm-heading h2,.workspace .header-title h2,.workspace .server-title-button{letter-spacing:-.04em}.auth-shell .auth-submit,.button{border-radius:var(--hsi-cut)}.button-primary:hover:not(:disabled){background:#fff;color:#050505}.section-kicker{display:inline-flex;align-items:center;gap:9px}.section-kicker:before{content:"";display:inline-block;width:5px;height:5px;flex:0 0 5px;border-radius:1px;transform:rotate(45deg);background:currentColor}.workspace{padding:8px 10px;gap:12px;background:#080808;--hsi-divider:#ffffff12;--hsi-surface:#141414}.workspace .navigation-panels{flex:0 0 284px;gap:10px}.workspace .server-rail{flex-basis:60px;width:60px;padding:12px 0 14px;border:0;border-radius:0;background:#080808;color:#aaa;gap:10px;box-shadow:none}.workspace :is(.rail-home,.server-icon,.rail-add,.rail-join){width:44px;height:44px;min-height:44px;flex-basis:44px;border:1px solid transparent;border-radius:10px;color:#999;background:transparent}.workspace .rail-home{color:#aaa}.workspace .rail-home .brand{color:inherit}.workspace .rail-home .brand-mark{width:28px;height:28px}.workspace .rail-home.active .brand-mark{color:inherit}.workspace :is(.rail-home,.server-icon).active{color:#fafafa;background:#242424;border-color:transparent;border-radius:10px}.workspace :is(.rail-home,.server-icon,.rail-add,.rail-join):hover{color:#eee;background:#1d1d1d;border-color:transparent;border-radius:10px}.workspace :is(.rail-home,.server-icon).active:hover{background:#303030;color:#fff;border-color:transparent}.workspace .rail-rule{width:22px;height:1px;flex-shrink:0;background:#252525}.workspace .server-rail-scroll{position:relative;flex:1 1 0;min-height:0;width:100%}.workspace .server-list{width:100%;height:100%;min-height:0;gap:7px;padding:7px 0;scroll-padding-block:30px;scrollbar-width:none;overscroll-behavior-y:contain}.workspace .server-list::-webkit-scrollbar{display:none}.workspace .server-icon{padding:4px;background:transparent;box-shadow:none}.workspace .server-icon>.server-uploaded-icon{flex-shrink:0}.workspace .server-icon>.server-initials{font:650 13px/1 var(--hsi-display);letter-spacing:-.04em}.workspace :is(.server-icon,.rail-home):after,.workspace :is(.server-icon,.rail-home):before{content:none;display:none}.workspace .rail-scroll-control{position:absolute;z-index:2;inset-inline:0;display:flex;align-items:center;justify-content:center;width:100%;height:26px;padding:0;color:#bbb;transition:opacity .15s}.workspace .rail-scroll-up{top:0;background:linear-gradient(#080808 65%,#08080800)}.workspace .rail-scroll-down{bottom:0;background:linear-gradient(#08080800,#080808 35%)}.workspace .rail-scroll-control:disabled{opacity:0;pointer-events:none}.workspace .rail-scroll-control:not(:disabled):hover svg{background:#2c2c2c;border-radius:5px}.workspace .server-rail .rail-scroll-control:focus-visible{outline-offset:-3px;border-radius:6px}.workspace .rail-actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;width:100%;gap:6px;padding-top:9px;border-top:1px solid #252525}.workspace .rail-actions :is(.rail-add,.rail-join){background:transparent;border-color:transparent;color:#aaa}.workspace .rail-actions :is(.rail-add,.rail-join):hover{background:#242424;border-color:transparent;color:#fff}.workspace .server-unread{background:#eee;border:2px solid #080808}.workspace .rail-badge{color:#111;background:#eee;border-color:#080808}.workspace .rail-bottom{display:flex;flex:0 0 auto;margin-top:0;padding-top:2px;align-items:center;justify-content:center}.rail-signature{font-size:19px;color:#909090}.workspace .server-rail :is(button):focus-visible{outline:2px solid #eee;outline-offset:1px}.workspace .rail-message-notification{width:42px;height:42px;min-height:42px}.workspace .rail-message-notification>:is(.avatar,.group-avatar){width:42px;height:42px;min-width:42px}.workspace .rail-message-notification:before{left:-8px;width:3px;background:#ddd;border-radius:3px}.workspace :is(.rail-message-badge,.rail-message-marked){background:#eee;color:#111;border-color:#080808}.workspace .rail-message-notification:hover{box-shadow:0 0 0 2px #666}.workspace .channel-sidebar{width:214px;flex-basis:214px;border:1px solid #262626;border-radius:18px 6px 18px 6px;background:#101010}.workspace .server-identity-header{position:relative;flex:0 0 auto;min-width:0;border-start-start-radius:inherit;border-start-end-radius:inherit;overflow:hidden}.workspace .server-identity-header .server-cover{width:100%;height:136px;min-height:136px;margin:0;border:0;border-radius:0;background:#181818}.workspace .server-heading{border-bottom:1px solid var(--hsi-divider);box-shadow:none;min-height:52px}.workspace .server-header-with-banner .server-heading{position:absolute;inset:auto 0 0;z-index:1;height:62px;min-height:62px;display:flex;align-items:flex-end;border:0;background:linear-gradient(transparent,#080808eb 45%)}.workspace .server-header-with-banner .server-heading:has(.server-title-button){padding:0}.workspace .server-header-with-banner .server-title-button{height:52px;min-height:52px;color:#fff}.workspace .server-header-with-banner .server-title-button:hover,.workspace .server-header-with-banner .server-title-button[data-state=open]{background:#0003}.workspace .server-title-button{min-height:51px;padding-inline:14px;font-family:var(--hsi-display);font-weight:650}.workspace .server-title-button h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace .server-title-button:hover{background:#ffffff05}.workspace .sidebar-scroll{padding-inline:8px}.workspace .server-channels-scroll{padding:12px 8px 16px;scrollbar-gutter:auto}.workspace .server-channels-empty{padding:8px 6px 18px;margin-bottom:14px;border-bottom:1px solid var(--hsi-divider)}.workspace .server-channels-empty>strong{display:block;color:#eee;font-size:13px;font-weight:600}.workspace .server-channels-empty>p{margin:7px 0 14px;color:#a5a5a5;font-size:12px;line-height:1.6}.workspace .server-create-channel{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:9px 10px;border:1px solid #dedede;border-radius:8px;color:#111;background:#ededed;font-size:12px;font-weight:600}.workspace .server-create-channel>svg{flex-shrink:0}.workspace .server-create-channel:hover{background:#fff;border-color:#fff}.workspace .server-create-channel:focus-visible{outline:2px solid #fff;outline-offset:3px}.workspace .server-description{color:#aaa;font-size:11px;padding-bottom:8px}.workspace .dm-heading{padding:16px 8px 12px}.workspace .dm-heading h2{margin-bottom:8px}.workspace .dm-heading .group-create-button{margin:0;min-height:28px}.workspace .sidebar-scroll.dm-list{padding:8px;scrollbar-gutter:auto}.workspace .dm-search-bar{margin:10px 8px 0}.workspace .workspace-search-field{border:1px solid #303030;border-radius:8px 14px 14px 8px;background:#171717;padding-inline:10px}.workspace .workspace-search-field:focus-within{box-shadow:0 0 0 2px #ffffff0a;border-color:#999}.workspace .workspace-search-field>input{height:38px}.workspace .category-heading{min-height:32px;margin-bottom:3px;gap:3px}.workspace .category-label{min-height:32px;gap:5px;font:600 10px/1.5 var(--hsi-display);letter-spacing:.04em;color:#b0b0b0}.workspace .category-channel-count{min-width:12px;text-align:center;color:#858585;font-size:10px;font-variant-numeric:tabular-nums}.workspace .channel-group{margin-top:0;margin-bottom:12px}.workspace .category-empty{margin:4px;padding:10px 8px;border:1px dashed #888;border-radius:6px;color:#ddd;font-size:11px}.workspace .channel-group.channel-drop-active{background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff45}.workspace .channel-row{border-radius:6px 14px 14px 6px}.workspace .channel-link{min-height:38px;padding-inline:11px;border-radius:inherit}.workspace .channel-row.active{background:#e8e8e8}.workspace .channel-row.active:before{display:block;position:absolute;content:"";inset-inline-start:5px;width:2px;height:14px;border-radius:2px;background:#555}.workspace .channel-row.active .channel-link{padding-inline-start:15px}.workspace .channel-row:not(.active):hover{background:#ffffff06}.workspace .channel-row:not(.active) .channel-link>svg{color:#8a8a8a}.workspace .channel-row.active .channel-link{color:#080808}.workspace .channel-row.active .channel-link:focus-visible{outline:2px solid #151515;outline-offset:-3px}.workspace .category-heading>.category-add{width:28px;min-width:28px;height:28px}.workspace .dm-item{border:1px solid transparent;border-radius:8px;min-height:54px;box-shadow:none}.workspace .dm-item strong{line-height:20px}.workspace .dm-item:not(.active):hover{background:#1b1b1b}.workspace .dm-item.active{border-color:transparent;background:#242424;box-shadow:none}.workspace .dm-item small{color:#aaa}.workspace .friends-nav{min-height:54px;margin:0 0 4px;padding:8px;gap:10px;border-radius:8px;color:#bdbdbd}.workspace .friends-nav>svg{flex:0 0 32px;width:32px;height:32px;padding:6.5px;box-sizing:border-box}.workspace .friends-nav:hover{background:#1b1b1b;color:#f2f2f2}.workspace .friends-nav.active{border-color:transparent;background:#242424;color:#f2f2f2}.workspace .self-profile{border:0;border-top:1px solid #363636;border-radius:0;background:#191919;padding:10px 7px 7px}.workspace .self-profile-open>.avatar{outline:1px solid #686868;outline-offset:3px;margin-inline:3px}.workspace .self-profile-open{padding-inline:4px}.workspace .self-profile-open strong{font-size:12px}.workspace .self-profile>.icon-button:hover{color:#fff;background:#ffffff09}.workspace .main-panel{position:relative;border-radius:24px 8px 24px 8px;border:1px solid #373737;background:#121212}.workspace .welcome-empty h1>span{color:#bdbdbd}.workspace .welcome-actions{max-width:100%;justify-content:center;flex-wrap:wrap}.workspace .welcome-actions>.button{min-height:44px;min-width:min(176px,100%);max-width:100%;padding:11px 18px;gap:10px;border-radius:8px;font-size:14px;font-weight:600;line-height:20px;white-space:normal;overflow-wrap:anywhere;box-shadow:none}.workspace .welcome-actions>.button>svg{width:18px;height:18px;flex-shrink:0}.workspace .welcome-actions>.button-primary{color:#111;background:#e8e8e8;border:1px solid #e8e8e8}.workspace .welcome-actions>.button-primary:hover:not(:disabled){color:#080808;background:#fff;border-color:#fff}.workspace .welcome-actions>.button-primary:active:not(:disabled){background:#d6d6d6;border-color:#d6d6d6}.workspace .welcome-actions>.button:focus-visible{outline:2px solid #f2f2f2;outline-offset:4px}.workspace .conversation-header{height:52px;min-height:52px;padding-inline:20px;background:#171717;border-bottom-color:#ffffff08}.workspace .conversation-header>.header-channel-icon:has(>svg){width:30px;height:30px;justify-content:center;border:1px solid #484848;border-radius:9px 3px 9px 3px;background:#252525;flex-shrink:0}.workspace .conversation-header>.header-channel-icon>svg{width:19px;height:19px}.workspace .conversation-header .header-avatar .avatar{outline:1px solid #444;outline-offset:3px}.workspace .header-channel-icon{color:#eee}.workspace .connection-status{background:#ffffff05;border-radius:8px;border:1px solid #ffffff0c;padding:6px 8px}.workspace .conversation-tools{min-height:30px;padding-block:1px;background:#171717;border-color:#333}.workspace :is(.conversation-header,.conversation-tools) .icon-button:hover{color:#fafafa;background:#ffffff0c}.workspace .members-sidebar{padding-top:20px;background:#101010;border-color:var(--hsi-divider)}.workspace .members-sidebar>.mobile-member-close{flex-shrink:0;align-self:flex-end;margin:0 0 8px}.workspace .members-heading>span:first-child{display:inline-flex;align-items:center;gap:7px}.workspace .members-heading>span:first-child:before{content:"";width:6px;height:6px;border:1px solid #c8c8c8;transform:rotate(45deg)}.workspace .members-heading{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--hsi-divider)}.workspace .member-group>h3{font-family:var(--hsi-display);font-size:10px;letter-spacing:.035em;color:#aaa}.workspace .member-presence-section+.member-presence-section{margin-top:24px}.workspace .member-presence-heading{display:flex;align-items:center;gap:6px;margin:0 0 8px;padding-inline:4px;font-family:var(--hsi-display);font-size:11px;font-weight:600;letter-spacing:.035em;color:#d5d5d5}.workspace .member-presence-heading>span{color:#999;font-variant-numeric:tabular-nums}.workspace .member-role-heading{margin:14px 0 4px;padding-inline:4px;font-size:10px;font-weight:500;color:#aaa;overflow-wrap:anywhere}.workspace .member-role-heading>span{margin-inline-start:6px;color:#888}.workspace .member-item{padding-block:7px}.workspace .member-profile{padding:4px;border-radius:8px}.workspace .member-profile:hover{background:#ffffff06}.workspace .conversation-intro{position:relative;padding:28px 26px 20px;isolation:isolate}.workspace .conversation-intro:after{content:"";position:absolute;inset-inline-end:30px;top:24px;width:108px;height:108px;background:#eee;opacity:.035;mask:url(/brand/hsi-link.svg) center/contain no-repeat;pointer-events:none;z-index:-1}.workspace .conversation-intro h1{font-size:clamp(26px,2.5vw,34px);font-weight:600;letter-spacing:-.045em;line-height:1.25}.workspace .conversation-intro>.conversation-icon{width:44px;height:44px;margin-bottom:17px;border:1px solid #3a3a3a;border-radius:12px 5px 12px 5px;background:#202020}.workspace .conversation-intro>p{font-size:12px;color:#b0b0b0}.workspace .conversation-intro>.intro-icon{width:48px;height:48px;border-radius:14px 5px 14px 5px;background:#252525}.workspace .conversation-intro>.section-kicker{display:flex;gap:9px;font-size:9px;color:#aaa;letter-spacing:.14em}.workspace .channel-conversation-intro{display:flex;align-items:flex-start;gap:15px;margin:28px 24px 20px;padding:8px 0;border:0;border-radius:0;background:transparent;color:#f2f2f2;box-shadow:none}.workspace .channel-conversation-intro:after{content:none;display:none}.workspace .channel-conversation-intro>.conversation-icon{flex:0 0 40px;width:40px;height:40px;margin:0;border:0;color:#bdbdbd;background:#222;border-radius:10px}.channel-intro-copy{min-width:0;flex:1}.workspace .channel-intro-copy .section-kicker{color:#a6a6a6;font-size:9px;letter-spacing:.1em;line-height:1.6}.workspace .channel-intro-copy h1{color:#f2f2f2;margin-top:7px;font-size:clamp(23px,2.4vw,30px);letter-spacing:-.045em;font-weight:600;overflow-wrap:anywhere}.workspace .channel-intro-copy>p{max-width:520px;color:#b0b0b0;margin-top:8px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.workspace .message-row{padding-inline:24px;gap:14px;margin-top:10px}.workspace .message-row>.avatar-button{outline:none;border-radius:50%}.workspace .message-row>.avatar-button:focus-visible{outline:2px solid #eee;outline-offset:6px}.workspace .message-row:hover{background:#ffffff04}.workspace .message-mentioned{padding-inline-start:22px}.workspace .message-row-grouped{margin-top:0}.workspace .message-byline{column-gap:8px;row-gap:3px;margin-bottom:5px}.workspace .message-byline>button{font-family:var(--hsi-display);font-size:13px;font-weight:620;letter-spacing:-.015em;color:#f0f0f0;text-align:start}.workspace .message-byline>button:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.workspace .message-byline .you-label{padding:0;border:0;background:transparent;color:#aaa;font-size:9px;letter-spacing:.04em}.workspace .message-byline time,.workspace .message-grouped-time{font-family:var(--hsi-caption);font-size:10px;font-variant-numeric:tabular-nums;color:#929292;letter-spacing:0}.workspace .message-main>.markdown{font-size:15px;line-height:1.65;color:#e3e3e3}.workspace .message-byline:after{content:none}.workspace .reply-preview{font-size:12px;padding:5px 10px;border-inline-start:1px solid #888;border-radius:0 6px 6px 0;background:#ffffff04}.workspace .markdown blockquote{margin-block:9px;padding:7px 12px;border-inline-start:2px solid #8c8c8c;border-radius:0 8px 8px 0;background:#ffffff04;color:#c5c5c5}.workspace .markdown code{font-size:.85em;border-color:#393939;background:#202020}.workspace .markdown pre{padding:13px 15px;border-color:#303030;border-radius:8px;background:#0e0e0e}.workspace .markdown pre code{border:0;background:transparent}.workspace .markdown table{overflow-wrap:normal;word-break:normal}.workspace .markdown :is(th,td){min-width:8rem;overflow-wrap:break-word;word-break:normal}.workspace .markdown th{background:#1b1b1b}.workspace .message-actions{padding:3px;gap:2px;border-radius:9px;border-color:#414141;background:#202020;box-shadow:0 5px 16px #0005}.workspace .message-actions .icon-button{border-radius:6px}.workspace .reaction{border-radius:6px;padding:3px 9px;border-color:#333;background:#1b1b1b}.workspace .reaction[aria-pressed=true]{background:#303030;border-color:#999}.workspace .date-separator{margin:22px 24px 12px;gap:14px}.workspace .date-separator:after,.workspace .date-separator:before{background:#2b2b2b}.workspace .date-separator>span{display:inline-flex;align-items:center;gap:9px;padding:2px 0;border:0;border-radius:0;font:500 10px/1.6 var(--hsi-caption);letter-spacing:.03em;color:#a9a9a9;background:transparent}.workspace .date-separator>span:before{content:"";width:5px;height:5px;border:1px solid #888;border-radius:1px;transform:rotate(45deg)}.workspace .composer-area{position:relative;padding:5px 18px 10px;background:#121212}.workspace .composer-area>.jump-button{bottom:calc(100% + 8px);z-index:2}.workspace .composer{border:1px solid #383838;border-radius:10px;background:#1c1c1c;box-shadow:none;transition:border-color .16s}.workspace .composer:focus-within{border-color:#777;background:#1c1c1c;box-shadow:none}.workspace .composer-input-row{min-height:48px;padding:5px 8px}.workspace .composer textarea{font-size:15px}.workspace .composer textarea::placeholder{color:#aaa}.workspace .composer-input-row>.icon-button{border-radius:7px;color:#aaa}.workspace .composer-input-row>.icon-button:hover:not(:disabled){color:#fff;background:#2c2c2c}.workspace .composer-input-row>.composer-divider{display:none}.workspace .composer-input-row>button:focus-visible{outline:2px solid #eee;outline-offset:2px}.workspace .composer textarea:focus-visible{outline:none}.workspace .send-button{width:36px;height:36px;border:1px solid #e8e8e8;border-radius:7px;background:#e8e8e8;color:#101010}.workspace .send-button:hover:not(:disabled){background:#fff;border-color:#fff}.workspace .send-button:disabled{border:1px solid #363636;background:transparent;color:#777;opacity:1}.workspace .composer-reply{border-radius:9px 9px 0 0}.workspace .composer-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;margin-bottom:5px}.workspace .composer-controls .composer-protection{display:contents}.workspace .composer-protection>label{grid-column:1;grid-row:1;flex-wrap:nowrap;gap:5px;font-size:11px}.workspace .composer-protection select{max-width:190px;padding:4px 7px;border:1px solid #363636;border-radius:6px;background:#1a1a1a;color:#d6d6d6}.workspace .composer-options{grid-column:2;grid-row:1;justify-content:flex-end;padding:0;gap:8px}.workspace .composer-options>label{font-size:11px;gap:5px}.workspace .composer-options select{max-width:100px;padding:4px 6px}.workspace .composer-secure-actions{gap:2px;flex-wrap:nowrap}.workspace .composer-secure-actions .icon-button{width:28px;height:28px}.workspace .composer-protection-notice{grid-row:2;padding:0 2px 3px;border:0;background:transparent}.workspace .composer-expiry-note,.workspace .composer-protection-notice{grid-column:1/-1;margin:0;font-size:11px;line-height:1.45}.workspace .dm-conversation-intro h1.dm-conversation-name{font-size:clamp(26px,2.5vw,34px);font-weight:600;letter-spacing:-.04em}.workspace .conversation-intro.dm-conversation-intro{display:grid;grid-template-columns:60px minmax(0,1fr);gap:5px 16px;margin:22px 24px 16px;padding:12px 0;border:0;border-radius:0;background:transparent}.workspace .dm-conversation-intro:after{opacity:.04;inset-inline-end:20px;top:18px;width:76px;height:76px}.workspace .dm-conversation-intro>:is(.dm-conversation-avatar,.dm-conversation-group-icon){grid-column:1;grid-row:1/span 2;width:60px;height:60px;margin:0;align-self:start;outline:1px solid #5b5b5b;outline-offset:4px}.workspace .dm-conversation-intro>.dm-conversation-avatar:focus-visible{outline:2px solid #eee;outline-offset:3px}.workspace .dm-conversation-intro .dm-conversation-avatar>.avatar{width:60px;height:60px}.workspace .dm-conversation-intro>.dm-conversation-name{grid-column:2;align-self:end;margin:0;padding-inline-end:30px}.workspace .dm-conversation-intro>p.dm-conversation-username{grid-column:2;margin:0;font-size:12px;color:#b0b0b0}.workspace .dm-conversation-intro>:is(.dm-conversation-start,.bot-intro-about,.bot-intro-card,.bot-intro-privacy){grid-column:1/-1}.workspace .dm-conversation-intro>p.dm-conversation-start{margin-top:14px;font-size:13px}.workspace .dm-conversation-intro>.dm-conversation-profile{grid-column:1/-1;justify-self:start;margin-top:8px;background:#efefef;color:#111;border-color:#efefef}.workspace .bot-intro-card{max-width:none;border:1px solid #414141;border-radius:10px 4px 14px 4px;background:#121212}.workspace .dm-conversation-profile{border-radius:var(--hsi-cut)}.user-profile-banner:not(:has(img)),.workspace .dm-details-banner:not(:has(img)){position:relative;background:linear-gradient(120deg,#252525,#171717);border-bottom:1px solid #343434}.user-profile-banner:not(:has(img)):before,.workspace .dm-details-banner:not(:has(img)):before{content:"";position:absolute;inset-inline:0;top:55%;height:1px;background:linear-gradient(90deg,transparent,#ffffff12,transparent)}.user-profile-banner:not(:has(img)):after,.workspace .dm-details-banner:not(:has(img)):after{content:"";position:absolute;inset-inline-end:20px;top:50%;width:76px;height:76px;transform:translateY(-50%);background:#ddd;opacity:.12;mask:url(/brand/hsi-link.svg) center/contain no-repeat;pointer-events:none}.workspace .dm-details-avatar{border-radius:50%}.workspace .dm-details-avatar .avatar{outline:none}.workspace .dm-details-name{font-family:var(--hsi-display);font-size:22px;font-weight:600;letter-spacing:-.035em}.workspace .dm-details-username{font-family:var(--hsi-caption);font-size:11px;color:#a5a5a5}.workspace .dm-shared-servers{border-top-color:#303030}.workspace .friends-view{padding:0 34px 36px}.workspace .friends-hero{min-height:240px;padding-block:34px;border-bottom:1px solid #454545}.workspace .friends-view .friends-hero .section-kicker{display:flex;gap:9px}.workspace .friends-view .friends-hero h1{font-size:clamp(34px,3.7vw,54px);letter-spacing:-.045em}.friends-hero .hsi-artwork{width:clamp(170px,23vw,320px);opacity:.85}.friends-summary>span{gap:8px}.friends-summary strong{border:1px solid #494949;padding:3px 7px;border-radius:7px 3px 7px 3px}.workspace .friend-tabs button{border-radius:4px 14px 14px 4px}.workspace .friend-tabs button[aria-pressed=true]{color:#111;background:#f2f2f2}.workspace .friend-row{border-radius:0;padding-block:18px}.workspace .friend-name strong{font-family:var(--hsi-display);font-size:13px;font-weight:550}.workspace .friends-tools :is(.friend-add,.system-contacts){border-radius:8px 24px 8px 24px;background:#171717;border-color:#3c3c3c}.workspace .friends-tools .button{border-radius:var(--hsi-cut)}.workspace .friends-empty{border-radius:8px 28px 28px 8px;border-style:solid;border-color:#333}.workspace .friends-empty>svg{border:1px solid #555;border-radius:50%;padding:12px;width:56px;height:56px}.auth-shell{padding:20px;gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#080808}.auth-shell .auth-story{border-radius:32px 6px 6px 32px;background:var(--hsi-paper);min-height:calc(100dvh - 40px);padding:42px clamp(30px,4.8vw,78px) 32px}.auth-wordmark .brand{font-size:44px;gap:16px}.auth-wordmark .brand-mark{width:35px;height:35px}.auth-shell .story-copy{margin-top:62px}.auth-shell .story-copy h1{font-family:var(--hsi-display);font-size:clamp(44px,5.6vw,86px);font-weight:650;letter-spacing:-.05em;line-height:1.08;margin-top:19px}.auth-shell .story-copy h1>span{color:#0a0a0a}.auth-shell .story-copy>p{font-size:14px;line-height:1.8;color:#4a4a4a}.auth-shell .eyebrow{color:#444;letter-spacing:.15em;text-transform:uppercase;font-size:9px}.auth-shell .conversation-drawing{max-width:540px;width:calc(100% + 40px);margin:auto -20px;padding-block:35px}.auth-shell .conversation-drawing .hsi-artwork{color:#0d0d0d}.auth-shell .story-footer{border-color:#aaa;padding-top:18px;color:#444;font-size:9px}.auth-shell .auth-form-panel{border-radius:6px 32px 32px 6px;border:1px solid #3c3c3c;border-inline-start:0;min-height:calc(100dvh - 40px);padding-inline:clamp(25px,4.2vw,68px);background:#121212}.auth-shell .auth-form-wrap{max-width:410px}.auth-shell .auth-form-wrap h2{font-family:var(--hsi-display);font-size:33px;line-height:1.25;font-weight:550;letter-spacing:-.04em}.auth-shell .auth-form-wrap .language-settings{margin-bottom:18px}.auth-shell .auth-tabs{border:0;border-bottom:1px solid #484848;border-radius:0;padding:0 0 8px;background:transparent;gap:6px}.auth-shell .auth-tabs>button{border-radius:var(--hsi-cut)}.auth-shell .auth-methods>button{border-radius:6px 17px 17px 6px}.auth-shell .form-stack input{border-radius:6px 18px 18px 6px;min-height:50px;background:#0b0b0b}.auth-shell .auth-submit{border-radius:6px 22px 22px 6px;min-height:52px}.auth-shell .auth-key-card{border-radius:8px 24px 8px 24px}.auth-shell .auth-key-actions .button{border-radius:var(--hsi-cut)}.user-profile-card{border-radius:16px;border-color:#414141;background:#181818;box-shadow:0 20px 70px #0009}.user-profile-banner{border-radius:15px 15px 0 0;background:#202020}.user-profile-topline{padding-inline:22px}.user-profile-avatar{padding:6px;width:92px;height:92px;margin-top:-38px}.user-profile-avatar .avatar{outline:none}.user-profile-body{padding:14px 22px 20px}.user-profile-identity h2{font-family:var(--hsi-display);font-size:25px;font-weight:600;letter-spacing:-.04em;line-height:1.3}.user-profile-username{font:400 12px/1.7 var(--hsi-caption);color:#aaa}.user-profile-section h3{font-weight:550;font-size:10px;letter-spacing:.09em;color:#aaa}.user-profile-custom-status{padding:8px 0 8px 12px;border:0;border-inline-start:1px solid #777;border-radius:0;background:transparent}.user-profile-body>.button,.user-profile-button,.user-profile-card .button{min-height:40px;border-radius:8px;font-weight:550}.user-profile-button-primary{background:#e8e8e8;border-color:#e8e8e8}.user-profile-role{border-radius:5px;background:#202020}.user-profile-expand{color:#b8b8b8;min-height:40px}.settings-shell{background:#080808;padding:16px;gap:16px}.settings-nav{border:0;border-radius:22px 6px 22px 6px;background:#151515}.settings-nav .brand{font-size:38px}.settings-nav nav button{border-radius:var(--hsi-cut)}.settings-main{border-radius:28px 8px 28px 8px;background:#121212;border-color:#383838}.settings-main h1{font-weight:600;letter-spacing:-.04em}.settings-main .section-kicker{display:inline-flex;gap:9px}.settings-main .profile-card-banner>span{width:45px;height:45px}.settings-main .profile-card-banner>span>svg{width:100%;height:100%}.security-sections .settings-section,.settings-section{border-radius:8px 26px 8px 26px;border-color:#3c3c3c}.settings-shell .button{border-radius:var(--hsi-cut)}.workspace .call-stage{border-radius:0;padding:12px 16px;border-color:#303030;background:#0d0d0d}.workspace .call-stage-heading-icon{width:32px;height:32px;flex-basis:32px;border:1px solid #555;border-block-color:transparent;border-radius:50%;color:#ddd}.workspace .call-stage-heading h3{font:600 13px/1.5 var(--hsi-display);letter-spacing:-.02em}.workspace .call-stage-heading p{font-size:11px;color:#a5a5a5}.workspace .call-stage-tile{border:1px solid #333;border-radius:14px;background:#191919}.workspace .call-stage-tile:not(.call-stage-tile-screen):before{content:"";position:absolute;inset-inline-end:-18px;top:-16px;width:115px;height:115px;mask:url(/brand/hsi-link.svg) center/contain no-repeat;background:#fff;opacity:.025;pointer-events:none}.workspace .call-stage-tile-speaking{border-color:#858585;background:#1d1d1d;box-shadow:none}.workspace .call-stage .avatar-speaking{box-shadow:none}.workspace .call-stage-tile-footer{padding-inline:14px}.workspace .call-stage-person-name{font-family:var(--hsi-display);font-size:12px;letter-spacing:-.015em}.workspace .call-stage-controls{width:fit-content;max-width:100%;min-height:0;margin:12px auto 0;padding:6px 8px;gap:5px;border:1px solid #363636;border-radius:12px;background:#191919}.workspace .call-stage-controls .icon-button{border-radius:7px;border-color:transparent;background:transparent;color:#c9c9c9}.workspace .call-stage-controls .icon-button:hover{background:#303030;color:#fff}.workspace .call-stage-controls .icon-button[aria-pressed=true]{background:#e5e5e5;border-color:#e5e5e5;color:#111}.workspace .call-stage-controls .icon-button.danger{width:48px;flex-basis:48px;margin-inline-start:5px;border-radius:7px;background:#e8e8e8;color:#111}.workspace .call-stage-controls .icon-button.danger:hover{background:#fff}.workspace .voice-person{border-radius:14px;border-color:#333;background:#191919}.workspace .voice-person strong{font-family:var(--hsi-display);font-weight:550;letter-spacing:-.015em}.workspace .voice-person .avatar-speaking{box-shadow:none;outline:none}.workspace .voice-person.voice-person-speaking{border-color:#858585;background:#1d1d1d;box-shadow:none}.workspace .voice-room-symbol{border:1px solid #555;border-block-color:transparent;border-radius:50%;background:transparent}.workspace .voice-dock{border-radius:10px;border-color:#444}.incoming-call-popup{border-radius:30px 8px 30px 8px;background:#121212;border-color:#686868}.incoming-call-name{font-family:var(--hsi-display);letter-spacing:-.05em}.incoming-call-avatar:after,.incoming-call-avatar:before{content:none;display:none}.modal-content{border-radius:26px 8px 26px 8px;border-color:#5c5c5c}.modal-heading h2{font-family:var(--hsi-display);letter-spacing:-.035em;font-weight:550}.dropdown-content{border-radius:10px 18px 10px 18px;padding:6px;border-color:#454545;background:#1b1b1b;box-shadow:0 12px 40px #0008}.dropdown-content,.user-profile-menu{max-height:min(calc(100dvh - 16px),var(--radix-dropdown-menu-content-available-height,100dvh));overflow-y:auto;overscroll-behavior:contain}.dropdown-item{border-radius:5px 10px 10px 5px}.emoji-search input:focus-visible,.quick-switcher-search input:focus-visible,.workspace-search-field>input:focus-visible{outline:none}.mobile-hsi-symbol{display:inline-flex;width:24px;height:24px}.emoji-favorite{min-width:26px;min-height:26px}.emoji-choice{padding-bottom:25px}@media (min-width:701px){.workspace .voice-dock{left:80px;bottom:123px;width:214px;padding:8px;gap:4px}}@media (min-width:801px){.settings-shell .settings-nav{top:16px;height:calc(100dvh - 32px);overflow-y:auto}}@media (max-width:1180px){.settings-shell .settings-preview{grid-row:auto;order:0}}@media (max-width:800px){.settings-main>header{padding-bottom:18px;margin-bottom:22px}.settings-main>header h1{font-size:clamp(24px,6.5vw,30px);line-height:1.2}.settings-main>.language-settings{gap:6px;margin-block:0 24px}.settings-main>.language-settings p{font-size:12px;line-height:1.5}}@media (max-width:1200px){.workspace .members-sidebar{top:52px}.workspace .friends-view{padding-inline:24px}}@media (min-width:701px) and (max-width:1050px){.workspace{padding-inline:10px;gap:10px}.workspace .navigation-panels{flex-basis:276px;gap:10px}.workspace .server-rail{width:56px;flex-basis:56px}.workspace .channel-sidebar{width:210px;flex-basis:210px}.workspace .conversation-header{padding-inline:16px}.workspace .voice-dock{left:76px;width:210px}.friends-hero .hsi-artwork{width:155px}}@media (max-width:700px){.workspace{padding:0;gap:0}.workspace .main-panel{border:0;border-radius:0}.workspace .navigation-panels{padding:10px;gap:10px;background:#080808;width:min(332px,calc(100vw - 24px))}.workspace .server-rail{width:54px;flex-basis:54px;border-radius:20px 6px 20px 6px;padding-block:14px}.workspace .channel-sidebar{flex:1;width:auto;min-width:0;border:1px solid #242424;border-radius:14px 6px 14px 6px}.workspace .sidebar-brand-row{top:10px;right:10px}.workspace .channel-sidebar:has(.server-header-with-banner) .sidebar-brand-row{top:16px;right:16px;min-height:32px}.workspace .channel-sidebar:has(.server-header-with-banner) .mobile-close{width:32px;height:32px;margin:0;border-radius:8px;background:#080808c9;color:#fff}.workspace .dm-search-bar{margin:9px 33px 0 3px}.workspace .workspace-search-field>input{font-size:16px;height:41px}.workspace .conversation-header{min-height:60px;height:60px;padding-inline:10px;gap:6px}.workspace .conversation-header>.mobile-menu{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;width:44px;height:36px;margin-inline-end:3px;background:#242424;color:#eee;border-radius:8px;flex-shrink:0}.workspace .mobile-menu .mobile-hsi-symbol{width:21px;height:21px}.workspace .conversation-header .header-title h2{font-size:13px}.workspace .conversation-header>.header-channel-icon:has(>svg){width:auto;height:auto;border:0;border-radius:0;background:transparent}.workspace .connection-status{padding:0;border:0;background:transparent}.workspace .members-sidebar{top:60px}.workspace .conversation-intro{padding:22px 18px 16px}.workspace .conversation-intro:after{width:85px;height:85px;inset-inline-end:20px;top:20px}.workspace .conversation-intro h1,.workspace .dm-conversation-intro h1.dm-conversation-name{font-size:27px;line-height:1.3;letter-spacing:-.04em}.workspace .channel-conversation-intro{margin:22px 14px 16px;padding:4px 0;gap:10px}.workspace .channel-conversation-intro>.conversation-icon{flex-basis:32px;width:32px;height:32px;border-radius:8px}.workspace .channel-conversation-intro>.conversation-icon>svg{width:23px;height:23px}.channel-intro-copy{padding-inline-end:0}.workspace .channel-intro-copy h1{font-size:23px;line-height:1.2;letter-spacing:-.045em}.workspace .channel-intro-copy .section-kicker{font-size:9px;letter-spacing:.06em;gap:5px}.workspace .channel-intro-copy>p{font-size:11px}.workspace .conversation-intro.dm-conversation-intro{margin:16px 18px;padding:12px 0;grid-template-columns:46px minmax(0,1fr);column-gap:13px}.workspace .dm-conversation-intro .dm-conversation-avatar>.avatar,.workspace .dm-conversation-intro>:is(.dm-conversation-avatar,.dm-conversation-group-icon){width:46px;height:46px}.workspace .dm-conversation-intro>.dm-conversation-name{padding-inline-end:0;font-size:25px}.workspace .dm-conversation-intro:after{width:54px;height:54px}.workspace .message-row{padding-inline:14px;gap:10px}.workspace .message-mentioned{padding-inline-start:12px}.workspace .message-byline>button{font-size:13px}.workspace .message-main>.markdown{font-size:15px}.workspace .date-separator{margin-inline:14px}.workspace .date-separator>span{padding:2px 8px;font-size:10px}.workspace .category-heading>.category-add{width:34px;min-width:34px;height:34px}.workspace .composer-area{padding:4px 10px max(7px,env(safe-area-inset-bottom))}.workspace .composer-input-row{min-height:48px;padding:5px 8px;gap:5px}.workspace .composer-controls{column-gap:7px}.workspace .composer-protection select{max-width:140px}.workspace .composer-temporary-toggle{min-height:32px}.workspace .composer-temporary-toggle>span{display:none}.workspace .composer-secure-actions .icon-button{width:32px;height:32px}.workspace .composer textarea{font-size:16px}.workspace .send-button{width:36px;height:36px;border-radius:7px}.workspace .friends-view{padding-inline:18px}.workspace .friends-hero{min-height:224px}.workspace .friends-view .friends-hero h1{font-size:38px}.workspace .friends-hero>div{width:100%}.workspace .friend-tabs button{min-height:42px}.workspace .friends-tools :is(.friend-add,.system-contacts){padding:18px}.workspace .call-stage{padding:10px}.workspace .call-stage-tile{border-radius:10px}.workspace .call-stage-controls{padding:5px;gap:3px}.workspace .call-stage-controls .icon-button.danger{width:44px;flex-basis:44px;margin-inline-start:2px}.settings-shell{padding:0;gap:0}.settings-main,.settings-nav{border-radius:0}.settings-section{padding:20px}.auth-shell{padding:10px;background:#080808}.auth-shell .auth-form-panel{border:1px solid #444;border-radius:28px 8px 28px 8px;padding:26px 20px;min-height:calc(100dvh - 20px)}.auth-shell .auth-mobile-brand{padding-bottom:24px;border-bottom:1px solid #444;margin-bottom:22px}.auth-shell .auth-mobile-brand .brand{font-size:46px;gap:15px}.auth-shell .auth-mobile-brand .brand-mark{width:34px;height:34px}.auth-shell .auth-form-wrap h2{font-size:29px}.auth-shell .auth-methods{gap:6px}.auth-shell .auth-methods>button{font-size:11px}.auth-shell .form-stack input{font-size:16px}}@media (max-width:640px){.user-profile-card,.user-profile-expanded{border-radius:18px 18px 0 0}.user-profile-banner{border-radius:17px 17px 0 0}.user-profile-close{width:40px;height:40px}}@media (max-height:500px){.workspace .server-rail{padding-block:8px;gap:5px}.workspace .rail-actions{gap:4px;padding-top:5px}.workspace .rail-bottom{display:none}.modal-content.emoji-picker{padding:14px}.emoji-picker .modal-heading{margin-bottom:12px;padding-bottom:10px}.emoji-picker .modal-heading h2{font-size:21px}.emoji-picker .emoji-categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.emoji-picker .emoji-categories button{flex-shrink:0}}@media (min-width:701px){.workspace{padding:0;gap:0;--hsi-desktop-rail-width:60px}.workspace .navigation-panels{flex:0 0 auto;gap:0}.workspace .server-rail{border:0;border-radius:0;box-shadow:none}.workspace .channel-sidebar{margin-block-start:4px;border:0;border-inline-end:1px solid #282828;border-radius:0;border-start-start-radius:20px;background:#141414}.workspace .main-panel{margin-block-start:4px;border:0;border-radius:0;border-start-end-radius:16px}.workspace>.announcement-banner{border:0;border-bottom:1px solid #3b3b3b;border-radius:0}.workspace .voice-dock{left:auto;right:auto;inset-inline-start:var(--hsi-desktop-rail-width);bottom:115px}}@media (min-width:701px) and (max-width:1050px){.workspace{--hsi-desktop-rail-width:56px}}@media (prefers-reduced-motion:reduce){.workspace :is(.rail-scroll-control,.composer){transition:none}}@media (max-width:380px){.workspace .conversation-header{padding-inline:7px;gap:4px}.workspace .conversation-header>.mobile-menu{width:40px;min-width:40px;gap:2px;margin-inline-end:0}.workspace .friends-view{padding-inline:12px}.workspace .friends-view .friends-hero h1{font-size:34px}.workspace .composer-input-row{gap:3px}.auth-shell .auth-form-panel{padding-inline:15px}}.workspace .friends-view{padding:24px 26px 32px;background:#121212;scroll-padding-block:20px}.workspace .friends-view>*{max-width:1180px}.workspace .friends-view .friends-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.65fr);gap:22px;min-height:220px;padding:28px 32px;margin-bottom:24px;border:1px solid #fff;border-radius:22px 6px 28px 6px;background:#ededed;color:#141414;overflow:hidden;isolation:isolate}.workspace .friends-view .friends-hero>div{width:auto;min-width:0}.workspace .friends-view .friends-hero .section-kicker{color:#595959;font-size:9px}.workspace .friends-view .friends-hero h1{margin:12px 0 10px;color:#111;font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.065em}.workspace .friends-view .friends-hero p{max-width:360px;color:#505050;font-size:13px;line-height:1.7}.workspace .friends-view .friends-hero .hsi-artwork{width:100%;max-width:290px;color:#171717;opacity:1;justify-self:end}.workspace .friends-view .friends-summary{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:20px}.workspace .friends-view .friends-summary>span{color:#505050;gap:7px;font-size:11px}.workspace .friends-view .friends-summary strong{color:#111;background:#fff8;border:1px solid #bdbdbd;border-radius:5px;min-width:24px;padding:3px 7px;text-align:center}.workspace .friends-view .friends-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,292px);gap:20px}.workspace .friends-view .friends-directory{min-width:0;padding:18px;border:1px solid #363636;border-radius:16px 5px 22px 5px;background:#171717}.workspace .friends-view .friend-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 0 16px;margin:0 0 6px;border-bottom:1px solid #353535}.workspace .friends-view .friend-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:38px;padding:8px 5px;border:1px solid transparent;border-radius:7px 3px 7px 3px;color:#b8b8b8;background:transparent;font-size:12px}.workspace .friends-view .friend-tabs button:hover{background:#242424;color:#fff}.workspace .friends-view .friend-tabs button[aria-pressed=true]{border-color:#f0f0f0;color:#111;background:#f0f0f0}.workspace .friends-view .friend-tabs span{font-size:10px;color:inherit}.workspace .friends-view .friend-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:86px;padding:15px 4px;border-bottom:1px solid #303030;border-radius:0}.workspace .friends-view .friend-row:last-child{border-bottom:0}.workspace .friends-view .friend-row:hover{background:#ffffff03}.workspace .friends-view .friend-name{min-width:0;width:100%;flex-basis:auto}.workspace .friends-view .friend-name strong{font-size:14px;letter-spacing:-.025em}.workspace .friends-view .friend-name small{color:#aaa;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.workspace .friends-view .friend-presence{color:#bdbdbd;font-size:11px}.workspace .friends-view .friend-avatar-button{border-radius:50%;outline:1px solid #494949;outline-offset:3px}.workspace .friends-view .friend-avatar-button:focus-visible{outline:2px solid #eee;outline-offset:3px}.workspace .friends-view .friend-row>.icon-button{width:32px;height:32px;flex-shrink:0;border-radius:8px}.workspace .friends-view .friend-row>.icon-button:not(.danger){background:#282828;color:#e5e5e5}.workspace .friends-view .friend-row>.icon-button:hover{background:#3a3a3a}.workspace .friends-view .friends-empty{min-height:225px;padding:30px 16px;border:0;border-radius:0;background:transparent}.workspace .friends-view .friends-empty>svg{width:50px;height:50px;padding:12px;border:1px solid #636363;border-block-color:#363636;color:#bcbcbc}.workspace .friends-view .friends-empty h2{color:#e5e5e5;font-size:17px;font-weight:500;letter-spacing:-.03em}.workspace .friends-view .friends-empty p{font-size:12px;color:#aaa}.workspace .friends-view .friends-tools{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:16px}.workspace .friends-view .friends-tools :is(.friend-add,.system-contacts){min-width:0;padding:20px;border:1px solid #393939;border-radius:14px 5px 20px 5px;background:#191919}.workspace .friends-view .friends-tools>.friend-add:first-child{border-top:2px solid #c9c9c9}.workspace .friends-view .friend-add>label,.workspace .friends-view .system-contacts>h2{color:#eee;font-family:var(--hsi-display);font-size:13px;font-weight:550;letter-spacing:-.02em}.workspace .friends-view .friend-add>div{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:10px}.workspace .friends-view .friend-add input{display:block;width:100%;min-width:0;max-width:100%;min-height:42px;box-sizing:border-box;padding:10px 12px;border:1px solid #4a4a4a;border-radius:7px;background:#101010;color:#eee;font-size:13px;scroll-margin-block:24px}.workspace .friends-view .friend-add input::placeholder{color:#a3a3a3}.workspace .friends-view .friend-add input:focus{border-color:#c5c5c5;outline-offset:2px}.workspace .friends-view .friends-tools .button{width:100%;min-width:0;min-height:38px;justify-content:center;padding:9px 10px;border-radius:7px 3px 10px 3px;white-space:normal;font-size:12px}.workspace .friends-view .system-contact-card{grid-template-columns:34px minmax(0,1fr);padding-top:16px}.workspace .friends-view .system-contact-description{min-width:0}.workspace .friends-view .system-contact-description p{font-size:12px;color:#b5b5b5}.workspace .friends-view .system-contact-card>.button{grid-column:1/-1;margin-top:4px;background:#262626;border-color:#535353}.workspace .friends-view .bot-open{font-size:12px}.workspace .friends-view .bot-open p{line-height:1.6}@media (max-width:1180px){.workspace .friends-view{padding:20px}.workspace .friends-view .friends-hero{padding:24px;grid-template-columns:minmax(0,1fr) 170px}.workspace .friends-view .friends-grid{grid-template-columns:minmax(0,1fr)}.workspace .friends-view .friends-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.workspace .friends-view{padding:16px 12px 28px}.workspace .friends-view .friends-hero{display:block;min-height:0;padding:22px;margin-bottom:16px;border-radius:18px 5px 22px 5px}.workspace .friends-view .friends-hero>div{position:relative;z-index:1}.workspace .friends-view .friends-hero h1{font-size:39px;margin-top:10px}.workspace .friends-view .friends-hero p{max-width:260px;font-size:12px}.workspace .friends-view .friends-hero .hsi-artwork{position:absolute;width:210px;max-width:none;inset-inline-end:-60px;top:-8px;opacity:.065;z-index:0;pointer-events:none}.workspace .friends-view .friends-summary{margin-top:16px}.workspace .friends-view .friends-grid{gap:16px}.workspace .friends-view .friends-directory{padding:14px}.workspace .friends-view .friend-tabs button{font-size:11px;min-height:40px}.workspace .friends-view .friend-row{gap:8px}.workspace .friends-view .friends-tools{grid-template-columns:minmax(0,1fr)}.workspace .friends-view .friend-add input{font-size:16px}.workspace .friends-view .friends-tools .button{min-height:42px}.workspace .friends-view .friend-row>.button{margin:0;padding:7px;font-size:11px}.workspace .friends-view .friend-row:has(>.button){grid-template-columns:auto minmax(0,1fr) 32px}.workspace .friends-view .friend-row>.button{grid-column:2/-1;grid-row:2;justify-self:start}.workspace .friends-view .friend-row:has(>.button)>.icon-button{grid-column:3;grid-row:1}}@media (max-width:380px){.workspace .friends-view .friends-hero{padding:20px 17px}.workspace .friends-view .friends-hero h1{font-size:35px}.workspace .friends-view .friends-directory{padding-inline:10px}.workspace .friends-view .friend-row{grid-template-columns:32px minmax(0,1fr) auto auto;gap:6px}.workspace .friends-view .friend-avatar-button>.avatar{width:32px;height:32px}.workspace .friends-view .friend-name strong{font-size:13px}}.workspace{flex-direction:column}.workspace-content{display:flex;flex:1 1 0;min-width:0;min-height:0;gap:inherit}.announcement-banner{display:flex;align-items:center;gap:11px;flex:0 0 auto;min-width:0;padding:8px 10px;border:1px solid #3b3b3b;border-inline-start:2px solid #bdbdbd;border-radius:8px 16px 16px 8px;background:#1b1b1b;color:#eeeeee}.announcement-banner-mark{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #494949;border-radius:50%;color:#d6d6d6}.announcement-banner-copy{flex:1;min-width:0}.announcement-banner-text{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}.announcement-banner-text[data-expanded=false]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.announcement-banner-toggle{display:block;min-height:28px;margin-top:2px;padding:3px 0;color:#dedede;font-size:11px;line-height:1.4;text-align:start;text-decoration:underline;text-underline-offset:3px}.announcement-banner-toggle:hover{color:#fff}.announcement-banner-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 1 auto;min-width:0;max-width:200px;min-height:32px;padding:5px 9px;color:#171717;background:#ededed;border:1px solid #ededed;border-radius:6px 11px 11px 6px;font-size:12px;font-weight:600;line-height:1.5}.announcement-banner-link>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.announcement-banner-link:hover{color:#080808;background:#fff;border-color:#fff}.announcement-banner-link svg{flex-shrink:0}.announcement-banner-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;color:#bdbdbd}.announcement-banner-close:hover{background:#333;color:#fff}.announcement-banner :is(a,button):focus-visible{outline:2px solid #f5f5f5;outline-offset:3px}.admin-banner-panel{min-width:0;margin-bottom:32px;padding:24px;border:1px solid #414141;border-radius:20px 8px 20px 8px;background:#121212}.admin-banner-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.admin-banner-heading>svg{flex-shrink:0;margin-top:2px}.admin-banner-heading>div{flex:1;min-width:0}.admin-banner-heading h2{font-size:18px;line-height:1.4}.admin-banner-heading p{color:#aaa;font-size:13px;line-height:1.65;margin:6px 0 0}.admin-banner-preview{min-width:0;display:grid;gap:12px}.admin-banner-preview>span{font-size:12px;color:#bbb}.admin-banner-panel .admin-success{margin-top:18px;margin-bottom:0}.admin-banner-panel .admin-help{font-size:12px;line-height:1.65}@media (max-width:700px){.workspace>.announcement-banner{border-radius:0;border:0;border-bottom:1px solid #404040}.announcement-banner{display:grid;grid-template-columns:22px minmax(0,1fr) 32px;align-items:start;gap:4px 8px;padding:8px 10px}.announcement-banner-mark{grid-column:1;grid-row:1;width:22px;height:22px;margin-top:3px}.announcement-banner-copy{grid-column:2;grid-row:1;padding-top:3px}.announcement-banner-text{font-size:12px}.announcement-banner-toggle{min-height:32px}.announcement-banner-close{grid-column:3;grid-row:1;width:32px;height:32px}.announcement-banner-link{grid-column:2;grid-row:2;justify-self:start;max-width:100%}.admin-banner-panel{padding:18px}.admin-banner-heading{flex-wrap:wrap}}.group-create-page{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;height:100%;background:#111;color:#f4f4f4}.group-create-topbar{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:58px;padding:10px 28px;border-bottom:1px solid #292929}.group-create-back{display:inline-flex;align-items:center;gap:9px;padding:8px 0;background:none;border:0;color:#bbb;font-size:13px;text-align:start;cursor:pointer}.group-create-back:hover{color:#fff}.group-create-back:disabled{opacity:.5;cursor:wait}.group-create-private{display:flex;align-items:center;gap:7px;margin-inline-start:auto;color:#999;font-size:12px;white-space:nowrap}.group-create-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.group-create-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:36px clamp(20px,3.4vw,60px) 28px;scrollbar-width:thin;scrollbar-color:#414141 transparent}.group-create-heading{display:flex;align-items:center;gap:17px;width:100%;max-width:1020px;margin:0 auto 32px}.group-create-symbol{display:grid;place-items:center;flex:0 0 54px;height:54px;border:1px solid #393939;border-radius:14px;background:#1d1d1d;color:#f4f4f4}.group-create-heading h1{margin:0;font-size:clamp(24px,2.5vw,32px);font-weight:700;line-height:1.2;letter-spacing:-1px;outline:none}.group-create-heading p{margin:8px 0 0;font-size:14px;line-height:1.55;color:#a6a6a6}.group-create-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(225px,290px);align-items:start;gap:clamp(20px,3vw,44px);max-width:1020px;margin:auto}.group-create-fields{display:flex;flex-direction:column;min-width:0;gap:28px}.group-create-name label,.group-create-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:14px;font-weight:600}.group-create-name label span,.group-create-section-title>span{color:#929292;font-size:12px;font-weight:400;white-space:nowrap}.group-create-page input:not([type=checkbox]){width:100%;min-width:0;height:44px;border:1px solid #353535;border-radius:8px;background:#1a1a1a;color:#f2f2f2;padding:11px 13px;font-size:14px;line-height:20px;box-shadow:none}.group-create-page input::placeholder{color:#909090;opacity:1}.group-create-page input:not([type=checkbox]):focus{border-color:#777;outline:2px solid #c4c4c4;outline-offset:2px}.group-create-section-title h2{margin:0;font:inherit;letter-spacing:0}.group-create-search{display:flex;align-items:center;gap:10px;border:1px solid #353535;border-radius:8px;background:#171717;padding-inline:12px;color:#999;margin-bottom:10px}.group-create-search>svg{flex-shrink:0}.group-create-page .group-create-search input{background:transparent;border:0;border-radius:0;box-shadow:none;padding:11px 0;outline:none}.group-create-search:focus-within{border-color:#777;outline:2px solid #c4c4c4;outline-offset:2px}.group-create-search .icon-button{flex-shrink:0;width:28px;height:28px}.group-create-page .group-contact-list{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow:auto;overscroll-behavior:contain;padding:3px;margin:0 -3px;border:0;background:transparent;scrollbar-width:thin;scrollbar-color:#444 transparent}.group-create-page .group-contact{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;font-weight:400}.group-create-page .group-contact:hover{background:#1b1b1b}.group-create-page .group-contact[data-selected]{background:#242424;border-color:#3b3b3b}.group-create-page .group-contact[data-disabled]{opacity:.55;cursor:not-allowed}.group-create-page .group-contact:has(>input:focus-visible){outline:2px solid #ddd;outline-offset:1px}.group-create-page .group-contact>input{position:absolute;inset:0;z-index:1;opacity:0;width:100%;height:100%;margin:0;padding:0;cursor:inherit}.group-create-page .group-contact>.avatar{flex-shrink:0}.group-create-person{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}.group-create-person strong{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600;overflow-wrap:anywhere}.group-create-page .group-contact small{display:block;color:#aaa;font-size:12px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}.group-create-check{display:grid;place-items:center;flex:0 0 20px;height:20px;border:1px solid #555;border-radius:6px;color:#111}.group-contact[data-selected] .group-create-check{background:#f1f1f1;border-color:#f1f1f1}.group-create-empty{display:flex;align-items:center;flex-direction:column;gap:9px;padding:30px 16px;text-align:center;color:#929292}.group-create-empty strong{color:#c9c9c9;font-size:13px;font-weight:500}.group-create-empty p{margin:0;max-width:310px;font-size:13px;line-height:1.6}.group-create-page .permission-note{margin:14px 0 0;border-radius:8px;background:#1b1b1b;border:1px solid #343434;color:#bcbcbc;font-size:12px;line-height:1.6}.group-create-summary{position:sticky;top:0;min-width:0;border:1px solid #333;border-radius:12px;background:#181818;padding:20px}.group-create-summary-title{display:flex;align-items:center;gap:11px}.group-create-summary-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#efefef;border-radius:10px;color:#181818}.group-create-summary-title>strong{flex:1;min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.45}.group-create-count{flex-shrink:0;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.group-create-count span{color:#8f8f8f;font-weight:400;font-size:12px;margin-inline-start:2px}.group-create-summary>p{font-size:12px;color:#aaa;line-height:1.6;margin:14px 0}.group-create-owner,.group-create-selected>li{display:flex;align-items:center;gap:10px;min-width:0;min-height:54px;padding:7px 0}.group-create-owner>span:not(.avatar),.group-create-selected>li>span:not(.avatar){flex:1;min-width:0}.group-create-owner strong,.group-create-selected strong{display:block;font-size:13px;overflow-wrap:anywhere}.group-create-owner small,.group-create-selected small{display:block;margin-top:3px;color:#969696;font-size:11px;overflow-wrap:anywhere}.group-create-owner .avatar,.group-create-selected .avatar{flex-shrink:0}.group-create-selected{list-style:none;padding:0;margin:0;max-height:310px;overflow:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}.group-create-selected .icon-button{flex:0 0 30px;width:30px;height:30px;border-radius:6px}.group-create-selection-hint{padding:14px 0;border-top:1px solid #303030}.group-create-privacy{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #303030;padding-top:15px;margin-top:14px;color:#9d9d9d}.group-create-privacy svg{flex-shrink:0;margin-top:2px}.group-create-privacy p{margin:0;font-size:12px;line-height:1.6}.group-create-footer{flex-shrink:0;padding:16px clamp(20px,3.4vw,60px);border-top:1px solid #303030;background:#141414}.group-create-footer .error-notice{max-width:1020px;margin:0 auto 12px}.group-create-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1020px;margin:auto}.group-create-footer-actions>span{color:#aaa;font-size:13px}.group-create-footer .button-primary{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:14px;min-height:44px;padding:11px 19px;border:1px solid #eee;border-radius:8px;background:#f2f2f2;color:#171717;box-shadow:none;font-size:14px;font-weight:600;line-height:20px}.group-create-footer .button-primary:hover:not(:disabled){background:#fff;border-color:#fff;transform:none}.group-create-footer .button-primary:disabled{background:#272727;border-color:#383838;color:#939393;opacity:1;cursor:not-allowed}.group-create-page button:focus-visible{outline:2px solid #eee;outline-offset:3px}@media(max-width:1150px){.group-create-scroll{padding:26px 22px}.group-create-layout{gap:22px;grid-template-columns:minmax(0,1fr) 230px}.group-create-summary{padding:16px}.group-create-summary-title{flex-wrap:wrap}.group-create-summary-title>strong{flex-basis:calc(100% - 60px)}.group-create-count{margin-inline-start:auto}}@media(max-width:900px){.group-create-layout{grid-template-columns:minmax(0,1fr)}.group-create-summary{position:static}.group-create-summary-title{flex-wrap:nowrap}.group-create-summary-title>strong{flex-basis:auto}.group-create-summary-icon{flex-basis:38px;height:38px}.group-create-selected{max-height:190px}.group-create-heading{margin-bottom:26px}}@media(max-width:700px){.group-create-topbar{min-height:52px;padding:8px 14px;gap:9px}.group-create-back{font-size:12px;gap:7px}.group-create-private{display:none}.group-create-scroll{padding:24px 18px}.group-create-heading{align-items:flex-start;gap:12px}.group-create-symbol{flex-basis:42px;height:42px;border-radius:11px}.group-create-symbol svg{width:21px}.group-create-heading h1{font-size:25px;letter-spacing:-.7px}.group-create-heading p{font-size:13px;line-height:1.6;margin-top:7px}.group-create-fields{gap:24px}.group-create-page input:not([type=checkbox]){font-size:16px}.group-create-page .group-contact-list{max-height:270px}.group-create-footer{padding:12px 18px max(12px,env(safe-area-inset-bottom))}.group-create-footer-actions{gap:10px}.group-create-footer-actions>span{font-size:11px;line-height:1.5;max-width:130px}.group-create-footer .button-primary{gap:10px;padding:11px 14px;font-size:13px}.group-create-page .group-contact{min-height:62px;padding:10px 8px}}@media(max-width:350px){.group-create-scroll{padding-inline:14px}.group-create-footer-actions>span{display:none}.group-create-footer .button-primary{width:100%}.group-create-section-title{gap:6px}.group-create-section-title>span{font-size:11px}}.conversation-body:has(>.group-members-panel){position:relative}.group-members-panel{display:flex;flex:0 0 340px;flex-direction:column;min-width:0;min-height:0;width:340px;max-width:100%;border-inline-start:1px solid #303030;background:#151515;color:#eee}.group-members-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;padding:18px;border-bottom:1px solid #303030}.group-members-header>div{min-width:0}.group-members-header h2{font-size:15px;line-height:1.4;letter-spacing:0;margin:0;outline:none}.group-members-header p{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0}.group-members-header .icon-button{flex-shrink:0;border-radius:7px;width:32px;height:32px}.group-members-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:18px;scrollbar-width:thin;scrollbar-color:#444 transparent}.group-members-panel .group-editor{display:flex;flex-direction:column;gap:18px}.group-members-panel .group-summary{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none}.group-members-panel .group-summary>.group-avatar{display:none}.group-members-panel .group-summary>strong{font-size:13px;flex:1;min-width:0;overflow-wrap:anywhere}.group-members-panel .group-summary>span:last-child{font-size:12px;color:#bbb;font-variant-numeric:tabular-nums}.group-members-panel .group-member-list{display:flex;flex-direction:column;gap:4px;max-height:none;overflow:visible;border:0;background:none;padding:0}.group-members-panel .group-member{display:flex;align-items:center;gap:8px;min-width:0;padding:0;min-height:52px;border:0}.group-member-profile{display:flex;align-items:center;gap:10px;min-width:0;flex:1;background:none;border:0;color:#eee;border-radius:7px;padding:7px 5px;text-align:start;cursor:pointer}.group-member-profile:hover{background:#232323}.group-member-profile>.avatar{flex-shrink:0}.group-member-profile>span:not(.avatar){flex:1;min-width:0}.group-member-profile .group-contact-name{font-size:13px;font-weight:600;overflow-wrap:anywhere}.group-member-profile small{display:block;margin-top:3px;font-size:11px;color:#999;overflow-wrap:anywhere}.group-members-panel .group-member>.icon-button{flex:0 0 28px;width:28px;height:28px;border-radius:6px}.group-members-panel .group-member>svg{flex-shrink:0;color:#aaa}.group-members-panel .form-stack{display:flex;flex-direction:column;gap:14px;border-top:1px solid #303030;padding-top:18px;margin:0}.group-members-panel label{font-size:12px;line-height:1.5;color:#bbb;min-width:0}.group-members-panel input:not([type=checkbox]){box-sizing:border-box;display:block;width:100%;min-width:0;min-height:42px;border:1px solid #3a3a3a;background:#1d1d1d;color:#eee;padding:10px 11px;margin-top:7px;border-radius:7px;font-size:13px}.group-members-panel input::placeholder{color:#939393}.group-members-panel .button{border-radius:7px;min-height:38px;font-size:12px;white-space:normal;line-height:1.5;box-shadow:none}.group-members-panel .button-primary{background:#eee;border:1px solid #eee;color:#171717}.group-members-panel .button-primary:disabled{background:#282828;border-color:#393939;color:#999;opacity:1}.group-members-panel .group-contact-list{display:flex;flex-direction:column;max-height:240px;overflow:auto;gap:4px;border:0;background:none;padding:0;scrollbar-width:thin;scrollbar-color:#444 transparent}.group-members-panel .group-contact{display:flex;flex-direction:row;flex-shrink:0;justify-content:flex-start;text-align:start;font-weight:400;align-items:center;gap:8px;min-width:0;min-height:48px;border:0;background:transparent;padding:7px 4px;border-radius:6px;cursor:pointer}.group-members-panel .group-contact:hover{background:#252525}.group-members-panel .group-contact>input{width:16px;height:16px;flex:0 0 16px;accent-color:#eee}.group-members-panel .group-contact>.avatar{flex-shrink:0}.group-members-panel .group-contact>span:not(.avatar){flex:1;min-width:0;overflow-wrap:anywhere}.group-members-panel .group-contact small{display:block;font-size:11px;color:#969696;overflow-wrap:anywhere}.group-members-panel .muted,.group-members-panel .permission-note{color:#aaa;font-size:12px;line-height:1.6}.group-members-panel :is(button,input):focus-visible{outline:2px solid #eee;outline-offset:2px}@media(max-width:1100px){.group-members-panel{position:absolute;z-index:24;inset-block:0;inset-inline-end:0;box-shadow:-15px 0 35px #0005}}@media(max-width:700px){.group-members-panel{width:100%;border-inline-start:0;box-shadow:none}.group-members-scroll{padding-bottom:max(18px,env(safe-area-inset-bottom))}.group-members-panel input:not([type=checkbox]){font-size:16px}.group-members-panel .button{min-height:44px}}@media(max-width:700px){.conversation-body:has(>.group-members-panel)>.conversation-main{display:none}.group-members-panel{position:static;flex:1 1 auto;min-height:0}}.group-members-panel .error-notice{margin:0;font-size:12px}.presence-online{--presence-color:#43c982}.presence-idle,.presence-online{background:var(--presence-color)}.presence-idle{--presence-color:#f0be4d}.presence-dnd{--presence-color:#f26770}.presence-dnd,.presence-offline{background:var(--presence-color)}.presence-offline{--presence-color:#959ba5}.presence-indicator.presence-device{border-radius:4px;background:transparent}.avatar .online-dot.presence-device,.presence-indicator.presence-device{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--presence-color)}.avatar .online-dot.presence-device{right:-3px;bottom:-3px;border:2px solid var(--presence-cutout,#141414);border-radius:5px;background:var(--presence-cutout,#141414)}.presence-device svg{display:block;width:100%;height:100%;flex-shrink:0}.online-dot.presence-device:after,.presence-indicator.presence-device:after{content:none;display:none}.user-profile-avatar .avatar .online-dot.presence-device{width:25px;height:25px;border-width:3px;border-radius:7px;right:0;bottom:0;--presence-cutout:#181818}.call-stage .avatar>.online-dot.presence-device,.incoming-call-avatar .avatar .online-dot.presence-device,.incoming-call-mini .avatar .online-dot.presence-device,.mention-suggestion-avatar .online-dot.presence-device,.workspace .rail-message-notification .online-dot.presence-device{display:none}.conversation-retention{margin:20px 0;padding:16px 0;border-block:1px solid #ffffff14;font-size:12px}.dm-details-panel>.conversation-retention{margin-inline:16px}.contact-verification-settings h2,.conversation-retention h3{display:flex;align-items:center;gap:8px}.conversation-retention h3{font-size:13px;margin:0 0 14px}.contact-verification-body p,.conversation-retention p{color:#aaa;font-size:12px;line-height:1.6;margin:10px 0}.retention-toggle{display:flex;align-items:center;gap:9px}.retention-toggle input{width:16px;height:16px;accent-color:#eee}.retention-hours{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:8px;margin-top:12px}.retention-hours small{grid-column:1/-1;color:#aaa}.retention-hours input{min-width:0;width:64px;padding:8px;border-radius:6px;background:#191919;border:1px solid #383838;color:#eee}.retention-notice{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:5px 16px;color:#aaa;font-size:11px;border-bottom:1px solid #ffffff0a}.contact-verification-panel{font-size:11px;color:#aaa;margin-bottom:5px}.contact-verification-panel summary{display:flex;align-items:center;gap:6px;cursor:pointer;width:fit-content;padding:4px 0}.contact-verification-panel summary:hover{color:#fff}.contact-verification-body{padding:12px;max-height:min(320px,40dvh);overflow-y:auto;background:#181818;border:1px solid #303030;border-radius:8px}.contact-verification-body label{display:grid;gap:6px;margin:10px 0;color:#ddd}.contact-verification-body input,.contact-verification-body select{width:100%;min-width:0;padding:8px;border-radius:6px;background:#111;color:#eee;border:1px solid #383838}.verification-fingerprint{display:block;user-select:all;overflow-wrap:anywhere;font-size:12px;color:#eee}.contact-verification-panel :focus-visible,.conversation-retention :focus-visible{outline:2px solid #ddd;outline-offset:3px}.panel-resize-handle{display:none}@media(min-width:701px){.workspace .navigation-panels{position:relative}.workspace .channel-sidebar{flex-basis:var(--workspace-navigation-width);min-width:0}.workspace .channel-sidebar,.workspace .voice-dock{width:var(--workspace-navigation-width)}.workspace .conversation-body{position:relative}.workspace .group-members-panel,.workspace .members-sidebar{width:var(--workspace-details-width);flex-basis:var(--workspace-details-width);min-width:0}.panel-resize-handle{display:block;position:absolute;z-index:35;inset-block:0;width:8px;cursor:col-resize;touch-action:none;user-select:none;outline:none}.panel-resize-navigation{inset-inline-end:-4px}.panel-resize-details{inset-inline-end:calc(var(--workspace-details-width) - 4px)}.panel-resize-handle:before{content:"";position:absolute;inset-block:0;inset-inline-start:3px;width:2px;background:transparent;transition:background .15s}.panel-resize-handle>span{position:absolute;inset-inline-start:1px;top:50%;width:6px;height:32px;transform:translateY(-50%);border:1px solid #555;border-radius:4px;background:#202020;opacity:0;transition:opacity .15s}.panel-resize-handle.is-resizing:before,.panel-resize-handle:focus-visible:before,.panel-resize-handle:hover:before{background:#aaa}.panel-resize-handle.is-resizing>span,.panel-resize-handle:focus-visible>span,.panel-resize-handle:hover>span{opacity:1}.panel-resize-handle:focus-visible>span{outline:2px solid #fff;outline-offset:2px}.workspace-is-resizing,.workspace-is-resizing *{cursor:col-resize!important;user-select:none!important}}@media(min-width:701px) and (max-width:1200px){.workspace .group-members-panel,.workspace .members-sidebar{position:absolute;inset-block:0;left:auto;right:auto;inset-inline-end:0;z-index:25;box-shadow:-15px 0 35px #0005}}@media(prefers-reduced-motion:reduce){.panel-resize-handle:before,.panel-resize-handle>span{transition:none}}.startup-loader{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:32px;color:#f5f5f5;background:#080808}.startup-loader-content{display:flex;flex-direction:column;align-items:center;gap:30px}.startup-loader-logo{display:block;width:80px;height:80px;animation:hsi-startup-pulse 1.8s ease-in-out infinite}.startup-loader-spinner{color:#888;animation:hsi-startup-spin 1s linear infinite}@keyframes hsi-startup-pulse{0%,to{transform:scale(.9);opacity:.65}50%{transform:scale(1.08);opacity:1}}@keyframes hsi-startup-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.startup-loader-logo,.startup-loader-spinner{animation:none}}.attachment-audio-player{width:100%;min-width:0;display:grid;gap:10px;padding:12px;border-radius:10px;background:#222;color:#eee}.attachment-audio-player audio[hidden]{display:none}.audio-player-main{display:flex;align-items:center;gap:12px;min-width:0}.audio-play-button{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:#efefef;color:#151515;cursor:pointer}.audio-play-button:hover{background:#fff}.audio-play-button:disabled{opacity:.45;cursor:default}.audio-waveform{position:relative;min-width:0;flex:1;height:44px}.audio-waveform svg{display:block;width:100%;height:44px}.audio-waveform-base{fill:#646464}.audio-waveform-played{fill:#f5f5f5}.audio-waveform input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.audio-waveform:focus-within{outline:2px solid #bbb;outline-offset:4px;border-radius:4px}.audio-player-controls{display:flex;align-items:center;gap:10px;min-width:0}.audio-player-time{margin-inline-end:auto;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.audio-player-time>span{color:#aaa}.audio-player-volume{display:flex;align-items:center;gap:5px}.audio-player-volume button{display:grid;place-items:center;padding:3px;color:#bbb;background:transparent;border:0;cursor:pointer}.audio-player-volume input{width:62px;height:16px;margin:0;accent-color:#eee;cursor:pointer}.audio-player-controls select{width:56px;min-height:28px;padding:3px;background:#303030;color:#eee;border:1px solid #454545;border-radius:5px;font-size:11px;cursor:pointer}.attachment-audio-player button:focus-visible,.audio-player-controls select:focus-visible{outline:2px solid #ddd;outline-offset:3px}.message-attachment.audio-attachment .document-attachment{gap:10px;padding:12px;background:#191919;border-color:#2b2b2b}.message-attachment.audio-attachment .button{border-radius:6px}.message-attachment.audio-attachment .document-attachment>a{padding:4px 0;border:0;justify-content:flex-start;color:#aaa;background:transparent;font-size:11px}.attachment-audio-player small{display:block;margin-top:6px;color:var(--text-muted,#aaa)}.message-attachment:has(.attachment-audio-player){width:min(360px,100%);min-width:0}.document-attachment>strong{overflow-wrap:anywhere}.composer-attachment:has(audio){flex-wrap:wrap}.composer-attachment .composer-file-details{min-width:0;flex:1}.composer-attachment>.attachment-audio-player{flex:0 0 100%;font-size:inherit;gap:10px}.voice-recording{display:flex;align-items:center;gap:10px;margin:8px;padding:10px 12px;border-radius:8px;background:#252525;color:#eee}.voice-recording-copy{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px}.voice-recording-time{color:#bbb;font-variant-numeric:tabular-nums}.voice-recording>button{flex-shrink:0}.voice-recording-error{margin:8px 12px;color:#f2a0a0;font-size:12px}.composer-input-row .voice-message-button{flex-shrink:0}@media (max-width:700px){.composer-input-row .voice-message-button{width:30px;min-width:30px}.voice-recording{gap:6px;margin:6px;padding:8px}}.message-attachment.attachment-card{width:min(360px,100%);min-width:0;padding:12px;display:grid;gap:12px;border:1px solid #ffffff12;border-radius:9px;background:#191919;color:#e8e8e8;overflow:hidden}.attachment-card-header{display:flex;align-items:center;gap:10px;min-width:0}.attachment-file-icon{display:grid;place-items:center;width:36px;height:40px;flex:0 0 36px;border-radius:6px;background:#252525;color:#bbb}.attachment-file-info{display:grid;gap:4px;min-width:0;flex:1}.attachment-file-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;line-height:1.4}.attachment-file-info>span{display:flex;align-items:center;gap:8px;color:#aaa;font-size:10px;line-height:1.3}.attachment-card .attachment-action,.attachment-encrypted{display:inline-flex;align-items:center}.attachment-card .attachment-action{justify-content:center;gap:5px;flex:0 0 auto;min-width:32px;min-height:34px;padding:6px;border:0;border-radius:6px;background:transparent;color:#bbb;text-decoration:none;cursor:pointer;font-size:11px}.attachment-card .attachment-action:hover{background:#303030;color:#fff}.attachment-card .attachment-action:focus-visible{outline:2px solid #ddd;outline-offset:2px}.attachment-card .attachment-busy{cursor:default;color:#999}.attachment-busy svg{animation:attachment-spin 1s linear infinite}.attachment-transfer{display:flex;align-items:center;gap:12px;color:#aaa;font-size:10px;font-variant-numeric:tabular-nums}.attachment-transfer>span{min-width:38px}.attachment-transfer progress{appearance:none;display:block;width:100%;min-width:0;height:3px;overflow:hidden;border:0;border-radius:3px;background:#363636;accent-color:#bbb}.attachment-transfer progress::-webkit-progress-bar{background:#363636}.attachment-transfer progress::-webkit-progress-value{background:#bbb;border-radius:3px;transition:width .12s linear}.attachment-transfer progress::-moz-progress-bar{background:#bbb;border-radius:3px}.attachment-transfer progress:indeterminate{opacity:.5}.attachment-status{margin:0;color:#aaa;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.attachment-status.attachment-error{color:#efb6b6}.attachment-card .attachment-audio-player{background:#222;padding:10px;border-radius:6px}.attachment-card .attachment-open,.attachment-card .attachment-open img{display:block;width:100%;border-radius:5px}.attachment-card .attachment-open img{height:auto;max-height:380px;object-fit:contain}.attachment-card .attachment-video{display:block;width:100%;max-height:340px;border-radius:5px;background:#101010}@keyframes attachment-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.attachment-busy svg{animation:none}.attachment-transfer progress::-webkit-progress-value{transition:none}}@media (max-width:600px){.message-attachment.attachment-card{padding:10px;gap:10px}.attachment-card-header{gap:8px}}.attachment-card button.attachment-open{padding:0;color:inherit;font:inherit;cursor:zoom-in}.attachment-card button.attachment-open:focus-visible{outline:2px solid #eee;outline-offset:3px}.image-viewer-backdrop{position:fixed;inset:0;z-index:150;background:#080808f2}.image-viewer{position:fixed;z-index:151;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1200px,calc(100vw - 48px));height:min(960px,calc(100dvh - 48px));min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;color:#f5f5f5;outline:none}.image-viewer-toolbar{display:flex;align-items:center;gap:8px;min-width:0}.image-viewer-title{flex:1;min-width:0;margin:0;padding-inline:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;color:#bcbcbc}.image-viewer-action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #ffffff18;border-radius:10px;color:#ddd;background:#ffffff09;text-decoration:none;cursor:pointer}.image-viewer-action:hover{background:#ffffff19;color:#fff}.image-viewer-action:focus-visible{outline:2px solid #eee;outline-offset:3px}.image-viewer-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.image-viewer-image{display:block;width:100%;height:100%;object-fit:contain}@media (max-width:600px){.image-viewer{width:calc(100vw - 24px);height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));top:calc(50% + (env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 2);gap:12px}.image-viewer-title{font-size:12px}}.message-attachment.attachment-card.video-attachment{width:min(520px,100%)}.video-player{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #ffffff14;border-radius:7px;background:#0b0b0b;color:#f5f5f5;color-scheme:dark}.video-player-stage{position:relative;display:grid;place-items:center;min-height:0;aspect-ratio:16/9;background:#050505}.attachment-card .video-player .attachment-video{display:block;width:100%;height:100%;min-height:0;max-height:none;position:absolute;inset:0;object-fit:contain;border-radius:0;background:#050505}.video-player-surface{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;color:#fafafa;background:transparent;cursor:pointer}.video-player-surface:disabled{cursor:default}.video-player-center{display:grid;place-items:center;width:60px;height:60px;border:1px solid #ffffff45;border-radius:50%;background:#111c;box-shadow:0 4px 28px #0005;transition:background .15s ease,transform .15s ease}.video-player-surface:hover .video-player-center{background:#232323cc;transform:scale(1.04)}.video-player-center>svg:not(.video-player-spinner){margin-inline-start:3px}.video-player-spinner{animation:video-player-spin 1s linear infinite}.video-player-panel{flex:0 0 auto;padding:3px 10px 9px;background:#111}.video-player-seek{display:block;appearance:none;width:100%;height:24px;margin:0;border:0;background:transparent;cursor:pointer}.video-player-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#f5f5f5 var(--video-progress),#474747 var(--video-progress))}.video-player-seek::-moz-range-track{height:3px;border-radius:3px;background:#474747}.video-player-seek::-moz-range-progress{height:3px;border-radius:3px;background:#f5f5f5}.video-player-seek::-webkit-slider-thumb{appearance:none;width:11px;height:11px;margin-top:-4px;border:0;border-radius:50%;background:#fff}.video-player-seek::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff}.video-player-seek:disabled{opacity:.4;cursor:default}.video-player-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px}.video-player-settings,.video-player-transport,.video-player-volume{display:flex;align-items:center;gap:6px;min-width:0}.video-player-settings{margin-inline-start:auto}.video-player-button{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;padding:0;border:0;border-radius:6px;color:#bcbcbc;background:transparent;cursor:pointer}.video-player-button:hover{color:#fff;background:#ffffff12}.video-player-button:disabled{opacity:.4;cursor:default}.video-player-play{color:#f5f5f5}.video-player-time{white-space:nowrap;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}.video-player-time>span{color:#999}.video-player-volume{gap:1px}.video-player-volume input{width:54px;height:24px;margin:0 4px 0 0;accent-color:#eee;cursor:pointer}.video-player-settings select{width:58px;height:36px;padding:4px;border:1px solid #ffffff18;border-radius:6px;color:#ddd;background:#202020;font-size:11px;cursor:pointer}.video-player button:focus-visible,.video-player input:focus-visible,.video-player select:focus-visible,.video-player:focus-visible{outline:2px solid #eee;outline-offset:-2px}.video-player-notice{display:block;margin-top:8px;color:#bbb;font-size:11px;line-height:1.5}.video-player:fullscreen{width:100%;height:100%;max-width:none;border:0;border-radius:0;background:#050505}.video-player:fullscreen .video-player-stage{flex:1 1 auto;aspect-ratio:auto}.video-player:fullscreen .video-player-panel{padding:6px max(18px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom))}.video-player:fullscreen .video-player-button{width:44px;height:44px;flex-basis:44px}.video-player:fullscreen .video-player-settings select{height:44px}@keyframes video-player-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.video-player-center{transition:none}.video-player-spinner{animation:none}}@media (max-width:600px){.video-player-button{width:40px;height:40px;flex-basis:40px}.video-player-settings select{height:40px}}.source-code-block{margin:10px 0;min-width:0;max-width:100%;border:1px solid #303033;border-radius:10px;overflow:hidden;background:#131315;color:#ddd}.source-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#1a1a1d;border-bottom:1px solid #2a2a2d;font:500 11px/1.4 system-ui,sans-serif;color:#a8a8b0}.source-code-copy{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:5px;padding:3px 5px;background:transparent;color:#bfc0c7;cursor:pointer;font-size:11px}.source-code-copy:hover{background:#29292e;color:#fff}.attachment-source-open:focus-visible,.source-code-copy:focus-visible,.source-preview-action:focus-visible{outline:2px solid #d8d8dd;outline-offset:2px}.source-code-scroll{display:flex;max-height:440px;overflow:auto;outline-offset:-2px;scrollbar-width:thin;direction:ltr}.source-code-block .source-code-scroll pre{flex:1;margin:0;padding:14px 16px;border:0;border-radius:0;overflow:visible;background:transparent;color:#d9d9df;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;word-break:normal;overflow-wrap:normal;unicode-bidi:plaintext}.source-code-block pre code{padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;white-space:inherit}.source-code-lines{flex-shrink:0;margin:0;padding:14px 10px 14px 14px;min-width:42px;position:sticky;left:0;background:#18181b;border-right:1px solid #27272b;color:#74747f;text-align:right;user-select:none;white-space:pre;font:11px/1.91 ui-monospace,SFMono-Regular,Consolas,monospace}.source-code-block .code-token-comment,.source-code-block .code-token-doctype,.source-code-block .code-token-prolog{color:#888c9b}.source-code-block .code-token-keyword,.source-code-block .code-token-selector,.source-code-block .code-token-tag{color:#c3a7f8}.source-code-block .code-token-attr-value,.source-code-block .code-token-char,.source-code-block .code-token-string{color:#a8c99c}.source-code-block .code-token-class-name,.source-code-block .code-token-function{color:#98bce9}.source-code-block .code-token-boolean,.source-code-block .code-token-constant,.source-code-block .code-token-number{color:#e0b388}.source-code-block .code-token-operator,.source-code-block .code-token-punctuation{color:#b2b6c3}.source-code-block .code-token-attr-name,.source-code-block .code-token-property,.source-code-block .code-token-variable{color:#dbc691}.source-copy-error{margin:0;padding:8px 12px;color:#b5b5bd;font-size:11px}.attachment-source-open{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px 12px;border:1px solid #2f2f33;border-radius:8px;background:#18181b;color:#d2d2d8;cursor:pointer;text-align:start;font-size:12px}.attachment-source-open:hover{background:#242428;border-color:#44444a}.attachment-source-open small{margin-inline-start:auto;color:#92929e;font-size:10px}.source-preview-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.76);backdrop-filter:blur(4px)}.source-preview{position:fixed;z-index:201;inset:5vh max(20px,calc((100vw - 1000px)/2));display:flex;flex-direction:column;min-height:0;overflow:hidden;max-height:90dvh;border:1px solid #39393f;border-radius:14px;background:#141417;color:#ddd;box-shadow:0 24px 90px #0008}.source-preview-header{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#1a1a1e;border-bottom:1px solid #303036;flex-shrink:0}.source-preview-header>svg{color:#b5b5bf;flex-shrink:0}.source-preview-header>div{min-width:0;flex:1}.source-preview-header h2{margin:0;color:#efeff2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.source-preview-header p{margin:3px 0 0;color:#8f8f9c;font-size:11px}.source-preview-action{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:0;border-radius:7px;background:transparent;color:#babac6;cursor:pointer}.source-preview-action:hover{background:#2a2a30;color:#fff}.source-preview-body{min-height:0;flex:1;overflow:hidden;display:flex;flex-direction:column}.source-preview-body .source-code-block{display:flex;flex-direction:column;min-height:0;flex:1;margin:0;border:0;border-radius:0}.source-preview-body .source-code-scroll{max-height:none;min-height:0;flex:1}.source-preview-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;flex-shrink:0;border-top:1px solid #303036;padding:10px 18px;color:#91919f;font-size:10px;line-height:1.5}.source-preview-truncated{color:#c3b79a}.source-preview-error,.source-preview-loading{margin:24px;color:#a5a5b1;font-size:13px;line-height:1.7}@media(max-width:600px){.source-preview{inset:12px;max-height:calc(100dvh - 24px);border-radius:10px}.source-preview-header{gap:8px;padding:12px}.source-preview-header>svg{display:none}.source-preview-header h2{font-size:12px}.source-preview-header p{font-size:10px}.source-preview-action{width:30px;height:30px}.source-preview-footer{padding:9px 12px}.source-code-block .source-code-scroll pre{font-size:11px;padding:12px}.source-code-lines{padding:12px 8px;font-size:10px;line-height:1.925}.source-code-toolbar{padding:8px 10px}}