@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--bg:#faf9f9;--rail:#fff;--panel:#fff;--surface:#f2f0f0;--raise:#fff;--sel:#f2f0f0;--hover:#f4f4f5;--nav-sel:#f2f0f0;--tint:#0000000d;--hairline:#0000000f;--overlay:#18181b73;--fg:#1f1f1f;--fg-body:#1f1f1f;--fg-muted:#606367;--fg-subtle:#6c6c6c;--nav-sel-fg:#1f1f1f;--accent-fg:#fff;--tip-fg:#fff;--accent:#0b57d0;--focus:#0b57d0;--link:#0b57d0;--mention-bg:#e8f0fe;--chip-bg:#f2f0f0;--chip-fg:#444746;--server-tile-active-bg:var(--fg);--server-tile-active-fg:var(--panel);--server-guide:#8b8b8b;--newline:#a8c7fa;--border:#ebe9e9;--border-strong:#a1a1aa;--input:#fff;--tip:#18181b;--online:#1e8e3e;--idle:#b87d04;--dnd:#dc2626;--off:#71717a;--danger:#dc2626;--danger-fg:#b91c1c;--warn-bg:#fef08a;--warn-fg:#422006;--role-admin:#c2410c;--role-mod:#7e22ce;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-title:1.25rem;--text-heading:1rem;--text-message:.875rem;--text-row:.875rem;--text-caption:.8125rem;--text-label:.875rem;--text-panel-heading:1.125rem;--text-channel:.75rem;--text-section:.75rem;--lh-message:1.4286;--weight-regular:400;--weight-medium:500;--weight-badge:600;--weight-strong:600;--panel-width:288px;--rail-width:56px;--row-height:32px;--row-gap:2px;--group-gap:16px;--row-inset:8px;--icon-size:20px;--icon-size-sm:16px;--icon-stroke:1.25px;--icon-panel-fill-opacity:.25;--avatar-panel:32px;--avatar-member:24px;--member-status-size:8px;--avatar-server:24px;--content-width:740px;--composer-height:64px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--radius-1:6px;--radius-2:8px;--radius-3:12px;--radius-4:14px;--radius-5:20px;--radius-6:24px;--radius-7:28px;--radius-full:9999px;--action-hover:#00000012;--action-pressed:#0000001f;--shadow-1:0 1px 6px #0000000f;--shadow-2:0 4px 20px #0000001f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131314;--rail:#131314;--panel:#131314;--surface:#1e1f20;--raise:#1e1f20;--sel:#1e1f20;--hover:#19191a;--nav-sel:#1e1f20;--tint:#e3e3e314;--hairline:#ffffff1f;--overlay:#0009;--fg:#e3e3e3;--fg-body:#e3e3e3;--fg-muted:#a8abaf;--fg-subtle:#909391;--nav-sel-fg:#e3e3e3;--accent-fg:#062e6f;--tip-fg:#131314;--accent:#a8c7fa;--focus:#a8c7fa;--link:#a8c7fa;--mention-bg:#1a2b4d;--chip-bg:#1e1f20;--chip-fg:#c4c7c5;--server-guide:#65686c;--newline:#0842a0;--border:#28292a;--border-strong:#5f6368;--input:#1e1f20;--tip:#e3e3e3;--online:#6dd58c;--idle:#fdd663;--dnd:#f28b82;--off:#8e918f;--danger:#dc2626;--danger-fg:#f28b82;--warn-bg:#fdd663;--warn-fg:#3c2f00;--role-admin:#fdba74;--role-mod:#d8b4fe;--action-hover:#ffffff1a;--action-pressed:#ffffff29;--shadow-1:0 1px 6px #0000004d;--shadow-2:0 4px 20px #00000080}}:root[data-theme=dark]{--bg:#131314;--rail:#131314;--panel:#131314;--surface:#1e1f20;--raise:#1e1f20;--sel:#1e1f20;--hover:#19191a;--nav-sel:#1e1f20;--tint:#e3e3e314;--hairline:#ffffff1f;--overlay:#0009;--fg:#e3e3e3;--fg-body:#e3e3e3;--fg-muted:#a8abaf;--fg-subtle:#909391;--nav-sel-fg:#e3e3e3;--accent-fg:#062e6f;--tip-fg:#131314;--accent:#a8c7fa;--focus:#a8c7fa;--link:#a8c7fa;--mention-bg:#1a2b4d;--chip-bg:#1e1f20;--chip-fg:#c4c7c5;--server-guide:#65686c;--newline:#0842a0;--border:#28292a;--border-strong:#5f6368;--input:#1e1f20;--tip:#e3e3e3;--online:#6dd58c;--idle:#fdd663;--dnd:#f28b82;--off:#8e918f;--danger:#dc2626;--danger-fg:#f28b82;--warn-bg:#fdd663;--warn-fg:#3c2f00;--role-admin:#fdba74;--role-mod:#d8b4fe;--action-hover:#ffffff1a;--action-pressed:#ffffff29;--shadow-1:0 1px 6px #0000004d;--shadow-2:0 4px 20px #00000080}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-raised:var(--raise);--surface-selected:var(--sel);--input-bg:var(--surface);--text:var(--fg);--muted:var(--fg-muted);--subtle:var(--fg-subtle);--accent-fill:var(--nav-sel);--danger-fill:var(--danger);--success:var(--online);--warning:var(--warn-fg);--offline:var(--off);--scrim:var(--overlay);--mention-self-bg:var(--accent);--transparent:transparent;--space-0:0;--space-half:2px;--space-one-half:6px;--space-10:40px;--space-12:var(--space-8);--radius-sm:var(--radius-1);--radius:var(--radius-3);--radius-lg:var(--radius-5);--radius-round:var(--radius-full);--font-family:var(--font);--font-xs:var(--text-label);--font-sm:var(--text-caption);--font-base:var(--text-heading);--font-lg:var(--text-heading);--font-xl:var(--text-title);--font-title:var(--text-title);--weight-normal:var(--weight-regular);--weight-semibold:var(--weight-medium);--weight-bold:var(--weight-medium);--line-height:1.5;--line-height-heading:1.2;--touch:44px;--border-width:1px;--focus-width:2px;--focus-offset:3px;--focus-warning:var(--warn-fg);--page-height:100dvh;--auth-width:28rem;--dialog-width:42rem;--dialog-small-width:440px;--dialog-editor-width:560px;--spinner-size:32px;--skeleton-line-height:12px;--spinner-duration:.9s;--dialog-max-height:90dvh;--channel-width:var(--panel-width);--member-width:var(--panel-width);--profile-width:320px;--profile-gap:var(--space-2);--status-menu-width:220px;--settings-nav-width:240px;--settings-content-width:960px;--role-list-width:220px;--role-swatch-size:16px;--color-picker-width:48px;--tooltip-delay:.4s;--tooltip-close-delay:.1s;--tooltip-width:240px;--server-icon-size:var(--avatar-server);--badge-size:18px;--unread-dot-size:8px;--servers-width:var(--panel-width);--servers-minimized-width:var(--rail-width);--server-row-height:var(--row-height);--badge-min:var(--badge-size);--badge-dot:var(--unread-dot-size);--badge-fg:#fff;--status-label-size:var(--text-caption);--avatar:var(--avatar-panel);--avatar-small:var(--avatar-panel);--avatar-tone-0:color-mix(in srgb, var(--accent) 24%, var(--bg));--avatar-tone-1:color-mix(in srgb, var(--online) 24%, var(--bg));--avatar-tone-2:color-mix(in srgb, var(--role-admin) 24%, var(--bg));--avatar-tone-3:color-mix(in srgb, var(--role-mod) 24%, var(--bg));--avatar-radius:50%;--action-icon:var(--icon-size);--action-gutter:112px;--reaction-chip-height:28px;--reaction-chip-bg:var(--surface);--reaction-chip-fg:var(--fg);--reaction-selected-border:var(--fg-subtle);--reaction-picker-width:320px;--reaction-picker-columns:6;--reaction-emoji-target:40px;--action-target:28px;--message-gap:28px;--continuation-gap:4px;--radius-message:8px;--radius-composer:20px;--radius-channel:8px;--radius-row:8px;--radius-action:8px;--message-action-width:var(--message-action-hit);--message-action-hit:var(--action-target);--message-action-gap:var(--space-0);--status-size:10px;--header-height:56px;--panel-footer-height:64px;--nav-channel-indent:36px;--menu-row-height:40px;--rail-target:40px;--text-badge:.75rem;--text-time:.75rem;--message-heading-height:var(--space-5);--opacity-header-disabled:.4;--composer-control-height:40px;--composer-phone-height:56px;--composer-min:48px;--composer-max:192px;--message-max:var(--content-width);--message-gutter:var(--space-6);--message-row-min:var(--row-height);--typing-height:20px;--suggestions-height:14rem;--navigation-position:relative;--navigation-display:flex;--member-position:relative;--member-display:flex;--drawer-toggle-display:none;--member-toggle-display:none;--hover-actions-opacity:0;--opacity-disabled:.6;--opacity-pending:.65;--opacity-visible:1;--role-text-mix:0%;--transition:.1s;--scroll-behavior:smooth}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--role-text-mix:35%}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--role-text-mix:35%}@media (width<=1099px){:root{--member-position:fixed;--member-display:none;--member-toggle-display:inline-flex;--navigation-position:fixed;--navigation-display:none;--drawer-toggle-display:inline-flex;--channel-width:var(--panel-width)}}@media (width<=719px){:root{--dialog-width:calc(100vw - var(--space-7));--message-gutter:var(--space-4);--channel-width:var(--panel-width)}}@media (prefers-reduced-motion:reduce){:root{--transition:0s;--scroll-behavior:auto}}*{box-sizing:border-box}html,body,#root{margin:var(--space-0);min-height:var(--page-height)}body{background:var(--bg);color:var(--text);font-family:var(--font-family);font-size:var(--font-base);line-height:var(--line-height)}button,input,textarea,select{font:inherit;color:inherit}button,input,select{min-height:var(--touch)}button{cursor:pointer;background:var(--surface);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-weight:var(--weight-medium);border:none}button:hover{background:var(--surface-selected)}button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}button.danger{color:var(--danger-fg)}button.link-button{border-color:var(--transparent);background:var(--transparent);color:var(--accent);padding-inline:var(--space-1);text-decoration:underline}button.icon-button{min-width:var(--touch);padding:var(--space-1);font-size:var(--font-xl);background:var(--transparent);border-color:var(--transparent);justify-content:center;align-items:center;display:inline-flex}button.icon-button:hover{background:var(--tint)}button.primary.icon-button{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.icon{width:var(--icon-size);height:var(--icon-size);vertical-align:middle;flex-shrink:0}.icon :is(path,circle,rect,line,polyline,polygon,ellipse){stroke-width:var(--icon-stroke);vector-effect:non-scaling-stroke}.icon-panel-fill{opacity:var(--icon-panel-fill-opacity)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);z-index:80;pointer-events:none;top:calc(100% + var(--space-2));width:max-content;max-width:var(--tooltip-width);padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);background:var(--tip);color:var(--tip-fg);font-size:var(--text-caption);font-weight:var(--weight-normal);line-height:var(--line-height);box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transition:opacity var(--transition) var(--tooltip-delay), visibility var(--transition) var(--tooltip-delay);position:absolute;left:50%;transform:translate(-50%)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after,[data-tooltip]:focus-within:after{opacity:1;visibility:visible}input,textarea,select{background:var(--input-bg);border-radius:var(--radius);width:100%;padding:var(--space-2) var(--space-3);border:none}input[type=checkbox]{width:var(--font-base);min-height:var(--font-base)}input[type=checkbox],input[type=radio]{accent-color:var(--fg-muted)}input::placeholder,textarea::placeholder{color:var(--fg-muted);opacity:var(--opacity-visible)}textarea{resize:vertical;min-height:var(--composer-min)}input:disabled,textarea:disabled,select:disabled{color:var(--muted)}a{color:var(--accent)}small,.muted{color:var(--muted);font-size:var(--font-sm)}h4,h5,h6{font-weight:var(--weight-regular)}strong,b{font-weight:var(--weight-medium)}h1,h2,h3,p{margin-top:var(--space-0)}h1{font-size:var(--font-title);line-height:var(--line-height-heading);font-weight:var(--weight-regular)}h2{font-size:var(--font-xl);font-weight:var(--weight-regular)}h3{font-size:var(--font-lg);font-weight:var(--weight-regular)}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.skip-link{top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-3);background:var(--surface);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.center-page{min-height:var(--page-height);padding:var(--space-6);place-items:center;display:grid}.auth-card{width:min(100%, var(--auth-width))}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spread{justify-content:space-between}.field{gap:var(--space-1);flex-direction:column;display:flex}.checkbox{align-items:center;gap:var(--space-2);min-height:var(--touch);display:flex}.checkbox input{margin-top:var(--space-1);flex-shrink:0}.error{color:var(--danger-fg);padding:var(--space-3) var(--space-0);border:none}.hint{color:var(--muted);font-size:var(--font-sm);margin-bottom:var(--space-0)}.connection-banner,.notice{padding:var(--space-2) var(--space-4);background:var(--surface-selected);gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.connection-banner{--focus:var(--focus-warning);background:var(--warn-bg);color:var(--warn-fg);font-size:var(--text-caption)}.notice button{min-width:var(--touch)}dialog{width:min(var(--dialog-width), calc(100% - var(--space-8)));max-height:var(--dialog-max-height);background:var(--surface);color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);overflow:auto}dialog::backdrop{background:var(--scrim)}.dialog-heading{justify-content:space-between;align-items:start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.full-width{width:100%}.empty-state{padding:var(--space-8);color:var(--muted);text-align:center}.visually-hidden{width:var(--border-width);height:var(--border-width);padding:var(--space-0);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}#root{height:var(--page-height);flex-direction:column;display:flex}.center-page{flex:1;min-height:0;overflow:auto}.chat-layout{flex:1;min-height:0;display:flex;overflow:hidden}.navigation-drawer{display:var(--navigation-display);position:var(--navigation-position);inset:var(--space-0) auto var(--space-0) var(--space-0);z-index:30;min-height:0;max-width:calc(100% - var(--space-7));margin:var(--space-0);width:var(--panel-width);background:var(--panel);border-radius:var(--space-0);flex-shrink:0;height:100%}.navigation-drawer.is-minimized{width:var(--rail-width);align-self:stretch}.navigation-drawer.is-open{display:flex}button.navigation-toggle,button.drawer-toggle{display:var(--drawer-toggle-display)}.member-panel{width:var(--member-width);background:var(--panel);border-radius:var(--space-0);height:100%;min-height:0;max-height:100%;margin:var(--space-0);position:var(--member-position);inset:var(--space-0) var(--space-0) var(--space-0) auto;z-index:30;box-shadow:none;flex-direction:column;flex-shrink:0;align-self:stretch;display:flex}.member-panel.is-collapsed{width:var(--rail-width)}.drawer-scrim{inset:var(--space-0);z-index:25;background:var(--scrim);border-radius:var(--space-0);border:none;position:fixed}.drawer-scrim:hover{background:var(--scrim)}.navigation-scrim{display:var(--drawer-toggle-display)}.members-scrim{display:var(--member-toggle-display)}.conversation{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.conversation-header{align-items:center;gap:var(--space-3);padding:var(--space-0) var(--message-gutter);min-height:var(--header-height);flex-shrink:0;display:flex}.channel-heading{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.channel-heading h1{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;font-size:var(--text-heading);font-weight:var(--weight-medium);margin:var(--space-0);flex-shrink:1;display:flex}.header-actions{align-items:center;gap:var(--space-1);display:flex}.header-actions:empty{display:none}.header-actions [aria-disabled=true]{opacity:var(--opacity-header-disabled);cursor:default}.header-actions [aria-pressed=true]{background:var(--sel)}.channel-heading p{min-width:0;margin:var(--space-0);color:var(--fg-subtle);font-size:var(--text-row);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatar{width:var(--avatar);height:var(--avatar);border-radius:var(--avatar-radius);background:var(--surface-selected);font-size:var(--font-sm);color:var(--text);font-weight:var(--weight-semibold);vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar-small{width:var(--avatar-small);height:var(--avatar-small)}.avatar-tone-0{background:var(--avatar-tone-0)}.avatar-tone-1{background:var(--avatar-tone-1)}.avatar-tone-2{background:var(--avatar-tone-2)}.avatar-tone-3{background:var(--avatar-tone-3)}.avatar img{object-fit:cover;width:100%;height:100%}.auth-server-preview .server-icon-placeholder{width:var(--server-icon-size);height:var(--server-icon-size);border-radius:var(--radius-1)}.auth-server-preview .server-icon-placeholder img{object-fit:cover;width:100%;height:100%}.message-scroll{overscroll-behavior:contain;min-height:0;padding-block:var(--space-3);padding-inline:max(var(--space-4), calc((100% - var(--content-width)) / 2));scroll-behavior:auto;overflow-anchor:none;flex:1;overflow:hidden auto}.message-row{gap:var(--space-3);margin:var(--message-gap) var(--space-0) var(--space-0);padding:var(--space-one-half) var(--space-3);min-height:var(--message-row-min);border-radius:var(--radius-message);background:var(--transparent);box-shadow:none;transition:background-color var(--transition);outline:none;display:flex;position:relative}.message-row.grouped{margin-top:var(--continuation-gap)}.message-row:first-child{margin-top:var(--space-0)}.message-row:focus-visible{outline:none}.message-row:not(.is-mentioned):focus-visible,.message-row:not(.is-mentioned):has(:focus-visible){background:var(--hover)}@media (width>=720px) and (hover:hover){.message-row:not(.is-mentioned):hover,.message-row:not(.is-mentioned):focus-within{background:var(--hover)}}.message-row.is-mentioned{background:var(--mention-bg)}.message-avatar{width:var(--avatar);flex-shrink:0}.message-avatar .avatar{border-radius:var(--avatar-radius)}.message-body{min-width:0;max-width:var(--message-max);font-size:var(--text-message);line-height:var(--lh-message);flex:1}.message-row.pending .message-body{padding-right:var(--action-gutter)}.message-row:not(.pending) .message-body{grid-template-columns:minmax(0, 1fr) var(--action-gutter);align-content:start;align-items:start;display:grid;position:relative}.message-heading{align-items:center;gap:var(--space-2);min-width:0;min-height:var(--message-heading-height);font-size:var(--text-message);line-height:var(--message-heading-height);grid-area:2/1;display:flex}.message-heading strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-medium);overflow:hidden}.message-heading time{color:var(--fg-subtle);font-size:var(--text-time);flex-shrink:0}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;color:var(--fg-body);font-size:var(--text-message);line-height:var(--lh-message);font-weight:var(--weight-normal);grid-area:3/1}.edited{color:var(--subtle);font-size:var(--text-caption)}.mention{background:var(--chip-bg);color:var(--chip-fg);border-radius:var(--radius-1);padding:var(--space-0) var(--space-one-half);font-size:var(--text-caption);font-weight:var(--weight-normal);border:none;display:inline}button.mention{min-height:0;line-height:inherit;vertical-align:baseline;display:inline}.mention-self{background:var(--accent);color:var(--accent-fg)}.reply-quote{align-items:center;gap:var(--space-one-half);width:100%;max-width:100%;min-height:var(--typing-height);margin:var(--space-0);padding:var(--space-0);border-radius:var(--space-0);background:var(--transparent);font-size:var(--text-caption);line-height:var(--message-heading-height);font-weight:var(--weight-normal);color:var(--muted);text-align:left;white-space:nowrap;border:none;grid-area:1/1;display:flex;overflow:hidden}.reply-quote:hover{background:var(--transparent)}.reply-excerpt{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.reply-quote strong,.reply-quote .member-role-name{max-width:calc(100% - var(--icon-size) - var(--space-one-half) - var(--space-one-half));font-weight:var(--weight-medium);color:var(--fg-muted);flex-shrink:0}.reply-quote .icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.date-divider,.new-divider{gap:var(--space-3);margin:var(--message-gap) var(--space-3) var(--space-0);color:var(--muted);font-size:var(--text-caption);font-weight:var(--weight-normal);justify-content:center;align-items:center;display:flex}.date-divider:first-child,.new-divider:first-child{margin-top:var(--space-0)}.date-divider>span{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface)}.new-divider:before,.new-divider:after{content:"";height:var(--border-width);background:var(--hairline);flex:1}.message-status{padding:var(--space-2) var(--message-gutter);color:var(--muted)}.history-button{margin:var(--space-2) auto;display:block}.jump-latest{align-items:center;gap:var(--space-2);z-index:20;height:var(--touch);margin:calc(-1 * (var(--touch) + var(--space-3))) var(--space-1) var(--space-3);padding:var(--space-2) var(--space-4);background:var(--panel);color:var(--fg-muted);border-radius:var(--radius-full);box-shadow:var(--shadow-2);font-weight:var(--weight-medium);border:none;flex-shrink:0;align-self:center;display:inline-flex;position:relative}.pending{opacity:var(--opacity-pending)}.pending.failed{opacity:var(--opacity-visible)}.pending .message-content small{color:var(--fg-subtle);font-size:var(--text-caption)}.pending .pending-actions{color:var(--danger-fg);justify-content:flex-start;align-items:center}.pending .pending-actions .link-button{padding:var(--space-0) var(--space-1);min-height:var(--space-7);font-size:var(--text-caption);font-weight:var(--weight-semibold)}.pending .pending-actions .text-danger{color:var(--danger-fg)}.pending-error{text-align:left;max-width:100%}.composer{width:min(100%, calc(var(--content-width) + var(--message-gutter) * 2));padding:var(--space-0) var(--message-gutter) var(--space-5);background:var(--bg);flex-shrink:0;align-self:center;position:relative}.composer-shell{min-height:var(--composer-height);background:var(--panel);border-radius:var(--radius-composer);box-shadow:var(--shadow-1);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border:none;position:relative}.composer-form{align-items:center;gap:var(--space-3);display:flex}.composer-form textarea{flex:1;min-width:0}.composer-shell:focus-within{outline:var(--focus-width) solid var(--focus);outline-offset:var(--space-0)}.composer-shell.is-over-limit{outline:var(--focus-width) solid var(--danger-fg)}.composer textarea{background:var(--transparent);padding:var(--space-2) var(--space-0);max-height:var(--composer-max);min-height:var(--composer-control-height);resize:none;box-shadow:none;font-size:var(--text-heading);line-height:var(--line-height);border:none;display:block}.composer textarea::placeholder{color:var(--fg-muted);opacity:var(--opacity-visible)}.composer textarea:focus-visible{outline:none}.composer-controls{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.composer .composer-send{width:var(--composer-control-height);height:var(--composer-control-height);min-width:var(--composer-control-height);min-height:var(--composer-control-height);border-radius:var(--radius-full)}button.primary.composer-send:disabled{background:var(--sel);border-color:var(--sel);color:var(--fg-subtle)}.composer-limit-error{color:var(--danger-fg);font-size:var(--text-caption);margin:var(--space-2) var(--space-4) var(--space-0)}.composer-permission{padding:var(--space-5) var(--space-4);border-radius:var(--radius-composer);background:var(--surface);color:var(--fg-muted);font-size:var(--text-caption);margin:var(--space-0);border:none}.composer-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.typing-line{align-items:center;gap:var(--space-2);min-height:var(--typing-height);color:var(--muted);font-size:var(--text-caption);padding-inline:var(--space-3);margin-bottom:var(--space-1);display:flex}.typing-dots{display:none}.typing-dots span{width:var(--unread-dot-size);height:var(--unread-dot-size);border-radius:var(--radius-full);background:var(--fg-muted)}.text-danger{color:var(--danger-fg)}.message-row.grouped .message-content{grid-row:2}.message-action-gutter{top:calc((var(--message-heading-height) - var(--message-action-hit)) / 2);width:var(--action-gutter);height:var(--message-action-hit);grid-area:2/2/3/3;justify-content:flex-end;place-self:start end;align-items:center;min-width:0;display:flex;position:absolute}.message-actions{align-items:center;gap:var(--message-action-gap);width:fit-content;height:var(--message-action-hit);margin:var(--space-0);padding:var(--space-0);border-radius:var(--space-0);background:var(--transparent);box-shadow:none;color:var(--fg-muted);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition);border:none;display:flex}.message-row:not([data-actions-dismissed=true]):hover .message-actions,.message-row:not([data-actions-dismissed=true]):focus-within .message-actions{opacity:var(--opacity-visible);visibility:visible;pointer-events:auto}.message-actions button.icon-button{width:var(--message-action-width);height:var(--message-action-hit);min-width:var(--message-action-width);min-height:var(--message-action-hit);padding:var(--space-0);border-radius:var(--radius-action);color:inherit;background:var(--transparent);box-shadow:none;transition:background-color var(--transition), color var(--transition);border:none;justify-content:center}.message-actions .icon{width:var(--action-icon);height:var(--action-icon)}.message-actions button.icon-button:not(:disabled):focus-visible{background:var(--action-hover);color:var(--fg)}@media (hover:hover){.message-actions button.icon-button:not(:disabled):hover{background:var(--action-hover);color:var(--fg)}}.message-actions button.icon-button:not(:disabled):active{background:var(--action-pressed);color:var(--fg)}.message-edit{gap:var(--space-2);width:100%;min-width:0;padding:var(--space-3);border-radius:var(--radius-3);background:var(--surface);flex-direction:column;grid-area:3/1;display:flex}.message-row:not(.pending) .message-body>.error{grid-area:7/1}.message-row:has(.reaction-trigger[aria-expanded=true]) .message-actions{opacity:var(--opacity-visible);visibility:visible;pointer-events:auto}.reaction-trigger[aria-expanded=true][data-tooltip]:after{opacity:var(--space-0);visibility:hidden}.message-previews{align-items:stretch;gap:var(--space-2);min-width:0;margin-top:var(--space-2);flex-direction:column;grid-area:4/1;display:flex}.link-preview{padding:var(--space-3);border-radius:var(--radius-message);background:var(--surface);overflow-wrap:anywhere;border:none;min-width:0}.link-preview p{margin:var(--space-0)}.link-preview p+p{margin-top:var(--space-1)}.link-preview-title{font-size:var(--text-message);font-weight:var(--weight-medium)}.link-preview-description,.link-preview-site,.link-preview-address{font-size:var(--text-caption);color:var(--fg-muted)}.link-preview-remove{min-height:var(--action-target);font-size:var(--text-caption);padding:var(--space-1) var(--space-2);background:var(--transparent);align-self:flex-start}@media (width<=719px),(hover:none){.link-preview-remove{min-height:var(--touch)}}.message-reactions{align-items:center;gap:var(--space-1);min-width:0;max-width:100%;margin-top:var(--space-2);flex-wrap:wrap;grid-area:5/1;display:flex}button.reaction-chip{justify-content:center;align-items:center;gap:var(--space-one-half);min-height:var(--reaction-chip-height);padding:var(--space-0) var(--space-2);border:var(--border-width) solid var(--transparent);border-radius:var(--radius-2);background:var(--reaction-chip-bg);color:var(--reaction-chip-fg);font-size:var(--text-caption);font-weight:var(--weight-regular);flex-shrink:0;display:inline-flex}button.reaction-chip:hover{background:var(--hover)}button.reaction-chip[aria-pressed=true]{border-color:var(--reaction-selected-border)}button.reaction-chip[aria-disabled=true]{cursor:default}.reaction-emoji-text{font-size:var(--icon-size-sm);line-height:var(--line-height-heading)}.reaction-error{margin:var(--space-0);flex-basis:100%}.reaction-picker,.reaction-people{left:var(--reaction-left,var(--space-4));top:var(--reaction-top,var(--space-4));z-index:70;max-width:calc(100vw - var(--space-7));position:fixed}.reaction-picker{width:var(--reaction-picker-width);max-height:calc(100dvh - var(--space-7));padding:var(--space-3);border-radius:var(--radius-5);background:var(--raise);color:var(--fg);box-shadow:var(--shadow-2);gap:var(--space-3);border:none;overflow-y:auto}.reaction-picker-title{margin:var(--space-0);font-size:var(--text-row);font-weight:var(--weight-medium)}.reaction-emoji-grid{grid-template-columns:repeat(var(--reaction-picker-columns), minmax(0, 1fr));gap:var(--space-1);display:grid}button.reaction-emoji{min-width:0;min-height:var(--reaction-emoji-target);padding:var(--space-0);border-radius:var(--radius-action);background:var(--transparent);color:var(--fg);font-size:var(--icon-size);justify-content:center;align-items:center;display:flex}button.reaction-emoji:hover{background:var(--hover)}.reaction-picker-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.reaction-picker-actions button{font-size:var(--text-row);font-weight:var(--weight-medium)}.reaction-people{width:max-content;max-width:min(var(--tooltip-width), calc(100vw - var(--space-7)));max-height:calc(100dvh - var(--space-7));overflow-wrap:anywhere;white-space:normal;padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);background:var(--tip);color:var(--tip-fg);font-size:var(--text-caption);box-shadow:var(--shadow-2);overflow:auto}.message-edit textarea{font-size:var(--text-message);line-height:var(--lh-message)}.message-edit-actions{gap:var(--space-2);display:flex}@media (width<=719px),(hover:none){.message-row.pending .message-body,.message-skeleton .skeleton-lines{padding-right:var(--space-0)}.message-row:not(.pending) .message-body{grid-template-columns:minmax(0,1fr)}.message-action-gutter{grid-area:6/1;justify-content:flex-start;justify-self:start;width:100%;height:auto;position:static}.message-actions{height:var(--touch);margin-top:var(--space-1);opacity:var(--opacity-visible);visibility:visible;pointer-events:auto;gap:var(--space-0);display:none}.message-row:not([data-actions-dismissed=true])[data-actions-open=true] .message-actions,.message-row:not([data-actions-dismissed=true]):focus-within .message-actions,.message-row:has(.reaction-trigger[aria-expanded=true]) .message-actions{display:flex}.message-actions button.icon-button{width:var(--touch);height:var(--touch);min-width:var(--touch);min-height:var(--touch);justify-content:flex-start}button.reaction-chip,button.reaction-emoji{min-height:var(--touch)}}.pending-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.reply-banner{justify-content:space-between;gap:var(--space-3);padding:var(--space-0);background:var(--transparent);margin-bottom:var(--space-0);font-size:var(--text-caption);color:var(--fg-muted);align-items:center;display:flex}.reply-banner span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-suggestions{bottom:100%;left:var(--space-0);right:var(--space-0);z-index:40;margin:var(--space-0) var(--space-0) var(--space-4);padding:var(--space-2);max-height:var(--suggestions-height);background:var(--raise);border-radius:var(--radius-5);box-shadow:var(--shadow-2);border:none;list-style:none;position:absolute;overflow-y:auto}.mention-suggestions button{text-align:left;border-color:var(--transparent);background:var(--transparent);width:100%;display:block}.mention-suggestions button[aria-selected=true],.mention-suggestions button:hover{background:var(--surface-selected)}.composer-reply{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--surface);border-radius:var(--radius);margin-bottom:var(--space-2);display:flex}.composer-reply-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-option{min-height:var(--touch);justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);display:flex}.mention-option.is-active{background:var(--surface-selected)}.mention-option-kind{font-size:var(--font-xs);color:var(--muted)}.mention-option-label{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:inline-flex}.composer-reply-text p{margin:var(--space-0);text-overflow:ellipsis;overflow:hidden}.mention-suggestions .mention-option{display:flex}.mention-suggestions-heading{color:var(--fg-muted);font-size:var(--text-caption);padding:var(--space-2)}.mention-option-symbol{width:var(--avatar-small);height:var(--avatar-small);background:var(--surface);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mention-option-label{flex:1}.composer-count{color:var(--fg-muted);font-size:var(--text-label)}.is-over-limit .composer-count{color:var(--danger-fg)}.dialog-open,.dialog-open body{overflow:hidden}dialog{background:var(--raise);box-shadow:var(--shadow-2);border-radius:var(--radius-5);border:none}.dialog-heading{align-items:center}.dialog-heading h2{font-size:var(--text-title);font-weight:var(--weight-semibold)}.dialog-small{width:min(var(--dialog-small-width), calc(100% - var(--space-7)))}.dialog-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}button.danger-filled{background:var(--danger);color:var(--badge-fg);border-color:var(--danger)}.delete-quote{margin:var(--space-0);padding:var(--space-0);background:var(--transparent);color:var(--fg-muted);overflow-wrap:anywhere;white-space:pre-wrap;border:none}.startup-state{justify-content:center;align-items:center;gap:var(--space-4);min-height:var(--header-height);color:var(--fg-muted);flex-direction:column;display:flex}.startup-state p{margin:var(--space-0)}.spinner{width:var(--spinner-size);height:var(--spinner-size);border:var(--focus-width) solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin var(--spinner-duration) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.expired-state{width:min(100%, var(--auth-width));padding:var(--space-7);background:var(--transparent);text-align:center;border:none}.expired-state p{color:var(--fg-muted)}.connection-banner{background:var(--warn-bg);color:var(--warn-fg);font-size:var(--text-caption)}.connection-banner button{background:var(--transparent);border-color:var(--transparent);font-size:var(--text-caption);font-weight:var(--weight-semibold)}.connection-banner .spinner{width:var(--icon-size);height:var(--icon-size);border-color:var(--warn-fg);border-top-color:var(--transparent)}.message-skeleton{gap:var(--message-gap);padding:var(--space-3) var(--message-gutter);flex-direction:column;display:flex}.skeleton-row{gap:var(--space-3);padding-block:var(--space-one-half);display:flex}.skeleton-avatar{width:var(--avatar);height:var(--avatar);border-radius:var(--avatar-radius);background:var(--sel);flex-shrink:0}.skeleton-lines{gap:var(--space-2);padding-block:var(--space-1);padding-right:var(--action-gutter);flex-direction:column;flex:1;display:flex}.skeleton-lines span{width:75%;height:var(--skeleton-line-height);border-radius:var(--radius-1);background:var(--sel)}.skeleton-lines span:first-child{width:35%}.skeleton-row:nth-child(2) .skeleton-lines span:last-child{width:55%}.empty-state h2,.message-load-error h2{color:var(--fg);font-size:var(--text-title);font-weight:var(--weight-medium)}.message-load-error{padding:var(--space-7);text-align:center;color:var(--fg-muted)}.reserved-state{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);color:var(--fg-muted);background:var(--transparent);border:none;flex-direction:column;display:flex}.reserved-state h2,.reserved-state p{margin:var(--space-0)}.reserved-label{width:fit-content;padding:var(--space-1) var(--space-2);background:var(--sel);color:var(--fg-muted);border-radius:var(--radius-1);font-size:var(--text-label);display:inline-flex}.blocked-placeholder{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;font-size:var(--text-caption);display:flex}.blocked-placeholder button{min-height:var(--touch);padding-inline:var(--space-0);background:var(--transparent);color:var(--fg-muted);border:none;text-decoration:underline}#root{overflow:hidden}.navigation-drawer{max-height:100%}.conversation-header .channel-heading h1{white-space:nowrap}.conversation-header .channel-heading h1>.truncate{min-width:0}@media (width<=1099px){.navigation-drawer,.navigation-drawer.is-minimized{bottom:var(--space-0)}.member-panel{max-width:calc(100% - var(--space-7));display:none}.member-panel.is-drawer-open,.navigation-drawer.is-open{display:flex}.drawer-scrim{cursor:default}}@media (width<=719px){.conversation-header{padding-inline:var(--space-1);gap:var(--space-0)}.channel-heading p,.header-actions [aria-disabled=true]{display:none}.header-actions{gap:var(--space-0)}.channel-heading p{max-width:100%}.message-scroll{padding-inline:var(--space-4)}.message-row{padding-inline:var(--space-0);gap:var(--space-3)}.message-row.is-mentioned{margin-inline:calc(-1 * var(--space-2));padding-inline:var(--space-2)}.message-body{max-width:calc(100% - var(--avatar) - var(--space-3))}.composer{padding-inline:var(--space-3);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom))}.composer-shell{min-height:var(--composer-phone-height);padding:var(--space-one-half) var(--space-one-half) var(--space-one-half) var(--space-4)}.composer textarea,.composer-send{--composer-control-height:var(--touch)}.reply-quote,button.mention,.pending .pending-actions .link-button,button.user-status,.server-menu summary{min-height:var(--touch)}button.mention{align-items:center;display:inline-flex}.server-menu summary{min-width:var(--touch)}.blocked-placeholder{flex-wrap:wrap}.empty-state,.message-load-error{padding:var(--space-6)}}@media (width<=599px){dialog,dialog.dialog-small{width:100%;max-width:100%;height:var(--page-height);max-height:var(--page-height);margin:var(--space-0);border-radius:var(--space-0);padding:var(--space-4);border:none}.dialog-heading{top:calc(-1 * var(--space-4));background:var(--raise);z-index:1;padding-block:var(--space-2);position:sticky}.dialog-actions{bottom:calc(-1 * var(--space-4));background:var(--raise);padding-block:var(--space-3);position:sticky}}.auth-card{background:var(--transparent);border-radius:var(--space-0);box-shadow:none;padding:var(--space-7);border:none}.auth-header{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.auth-header h1,.auth-header p{margin:var(--space-0);font-weight:var(--weight-regular)}.auth-header p,.auth-footer{color:var(--fg-muted);font-size:var(--text-caption)}.auth-card input[type=checkbox]{accent-color:var(--fg-muted)}.auth-server-preview{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-0);background:var(--transparent);border-radius:var(--space-0);display:flex}.auth-server-preview strong{font-weight:var(--weight-medium)}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:calc(var(--touch) + var(--space-4))}.password-field button{right:var(--space-1);background:var(--transparent);font-size:var(--text-caption);padding-inline:var(--space-2);border:none;position:absolute}.auth-footer{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.terms-card{max-width:var(--settings-content-width);width:100%}.server-choice-list{gap:var(--space-3);flex-direction:column;display:flex}.server-choice{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-3);background:var(--transparent);text-align:left;border:none;display:flex}.server-choice:hover{background:var(--hover)}.server-choice>span{min-width:0}.server-choice strong,.server-choice small{display:block}.server-choice strong{font-weight:var(--weight-medium)}.server-choice .icon{color:var(--fg-muted)}.account-summary{align-items:center;gap:var(--space-4);padding:var(--space-0);margin-bottom:var(--space-2);background:var(--transparent);border-radius:var(--space-0);display:flex}.account-summary h3,.account-summary p{margin:var(--space-0)}.account-summary strong{font-weight:var(--weight-regular)}.account-readonly{color:var(--fg-muted);background:var(--transparent)}.account-radio-list{gap:var(--space-2);margin:var(--space-0);padding:var(--space-0);border:none;flex-direction:column;display:flex}.account-radio{align-items:center;gap:var(--space-3);min-height:var(--touch);padding:var(--space-3);border-radius:var(--radius-3);cursor:pointer;background:var(--transparent);border:none;display:flex}.account-radio:has(input:checked){background:var(--nav-sel)}.account-radio input{width:var(--role-swatch-size);min-height:var(--role-swatch-size);accent-color:var(--fg-muted)}.account-radio .status-dot{display:none}.account-radio strong,.account-radio small{display:block}.account-radio strong{font-weight:var(--weight-regular)}.settings-form-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);padding-top:var(--space-4);display:flex}@media (width<=599px){.auth-card{padding:var(--space-5)}.center-page{padding:var(--space-4)}.account-radio{padding:var(--space-3)}}.navigation-drawer button,.navigation-drawer summary{border-radius:var(--radius-row)}.servers-panel{flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex}.servers-heading{align-items:center;gap:var(--space-1);min-height:var(--header-height);padding:var(--space-0) var(--space-5);flex-shrink:0;display:flex}.servers-heading h2{margin:var(--space-0);font-size:var(--text-panel-heading);font-weight:var(--weight-regular);flex:1}.servers-heading button.icon-button{min-width:var(--rail-target);min-height:var(--rail-target);padding:var(--space-0);background:var(--transparent);color:var(--fg-muted);border:none}.servers-scroll{min-height:0;padding:var(--space-2) var(--space-0);flex:1;overflow-y:auto}.server-buttons{gap:var(--space-0);flex-direction:column;display:flex}.server-card{min-width:0;padding:var(--space-0);position:relative}.server-card.is-expanded+.server-card{margin-top:var(--group-gap)}.server-guide{pointer-events:none;z-index:1;left:calc(var(--row-inset) + var(--space-3) + var(--avatar-server) / 2 - var(--space-half) / 2);top:calc((var(--row-height) + var(--avatar-server)) / 2);bottom:var(--space-0);width:var(--space-half);border-radius:var(--radius-full);background:var(--server-guide);position:absolute}.server-row{align-items:center;gap:var(--space-0);min-width:0;margin-inline:var(--row-inset);display:flex;position:relative}.server-row-button{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--row-height);height:var(--row-height);padding:var(--space-0) var(--space-3);background:var(--transparent);border-radius:var(--radius-row);color:var(--fg);text-align:left;font-size:var(--text-row);font-weight:var(--weight-regular);border:none;display:flex;position:relative}.server-row>.server-row-button{flex:1}.server-row-button:hover{background:var(--hover)}.server-row-button.is-selected{background:var(--transparent);color:var(--nav-sel-fg)}.server-row-button.is-selected:hover{background:var(--hover)}.server-icon-placeholder{width:var(--avatar-server);height:var(--avatar-server);border-radius:var(--radius-1);background:var(--chip-bg);color:var(--chip-fg);font-size:var(--text-badge);font-weight:var(--weight-medium);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.server-icon{object-fit:cover;width:100%;height:100%;display:block}.server-name{flex:1;min-width:0}.server-row-button.is-active .server-name{font-weight:var(--weight-strong)}.server-row-button.is-active .server-icon-placeholder{background:var(--server-tile-active-bg);color:var(--server-tile-active-fg)}.reserved-icon .icon,.server-menu summary .icon,.add-channel .icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.reserved-dm{width:calc(100% - var(--row-inset) * 2);margin-inline:var(--row-inset);margin-bottom:var(--space-2);color:var(--fg);cursor:default}.reserved-dm:hover{background:var(--transparent)}.server-badge,.mention-badge{min-width:var(--badge-min);height:var(--badge-min);padding-inline:var(--space-1);background:var(--danger);color:var(--badge-fg);border-radius:var(--radius-full);font-size:var(--text-badge);font-weight:var(--weight-badge);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.navigation-drawer .server-badge,.navigation-drawer .mention-badge{min-width:var(--space-0);height:auto;padding:var(--space-0);background:var(--transparent);color:var(--fg-muted);border-radius:var(--space-0);font-size:var(--text-section);font-weight:var(--weight-regular);border:none;outline:none}.server-unread-dot,.channel-unread-dot{width:var(--badge-dot);height:var(--badge-dot);border-radius:var(--radius-full);background:var(--fg-muted);flex-shrink:0}.channel-unread-dot{margin-left:auto}.server-row .icon-button,.server-menu summary{width:var(--row-height);min-width:var(--row-height);min-height:var(--row-height);height:var(--row-height);padding:var(--space-0);background:var(--transparent);color:var(--fg-muted);border:none}.server-menu{opacity:0;transition:opacity var(--transition);flex-shrink:0}.server-row:hover .server-menu,.server-row:focus-within .server-menu,.server-card.is-selected>.server-row .server-menu,.server-menu[open]{opacity:var(--opacity-visible)}.server-menu summary{cursor:pointer;border-radius:var(--radius-row);justify-content:center;align-items:center;list-style:none;display:flex}.server-menu summary:hover,.server-menu[open] summary{background:var(--hover)}.server-menu[open] summary[data-tooltip]:after{opacity:0;visibility:hidden}.server-menu summary::-webkit-details-marker{display:none}.server-menu-actions{top:100%;right:var(--space-0);z-index:40;min-width:100%;padding:var(--space-2);background:var(--raise);border-radius:var(--radius-5);box-shadow:var(--shadow-2);gap:var(--space-0);border:none;position:absolute}.server-menu-actions button{min-height:var(--menu-row-height);background:var(--transparent);text-align:left;font-size:var(--text-row);font-weight:var(--weight-medium);padding:var(--space-0) var(--space-3);border:none}.server-menu-actions button:hover{background:var(--hover)}.server-menu-actions .menu-leave{color:var(--danger-fg);border-top:var(--border-width) solid var(--hairline);border-top-left-radius:var(--space-0);border-top-right-radius:var(--space-0);margin-top:var(--space-1)}.channel-scroll{padding:var(--space-0);min-height:0}.channel-group-heading{min-height:var(--row-height);margin:var(--space-4) var(--row-inset) var(--row-gap) var(--nav-channel-indent);justify-content:space-between;align-items:center;display:flex}.channel-group-title{color:var(--fg-subtle);font-size:var(--text-section);font-weight:var(--weight-regular);margin:var(--space-0)}.channel-group-heading .icon-button{width:var(--row-height);min-width:var(--row-height);min-height:var(--row-height);height:var(--row-height);padding:var(--space-0);color:var(--fg-muted);opacity:var(--opacity-visible)}.channel-button{width:calc(100% - var(--nav-channel-indent) - var(--row-inset));margin-left:var(--nav-channel-indent);margin-right:var(--row-inset);gap:var(--space-3);min-height:var(--row-height);height:var(--row-height);border-radius:var(--radius-channel);background:var(--transparent);color:var(--fg);padding:var(--space-0) var(--space-3);text-align:left;font-size:var(--text-channel);font-weight:var(--weight-regular);border:none;align-items:center;display:flex}.channel-button+.channel-button{margin-top:var(--row-gap)}.channel-button>.icon[data-icon=hash]{width:var(--icon-size-sm);height:var(--icon-size-sm);margin-inline:calc((var(--icon-size) - var(--icon-size-sm)) / 2)}.channel-button:hover{background:var(--hover)}.channel-button.is-unread{font-weight:var(--weight-medium)}.channel-button.is-muted{color:var(--fg-subtle)}.channel-button.is-selected{background:var(--nav-sel);color:var(--nav-sel-fg);font-weight:var(--weight-medium)}.channel-button[aria-disabled=true]{cursor:not-allowed}.channel-button[aria-disabled=true]:hover{background:var(--transparent)}.mention-badge{margin-left:auto}.channel-empty{padding:var(--space-2) var(--space-5)}.add-server{margin:var(--space-2) var(--row-inset);color:var(--fg);flex-shrink:0}.user-panel{min-height:var(--panel-footer-height);padding:var(--space-0) var(--space-5);align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.user-avatar{width:var(--avatar-panel);height:var(--avatar-panel);flex-shrink:0;display:inline-flex;position:relative}.user-avatar .avatar{width:var(--avatar-panel);height:var(--avatar-panel);border-radius:var(--avatar-radius)}.user-avatar .status-dot{border-color:var(--panel)}.user-name{min-width:0;font-size:var(--text-row);font-weight:var(--weight-regular);display:block}.status-picker{position:relative}.user-identity-picker{flex:1;min-width:0}.user-status{align-items:center;gap:var(--space-2);width:100%;min-width:0;min-height:var(--row-height);padding:var(--space-0);background:var(--transparent);color:var(--fg);font-size:var(--text-row);font-weight:var(--weight-regular);border:none;display:flex}.user-status.user-identity{gap:var(--space-3);text-align:left}.user-status:hover{background:var(--transparent)}.user-status .icon{flex-shrink:0}.status-popover{left:var(--space-0);bottom:calc(100% + var(--space-2));z-index:60;position:absolute}.status-options{width:min(var(--status-menu-width), calc(100vw - var(--space-7)));padding:var(--space-2);border-radius:var(--radius-5);background:var(--panel);box-shadow:var(--shadow-2);border:none}.status-option{align-items:center;gap:var(--space-3);width:100%;min-height:var(--menu-row-height);padding:var(--space-0) var(--space-3);border-radius:var(--radius-2);background:var(--transparent);font-size:var(--text-row);font-weight:var(--weight-regular);text-align:left;border:none;display:flex}.status-option:hover,.status-option:focus-visible{background:var(--hover)}.status-check{color:var(--fg-muted);margin-left:auto}.inline-status-dot{width:var(--badge-dot);height:var(--badge-dot);border-radius:var(--radius-full);flex-shrink:0}.user-panel button.icon-button{min-width:var(--row-height);min-height:var(--row-height);padding:var(--space-0);background:var(--transparent);color:var(--fg-muted);border:none}.user-panel [data-tooltip]:after{top:auto;bottom:calc(100% + var(--space-2))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navigation-drawer.is-minimized .servers-heading{padding:var(--space-0);justify-content:center}.navigation-drawer.is-minimized .servers-scroll{padding:var(--space-2);overflow:visible}.navigation-drawer.is-minimized .server-row{margin-inline:var(--space-0)}.navigation-drawer.is-minimized .server-row-button{width:var(--rail-target);min-height:var(--row-height);height:var(--row-height);padding:var(--space-1);border-radius:var(--radius-row);justify-content:center}.navigation-drawer.is-minimized .server-row-button.is-selected{background:var(--nav-sel);outline:none}.navigation-drawer.is-minimized .server-row-button.is-selected:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.navigation-drawer.is-minimized .server-badge,.navigation-drawer.is-minimized .server-unread-dot{right:var(--space-0);bottom:var(--space-0);position:absolute}.navigation-drawer.is-minimized .server-unread-dot{border:var(--focus-width) solid var(--panel)}.navigation-drawer.is-minimized .reserved-dm{margin:var(--space-0) var(--space-0) var(--space-2)}.navigation-drawer.is-minimized .add-server{margin:var(--space-2) var(--space-0);width:var(--rail-target)}.navigation-drawer.is-minimized .user-panel{padding:var(--space-0) var(--space-2);justify-content:center}.navigation-drawer.is-minimized .user-identity{min-width:var(--rail-target);min-height:var(--rail-target);justify-content:center}.navigation-drawer.is-minimized [data-tooltip]:after{left:calc(100% + var(--space-3));top:50%;bottom:auto;right:auto;transform:translateY(-50%)}@media (width<=719px){.servers-heading button.icon-button,.user-panel button.icon-button{min-width:var(--touch);min-height:var(--touch);height:var(--touch)}.user-status,.status-option,.server-menu-actions button{min-height:var(--touch)}.navigation-drawer.is-minimized .servers-heading{padding-block:var(--space-one-half);flex-direction:column}.navigation-drawer.is-minimized .servers-scroll{padding-inline:var(--space-one-half)}.navigation-drawer.is-minimized .add-server{margin-inline:var(--space-0);width:var(--touch)}.navigation-drawer.is-minimized .user-panel{padding-inline:var(--space-one-half)}.navigation-drawer.is-minimized .server-row-button{min-width:var(--touch);width:var(--touch)}.navigation-drawer.is-minimized .user-identity{min-width:var(--touch);min-height:var(--touch);height:var(--touch)}}.members-heading{min-height:var(--header-height);align-items:center;gap:var(--space-2);padding:var(--space-0) var(--space-2);flex-shrink:0;display:flex}.members-heading h2{font-size:var(--text-panel-heading);font-weight:var(--weight-regular);margin:var(--space-0)}.members-heading .members-panel-toggle{width:var(--rail-target);min-width:var(--rail-target);height:var(--rail-target);min-height:var(--rail-target);padding:var(--space-0);border-radius:var(--radius-row);color:var(--fg-muted)}.members-content{flex-direction:column;flex:1;min-height:0;display:flex}.members-scroll{padding:var(--space-2);flex:1;min-height:0;overflow-y:auto}.members-strip{padding:var(--space-0) var(--space-2) var(--space-2);flex-direction:column;align-items:center;display:flex}.members-scroll[hidden],.members-strip[hidden]{display:none}.member-strip-button{width:var(--rail-target);min-width:var(--rail-target);height:var(--row-height);min-height:var(--row-height);padding:var(--space-0);border-radius:var(--radius-row);background:var(--transparent);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.member-strip-button:hover{background:var(--hover)}.members-overflow{min-height:var(--row-height);font-size:var(--text-section);color:var(--fg-muted);justify-content:center;align-items:center;display:flex}.member-panel [data-tooltip]:after{left:auto;right:calc(100% + var(--space-3));top:50%;bottom:auto;transform:translateY(-50%)}.member-section{margin-bottom:var(--space-4);padding:var(--space-0);border-radius:var(--space-0)}.members-online{background:var(--transparent);box-shadow:none}.member-section h3{margin:var(--space-0) var(--space-0) var(--row-gap)}.member-section-heading{align-items:center;gap:var(--space-2);width:100%;height:var(--row-height);min-height:var(--row-height);padding:var(--space-0) var(--space-2);border-radius:var(--radius-row);background:var(--transparent);color:var(--fg-muted);text-align:left;font-size:var(--text-section);font-weight:var(--weight-regular);border:none;display:flex}.member-section-heading>span:first-child{flex:1}.member-count{padding:var(--space-0);background:var(--transparent);color:var(--fg-muted);font-size:var(--text-section);font-weight:var(--weight-regular);justify-content:center;align-items:center;display:inline-flex}.member-button{align-items:center;gap:var(--space-3);width:100%;height:var(--row-height);min-height:var(--row-height);text-align:left;padding:var(--space-0) var(--space-2);border-radius:var(--radius-row);background:var(--transparent);font-size:var(--text-row);border:none;display:flex}.member-button+.member-button{margin-top:var(--row-gap)}.member-button:hover{background:var(--hover)}.member-avatar{flex-shrink:0;display:inline-flex;position:relative}.member-avatar .avatar{border-radius:var(--avatar-radius)}.member-button .member-avatar .avatar,.member-strip-button .member-avatar .avatar{width:var(--avatar-member);height:var(--avatar-member)}.member-button .status-dot,.member-strip-button .status-dot{width:var(--member-status-size);height:var(--member-status-size)}.member-empty{padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--space-2) + var(--avatar-member) + var(--space-3));color:var(--fg-muted);font-size:var(--text-section)}.status-dot{width:var(--status-size);height:var(--status-size);border-radius:var(--radius-round);border:var(--focus-width) solid var(--raise);bottom:var(--space-0);right:var(--space-0);position:absolute}.status-online{background:var(--online)}.status-idle{background:var(--idle)}.status-dnd{background:var(--dnd)}.status-offline{background:var(--offline)}.member-role-name{color:var(--role-color,var(--fg))}.member-card-name{margin-bottom:var(--space-1);font-size:var(--text-row);font-weight:var(--weight-semibold);display:block}.member-role-list{gap:var(--space-1);padding:var(--space-0);margin:var(--space-0);flex-wrap:wrap;list-style:none;display:flex}.member-role-list li{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2);background:var(--sel);color:var(--fg);font-size:var(--text-caption);display:inline-flex}.role-chip-dot{width:var(--badge-dot);height:var(--badge-dot);border-radius:var(--radius-full);background:var(--role-color,var(--fg-muted));flex-shrink:0}.profile-card{left:var(--profile-left);top:var(--profile-top);z-index:60;width:min(var(--profile-width), calc(100vw - var(--space-7)));max-height:calc(100dvh - var(--space-7));padding:var(--space-4);border-radius:var(--radius-5);background:var(--panel);box-shadow:var(--shadow-2);gap:var(--space-3);border:none;position:fixed;overflow-y:auto}.profile-close{top:var(--space-1);right:var(--space-1);position:absolute}.profile-heading{align-items:center;gap:var(--space-3);padding-right:var(--space-6);display:flex}.profile-identity{min-width:0}.profile-identity .member-card-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-identity .hint{overflow-wrap:anywhere}.profile-meta{margin:var(--space-0);color:var(--fg-muted);font-size:var(--text-caption)}.profile-section-label{margin:var(--space-0) var(--space-0) var(--space-1);color:var(--fg-muted);font-size:var(--text-label);text-transform:none;font-weight:var(--weight-regular)}.profile-role-editor summary{cursor:pointer;min-height:var(--touch);color:var(--accent);font-size:var(--text-caption);align-items:center;display:flex}.profile-role-editor form{margin-top:var(--space-2)}.profile-role-editor h4{margin:var(--space-0)}@media (width<=599px){.profile-card{top:auto;left:var(--space-0);right:var(--space-0);bottom:var(--space-0);width:100%;max-height:calc(100dvh - var(--space-7));border-radius:var(--radius-6) var(--radius-6) var(--space-0) var(--space-0);padding:var(--space-6)}}.settings-overlay{width:100vw;height:var(--page-height);max-width:none;max-height:none;margin:var(--space-0);padding:var(--space-0);border-radius:var(--space-0);background:var(--bg);box-shadow:none;border:none}.settings-overlay[open]{flex-direction:column;display:flex}.settings-overlay>.dialog-heading{margin:var(--space-0);padding:var(--space-5) var(--space-6);background:var(--bg);border:none}.settings-overlay>.dialog-heading h2{font-weight:var(--weight-regular)}.settings-shell{flex:1;min-height:0;display:flex}.settings-sidebar{width:var(--settings-nav-width,var(--tooltip-width));padding:var(--space-5) var(--space-4);background:var(--panel);border:none;flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.settings-nav{gap:var(--space-1);margin:var(--space-0);padding:var(--space-0);flex-direction:column;list-style:none;display:flex}.settings-nav button{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:var(--menu-row-height);padding:var(--space-2) var(--space-4);text-align:left;border-radius:var(--radius-full);background:var(--transparent);font-size:var(--text-row);font-weight:var(--weight-medium);border:none;display:flex}.settings-nav button[aria-current=page]{background:var(--nav-sel);color:var(--nav-sel-fg)}.settings-nav button .icon{display:none}.settings-nav-footer{padding-top:var(--space-6);margin-top:auto}.settings-nav-footer button{width:100%}.settings-content{min-width:0;padding:var(--space-7);background:var(--bg);flex:1;overflow-y:auto}.settings-content-inner{max-width:var(--settings-content-width,var(--message-max));margin-inline:auto}.settings-content h2,.settings-content h3,.settings-content h4,.settings-content h5,.settings-content strong{font-weight:var(--weight-regular)}.settings-content input[type=checkbox],.settings-content input[type=radio]{accent-color:var(--fg-muted)}.settings-back{display:none}.settings-form{max-width:var(--dialog-editor-width)}.settings-form-actions,.dialog-footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.settings-tabs{gap:var(--space-2);padding-bottom:var(--space-4);border:none;flex-wrap:wrap;display:flex}.settings-tabs button{font-size:var(--text-row);font-weight:var(--weight-medium);border:none}.settings-tabs button[aria-current=page]{background:var(--nav-sel);color:var(--nav-sel-fg)}.settings-card{padding:var(--space-4) var(--space-0);border-radius:var(--space-0);background:var(--transparent);box-shadow:none;border:none}.settings-card.is-inactive{opacity:var(--opacity-disabled)}.settings-card h4,.settings-card p{margin:var(--space-0)}.settings-card h4{font-size:var(--font-base);font-weight:var(--weight-regular);overflow-wrap:anywhere}.settings-details{border-radius:var(--space-0);padding:var(--space-0);border:none}.settings-details summary{min-height:var(--touch);cursor:pointer;padding:var(--space-2) var(--space-0);font-size:var(--text-row);font-weight:var(--weight-regular)}.settings-details>form{padding:var(--space-3) var(--space-0)}.settings-confirm{padding:var(--space-3) var(--space-0);border-radius:var(--space-0);border:none}.settings-wrap,.settings-member-name{overflow-wrap:anywhere;min-width:0}.settings-member-name{flex:1}.permission-group{margin:var(--space-0);padding:var(--space-3) var(--space-0);border-radius:var(--space-0);border:none;min-width:0}.permission-group legend{padding:var(--space-0);font-size:var(--text-row);font-weight:var(--weight-regular)}.permission-option{align-items:flex-start;gap:var(--space-3);min-height:var(--touch);overflow-wrap:anywhere;display:flex}.permission-option input{margin-top:var(--space-1);accent-color:var(--fg-muted);flex-shrink:0}.permission-description{display:block}.channel-settings-content{padding:var(--space-3) var(--space-0)}.overwrite-heading{margin:var(--space-0);font-size:var(--font-base);font-weight:var(--weight-regular);overflow-wrap:anywhere}.overwrite-option{align-items:center;gap:var(--space-3);min-height:var(--touch);flex-wrap:wrap;display:flex}.overwrite-option>span{overflow-wrap:anywhere;flex:1;min-width:0}.overwrite-option select{flex-shrink:0;width:auto}.settings-choice-group{gap:var(--space-2);padding:var(--space-0);margin:var(--space-0);border:none;flex-direction:column;display:flex}.settings-choice-group legend{margin-bottom:var(--space-2);font-size:var(--text-row);font-weight:var(--weight-regular)}.settings-choice{align-items:center;gap:var(--space-3);min-height:var(--touch);padding:var(--space-3);border-radius:var(--radius-3);background:var(--transparent);border:none;display:flex}.settings-choice:has(input:checked){background:var(--nav-sel)}.settings-choice input{width:auto;min-height:0;accent-color:var(--fg-muted);flex-shrink:0}.settings-choice>span{gap:var(--space-1);flex-direction:column;display:flex}.settings-choice strong{font-weight:var(--weight-regular)}.settings-choice.is-unavailable{color:var(--fg-muted);opacity:var(--opacity-disabled)}.prefixed-field{align-items:center;gap:var(--space-2);display:flex}.prefixed-field>span{color:var(--fg-muted)}.settings-danger-zone{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-7);padding-top:var(--space-3);border:none;flex-direction:column;display:flex}.settings-danger-zone h3,.settings-danger-zone p{margin:var(--space-0)}.settings-list{gap:var(--space-3);border-radius:var(--space-0);background:var(--transparent);border:none;flex-direction:column;display:flex}.settings-list:empty{display:none}.settings-list-row{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-0);display:flex}.settings-row-copy{flex:1;min-width:0}.settings-row-copy p,.settings-member-name p{margin:var(--space-1) var(--space-0) var(--space-0)}.settings-empty{padding:var(--space-7);background:var(--transparent);color:var(--fg-muted);text-align:center}.settings-copy{align-items:center;gap:var(--space-2);display:flex}.settings-copy input{min-width:0}.settings-copy button{flex-shrink:0}.invite-facts{gap:var(--space-5);margin:var(--space-0);flex-wrap:wrap;display:flex}.invite-facts dt{color:var(--fg-muted);font-size:var(--text-caption)}.invite-facts dd{margin:var(--space-1) var(--space-0) var(--space-0)}.settings-chips{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.settings-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--sel);color:var(--fg);font-size:var(--text-caption);display:inline-flex}.settings-action-menu{position:relative}.settings-action-menu summary{min-width:var(--touch);min-height:var(--touch);border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;list-style:none;display:flex}.settings-action-menu summary::-webkit-details-marker{display:none}.settings-action-menu summary:hover{background:var(--hover)}.settings-action-options{right:var(--space-0);z-index:10;min-width:var(--tooltip-width);padding:var(--space-2);border-radius:var(--radius-5);background:var(--raise);box-shadow:var(--shadow-2);border:none;flex-direction:column;display:flex;position:absolute;top:100%}.settings-action-options button{min-height:var(--menu-row-height);text-align:left;background:var(--transparent);font-size:var(--text-row);font-weight:var(--weight-medium);border:none}.settings-action-options button:hover{background:var(--hover)}.settings-action-options button.danger{margin-top:var(--space-1);border-top:var(--border-width) solid var(--hairline)}@media (width<=599px){.settings-overlay>.dialog-heading{padding:var(--space-4)}.settings-shell{display:block;overflow:auto}.settings-sidebar{width:100%;min-height:100%;padding:var(--space-4);border:none}.settings-nav button{min-height:var(--touch)}.settings-nav button .icon{display:block}.settings-content{padding:var(--space-4);overflow:visible}.settings-back{margin-bottom:var(--space-5);align-items:center;display:inline-flex}.settings-shell[data-section-open=false] .settings-content,.settings-shell[data-section-open=true] .settings-sidebar{display:none}.settings-list-row{padding:var(--space-3) var(--space-0);flex-wrap:wrap}.settings-row-copy{flex-basis:50%}.settings-member-row{flex-wrap:nowrap}.settings-copy{flex-direction:column;align-items:stretch}.settings-action-options button{min-height:var(--touch)}}.roles-layout{grid-template-columns:var(--role-list-width) minmax(0, 1fr);gap:var(--space-5);align-items:start;display:grid}.role-list{gap:var(--space-1);min-width:0}.role-list-item{align-items:center;gap:var(--space-2);width:100%;min-width:0;padding:var(--space-3);background:var(--transparent);border-radius:var(--radius-3);text-align:left;border:none;display:flex}.role-list-item.is-selected{background:var(--nav-sel);color:var(--nav-sel-fg)}.role-list-name{flex:1;min-width:0}.role-list-name strong{overflow-wrap:anywhere;font-size:var(--text-row);font-weight:var(--weight-regular);display:block}.role-list-item.is-selected .role-list-name strong{font-weight:var(--weight-medium)}.role-list-name small{margin-top:var(--space-1);display:block}.role-swatch{width:var(--role-swatch-size);height:var(--role-swatch-size);border-radius:var(--radius-full);background:var(--role-color,var(--fg-muted));border:none;flex-shrink:0}.role-editor{min-width:0}.role-color-fields{gap:var(--space-1)}.role-color-row{align-items:end;gap:var(--space-3);display:flex}.role-color-row input[type=color]{width:var(--color-picker-width);min-height:var(--touch);padding:var(--space-1);cursor:pointer}.role-color-hex{flex:1;min-width:0}.role-color-hex input{min-width:0}.permission-section{border-radius:var(--space-0);background:var(--transparent);border:none}.permission-section>summary{cursor:pointer;min-height:var(--touch);padding:var(--space-3) var(--space-0);font-weight:var(--weight-regular);font-size:var(--text-row)}.permission-section>.permission-group{padding:var(--space-3) var(--space-0);gap:var(--space-4);border:none}.permission-section .permission-option{padding-block:var(--space-1)}.permission-warning{margin-top:var(--space-2);padding:var(--space-2);background:var(--warn-bg);color:var(--warn-fg);border-radius:var(--radius-2);font-size:var(--text-caption);display:block}.permission-reserved{padding:var(--space-3) var(--space-0)}.role-save-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-0);border-radius:var(--space-0);background:var(--bg);bottom:var(--space-0);z-index:1;flex-wrap:wrap;display:flex;position:sticky}.role-save-bar.is-dirty{background:var(--surface);box-shadow:none;border:none}.role-save-bar p{margin:var(--space-0);color:var(--fg-muted);font-size:var(--text-caption)}.role-delete{align-self:flex-start}.overwrite-editor{padding-top:var(--space-3)}.overwrite-editor .overwrite-option{align-items:start;gap:var(--space-3)}.permission-segment{padding:var(--space-0);margin:var(--space-0);gap:var(--space-1);border:none;min-width:0;display:flex}.permission-choice{cursor:pointer;position:relative}.permission-choice>span{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--touch);padding:var(--space-2);border-radius:var(--radius-full);background:var(--transparent);color:var(--fg-muted);font-size:var(--text-caption);border:none;display:inline-flex}.permission-choice input:checked+span{background:var(--nav-sel);color:var(--nav-sel-fg);font-weight:var(--weight-medium)}.permission-choice input:focus-visible+span{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset);position:relative}.permission-choice input:disabled+span{color:var(--fg-subtle);cursor:not-allowed}.read-only-option{padding:var(--space-3) var(--space-0);border-radius:var(--space-0);background:var(--transparent);border:none}.member-role-form{gap:var(--space-3)}.member-role-form h4{margin:var(--space-0);font-weight:var(--weight-regular)}.member-role-option{padding:var(--space-3);border-radius:var(--radius-3);background:var(--transparent);border:none}.member-role-option:has(input:checked){background:var(--nav-sel)}.member-role-option input{accent-color:var(--fg-muted)}@media (width<=719px){.roles-layout{grid-template-columns:minmax(0,1fr)}.role-list{grid-template-columns:repeat(auto-fit, minmax(var(--role-list-width), 1fr));display:grid}.role-list>.primary,.role-list>.hint{grid-column:1/-1}.role-save-bar{position:static}.overwrite-editor .overwrite-option{flex-direction:column;align-items:stretch}.permission-segment{width:100%}.permission-choice{flex:1}.permission-choice>span{width:100%}}