:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--bg-surface:#1e2746;--bg-surface-hover:#253354;--bg-chat:#1a1a2e;--bg-input:#0d1b2a;--bg-header:#16213e;--bg-popover:#121d37;--bg-elevated:#202b4a;--topbar-start:#1e2746;--topbar-end:#1a223f;--ui-contrast-rgb:255, 255, 255;--overlay-backdrop:color-mix(in srgb, var(--bg-primary) 72%, transparent);--scrollbar-thumb:#7aaae752;--scrollbar-thumb-hover:#7aaae77a;--accent-primary:#4f7fd8;--accent-primary-hover:#6694e8;--accent-secondary:#35589f;--accent-gradient:#3f6ec8;--accent-glow:0 0 20px color-mix(in srgb, var(--accent-primary) 28%, transparent);--accent-soft:color-mix(in srgb, var(--accent-primary) 12%, transparent);--accent-soft-hover:color-mix(in srgb, var(--accent-primary) 20%, transparent);--accent-soft-strong:color-mix(in srgb, var(--accent-primary) 28%, transparent);--accent-border:color-mix(in srgb, var(--accent-primary) 42%, transparent);--accent-border-strong:color-mix(in srgb, var(--accent-primary) 64%, transparent);--accent-foreground:color-mix(in srgb, var(--accent-primary) 38%, var(--text-primary));--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent);--focus-outline:2px solid var(--accent-primary);--input-border:color-mix(in srgb, var(--text-secondary) 70%, var(--bg-input));--btn-primary-bg:#2f63c8;--btn-primary-bg-hover:#356bd2;--btn-primary-border:#93c5fd59;--btn-primary-border-hover:#bfdbfe8c;--btn-primary-text:#eff6ff;--btn-secondary-bg:#ffffff0a;--btn-secondary-bg-hover:#ffffff17;--btn-secondary-border:#ffffff2e;--btn-secondary-border-hover:#ffffff47;--btn-secondary-text:var(--text-secondary);--btn-danger-bg:#b64758;--btn-danger-bg-hover:#c55667;--btn-danger-border:#cb6876;--btn-danger-border-hover:#d97b88;--btn-danger-text:#fff2f4;--btn-danger-soft-bg:#f0474714;--btn-danger-soft-bg-hover:#f0474724;--btn-danger-soft-border:#f0474761;--btn-danger-soft-border-hover:#f0474780;--btn-danger-soft-text:#ff9ca7;--text-primary:#e8e8f0;--text-secondary:#a0a0b8;--text-muted:#9f9fae;--text-link:#8b9ddf;--text-positive:#43b581;--text-warning:#faa61a;--text-danger:#f36868;--status-online:#22c55e;--status-dnd:#ef4444;--status-offline:#64748b;--status-badge-size:10px;--status-badge-icon-size:8px;--status-inline-icon-size:12px;--status-badge-bg:var(--bg-chat);--status-online-text:var(--status-online);--accent-gradient-text:#fff;--badge-danger-bg:var(--btn-danger-bg);--server-bar-width:72px;--channel-sidebar-width:clamp(200px, calc(62.5vw - 400px), 240px);--member-sidebar-width:clamp(200px, calc(62.5vw - 400px), 240px);--header-height:48px;--mobile-bottom-dock-height:80px;--mobile-voice-callbar-offset:0px;--composer-side-gap:0px;--composer-bottom-gap:0px;--composer-mobile-side-gap:0px;--composer-mobile-bottom-gap:0px;--voice-stage-gap:14px;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--border-subtle:1px solid #ffffff0f;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-full:50%;--avatar-border-radius:50%;--shadow-low:0 1px 3px #0000004d;--shadow-medium:0 4px 12px #0006;--shadow-high:0 8px 32px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--text:var(--text-primary);--accent:var(--accent-primary);--danger:var(--text-danger);--border-color:rgba(var(--ui-contrast-rgb), .08)}:root[data-theme=dark]{--bg-primary:#181a1f;--bg-secondary:#14161b;--bg-tertiary:#262a33;--bg-surface:#23262d;--bg-surface-hover:#2d313a;--bg-chat:#1b1d22;--bg-input:#111318;--bg-header:#202329;--bg-popover:#202329;--bg-elevated:#292d35;--topbar-start:#202329;--topbar-end:#191b20;--accent-primary:#6078d4;--accent-primary-hover:#748be0;--accent-secondary:#4358a5;--accent-gradient:#556ccb;--accent-glow:0 0 20px #6078d447;--btn-primary-bg:#5269c7;--btn-primary-bg-hover:#4c63c2;--btn-primary-border:#748be075;--btn-primary-border-hover:#8ea1e8a3;--text-primary:#f1f3f5;--text-secondary:#b5bac1;--text-muted:#9aa1aa;--text-link:#8fa4ed;--text-danger:#f36c6c;--border-subtle:1px solid #ffffff14;--scrollbar-thumb:#b5bac142;--scrollbar-thumb-hover:#b5bac16b}:root[data-theme=rose]{--bg-primary:#211820;--bg-secondary:#291b28;--bg-tertiary:#4a2944;--bg-surface:#30222f;--bg-surface-hover:#3b2a39;--bg-chat:#241a23;--bg-input:#190f18;--bg-header:#2b1d2a;--bg-popover:#321f30;--bg-elevated:#3a2938;--topbar-start:#342132;--topbar-end:#281a27;--accent-primary:#c9578f;--accent-primary-hover:#dc6da1;--accent-secondary:#8f3d69;--accent-gradient:#b84b80;--accent-glow:0 0 20px #c6538b4d;--btn-primary-bg:#a94174;--btn-primary-bg-hover:#bd4d83;--btn-primary-border:#e77eb16b;--btn-primary-border-hover:#f299c49e;--btn-primary-text:#fff7fb;--text-primary:#f6edf3;--text-secondary:#cbb2c2;--text-muted:#947c8c;--text-link:#ec91bd;--border-subtle:1px solid #ffe2f214;--scrollbar-thumb:#dc6da14d;--scrollbar-thumb-hover:#dc6da17a}:root[data-theme=light]{--bg-primary:#f4f6f8;--bg-secondary:#e8ebf0;--bg-tertiary:#dbe3f1;--bg-surface:#fff;--bg-surface-hover:#edf0f4;--bg-chat:#f8f9fb;--bg-input:#fff;--bg-header:#fff;--bg-popover:#fff;--bg-elevated:#f1f3f6;--topbar-start:#fff;--topbar-end:#f4f6f8;--ui-contrast-rgb:31, 35, 43;--overlay-backdrop:#1f232b6b;--accent-primary:#315fbd;--accent-primary-hover:#244d9f;--accent-secondary:#dce7fb;--accent-gradient:#315fbd;--accent-glow:0 0 0 3px #315fbd29;--btn-primary-bg:#315fbd;--btn-primary-bg-hover:#244d9f;--btn-primary-border:#244d9f6b;--btn-primary-border-hover:#1c3e8294;--btn-primary-text:#fff;--btn-secondary-bg:#1f232b0a;--btn-secondary-bg-hover:#1f232b14;--btn-secondary-border:#1f232b2e;--btn-secondary-border-hover:#1f232b4d;--btn-danger-bg:#b4233a;--btn-danger-bg-hover:#971b30;--btn-danger-border:#971b30;--btn-danger-border-hover:#7f1729;--btn-danger-soft-bg:#b4233a14;--btn-danger-soft-bg-hover:#b4233a24;--btn-danger-soft-border:#b4233a57;--btn-danger-soft-border-hover:#b4233a7a;--btn-danger-soft-text:#9f1f34;--text-primary:#20242c;--text-secondary:#4e5867;--text-muted:#5a6374;--text-link:#2454aa;--text-positive:#177245;--text-warning:#8a5300;--text-danger:#b4233a;--status-offline:#77808f;--status-online-text:color-mix(in srgb, var(--text-positive) 82%, #000);--border-subtle:1px solid #1f232b1f;--shadow-low:0 1px 3px #19202d1f;--shadow-medium:0 5px 16px #19202d24;--shadow-high:0 14px 40px #19202d2e;--scrollbar-thumb:#315fbd47;--scrollbar-thumb-hover:#315fbd75}:root[data-custom-theme=true]{--bg-primary:var(--user-theme-bg-primary);--bg-secondary:var(--user-theme-bg-secondary);--bg-tertiary:var(--user-theme-bg-tertiary);--bg-surface:var(--user-theme-bg-surface);--bg-surface-hover:var(--user-theme-bg-surface-hover);--bg-chat:var(--user-theme-bg-chat);--bg-input:var(--user-theme-bg-input);--bg-header:var(--user-theme-bg-header);--bg-popover:var(--user-theme-bg-popover);--bg-elevated:var(--user-theme-bg-elevated);--topbar-start:var(--user-theme-topbar-start);--topbar-end:var(--user-theme-topbar-end);--accent-primary:var(--user-theme-accent);--accent-primary-hover:var(--user-theme-accent-hover);--accent-secondary:color-mix(in srgb, var(--user-theme-accent) 55%, var(--user-theme-bg-surface));--accent-gradient:var(--user-theme-accent);--accent-glow:0 0 0 3px color-mix(in srgb, var(--user-theme-accent) 22%, transparent);--btn-primary-bg:var(--user-theme-accent);--btn-primary-bg-hover:var(--user-theme-accent-hover);--btn-primary-border:color-mix(in srgb, var(--user-theme-accent) 72%, var(--user-theme-text-primary));--btn-primary-border-hover:color-mix(in srgb, var(--user-theme-accent) 60%, var(--user-theme-text-primary));--btn-primary-text:var(--user-theme-accent-contrast);--accent-gradient-text:var(--user-theme-accent-contrast);--text-primary:var(--user-theme-text-primary);--text-secondary:var(--user-theme-text-secondary);--text-muted:var(--user-theme-text-muted);--text-link:var(--user-theme-accent);--scrollbar-thumb:var(--user-theme-scrollbar);--scrollbar-thumb-hover:var(--user-theme-scrollbar-hover)}:root[data-custom-theme=true][data-custom-theme-mode=dark]{--ui-contrast-rgb:255, 255, 255;--overlay-backdrop:color-mix(in srgb, var(--user-theme-bg-primary) 72%, transparent);--btn-secondary-bg:#ffffff0a;--btn-secondary-bg-hover:#ffffff17;--btn-secondary-border:#ffffff2e;--btn-secondary-border-hover:#ffffff47;--btn-danger-bg:#b64758;--btn-danger-bg-hover:#c55667;--btn-danger-border:#cb6876;--btn-danger-border-hover:#d97b88;--btn-danger-soft-bg:#f0474714;--btn-danger-soft-bg-hover:#f0474724;--btn-danger-soft-border:#f0474761;--btn-danger-soft-border-hover:#f0474780;--btn-danger-soft-text:var(--user-theme-text-danger);--text-positive:var(--user-theme-text-positive);--text-warning:var(--user-theme-text-warning);--text-danger:var(--user-theme-text-danger);--status-offline:#64748b;--status-online-text:color-mix(in srgb, var(--status-online) 65%, var(--text-primary));--border-subtle:1px solid #ffffff14;--shadow-low:0 1px 3px #0000004d;--shadow-medium:0 4px 12px #0006;--shadow-high:0 8px 32px #00000080}:root[data-custom-theme=true][data-custom-theme-mode=light]{--ui-contrast-rgb:31, 35, 43;--overlay-backdrop:#1f232b6b;--btn-secondary-bg:#1f232b0a;--btn-secondary-bg-hover:#1f232b14;--btn-secondary-border:#1f232b2e;--btn-secondary-border-hover:#1f232b4d;--btn-danger-bg:#b4233a;--btn-danger-bg-hover:#971b30;--btn-danger-border:#971b30;--btn-danger-border-hover:#7f1729;--btn-danger-soft-bg:#b4233a14;--btn-danger-soft-bg-hover:#b4233a24;--btn-danger-soft-border:#b4233a57;--btn-danger-soft-border-hover:#b4233a7a;--btn-danger-soft-text:var(--user-theme-text-danger);--text-positive:var(--user-theme-text-positive);--text-warning:var(--user-theme-text-warning);--text-danger:var(--user-theme-text-danger);--status-offline:#77808f;--status-online-text:color-mix(in srgb, var(--text-positive) 82%, #000);--border-subtle:1px solid #1f232b1f;--shadow-low:0 1px 3px #19202d1f;--shadow-medium:0 5px 16px #19202d24;--shadow-high:0 14px 40px #19202d2e}:root[data-custom-accent=true]{--accent-primary:var(--user-accent);--accent-primary-hover:color-mix(in srgb, var(--user-accent) 84%, var(--text-primary));--accent-secondary:color-mix(in srgb, var(--user-accent) 56%, var(--bg-surface));--accent-gradient:var(--user-accent);--accent-glow:0 0 0 3px color-mix(in srgb, var(--user-accent) 22%, transparent);--btn-primary-bg:var(--user-accent);--btn-primary-bg-hover:color-mix(in srgb, var(--user-accent) 84%, var(--text-primary));--btn-primary-border:color-mix(in srgb, var(--user-accent) 72%, var(--text-primary));--btn-primary-border-hover:color-mix(in srgb, var(--user-accent) 60%, var(--text-primary));--btn-primary-text:var(--user-accent-contrast);--accent-gradient-text:var(--user-accent-contrast);--text-link:var(--user-accent-text)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10000;border-radius:var(--border-radius-sm);background:var(--btn-primary-bg);color:var(--btn-primary-text);padding:8px 12px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus-visible{outline:var(--focus-outline);outline-offset:2px;transform:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-layout{flex:1;width:100%;height:100%;min-height:300px;display:flex}.unified-layout{flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.unified-sidebar{width:var(--server-bar-width);box-sizing:border-box;background:var(--bg-secondary);border-right:var(--border-subtle);flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:10px 0;display:flex;overflow:hidden}.unified-dm-entry{background:var(--bg-surface);width:48px;min-width:48px;height:48px;min-height:48px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.unified-dm-entry:hover{background:var(--accent-primary);color:#fff;box-shadow:var(--accent-glow)}.unified-dm-entry.active{background:var(--bg-surface);color:var(--text-primary)}.unified-dm-entry.active:before{content:"";background:var(--accent-primary);border-radius:0 4px 4px 0;width:4px;height:36px;position:absolute;left:-12px}.unified-dm-entry.has-notify{box-shadow:0 0 0 1px #e9456059,0 0 12px #e9456038}.unified-sidebar-server-block{flex-direction:column;flex:auto;align-items:center;width:100%;min-height:0;display:flex}.unified-sidebar-dm-section{flex-direction:column;flex-shrink:0;align-items:center;gap:0;margin:0;padding:0 8px;display:flex}.unified-sidebar-separator{background:rgba(var(--ui-contrast-rgb), .12);border-radius:1px;flex-shrink:0;width:48px;height:2px;margin:0}.unified-sidebar .server-sidebar{flex:auto;gap:10px;min-height:0;padding-top:0;padding-bottom:10px}.unified-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.unified-content-server{flex:1;min-width:0;display:flex}.shell-layout{background:var(--bg-primary);flex-direction:column;width:100vw;height:100vh;min-height:0;display:flex;overflow:hidden}@supports (height:100dvh){.shell-layout{height:100dvh}}.shell-topbar{border-bottom:var(--border-subtle);background:linear-gradient(180deg, var(--topbar-start), var(--topbar-end));flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;height:52px;padding:0 12px;display:grid;position:relative}.shell-topbar--desktop{-webkit-user-select:none;user-select:none}.shell-topbar--desktop .window-controls{margin-right:-6px}.shell-topbar-center{justify-content:center;min-width:0;display:flex}.shell-left{align-items:center;gap:18px;display:flex}.shell-brand{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;min-width:0;max-width:100%;font-size:16px;font-weight:700;display:flex}.shell-brand-release{border:1px solid var(--border-color);background:var(--bg-surface);max-width:164px;height:22px;color:var(--text-secondary);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 7px;font-size:11px;font-weight:600;line-height:20px;display:inline-block;overflow:hidden}.shell-brand-logo{object-fit:contain;display:block}.shell-topbar-right{justify-content:flex-end;align-items:center;gap:10px;min-width:0;height:100%;display:flex}.window-controls{align-items:center;gap:2px;display:flex}.window-control{width:36px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.window-control:hover{background:rgba(var(--ui-contrast-rgb), .08);color:var(--text-primary)}.window-control--close:hover{color:#fff;background:#c42b1c}.window-control:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.desktop-window-strip{background:var(--bg-primary);z-index:9000;-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:center;height:36px;padding-right:6px;display:flex;position:fixed;top:0;left:0;right:0}body:has(.shell-topbar) .desktop-window-strip{display:none}body:has(.desktop-window-strip):not(:has(.shell-topbar)) #root{height:calc(100% - 36px);margin-top:36px}.window-resize-edge{z-index:10000;position:fixed}.window-resize-edge--n,.window-resize-edge--s{cursor:ns-resize;height:4px;left:8px;right:8px}.window-resize-edge--n{top:0}.window-resize-edge--s{bottom:0}.window-resize-edge--e,.window-resize-edge--w{cursor:ew-resize;width:4px;top:8px;bottom:8px}.window-resize-edge--e{right:0}.window-resize-edge--w{left:0}.window-resize-edge--ne,.window-resize-edge--nw,.window-resize-edge--se,.window-resize-edge--sw{width:8px;height:8px}.window-resize-edge--ne{cursor:nesw-resize;top:0;right:0}.window-resize-edge--sw{cursor:nesw-resize;bottom:0;left:0}.window-resize-edge--nw{cursor:nwse-resize;top:0;left:0}.window-resize-edge--se{cursor:nwse-resize;bottom:0;right:0}.shell-mobile-settings{display:none}.shell-quick-switch-btn{border:1px solid rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .04);width:min(420px,36vw);max-width:min(420px,36vw);min-height:34px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex:none;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.shell-quick-switch-btn:hover{background:rgba(var(--ui-contrast-rgb), .08);border-color:rgba(var(--ui-contrast-rgb), .18);color:var(--text-primary)}.shell-quick-switch-btn>span:not(.shell-quick-switch-shortcut){white-space:nowrap;min-width:0}.shell-quick-switch-label{text-overflow:ellipsis;overflow:hidden}.shell-quick-switch-mobile-label{display:none}.shell-quick-switch-shortcut{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:color-mix(in srgb, var(--bg-input) 35%, transparent);min-height:20px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.shell-update-btn{border:1px solid rgba(var(--ui-contrast-rgb), .14);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:4px;padding:5px 8px;font-size:12px;display:inline-flex}.shell-update-dock{justify-content:center;padding:0 12px 8px;display:flex}.shell-update-btn--dock{background:color-mix(in srgb, var(--accent-primary) 22%, transparent);color:#edf4ff;width:auto;min-height:34px;box-shadow:0 10px 18px #080d1c2e, inset 0 1px 0 rgba(var(--ui-contrast-rgb), .05);border-color:#93c5fd42;border-radius:999px;justify-content:center;gap:8px;padding:7px 11px}.shell-update-btn--dock:hover:not(:disabled){background:color-mix(in srgb, var(--accent-primary) 30%, transparent);border-color:#bfdbfe61}.shell-update-dock-copy{align-items:center;min-width:0;display:inline-flex}.shell-update-dock-title{color:#f3f7ff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.shell-update-btn:hover:not(:disabled){color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .06)}.shell-update-btn:disabled{opacity:.7;cursor:not-allowed}.shell-content{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.server-sidebar{width:var(--server-bar-width);--server-drop-line-height:3px;--server-drop-line-color:#77a9ec;--server-drop-line-shadow:none;background:var(--bg-secondary);box-sizing:border-box;border-right:var(--border-subtle);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:12px 0;display:flex;overflow:hidden}.server-sidebar-scroll{box-sizing:border-box;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;flex:auto;align-items:center;gap:8px;width:100%;min-height:0;padding:8px 0;display:flex;overflow:hidden auto}.server-sidebar-scroll::-webkit-scrollbar{width:4px}.server-sidebar-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}.server-sidebar-scroll::-webkit-scrollbar-track{background:0 0}.server-sidebar-scroll::-webkit-scrollbar-thumb{background:0 0}.server-sidebar:hover .server-sidebar-scroll,.server-sidebar:focus-within .server-sidebar-scroll,.server-sidebar.is-dragging .server-sidebar-scroll{scrollbar-color:var(--text-muted) transparent}.server-sidebar:hover .server-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--text-muted)}.server-sidebar:focus-within .server-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--text-muted)}.server-sidebar.is-dragging .server-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--text-muted)}@supports selector(::-webkit-scrollbar){.server-sidebar-scroll,.server-sidebar:hover .server-sidebar-scroll,.server-sidebar:focus-within .server-sidebar-scroll,.server-sidebar.is-dragging .server-sidebar-scroll{scrollbar-width:auto;scrollbar-color:auto}}.server-sidebar-actions{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg-secondary) 78%, transparent) 38%, var(--bg-secondary) 100%);border-top:1px solid rgba(var(--ui-contrast-rgb), .05);flex-direction:column;flex:none;align-items:center;gap:8px;width:100%;padding:8px 0 2px;display:flex}.server-icon{background:var(--bg-surface);cursor:pointer;width:48px;min-width:48px;height:48px;min-height:48px;transition:all var(--transition-fast);color:var(--text-secondary);border:none;border-radius:16px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:18px;font-weight:700;display:flex;position:relative;overflow:visible}.server-icon:after,.server-icon.drag-over-before:after,.server-icon.drag-over-after:after{content:none}.server-icon.is-draggable{cursor:grab}.server-icon.is-draggable:active{cursor:grabbing}.server-icon.has-notify{box-shadow:0 0 0 1px #e9456059,0 0 10px #e9456033}.server-icon.is-muted{filter:saturate(.7);opacity:.85}.server-icon-skeleton{cursor:default;pointer-events:none;background:linear-gradient(90deg, rgba(var(--ui-contrast-rgb), .04) 0%, rgba(var(--ui-contrast-rgb), .1) 50%, rgba(var(--ui-contrast-rgb), .04) 100%), var(--bg-surface);background-size:200% 100%;animation:1.3s linear infinite server-skeleton-shimmer}@keyframes server-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.server-muted-indicator{pointer-events:none;background:#111827bf;border:1px solid #ffffff73;border-radius:999px;width:10px;height:10px;position:absolute;top:4px;left:4px}.server-muted-indicator:after{content:"";transform-origin:50%;background:#ffffffd9;height:1.5px;position:absolute;top:4px;left:1px;right:1px;transform:rotate(-32deg)}.server-icon-wrapper{box-sizing:border-box;flex:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.server-icon-wrapper.is-drag-source .server-icon{opacity:.45}.server-mention-badge{pointer-events:none}.server-unread-dot{background:rgba(var(--ui-contrast-rgb), .96);pointer-events:none;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:6px;transform:translateY(-50%);box-shadow:0 0 0 2px #1118278c}.server-icon-wrapper.has-unread .server-icon.active+.server-unread-dot{opacity:.8}.server-icon-wrapper.drag-over-before:before{content:"";height:var(--server-drop-line-height);background:var(--server-drop-line-color);box-shadow:var(--server-drop-line-shadow);pointer-events:none;opacity:1;z-index:20;border-radius:999px;position:absolute;top:-6px;left:12px;right:12px;transform:translateZ(0)}.server-icon-wrapper.drag-over-after:after{content:"";height:var(--server-drop-line-height);background:var(--server-drop-line-color);box-shadow:var(--server-drop-line-shadow);pointer-events:none;opacity:1;z-index:20;border-radius:999px;position:absolute;bottom:-6px;left:12px;right:12px;transform:translateZ(0)}.server-voice-indicator{background:var(--voice-online,#22c55e);border:1.5px solid var(--bg-surface);pointer-events:none;z-index:10;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 1px #00000040}.server-voice-indicator svg{filter:drop-shadow(0 0 1px #00000059);width:8px;height:8px}.server-icon:hover{background:var(--accent-primary);color:#fff;box-shadow:var(--accent-glow)}.server-icon.active{background:var(--bg-surface);color:var(--text-primary);overflow:visible}.server-icon.active:before{content:"";background:var(--accent-primary);border-radius:0 4px 4px 0;width:4px;height:36px;position:absolute;left:-12px}.server-sidebar.is-dragging .server-icon.active:before{content:none}.server-sidebar.is-dragging .server-add,.server-sidebar.is-dragging .server-separator,.server-sidebar.is-dragging .server-action-label{pointer-events:none}.server-icon img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.server-unread-badge{background:var(--badge-danger-bg);color:#fff;border:2px solid var(--bg-secondary);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:-3px;right:-3px}.server-icon.has-active-voice{box-shadow:0 0 0 1px #3ecf8e4d,0 0 18px #3ecf8e1f}.server-voice-indicator{background:var(--bg-elevated);min-width:24px;height:18px;color:var(--text-positive);border:2px solid var(--bg-secondary);pointer-events:none;z-index:12;border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:0 5px 0 4px;display:inline-flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 1px #11182733,0 8px 18px #060a143d}.server-voice-indicator-count{letter-spacing:.01em;font-size:9px;font-weight:800;line-height:1}.server-voice-indicator svg{color:#41d890;flex:none}.server-separator{background:rgba(var(--ui-contrast-rgb), .08);border-radius:1px;width:32px;height:2px;margin:2px 0}.server-add{border:2px dashed rgba(var(--ui-contrast-rgb), .18);color:var(--accent-primary);background:0 0}.server-sidebar button.server-icon:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.server-context-menu{box-sizing:border-box;background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-md);min-width:160px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-high);z-index:10000;padding:4px 0;position:fixed}.server-context-menu-item{width:100%;min-width:0;color:var(--text-primary);cursor:pointer;text-align:left;overflow-wrap:anywhere;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.server-context-menu-item:hover{background:rgba(var(--ui-contrast-rgb), .06)}.server-context-menu-item.danger{color:var(--text-danger)}.server-context-menu-item.danger:hover{background:#f0474726}.server-add:hover{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 12%, transparent)}.server-action-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:-6px;margin-bottom:2px;font-size:10px;font-weight:600}.channel-sidebar{width:var(--channel-sidebar-width);background:var(--bg-surface);border-right:var(--border-subtle);--status-badge-bg:var(--bg-surface);flex-direction:column;flex-shrink:0;padding-bottom:80px;display:flex;position:relative}.channel-header{height:var(--header-height);border-bottom:var(--border-subtle);cursor:default;transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:0 16px;font-size:15px;font-weight:700;display:flex}.channel-header-server{min-width:0;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:10px;padding:0;display:flex}.channel-header-server:disabled{cursor:default}.server-header-menu-root{flex:auto;min-width:0;height:100%;display:flex;position:relative}.server-context-menu.server-header-menu,.server-header-menu.server-invite-panel{z-index:60;width:auto;max-width:calc(100vw - 24px);font-weight:400;position:absolute;top:calc(100% + 4px);left:-8px;right:-8px}.server-invite-panel{box-sizing:border-box;background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--shadow-high);padding:12px}.server-invite-panel-head{color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.server-invite-panel-head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.server-invite-panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:inline-flex}.server-invite-panel-close:hover{background:var(--bg-surface-hover);color:var(--text)}.server-invite-panel-row{gap:8px;display:flex}.server-invite-panel-link{border:var(--border-subtle);background:var(--bg-input,var(--bg-primary));min-width:0;color:var(--text-primary);border-radius:6px;flex:1;padding:7px 9px;font-size:12px}.server-invite-panel-copy{flex-shrink:0;align-items:center;gap:6px;min-height:0;padding:6px 12px;font-size:13px;display:inline-flex}.server-invite-panel-status{min-height:16px;color:var(--text-muted);margin:8px 0 0;font-size:12px}.server-invite-panel-status:empty{display:none}.channel-header-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.channel-header-action{background:rgba(var(--ui-contrast-rgb), .025);width:24px;height:24px;color:var(--text-secondary);box-shadow:inset 0 1px 0 rgba(var(--ui-contrast-rgb), .05);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);border:1px solid #8fabde33;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.channel-header-server:hover .channel-header-action{color:var(--text-primary);background:color-mix(in srgb, var(--accent-primary) 14%, transparent);border-color:#7ea6f273}.channel-header-server:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #7ea6f28c}.channel-list{flex:1;padding:8px 0;overflow:hidden auto}.channel-empty-state{border-radius:var(--border-radius-sm);border:var(--border-subtle);color:var(--text-muted);background:rgba(var(--ui-contrast-rgb), .02);margin:8px 12px 0;padding:10px;font-size:12px;line-height:1.45}.channel-sidebar-skeleton{flex-direction:column;gap:10px;padding:6px 4px 0;display:flex}.channel-sidebar-skeleton-row,.chat-loading-bubble{background:color-mix(in srgb, var(--bg-panel-2) 88%, #fff 12%);border-radius:12px;position:relative;overflow:hidden}.channel-sidebar-skeleton-row:after,.chat-loading-bubble:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--ui-contrast-rgb), .18), transparent);animation:1.2s ease-in-out infinite socialSkeletonShimmer;position:absolute;inset:0;transform:translate(-100%)}.channel-sidebar-skeleton-row{height:34px}.channel-sidebar-skeleton-row.short{width:68%}.channel-category{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;padding:16px 16px 4px;font-size:11px;font-weight:700;display:flex}.channel-category svg{transition:transform var(--transition-fast)}.channel-category-group{border-radius:10px;position:relative}.channel-category-group.is-drop-target{box-shadow:none;background:0 0}.channel-category-group.is-drop-target:before{content:none}.channel-category-btn{min-width:0;color:inherit;font:inherit;text-align:left;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;flex:auto;align-items:center;gap:4px;padding:0;display:flex}.channel-category-btn>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.channel-category-add{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:0 0 22px;justify-content:center;align-items:center;padding:0;display:inline-flex}.channel-category-add:hover,.channel-category-add:focus-visible{color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .07)}.channel-category-add:focus-visible,.channel-category-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-primary) 55%, transparent);outline-offset:1px}.channel-category-btn.is-channel-drop-target{box-shadow:none;background:0 0;position:relative}.channel-category-btn.is-channel-drop-target:after{content:"";background:#77a9ec;border-radius:999px;height:2px;position:absolute;bottom:1px;left:10px;right:10px;box-shadow:0 0 10px #77a9ec73}.channel-category-btn[draggable=true]{cursor:grab}.channel-category-btn[draggable=true]:active{cursor:grabbing}.channel-category .is-collapsed{transform:rotate(-90deg)}.channel-item{border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:6px;margin:1px 8px;padding:6px 8px;font-size:14px;display:flex}.channel-item.is-draggable{cursor:grab}.channel-item.is-draggable:active{cursor:grabbing}.channel-item.is-drop-target{box-shadow:none;background:0 0;position:relative}.channel-item.is-drop-target:before{content:none}.channel-item.drop-before,.channel-item.drop-after,.channel-category-group.drop-before,.channel-category-group.drop-after{position:relative}.channel-item.drop-before:before,.channel-category-group.drop-before:before{content:"";background:#77a9ec;border-radius:999px;height:2px;position:absolute;top:-1px;left:10px;right:10px;box-shadow:0 0 10px #77a9ec7a}.channel-item.drop-after:after,.channel-category-group.drop-after:after{content:"";background:#77a9ec;border-radius:999px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px;box-shadow:0 0 10px #77a9ec7a}.channel-item:hover{background:rgba(var(--ui-contrast-rgb), .04);color:var(--text-primary)}.channel-item.active{background:rgba(var(--ui-contrast-rgb), .06);color:var(--text-primary)}.channel-item.is-muted{color:var(--text-muted)}.channel-item.is-muted .channel-icon,.channel-item.is-muted .channel-name{opacity:.62}.channel-item--disabled{opacity:.56;cursor:not-allowed}.channel-item--disabled:hover{background:rgba(var(--ui-contrast-rgb), .02);color:var(--text-secondary)}.channel-item-lock{color:var(--text-muted);align-items:center;margin-left:auto;display:inline-flex}.channel-item .channel-icon{color:var(--text-muted);flex-shrink:0;font-size:18px}.channel-item .channel-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.channel-voice-duration{height:22px;color:var(--text-positive);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:5px;margin-left:auto;padding:0 2px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.channel-voice-duration>span:last-child{white-space:nowrap;text-align:right;min-width:7ch}.channel-voice-duration__wave{flex-shrink:0;align-items:flex-end;gap:2px;height:11px;display:inline-flex}.channel-voice-duration__wave>i{background:currentColor;border-radius:1px;width:2px;display:block}.channel-voice-duration__wave>i:first-child{height:5px}.channel-voice-duration__wave>i:nth-child(2){height:11px}.channel-voice-duration__wave>i:nth-child(3){height:8px}.channel-muted-indicator{color:var(--text-muted);flex-shrink:0;align-items:center;margin-left:auto;display:inline-flex}.channel-muted-indicator+.channel-unread-badge{margin-left:4px}.channel-unread-badge{min-width:16px;height:16px;color:var(--text-primary);background:#94a3b84d;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.channel-unread-badge.channel-unread-badge--mention{color:#fff;background:#f04747f2}.channel-actions{opacity:0;pointer-events:none;transition:opacity var(--transition-fast);gap:4px;margin-left:8px;display:inline-flex}.channel-item:hover .channel-actions,.channel-item.active .channel-actions{opacity:1;pointer-events:auto}.channel-action-btn{border:1px solid rgba(var(--ui-contrast-rgb), .12);width:18px;height:18px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.channel-action-btn:hover{color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .08)}.channel-action-btn.danger{color:var(--text-danger)}.voice-participants{flex-direction:column;gap:2px;margin:0 8px 2px 32px;display:flex}.voice-participant{min-height:28px;color:var(--text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;border-radius:8px;outline:none;align-items:center;gap:6px;padding:2px 6px;font-size:13px;display:flex}.voice-participant:hover,.voice-participant:focus-visible{background:rgba(var(--ui-contrast-rgb), .07);border-color:rgba(var(--ui-contrast-rgb), .11);color:var(--text-primary)}.voice-participant-avatar{background:var(--accent-gradient);width:22px;height:22px;color:var(--accent-gradient-text);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;transition:box-shadow .22s,transform .22s,filter .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 #e9456000}.voice-participant-avatar img{object-fit:cover;width:100%;height:100%}.voice-participant-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color var(--transition-fast), text-shadow var(--transition-fast);flex:auto;font-weight:600;overflow:hidden}.voice-participant-name.is-speaking{color:#2dd4bffa;text-shadow:0 0 10px #2dd4bf52}.voice-live-badge{background:color-mix(in srgb, var(--text-positive) 20%, transparent);border:1px solid color-mix(in srgb, var(--text-positive) 62%, transparent);height:20px;color:var(--text-positive);letter-spacing:0;white-space:nowrap;box-shadow:none;border-radius:4px;align-items:center;gap:4px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;display:inline-flex}.voice-participant-media{flex:none;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.voice-participant-camera{border:1px solid color-mix(in srgb, var(--text-positive) 62%, transparent);background:color-mix(in srgb, var(--text-positive) 20%, transparent);width:20px;height:20px;color:var(--text-positive);border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex}.voice-participant-icons{color:var(--text-danger);flex:none;align-items:center;gap:4px;margin-left:0;display:inline-flex}.voice-participant-icon-badge{border:1px solid color-mix(in srgb, var(--text-danger) 65%, transparent);background:color-mix(in srgb, var(--text-danger) 22%, transparent);width:20px;height:20px;color:inherit;box-shadow:none;border-radius:4px;flex:0 0 20px;justify-content:center;align-items:center;display:inline-flex}.voice-participant-icon-badge.is-server-enforced{border-color:color-mix(in srgb, var(--text-warning) 58%, transparent);background:color-mix(in srgb, var(--text-warning) 22%, transparent);color:var(--text-warning)}.voice-participant-avatar.is-speaking{transform:translateY(-1px);box-shadow:0 0 0 2px #2dd4bfeb,0 0 0 4px #2dd4bf2e,0 0 14px #2dd4bf2e}.user-panel{background:0 0;flex:1 1 0;align-items:center;gap:8px;min-width:0;height:56px;padding:0 6px;display:flex}.user-panel-status-anchor{flex:auto;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.user-panel .user-avatar{border-radius:var(--avatar-border-radius);background:var(--accent-gradient);width:32px;height:32px;color:var(--accent-gradient-text);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative}.user-avatar-image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.user-panel .user-info{flex:1 1 0;min-width:0;overflow:hidden}.user-info-btn{min-width:0;transition:background var(--transition-fast), color var(--transition-fast);border-radius:8px;flex-direction:column;justify-content:center;gap:2px;margin:-4px -6px;padding:4px 6px;display:flex}.user-panel .user-name{min-width:0;max-width:100%;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;font-size:14px;font-weight:700;line-height:1.25;display:block;overflow:hidden}.user-panel .user-status{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:12px;font-weight:500;line-height:1.2;overflow:hidden}.user-status-row{align-items:center;gap:6px;min-width:0;display:flex}.user-status-cue{min-width:0;color:var(--text-secondary);letter-spacing:.01em;white-space:nowrap;transition:color var(--transition-fast), opacity var(--transition-fast);flex:none;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:600;display:inline-flex}.user-status-cue-label{display:none}.user-panel-icon-btn{border:1px solid rgba(var(--ui-contrast-rgb), .1);border-radius:var(--border-radius-sm);background:linear-gradient(180deg, rgba(var(--ui-contrast-rgb), .06), rgba(var(--ui-contrast-rgb), .03)), #080e1c61;width:32px;min-width:32px;height:32px;min-height:32px;color:var(--text-secondary);cursor:pointer;box-shadow:inset 0 1px 0 rgba(var(--ui-contrast-rgb), .04), 0 6px 16px #04081229;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.user-panel-icon-btn:hover{color:var(--text-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 16%, transparent), rgba(var(--ui-contrast-rgb), .04)), #10182a94;border-color:color-mix(in srgb, var(--accent-primary) 34%, transparent);box-shadow:inset 0 1px 0 rgba(var(--ui-contrast-rgb), .05), 0 8px 18px #04081238;transform:translateY(-1px)}.user-panel-icon-btn:active{box-shadow:inset 0 1px 0 rgba(var(--ui-contrast-rgb), .04), 0 4px 10px #04081229;transform:translateY(0)}.user-panel-icon-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.user-avatar-btn{cursor:pointer;border:none}.user-info-btn{text-align:left;cursor:pointer;background:0 0;border:none}.user-info-btn:hover,.user-info-btn:focus-visible{background:rgba(var(--ui-contrast-rgb), .04)}.user-info-btn:hover .user-status-cue,.user-info-btn:focus-visible .user-status-cue{color:var(--text-primary)}.user-info-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-primary) 30%, transparent);outline-offset:0}.status-icon{justify-content:center;align-items:center;display:inline-flex}.status-icon-badge{width:var(--status-badge-size,10px);height:var(--status-badge-size,10px);border:1.5px solid var(--bg-chat);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:1px;right:1px}.status-icon-badge-dot-online{background:var(--status-online,#43b581)}.status-icon-badge-dot-dnd{background:var(--status-dnd,#f04747)}.status-icon-badge-dot-offline,.status-icon-badge-dot-invisible{background:var(--status-offline,#747f8d)}.avatar-status-online,.avatar-status-dnd,.avatar-status-offline,.avatar-status-invisible,.home-member-avatar.avatar-status-online,.home-member-avatar.avatar-status-dnd,.home-member-avatar.avatar-status-offline,.home-member-avatar.avatar-status-invisible{box-shadow:none;position:relative}.avatar-status-online:after,.home-member-avatar.avatar-status-online:after{content:"";background:var(--status-online,#22c55e);border:2px solid var(--sidebar-bg,#1e1f22);box-sizing:border-box;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar-status-dnd:after,.home-member-avatar.avatar-status-dnd:after{content:"";background:var(--status-dnd,#ef4444);border:2px solid var(--sidebar-bg,#1e1f22);box-sizing:border-box;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar-status-offline:after,.avatar-status-invisible:after,.home-member-avatar.avatar-status-offline:after,.home-member-avatar.avatar-status-invisible:after{content:"";background:var(--status-offline,#64748b);border:2px solid var(--sidebar-bg,#1e1f22);box-sizing:border-box;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.status-icon-inline{vertical-align:middle;flex-shrink:0;margin-right:6px}.status-icon-online{color:var(--status-online,#22c55e)}.status-icon-online svg{fill:currentColor;stroke:none}.status-icon-dnd{color:var(--status-dnd,#ef4444)}.status-icon-offline,.status-icon-invisible{color:var(--status-offline,#94a3b8)}.modal.user-settings-modal{flex-direction:column;width:min(94vw,980px);max-width:980px;height:min(88vh,780px);max-height:88vh;padding:0;display:flex;overflow:hidden}.user-settings-modal .user-setting-row>div{flex:1;min-width:0}.user-settings-modal .user-setting-row>.user-setting-actions{flex:none;min-width:auto}.user-setting-actions{justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.user-setting-actions--device{flex-wrap:wrap}.user-settings-modal .user-select,.user-settings-modal .device-select-trigger{width:170px;min-width:170px}.user-settings-header{border-bottom:1px solid rgba(var(--ui-contrast-rgb), .08);flex-shrink:0;padding:16px 24px 10px}.user-status-button,.home-member-profile-button{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.user-status-button{width:100%}.user-info-btn.user-status-button{padding:4px 6px}.user-info-btn .user-name,.user-info-btn .user-status-row{width:100%}.user-status-button:hover{background:var(--bg-surface-hover)}.user-status-button:focus-visible,.home-member-profile-button:focus-visible{outline:2px solid var(--text-link);outline-offset:2px}.home-member-profile-button{border-radius:var(--avatar-border-radius);flex-shrink:0}.user-settings-header-copy{flex-direction:column;gap:4px;display:flex}.user-settings-header h2{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.user-settings-body{flex:1;grid-template-columns:220px minmax(0,1fr);min-height:0;display:grid}.user-settings-nav{border-right:1px solid rgba(var(--ui-contrast-rgb), .08);background:color-mix(in srgb, var(--bg-primary) 72%, transparent);flex-direction:column;gap:6px;padding:16px 12px 16px 16px;display:flex}.user-settings-nav__footer{border-top:1px solid rgba(var(--ui-contrast-rgb), .12);margin-top:auto;padding-top:12px}.user-settings-nav__item--external span{text-align:left;flex:auto;min-width:0}.user-settings-nav__item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;transition:none;display:flex}.user-settings-nav__item svg{flex:none}.user-settings-nav__item span:last-child{text-align:left;flex:auto;min-width:0;line-height:1.2}.user-settings-nav__item:hover{background:rgba(var(--ui-contrast-rgb), .05);color:var(--text-primary)}.user-settings-nav__item:focus{outline:none}.user-settings-nav__item:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-primary) 48%, transparent);outline-offset:0}.user-settings-nav__item--active{background:color-mix(in srgb, var(--accent-primary) 14%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 30%, transparent);color:var(--text-primary)}.user-settings-subtitle{color:var(--text-secondary);margin:0;font-size:12px}.theme-settings{min-width:0;margin-bottom:0;container-type:inline-size}.theme-settings-copy{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.theme-settings-copy strong{color:var(--text-primary);font-size:13px}.theme-settings-copy span{color:var(--text-secondary);font-size:11px;line-height:1.4}.theme-settings-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.theme-settings-heading .theme-settings-copy{margin-bottom:0}.theme-reset-defaults{border:1px solid rgba(var(--ui-contrast-rgb), .14);background:rgba(var(--ui-contrast-rgb), .04);min-height:30px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.theme-reset-defaults:hover:not(:disabled){border-color:rgba(var(--ui-contrast-rgb), .24);background:rgba(var(--ui-contrast-rgb), .08);color:var(--text-primary)}.theme-reset-defaults:disabled{opacity:.45;cursor:default}.theme-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme-option{border:1px solid rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .035);min-width:0;min-height:72px;color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid}.theme-option:hover{border-color:color-mix(in srgb, var(--accent-primary) 48%, transparent);background:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-surface))}.theme-option.is-selected{border-color:var(--text-link);background:color-mix(in srgb, var(--accent-primary) 12%, var(--bg-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 24%, transparent)}.theme-option:focus-visible,.theme-reset-defaults:focus-visible,.theme-color-picker:focus-within,.theme-accent-input:focus-visible{outline:2px solid var(--text-link);outline-offset:2px}.theme-option-preview{border:1px solid color-mix(in srgb, var(--theme-preview-text) 20%, transparent);background:var(--theme-preview-bg);border-radius:6px;grid-template-columns:18px minmax(0,1fr);width:64px;height:44px;display:grid;overflow:hidden;box-shadow:0 4px 12px #00000029}.theme-option-preview-sidebar{background:var(--theme-preview-surface);border-right:1px solid color-mix(in srgb, var(--theme-preview-text) 14%, transparent)}.theme-option-preview-content{flex-direction:column;justify-content:flex-end;gap:4px;padding:6px;display:flex}.theme-option-preview-content:before{content:"";background:var(--theme-preview-accent);border-radius:50%;width:15px;height:15px}.theme-option-preview-content span{background:color-mix(in srgb, var(--theme-preview-text) 72%, transparent);border-radius:999px;width:100%;height:3px;display:block}.theme-option-preview-content span:last-child{opacity:.52;width:62%}.theme-option-meta{flex-direction:column;gap:0;min-width:0;display:flex}.theme-option-label{color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.theme-option-label svg{color:var(--text-link);flex:none}.theme-custom-panel{border:1px solid rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .035);border-radius:8px;min-width:0;margin-top:10px;padding:12px;display:block}.theme-custom-panel.is-active{border-color:var(--text-link);background:color-mix(in srgb, var(--accent-primary) 9%, var(--bg-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 20%, transparent)}.theme-custom-panel-copy{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.theme-custom-panel-copy strong{color:var(--text-primary);font-size:12px}.theme-custom-panel-copy span{color:var(--text-secondary);font-size:11px;line-height:1.4}.theme-hex-control{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;width:min(100%,190px);min-width:0;display:grid}.theme-hex-control.has-reset{grid-template-columns:34px 98px 34px;width:min(100%,178px)}.theme-color-picker{border:1px solid rgba(var(--ui-contrast-rgb), .16);background:var(--bg-input);cursor:pointer;border-radius:7px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.theme-color-picker input{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0}.theme-accent-input{border:1px solid rgba(var(--ui-contrast-rgb), .16);background:var(--bg-input);width:100%;min-width:0;height:34px;color:var(--text-primary);font-family:var(--font-mono);text-transform:lowercase;border-radius:7px;padding:0 9px;font-size:11px}.theme-accent-input.is-invalid{border-color:var(--text-danger)}.theme-accent-error{color:var(--text-danger);margin-top:8px;font-size:11px}.theme-accent-panel{border-top:1px solid rgba(var(--ui-contrast-rgb), .12);margin-top:12px;padding:12px 0 0}.theme-accent-controls{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.theme-accent-swatches{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.theme-accent-swatch{background:var(--accent-swatch-color);width:30px;height:30px;box-shadow:0 0 0 1px rgba(var(--ui-contrast-rgb), .16);cursor:pointer;border:2px solid #0000;border-radius:50%;flex:0 0 30px}.theme-accent-swatch:hover,.theme-accent-swatch.is-selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--accent-swatch-color)}.theme-accent-swatch:focus-visible,.theme-accent-reset:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.theme-accent-reset{border:1px solid rgba(var(--ui-contrast-rgb), .14);background:rgba(var(--ui-contrast-rgb), .04);width:34px;height:34px;color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:0;padding:0;font-size:10px;font-weight:600;display:inline-flex}.theme-accent-reset:disabled{opacity:.4;cursor:default}@container (width>=620px){.theme-custom-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.theme-custom-panel-copy{margin-bottom:0}.theme-accent-panel{margin-top:10px;padding-top:10px}.theme-accent-panel .theme-custom-panel-copy{margin-bottom:8px}}@media (width<=700px){.theme-option-grid{grid-template-columns:1fr}.theme-option{min-height:96px}.theme-settings-heading{flex-direction:column;align-items:stretch}.theme-custom-panel{padding:9px}.theme-hex-control,.theme-hex-control.has-reset{width:100%}.theme-hex-control.has-reset{grid-template-columns:34px minmax(0,1fr)}.theme-hex-control.has-reset .theme-accent-reset{grid-column:1/-1;justify-self:start}.theme-accent-controls{flex-direction:column;align-items:flex-start}}.user-settings-scroll{scrollbar-gutter:stable;min-height:0;padding:10px 24px 8px;overflow:hidden auto}.user-settings-section{margin-bottom:20px}.user-settings-section--voice{flex-direction:column;align-items:stretch;gap:8px;display:flex}.user-settings-section--voice>.user-settings-section-title{margin-bottom:10px}.user-settings-section--voice .user-setting-row{margin-bottom:0;padding:8px 12px}.user-settings-section--voice .user-setting-title{font-size:13px}.user-settings-section--voice .user-setting-desc{font-size:11px;line-height:1.32}.user-settings-section--voice .user-toggle,.user-settings-section--voice .device-select-trigger,.user-settings-section--voice .user-select{min-width:170px;height:32px}.user-settings-section--voice .account-action-btn{white-space:nowrap;width:auto;min-width:170px;padding-inline:12px}.user-settings-section--voice .user-setting-row.user-setting-row-full{padding:8px 12px}.voice-settings-block{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:color-mix(in srgb, var(--bg-input) 26%, transparent);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.voice-settings-block__title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:700}.voice-settings-block__desc{color:var(--text-muted);font-size:11px;line-height:1.3}.voice-settings-grid{grid-template-columns:1fr;gap:6px;display:grid}.voice-settings-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-settings-grid--audio .user-setting-row{align-items:stretch;min-height:56px;padding:4px 10px}.voice-settings-grid--audio .user-setting-row>div{flex-direction:column;justify-content:center;display:flex}.voice-settings-grid--audio .user-setting-title{align-items:center;gap:8px;min-height:16px;line-height:1.2;display:inline-flex}.voice-settings-grid--audio .user-setting-desc{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0;line-height:1.25;display:-webkit-box;overflow:hidden}.voice-settings-inline-value{border:1px solid color-mix(in srgb, var(--accent-primary) 22%, transparent);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);min-width:42px;height:20px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.voice-settings-banner{color:#ffe4b5;background:#f5ac3514;border:1px solid #f5ac3547;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.voice-settings-banner span{flex:1;min-width:0;font-size:12px;line-height:1.35}.user-settings-section:last-child{margin-bottom:0}.user-profile-preview-card{border:var(--border-subtle);background:var(--bg-elevated);border-radius:12px;width:100%;margin-bottom:10px;padding:12px;display:block}.profile-avatar-editor{justify-items:center;gap:16px;min-width:0;padding:12px 0;display:grid}.profile-avatar-editor__stage{aspect-ratio:1;border:2px solid var(--accent-border-strong);background:var(--bg-primary);cursor:grab;touch-action:none;border-radius:50%;width:min(100%,240px);position:relative;overflow:hidden}.profile-avatar-editor--rounded-square .profile-avatar-editor__stage{border-radius:33%}.profile-avatar-editor__stage:active{cursor:grabbing}.profile-avatar-editor__stage:focus-visible{outline:2px solid var(--text-link);outline-offset:3px}.profile-avatar-editor__stage img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.profile-avatar-editor__controls{width:min(100%,360px);color:var(--text-primary);gap:8px;font-size:12px;font-weight:600;display:grid}.profile-avatar-editor__controls input{width:100%;accent-color:var(--accent-primary)}.profile-avatar-editor__error{color:var(--text-danger);margin:0;font-size:12px}.profile-avatar-editor__note{color:var(--text-muted);margin:0;font-size:12px}.profile-avatar-selection-feedback{height:36px;color:var(--text-danger);font-size:12px;line-height:18px;overflow-y:auto}.profile-avatar-selection-feedback p{margin:0}.profile-avatar-editor__actions{flex-wrap:wrap;justify-content:center;gap:8px;width:min(100%,360px);display:flex}.profile-avatar-editor__actions .user-toggle{justify-content:center;align-items:center;gap:6px;min-height:36px;display:inline-flex}.user-profile-preview-avatar{background:var(--accent-gradient);width:52px;height:52px;color:var(--accent-gradient-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;overflow:visible}.user-profile-preview-avatar .user-avatar-image{border-radius:50%}.user-profile-preview-avatar.avatar-status-online:after,.user-profile-preview-avatar.avatar-status-dnd:after,.user-profile-preview-avatar.avatar-status-offline:after,.user-profile-preview-avatar.avatar-status-invisible:after{border-color:var(--bg-surface);box-shadow:none;bottom:4px;right:4px}.user-profile-preview-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.user-profile-preview-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.user-profile-preview-name{color:var(--text-primary);font-size:16px;font-weight:700}.profile-status-actions{flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;display:flex}.user-profile-preview-header{align-items:center;gap:12px;display:flex}.user-profile-fields{border-top:1px solid rgba(var(--ui-contrast-rgb), .1);gap:10px;margin-top:6px;padding-top:6px;display:grid}.user-profile-field{gap:5px;display:grid}.user-profile-field-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.user-profile-field-label{color:var(--text-primary);font-size:12px;font-weight:650}.user-profile-field-label span,.user-profile-field-count{color:var(--text-muted);font-size:11px;font-weight:500}.user-profile-textarea{border:1px solid rgba(var(--ui-contrast-rgb), .16);background:color-mix(in srgb, var(--bg-primary) 72%, var(--bg-surface));width:100%;color:var(--text-primary);font:inherit;resize:none;border-radius:6px;height:72px;min-height:72px;max-height:72px;padding:9px 10px;font-size:13px;line-height:1.4;overflow-y:auto}.user-profile-textarea:focus{border-color:var(--accent-border-strong);outline:none}.user-profile-field-count{margin-right:2px}.user-settings-modal .user-profile-save-button{border-color:var(--accent-border);background:var(--accent-soft);width:112px;min-width:112px;height:32px;color:var(--accent-foreground);white-space:nowrap;padding:0 11px;font-size:12px}.user-settings-modal .user-profile-save-button:hover:not(:disabled){border-color:var(--accent-border-strong);background:var(--accent-soft-hover)}.user-settings-modal .user-profile-save-button:disabled{cursor:default;opacity:.58}.settings-photo-leave-overlay{z-index:1;background:var(--overlay-backdrop);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.profile-avatar-editor__actions .profile-avatar-editor__save{border-color:var(--btn-primary-border);background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600}.profile-avatar-editor__actions .profile-avatar-editor__save:hover:not(:disabled){border-color:var(--btn-primary-border-hover);background:var(--btn-primary-bg-hover)}.user-settings-section--profile>.user-settings-section-title{margin-bottom:8px}.user-settings-section--profile{margin-bottom:0}.user-settings-section--profile>.user-setting-row{margin-bottom:5px;padding:6px 12px}.profile-status-btn{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:color-mix(in srgb, var(--bg-input) 48%, transparent);min-width:0;height:28px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.profile-status-btn.is-active{color:var(--text-primary);border-color:var(--accent-border-strong);background:var(--accent-soft-hover)}.profile-status-btn:disabled{cursor:wait;opacity:.64}.profile-status-btn-dot{background:var(--status-online);border-radius:999px;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 2px #43b5811f}.profile-status-btn-dot.dnd{background:var(--status-dnd);box-shadow:0 0 0 2px #ff5b5b1f}.profile-status-btn-dot.invisible{background:var(--status-offline);box-shadow:0 0 0 2px #9aa6be1f}.user-settings-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);opacity:.9;margin:0 0 10px;font-size:11px;font-weight:700}.user-settings-footer{border-top:1px solid rgba(var(--ui-contrast-rgb), .08);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:10px 24px 12px;display:flex}.user-status-popover{z-index:120;background:var(--bg-popover);border:1px solid rgba(var(--ui-contrast-rgb), .08);border-radius:8px;transition:none;animation:none;position:absolute;bottom:84px;left:0;right:0;overflow:hidden;box-shadow:0 4px 16px #00000040}.user-status-mobile-backdrop{display:none}.user-status-popover-header{border-bottom:1px solid rgba(var(--ui-contrast-rgb), .06);padding:8px 10px 6px}.user-status-popover-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.user-status-popover-error{color:var(--text-danger);background:#f047471a;border-radius:4px;margin:6px 8px 0;padding:5px 8px;font-size:11px}.user-status-popover-saving{color:var(--text-muted);text-align:center;border-top:1px solid rgba(var(--ui-contrast-rgb), .06);padding:5px 10px;font-size:11px}.user-status-list{flex-direction:column;gap:0;padding:4px 6px 6px;display:flex}.user-status-option{width:100%;min-height:42px;color:var(--text-secondary);font-size:13px;font-family:var(--font-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;transition:background .1s,color .1s;display:flex}.user-status-option:hover:not(:disabled){background:rgba(var(--ui-contrast-rgb), .06);color:var(--text-primary)}.user-status-option:active:not(:disabled){background:rgba(var(--ui-contrast-rgb), .08)}.user-status-option:disabled{opacity:.6;cursor:not-allowed}.user-status-option.active{background:rgba(var(--ui-contrast-rgb), .1);color:var(--text-primary)}.user-status-option.active:hover:not(:disabled){background:rgba(var(--ui-contrast-rgb), .12)}.user-status-option-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.user-status-option-dot.online{background:var(--status-online,#43b581)}.user-status-option-dot.dnd{background:var(--status-dnd,#f04747)}.user-status-option-dot.offline,.user-status-option-dot.invisible{background:var(--status-offline,#747f8d)}.user-status-option-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:inline-flex}.user-status-option-online .user-status-option-icon{color:var(--status-online,#22c55e)}.user-status-option-online .user-status-option-icon svg{fill:currentColor;stroke:none}.user-status-option-dnd .user-status-option-icon{color:var(--status-dnd,#ef4444)}.user-status-option-offline .user-status-option-icon,.user-status-option-invisible .user-status-option-icon{color:var(--status-offline,#94a3b8)}.user-status-option-label{font-weight:600;display:block}.user-status-option-meta{flex:1;min-width:0}.user-status-option-description{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.2;display:block}.user-status-option-check{color:var(--text-danger,#ef4444);font-size:12px;font-weight:700}.user-settings-section .user-setting-row{margin-bottom:6px}.user-settings-section .user-setting-row:last-child{margin-bottom:0}@media (width<=820px){.modal.user-settings-modal{width:min(96vw,720px);height:min(88vh,760px)}.user-settings-body{flex-direction:column;align-items:stretch;display:flex}.user-settings-nav{border-right:0;border-bottom:1px solid rgba(var(--ui-contrast-rgb), .08);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(42px,auto);padding:12px 16px;display:grid}.user-settings-nav__item{width:100%;min-height:42px}.user-settings-nav__footer{grid-column:1/-1;margin-top:0;padding-top:8px}.user-settings-scroll{flex:auto;min-height:0}}.pw-change-form{flex-direction:column;gap:2px;display:flex}.pw-field-wrap{flex-direction:column;gap:4px;width:100%;display:flex}.pw-field-wrap label{color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:600}.pw-input-wrap{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:#00000040;border-radius:8px;align-items:center;padding:0 10px;transition:border-color .2s,box-shadow .2s;display:flex}.pw-input-wrap:focus-within{border-color:color-mix(in srgb, var(--accent-primary) 60%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 15%, transparent)}.pw-input-icon{color:var(--text-muted);opacity:.55;flex-shrink:0;margin-right:8px}.pw-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:9px 0;font-family:inherit;font-size:13px}.pw-input::placeholder{color:var(--text-muted);opacity:.5}.pw-input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset;caret-color:var(--text-primary)}.pw-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset;caret-color:var(--text-primary)}.pw-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset;caret-color:var(--text-primary)}.pw-eye-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.pw-eye-btn:hover{color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .08)}.pw-hint{padding:0 2px;font-size:11px;animation:.2s pw-hint-in}@keyframes pw-hint-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.pw-hint-warn{color:#f0a844}.pw-hint-ok{color:#43b581}.pw-error{color:#f04747;background:#f047471f;border:1px solid #f047474d;border-radius:8px;padding:8px 12px;font-size:12px;animation:.2s pw-hint-in}.pw-success{color:#43b581;background:#43b5811f;border:1px solid #43b5814d;border-radius:8px;padding:8px 12px;font-size:12px;animation:.2s pw-hint-in}.pw-modal{width:88vw;max-width:340px;padding:0}.pw-modal-header{flex-direction:column;gap:2px;padding:16px 16px 0;display:flex}.pw-modal-header h2{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.pw-modal-icon{color:var(--accent);opacity:.85;margin-bottom:2px}.pw-modal-subtitle{color:var(--text-muted);margin:0;font-size:11px;line-height:1.3}.pw-modal .pw-change-form{gap:10px;padding:12px 16px}.pw-modal .pw-field-wrap label{margin-bottom:1px;font-size:11px}.pw-modal .pw-input{padding:7px 0;font-size:12px}.pw-modal .pw-input-wrap{padding:0 8px}.delete-account-modal{max-width:420px}.delete-account-modal .pw-change-form{gap:10px}.delete-account-modal .delete-account-danger-note{color:#ffd7dd;background:#8c1c2d4d;border:1px solid #f0474780;border-radius:9px;margin-top:8px;padding:9px 11px;font-size:12px;font-weight:600;line-height:1.4}.delete-account-modal .delete-account-input-wrap{background:color-mix(in srgb, var(--bg-input) 82%, transparent);border-color:#a7bcff3d;min-height:38px}.delete-account-modal .delete-account-input-wrap:focus-within{border-color:#64a0ffb8;box-shadow:0 0 0 2px #64a0ff2e}.delete-account-confirm-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.delete-account-confirm-hint.is-valid{color:#64d7a5}.pw-modal-footer{border-top:1px solid rgba(var(--ui-contrast-rgb), .08);justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.pw-modal-footer .btn{box-shadow:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:10px;padding:6px 14px;font-size:12px;font-weight:600}.pw-modal-footer .btn.btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text)}.pw-modal-footer .btn.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover);color:var(--text-primary)}.pw-modal-footer .btn.btn-primary{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:var(--btn-primary-text)}.pw-modal-footer .btn.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover)}.pw-modal-footer .btn:disabled{background:rgba(var(--ui-contrast-rgb), .08);border-color:rgba(var(--ui-contrast-rgb), .14);color:var(--text-muted)}.user-setting-row{border:var(--border-subtle);background:rgba(var(--ui-contrast-rgb), .03);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.user-setting-title{color:var(--text-primary);font-size:13px;font-weight:600}.user-setting-desc{color:var(--text-secondary);font-size:11px}.user-toggle{border:1px solid rgba(var(--ui-contrast-rgb), .16);background:rgba(var(--ui-contrast-rgb), .05);min-width:48px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.user-toggle.active{border-color:color-mix(in srgb, var(--accent-primary) 65%, transparent);background:color-mix(in srgb, var(--accent-primary) 18%, transparent);color:var(--text-primary)}.user-settings-modal .user-toggle{border:1px solid rgba(var(--ui-contrast-rgb), .16);background:rgba(var(--ui-contrast-rgb), .04);min-width:70px;height:32px;color:var(--text-secondary);border-radius:9px;font-weight:600;transition:none}.user-settings-modal .user-toggle:hover:not(:disabled){background:rgba(var(--ui-contrast-rgb), .09);border-color:rgba(var(--ui-contrast-rgb), .24);color:var(--text-primary)}.user-settings-modal .account-action-btn--danger{border-color:var(--btn-danger-soft-border);background:var(--btn-danger-soft-bg);color:var(--btn-danger-soft-text)}.user-settings-modal .account-action-btn--danger:hover:not(:disabled){border-color:var(--btn-danger-soft-border-hover);background:var(--btn-danger-soft-bg-hover);color:#ffd5d5}.quick-switcher-overlay{z-index:2600;background:var(--overlay-backdrop);justify-content:center;align-items:flex-start;padding:76px 18px 18px;display:flex;position:fixed;inset:0}.quick-switcher{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent-primary) 16%, transparent), transparent 40%), var(--bg-popover);border-radius:18px;width:min(680px,100%);overflow:hidden;box-shadow:0 22px 60px #0000006b}.quick-switcher-search{border-bottom:1px solid rgba(var(--ui-contrast-rgb), .08);color:var(--text-muted);align-items:center;gap:10px;padding:14px 16px;display:flex}.quick-switcher-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:600}.quick-switcher-input::placeholder{color:var(--text-muted)}.quick-switcher-close{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:rgba(var(--ui-contrast-rgb), .04);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.quick-switcher-list{flex-direction:column;max-height:min(60vh,520px);padding:8px;display:flex;overflow-y:auto}.quick-switcher-group{flex:none}.quick-switcher-group+.quick-switcher-group{border-top:var(--border-subtle);margin-top:6px}.quick-switcher-group-title{color:var(--text-secondary);margin:0;padding:10px 14px 6px;font-size:12px;font-weight:600}.quick-switcher-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.quick-switcher-item:hover,.quick-switcher-item.active{background:color-mix(in srgb, var(--accent-primary) 14%, transparent)}.quick-switcher-item-icon{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:rgba(var(--ui-contrast-rgb), .05);width:32px;height:32px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.quick-switcher-item-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.quick-switcher-item-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.quick-switcher-item-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.quick-switcher-kind{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:rgba(var(--ui-contrast-rgb), .04);min-height:24px;color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.quick-switcher-empty{color:var(--text-secondary);padding:20px 16px 24px;font-size:13px}.user-settings-modal .user-toggle.active{border-color:color-mix(in srgb, var(--accent-primary) 50%, transparent);background:color-mix(in srgb, var(--accent-primary) 20%, transparent);color:var(--text-primary)}.user-settings-modal .account-action-btn{width:112px;min-width:112px}.user-settings-modal .account-action-btn.active{color:var(--text-primary)}.user-settings-modal .btn.btn-primary{border:1px solid var(--btn-primary-border);background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:none;border-radius:9px}.user-settings-modal .btn.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover)}.user-settings-modal .btn.btn-primary:disabled{background:rgba(var(--ui-contrast-rgb), .12);border-color:rgba(var(--ui-contrast-rgb), .16);color:var(--text-muted)}.user-slider{accent-color:#7289da;width:140px}.user-setting-row.user-setting-row-full{flex-direction:column;align-items:stretch;gap:0}.sensitivity-bar-wrap{-webkit-user-select:none;user-select:none;width:100%}.sensitivity-bar-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:6px;display:flex}.sensitivity-bar-copy{flex:auto;min-width:0}.sensitivity-bar-title-row{align-items:center;gap:8px;display:inline-flex}.sensitivity-bar-subtitle{color:var(--text-secondary);margin-top:3px;font-size:10px;line-height:1.25}.sensitivity-bar-controls{flex:none;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.sensitivity-bar-test-group{flex:none;align-items:center;display:inline-flex}.sensitivity-bar-select{flex:none}.sensitivity-bar-test-btn{border-radius:12px;justify-content:center;width:136px;min-width:136px}.sensitivity-bar-preview-shell{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-elevated);min-width:116px;box-shadow:none;border-radius:14px;align-items:center;gap:10px;padding:7px 10px;display:inline-flex}.sensitivity-bar-preview-shell--control{gap:8px;min-width:0;padding:5px 6px 5px 7px}.sensitivity-bar-preview-avatar{background:var(--accent-gradient);width:34px;height:34px;color:var(--accent-gradient-text);border:1px solid rgba(var(--ui-contrast-rgb), .08);box-shadow:none;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:none;display:inline-flex;overflow:hidden}.sensitivity-bar-preview-avatar.is-listening{box-shadow:none;filter:none;border-color:#8fb4ff33}.sensitivity-bar-preview-avatar.is-speaking{box-shadow:none;filter:none;border-color:#2dd4bfc2;transform:translateY(-1px)}.sensitivity-bar-title{color:var(--text-primary);font-size:13px;font-weight:600}.sensitivity-bar-db-chip{border:1px solid color-mix(in srgb, var(--accent-primary) 28%, transparent);background:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:#dfe9ff;letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:0 9px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.sensitivity-bar-track{cursor:pointer;border:1px solid rgba(var(--ui-contrast-rgb), .06);background:#00000059;border-radius:2px;height:14px;position:relative;overflow:hidden}.sensitivity-bar-track:hover{border-color:rgba(var(--ui-contrast-rgb), .12)}.sensitivity-bar-track:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-primary) 60%, transparent);outline-offset:2px}.sensitivity-bar-level{pointer-events:none;z-index:2;height:100%;box-shadow:none;border-radius:0;transition:width 90ms ease-out,background .18s,opacity .16s;position:absolute;top:0;left:0}.sensitivity-bar-live-marker{background:var(--text-primary);pointer-events:none;z-index:4;width:3px;box-shadow:none;border-radius:0;transition:left 90ms ease-out,opacity .16s;position:absolute;top:0;bottom:0;transform:translate(-50%)}.sensitivity-bar-live-marker.is-hidden{opacity:0}.sensitivity-bar-gate{background:rgba(var(--ui-contrast-rgb), .08);pointer-events:none;z-index:1;opacity:.52;border-radius:0;height:100%;position:absolute;top:0;left:0}.sensitivity-bar-threshold{z-index:3;pointer-events:none;width:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.sensitivity-bar-threshold-handle{width:4px;box-shadow:none;pointer-events:auto;cursor:ew-resize;background:#fff;border-radius:0;transition:none;position:absolute;top:0;bottom:0;left:-1.5px}.sensitivity-bar-threshold-handle.is-edge-start{left:0}.sensitivity-bar-threshold-handle.is-edge-end{left:auto;right:0}.sensitivity-bar-track:hover .sensitivity-bar-threshold-handle,.sensitivity-bar-threshold-handle:hover{width:5px;box-shadow:none;left:-2px}.sensitivity-bar-track:hover .sensitivity-bar-threshold-handle.is-edge-start,.sensitivity-bar-threshold-handle.is-edge-start:hover{left:0}.sensitivity-bar-track:hover .sensitivity-bar-threshold-handle.is-edge-end,.sensitivity-bar-threshold-handle.is-edge-end:hover{left:auto;right:0}.sensitivity-bar-ticks{height:8px;margin-top:0;position:relative}.sensitivity-bar-tick{color:var(--text-muted);opacity:.55;white-space:nowrap;pointer-events:none;letter-spacing:-.02em;font-size:8px;position:absolute;transform:translate(-50%)}@media (width<=820px){.voice-settings-grid--two{grid-template-columns:1fr}.sensitivity-bar-top{flex-direction:column;align-items:stretch}.sensitivity-bar-controls{grid-template-columns:1fr;justify-content:stretch;gap:8px;width:100%;display:grid}.sensitivity-bar-test-btn,.sensitivity-bar-select{width:100%;min-width:0;max-width:100%}}.user-select{border:1px solid rgba(var(--ui-contrast-rgb), .16);background:var(--bg-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%238b95a7' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E") no-repeat right 10px center / 15px 15px;width:min(340px,100%);min-width:240px;max-width:100%;height:30px;color:var(--text-primary);color-scheme:inherit;appearance:none;cursor:pointer;text-overflow:ellipsis;border-radius:7px;padding:0 35px 0 10px}.user-select:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent-primary) 75%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 16%, transparent)}.device-select-trigger{border:1px solid rgba(var(--ui-contrast-rgb), .16);background:var(--bg-input);width:min(340px,100%);min-width:240px;max-width:100%;height:30px;color:var(--text-primary);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;transition:none;display:inline-flex}.device-select-trigger:hover:not(:disabled),.device-select-trigger.is-open{border-color:color-mix(in srgb, var(--accent-primary) 75%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 16%, transparent)}.device-select-trigger:disabled{opacity:.72;cursor:not-allowed}.device-select-trigger__label{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.user-select:focus{border-color:color-mix(in srgb, var(--accent-primary) 75%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 20%, transparent);outline:none}.user-select option{background:var(--bg-popover);color:var(--text-primary)}.device-select-menu{z-index:10080;border:1px solid rgba(var(--ui-contrast-rgb), .16);background:var(--bg-popover);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:10px;flex-direction:column;padding:6px;display:flex;position:fixed;overflow:hidden auto}.device-select-menu__item{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:8px 10px;display:flex}.device-select-menu__item:hover,.device-select-menu__item.is-active{background:color-mix(in srgb, var(--accent-primary) 18%, transparent)}.device-select-menu__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.device-select-menu__check{color:#8fb4ff;flex:none;font-weight:700}.chat-area{background:var(--bg-chat);flex-direction:column;flex:1;min-width:0;padding-bottom:80px;display:flex}.chat-area.chat-area--search-panel{--chat-search-panel-width:min(360px, 40%);position:relative}.chat-area.chat-area--search-panel>:not(.chat-header):not(.chat-search-panel){margin-right:var(--chat-search-panel-width)}.chat-search-panel{top:var(--header-height);width:var(--chat-search-panel-width);z-index:20;background:var(--bg-surface);border-left:var(--border-subtle);flex-direction:column;min-height:0;display:flex;position:absolute;bottom:0;right:0}.chat-search-panel-head{min-height:var(--header-height);box-sizing:border-box;border-bottom:var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex}.chat-search-panel-summary{flex-direction:column;min-width:0;display:flex}.chat-search-panel-title{color:var(--text-primary);font-size:14px;font-weight:700}.chat-search-panel-scope{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:12px;overflow:hidden}.chat-search-panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px;display:inline-flex}.chat-search-panel-close:hover{background:var(--bg-surface-hover);color:var(--text)}.chat-search-panel-empty{color:var(--text-muted);align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.chat-search-panel-spinner{animation:1s linear infinite spin}.chat-search-panel-list{flex:1;min-height:0;margin:0;padding:8px;list-style:none;overflow-y:auto}.chat-search-panel-item{border:var(--border-subtle);background:var(--bg-chat);border-radius:8px;padding:10px}.chat-search-panel-item+.chat-search-panel-item{margin-top:8px}.chat-search-panel-item-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.chat-search-panel-item-author{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:600;overflow:hidden}.chat-search-panel-item-date{color:var(--text-muted);flex-shrink:0}.chat-search-panel-item-content{color:var(--text-secondary,var(--text-primary));overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 8px;font-size:13px;line-height:1.45}.chat-search-panel-item-attachment{color:var(--text-muted);font-style:italic}.chat-search-panel-item-reply{color:var(--text-muted);font-size:12px}.chat-search-panel-goto{border:1px solid var(--accent-border);color:var(--text-link);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.chat-search-panel-goto:disabled{opacity:.6;cursor:default}@media (width<=959px){.chat-area.chat-area--search-panel>:not(.chat-header):not(.chat-search-panel){margin-right:0}.chat-search-panel{border-left:none;width:100%}}.chat-header{height:var(--header-height);border-bottom:var(--border-subtle);background:var(--bg-header);flex-shrink:0;justify-content:flex-start;align-items:center;gap:8px;padding:0 16px;display:flex}.chat-header .channel-hash{color:var(--text-muted);justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-size:20px;line-height:0;display:inline-flex}.chat-header .channel-hash svg{display:block}.chat-header .channel-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:700;display:block;overflow:hidden}.channel-header-copy{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.channel-description{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:min(100%,560px);font-size:12px;line-height:1.2;overflow:hidden}.channel-description-separator{background:rgba(var(--ui-contrast-rgb), .12);flex:none;width:1px;height:16px}.chat-header-right{flex-shrink:0;align-items:center;gap:6px;min-height:36px;margin-left:auto;display:flex}.chat-header-search{align-items:center;gap:6px;display:flex;position:relative}.chat-header-search-expanded{width:100%;max-width:280px}.chat-header-search-trigger{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.chat-header-search-trigger:hover{background:var(--bg-surface-hover);color:var(--text)}.chat-header-search-icon{color:var(--text-muted);flex-shrink:0}.chat-header-search-input{border:1px solid var(--border-subtle);background:var(--bg-input);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:6px 10px;font-size:13px}.chat-header-search-input::placeholder{color:var(--text-muted)}.chat-header-search-input:focus{border-color:var(--accent);outline:none}.chat-header-search-help{flex-shrink:0;position:relative}.chat-header-search-help summary{border:1px solid color-mix(in srgb, var(--accent-primary) 50%, transparent);background:color-mix(in srgb, var(--accent-primary) 12%, transparent);height:28px;box-shadow:inset 0 0 0 1px rgba(var(--ui-contrast-rgb), .03);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;list-style:none;display:flex}.chat-header-search-help summary::-webkit-details-marker{display:none}.chat-header-search-help[open] summary,.chat-header-search-help summary:hover{border-color:var(--accent-primary-hover);background:color-mix(in srgb, var(--accent-primary) 20%, transparent);color:var(--text)}.chat-header-search-help-panel{z-index:20;border:var(--border-subtle);background:var(--bg-popover);max-width:min(280px,100vw - 48px);color:var(--text-muted);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:8px;font-size:11px;line-height:1.2;display:flex;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 18px 34px #00000057}.chat-header-search-help-panel:before{content:"";border-left:1px solid rgba(var(--ui-contrast-rgb), .08);border-top:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-popover);width:9px;height:9px;position:absolute;top:-5px;right:18px;transform:rotate(45deg)}.chat-header-search-help-panel button{z-index:1;border:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-input);color:var(--text);cursor:pointer;font-family:var(--font-mono);border-radius:7px;padding:4px 7px;font-size:11px;position:relative}.chat-header-search-help-panel button:hover{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 16%, transparent)}.chat-header-search-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.chat-header-search-close:hover{background:var(--bg-surface-hover);color:var(--text)}.chat-header-pinned-wrap{flex-shrink:0;position:relative}.chat-header-pinned-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.chat-header-pinned-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.chat-header-pinned-btn[aria-expanded=true]{border:1px solid color-mix(in srgb, var(--accent-primary) 50%, transparent);background:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--text)}.chat-header-member-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.chat-header-member-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.chat-header-pinned-dropdown{background:var(--bg-popover);border:var(--border-subtle);z-index:100;border-radius:14px;flex-direction:column;width:min(340px,100vw - 32px);margin-top:10px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 22px 44px #0000005c}.chat-header-pinned-dropdown:before{content:"";border-left:1px solid rgba(var(--ui-contrast-rgb), .08);border-top:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-popover);width:9px;height:9px;position:absolute;top:-5px;right:13px;transform:rotate(45deg)}.chat-header-pinned-title{z-index:1;letter-spacing:.06em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 10px;font-size:12px;font-weight:800;display:flex;position:relative}.chat-header-pinned-title-main{align-items:center;gap:8px;display:inline-flex}.chat-header-pinned-title-main svg{color:var(--accent-primary-hover)}.chat-header-pinned-title-count{border:1px solid color-mix(in srgb, var(--accent-primary) 35%, transparent);background:color-mix(in srgb, var(--accent-primary) 12%, transparent);min-width:22px;color:var(--text);text-align:center;border-radius:999px;padding:2px 7px;font-size:11px}.chat-header-pinned-empty{color:var(--text-muted);text-align:center;padding:22px 16px;font-size:13px}.chat-header-pinned-list{flex-shrink:0;gap:8px;max-height:238px;margin:0;padding:10px;list-style:none;display:grid;overflow-y:auto}.chat-header-pinned-item{border:1px solid rgba(var(--ui-contrast-rgb), .06);background:color-mix(in srgb, var(--bg-input) 52%, transparent);border-radius:10px;align-items:flex-start;gap:10px;padding:12px;transition:border-color .15s,background .15s,transform .15s;display:flex}.chat-header-pinned-item:hover{border-color:color-mix(in srgb, var(--accent-primary) 38%, transparent);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);transform:translateY(-1px)}.chat-header-pinned-item-meta{flex:1;min-width:0}.chat-header-pinned-item-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.chat-header-pinned-item-author-group{align-items:baseline;gap:6px;min-width:0;display:flex}.chat-header-pinned-item-author-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:600}.chat-header-pinned-item-author{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.chat-header-pinned-item-date{color:var(--text-muted);flex-shrink:0;font-size:11px}.chat-header-pinned-item-content-wrap{border:1px solid rgba(var(--ui-contrast-rgb), .05);border-left:3px solid color-mix(in srgb, var(--accent-primary) 50%, transparent);background:color-mix(in srgb, var(--bg-input) 22%, transparent);border-radius:8px;padding:9px 10px}.chat-header-pinned-item-content-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:600;display:block}.chat-header-pinned-item-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.chat-header-pinned-goto,.chat-header-pinned-unpin{border:1px solid rgba(var(--ui-contrast-rgb), .06);background:rgba(var(--ui-contrast-rgb), .03);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.chat-header-pinned-goto:hover{border-color:color-mix(in srgb, var(--accent-primary) 45%, transparent);background:color-mix(in srgb, var(--accent-primary) 14%, transparent);color:var(--text)}.chat-header-pinned-item-content{-webkit-line-clamp:4;line-clamp:4;color:var(--text);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.chat-header-pinned-unpin:hover{color:var(--text);background:#ff7d7d1f;border-color:#ff7d7d66}.chat-messages{overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;gap:4px;min-height:0;padding:10px 0 4px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.chat-messages-virtual{contain:paint;display:block}.chat-load-older{flex-shrink:0;justify-content:center;padding:10px 12px;display:flex}.chat-load-older-btn{border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);min-height:28px;color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:12px}.chat-load-older-btn:hover{background:var(--btn-secondary-bg-hover);color:var(--text-primary)}.chat-load-older-btn:focus-visible{outline:var(--focus-outline);outline-offset:2px}.virtual-list-spacer{overflow-anchor:none;width:100%;position:relative}.virtual-list-item{box-sizing:border-box;overflow-anchor:none;width:100%;min-width:0;padding-bottom:1px;position:absolute;top:0;left:0}.virtual-list-item-first .message-day-divider{margin-top:0;margin-bottom:10px}.message-day-divider{color:var(--text-muted);letter-spacing:.02em;justify-content:center;align-items:center;margin:8px 16px 14px;font-size:12px;font-weight:600;display:flex;position:relative}.message-day-divider:before,.message-day-divider:after{content:"";background:rgba(var(--ui-contrast-rgb), .08);flex:1;height:1px}.message-day-divider:before{margin-right:12px}.message-day-divider:after{margin-left:12px}.message-day-divider span{background:rgba(var(--ui-contrast-rgb), .04);border:1px solid rgba(var(--ui-contrast-rgb), .08);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;display:inline-flex}.message-unread-divider{color:#d9e4ff;letter-spacing:.03em;justify-content:center;align-items:center;margin:4px 16px 12px;font-size:11px;font-weight:700;display:flex;position:relative}.message-unread-divider:before,.message-unread-divider:after{content:"";background:color-mix(in srgb, var(--accent-primary) 42%, transparent);flex:1;height:1px}.message-unread-divider:before{margin-right:10px}.message-unread-divider:after{margin-left:10px}.message-unread-divider span{background:color-mix(in srgb, var(--accent-primary) 14%, transparent);white-space:nowrap;border:1px solid #79a7ff42;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:0 10px;display:inline-flex;box-shadow:0 6px 18px #080c1829}.message{border-radius:var(--border-radius-sm);align-items:flex-start;gap:16px;min-width:0;min-height:52px;padding:4px 16px;display:flex;position:relative}.message:hover{background:rgba(var(--ui-contrast-rgb), .02)}.message.message-highlight-jump{animation:2.5s ease-out message-highlight-jump}@keyframes message-highlight-jump{0%{background:var(--accent-soft-strong);box-shadow:0 0 0 2px var(--accent-border)}25%{background:var(--accent-soft-hover);box-shadow:0 0 0 2px var(--accent-soft-strong)}to{box-shadow:none;background:0 0}}.message-avatar{border-radius:var(--border-radius-full);background:var(--accent-gradient);width:40px;height:40px;color:var(--accent-gradient-text);flex:0 0 40px;justify-content:center;align-items:center;margin-top:2px;font-size:15px;font-weight:700;line-height:40px;display:flex;overflow:hidden}.message-avatar img{object-fit:cover;width:100%;height:100%}.message.message-compact{min-height:22px;padding-top:1px;padding-bottom:1px}.message.message-compact .message-avatar{visibility:hidden;height:0;margin-top:0}.message-content{flex:1;min-width:0;position:relative;overflow:hidden}.message.message-compact .message-inline-actions{float:right;z-index:1;margin-left:8px;position:relative}.message-header{align-items:center;gap:8px;min-height:20px;margin-bottom:2px;line-height:20px;display:flex}.message-author{color:var(--text-primary);font-size:14px;font-weight:600;line-height:20px}.message-author.owner{color:var(--text-link)}.message-author.admin,.message-author.moderator{color:#7289da}.message-timestamp{color:var(--text-muted);font-size:11px;line-height:20px}.message-edited{color:var(--text-muted);margin-left:4px;font-size:10px;font-style:italic;line-height:20px}.message-reply-bar{background:rgba(var(--ui-contrast-rgb), .04);border-left:2px solid rgba(var(--ui-contrast-rgb), .12);border-radius:var(--border-radius-sm);align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px 6px 8px;font-size:12px;display:flex}.message-reply-bar-label{color:var(--text-muted);letter-spacing:.02em;flex-shrink:0;font-size:11px;font-weight:500}.message-reply-bar-snippet{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.message-reply-bar-cancel{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm);background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:4px}.message-reply-bar-cancel:hover{color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .06)}.message-reply-block{margin-top:4px}.message-reply-quote{background:rgba(var(--ui-contrast-rgb), .04);border-left:2px solid rgba(var(--ui-contrast-rgb), .12);border-radius:var(--border-radius-sm);flex-direction:column;gap:2px;margin-bottom:6px;padding:6px 10px 6px 8px;font-size:12px;display:flex}.message-reply-quote-label{color:var(--text-muted);letter-spacing:.02em;font-size:11px;font-weight:500}.message-reply-quote-label:before{content:"↩ ";opacity:.7}.message-reply-quote-text{color:var(--text-secondary);white-space:pre-wrap;font-size:13px;line-height:1.4}.message-reply-body{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.4}.message-actions-wrap{margin-left:auto;position:relative}.message-inline-actions{opacity:0;height:20px;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:inline-flex;position:relative}.message:hover .message-inline-actions,.message:focus-within .message-inline-actions,.message-inline-actions.is-visible{opacity:1}.message-inline-actions-mobile-trigger,.message-mobile-actions-menu{display:none}.message-inline-action-btn{width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex:0 0 20px;justify-content:center;align-items:center;padding:3px;display:inline-flex}.message-inline-action-btn:hover:not(:disabled){color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .06)}.message-inline-action-btn.active{color:var(--accent-primary-hover);background:color-mix(in srgb, var(--accent-primary) 14%, transparent)}.message-inline-action-btn.danger:hover:not(:disabled){color:var(--text-danger)}.message-inline-action-btn:disabled{opacity:.5;cursor:default}.message-reaction-picker{border:var(--border-subtle);background:var(--bg-popover);box-shadow:var(--shadow-medium);z-index:60;border-radius:12px;position:absolute;top:calc(100% + 4px);right:0}.message-reaction-picker-portal{z-index:10040;position:fixed;top:auto;right:auto}.message-reactions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.message-reaction-btn{border:var(--border-subtle);background:rgba(var(--ui-contrast-rgb), .04);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;line-height:1;display:inline-flex}.message-reaction-btn:hover{background:rgba(var(--ui-contrast-rgb), .08);color:var(--text-primary)}.message-reaction-btn.is-reacted{border-color:color-mix(in srgb, var(--accent-primary) 55%, transparent);background:color-mix(in srgb, var(--accent-primary) 18%, transparent);color:var(--text-primary)}.message-reaction-details{z-index:10080;border:1px solid rgba(var(--ui-contrast-rgb), .16);background:var(--bg-elevated);max-width:min(280px,100vw - 16px);box-shadow:var(--shadow-medium);color:var(--text-primary);pointer-events:none;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;line-height:1.25;display:inline-flex;position:fixed;transform:translate(-50%,-100%)}.message-reaction-details span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-menu-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm);opacity:1;transition:color var(--transition-fast);background:0 0;border:none;padding:4px}.message-menu-btn:hover{color:var(--text-primary)}.message-menu-dropdown{background:var(--bg-tertiary);border:var(--border-subtle);border-radius:var(--border-radius-md);min-width:140px;box-shadow:var(--shadow-medium);z-index:50;margin-top:2px;padding:4px 0;position:absolute;top:100%;right:0}.message-menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.message-menu-item:hover:not(:disabled){background:var(--bg-surface-hover)}.message-menu-item:disabled{opacity:.5;cursor:not-allowed}.message-menu-item:first-child.danger,.message-menu-item.danger:hover{color:var(--text-danger)}.message-text{color:var(--text-secondary);word-break:break-word;white-space:pre-wrap;max-width:960px;font-size:14px;line-height:20px}.message-inline-code,.message-code-block{font-family:var(--font-mono);background:rgba(var(--ui-contrast-rgb), .07);border:1px solid rgba(var(--ui-contrast-rgb), .1);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:13px}.message-inline-code{padding:0 4px}.message-code-block{white-space:pre;max-width:100%;margin:4px 0;padding:8px 10px;display:block;overflow-x:auto}.message-text--emoji-only{color:var(--text-primary);letter-spacing:0;word-break:normal;font-size:48px;line-height:1.2}.message-text--emoji-count-2{font-size:42px}.message-text--emoji-count-3,.message-text--emoji-count-4{font-size:34px}.message-send-state{color:#9eb0d2;font-size:11px}.message-send-state.is-failed{color:#ff7d8b}.message-retry-row{align-items:center;gap:8px;margin-top:4px;display:inline-flex}.message-retry-btn{border:1px solid var(--btn-danger-soft-border);background:var(--btn-danger-soft-bg);min-height:24px;color:var(--btn-danger-soft-text);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px;line-height:1}.message-retry-btn:hover{background:var(--btn-danger-soft-bg-hover)}.message-retry-error{color:var(--text-secondary);font-size:12px}.mention-pill{background:var(--accent-soft-hover);color:var(--accent-foreground);border-radius:5px;padding:0 5px;font-weight:600;display:inline-block}.message-input-container{padding:0 var(--composer-side-gap) var(--composer-bottom-gap);flex-shrink:0;position:relative}.chat-jump-to-latest[data-new-messages=true]{border-radius:999px;gap:6px;width:auto;padding:0 14px 0 10px}.chat-jump-to-latest-label{white-space:nowrap;font-size:13px;font-weight:600}.chat-jump-to-latest{right:calc(var(--composer-side-gap) + 12px);border:1px solid var(--accent-border);background:var(--bg-popover);width:40px;height:40px;color:var(--text-primary);letter-spacing:0;cursor:pointer;z-index:7;box-shadow:var(--shadow-low);transition:border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:calc(100% + 6px)}.mention-suggest-menu{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-md);max-height:min(224px,42vh);box-shadow:var(--shadow-medium);overscroll-behavior:contain;z-index:6;position:absolute;bottom:calc(100% + 8px);left:16px;right:16px;overflow-y:auto}.mention-suggest-menu::-webkit-scrollbar{width:6px}.mention-suggest-menu::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:999px}.mention-suggest-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.mention-suggest-item:hover,.mention-suggest-item.active{background:var(--bg-surface-hover)}.mention-suggest-name{font-weight:600}.mention-suggest-status{border-radius:999px;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 2px #0b12236b}.mention-suggest-status--online{background:var(--status-online)}.mention-suggest-status--dnd{background:var(--status-dnd)}.mention-suggest-status--offline{background:#94a3b8b3}.mention-suggest-hint{color:var(--text-muted);font-size:12px;font-weight:400}.message-input-wrapper{background:var(--bg-input);border-radius:var(--border-radius-md);border:1px solid rgba(var(--ui-contrast-rgb), .18);transition:border-color var(--transition-fast);align-items:center;gap:8px;padding:0 10px 0 14px;display:flex;position:relative}.message-input-wrapper:focus-within{border-color:color-mix(in srgb, var(--accent-primary) 62%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 16%, transparent)}.message-input{color:var(--text-primary);font-family:var(--font-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 0;font-size:14px}.message-input::placeholder{color:#8ea0bf}.message-character-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.message-character-count.is-over-limit{color:var(--text-danger)}.message-character-count.is-at-limit,.message-truncation-note{color:var(--text-warning)}.message-truncation-note{flex:none;font-size:11px}.server-report-event-details{min-width:0;margin-top:8px}.server-report-event-details summary{cursor:pointer;color:var(--text-secondary);font-size:12px}.server-report-event-details pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:12px}.message-send-disabled-note{color:var(--text-muted);margin-top:8px;font-size:12px}.chat-emoji-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.chat-emoji-btn:hover:not(:disabled){color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .09)}.chat-emoji-btn:disabled{opacity:.45;cursor:not-allowed}.message-input-actions{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.message-send-btn{color:var(--text-muted);cursor:default;width:30px;height:30px;transition:color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.message-send-btn.is-ready{color:var(--accent-primary);cursor:pointer}.message-send-btn:hover:not(:disabled).is-ready{color:#d7e6ff;background:color-mix(in srgb, var(--accent-primary) 16%, transparent);transform:translateY(-1px)}.message-send-btn:disabled{opacity:.45;cursor:not-allowed}.chat-emoji-picker-shell{z-index:16;position:absolute;bottom:calc(100% + 10px);right:10px}.chat-emoji-picker-portal{z-index:10030;position:fixed;bottom:auto;right:auto}.chat-emoji-picker-portal .chat-emoji-picker{width:100%;max-width:none;height:100%;position:static;bottom:auto;right:auto}.chat-emoji-picker{border:1px solid rgba(var(--ui-contrast-rgb), .14);background:var(--bg-popover);z-index:16;box-sizing:border-box;border-radius:8px;flex-direction:column;width:420px;max-width:calc(100vw - 40px);height:440px;padding:12px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 4px 12px #00000029}.chat-emoji-picker.compact{box-sizing:border-box;width:240px;max-width:min(240px,100vw - 40px);height:292px;padding:10px;position:static}.chat-emoji-picker.compact .chat-emoji-content{flex:1;min-height:0}.chat-emoji-picker.compact .chat-emoji-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));min-height:0;overflow-y:auto}.chat-emoji-search{background:var(--bg-input);border:var(--border-subtle);box-sizing:border-box;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;height:38px;margin-bottom:10px;padding:0 10px;display:flex}.chat-emoji-search:focus-within{border-color:var(--accent-primary)}.chat-emoji-search svg{color:var(--text-muted);flex-shrink:0}.chat-emoji-search input{width:100%;min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;font-size:13px}.chat-emoji-mode-tabs{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;display:grid}.chat-expression-header{border-bottom:var(--border-subtle);flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.chat-expression-icon-button{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 28px;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-expression-icon-button:hover{background:var(--bg-elevated);color:var(--text-primary)}.chat-emoji-picker button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.chat-emoji-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-emoji-mode-tab{min-width:0;min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 3px;font-size:13px;font-weight:600;display:inline-flex}.chat-emoji-mode-tab:hover{background:rgba(var(--ui-contrast-rgb), .1);color:var(--text-primary)}.chat-emoji-mode-tab.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text-primary)}.chat-emoji-tabs{overscroll-behavior:contain;flex-shrink:0;gap:3px;margin-bottom:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chat-emoji-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:1 0 30px;justify-content:center;align-items:center;height:32px;padding:0;font-size:15px;line-height:1;display:inline-flex}.chat-emoji-tab:disabled{opacity:.42;cursor:default}.chat-emoji-tab:hover{background:rgba(var(--ui-contrast-rgb), .08);color:var(--text-primary)}.chat-emoji-tab.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text-primary)}.chat-expression-section-label{color:var(--text-secondary);flex-shrink:0;padding:0 2px 8px;font-size:12px;font-weight:600}.chat-emoji-tab span{justify-content:center;align-items:center;display:inline-flex}.chat-emoji-grid{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:4px;min-height:0;max-height:none;display:grid;overflow-y:auto}.chat-emoji-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;height:36px;padding:0;font-size:22px;line-height:1}.chat-emoji-item:hover{border-color:var(--accent-border);background:var(--accent-soft)}.chat-emoji-empty{color:var(--text-secondary);text-align:center;padding:16px 8px;font-size:13px}.chat-gif-grid{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;max-height:none;padding-right:2px;display:grid;overflow-y:auto}.chat-gif-column{flex-direction:column;align-self:start;gap:8px;min-width:0;display:flex}.chat-gif-card{width:100%;min-width:0;margin:0;position:relative}.chat-gif-item{border:var(--border-subtle);background:var(--bg-elevated);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.chat-gif-item:hover{border-color:var(--accent-primary);background:var(--bg-elevated);color:var(--text-primary)}.chat-gif-item img{object-fit:contain;border-radius:5px;width:100%;height:100%;display:block}.chat-media-favorite{border:1px solid rgba(var(--ui-contrast-rgb), .22);color:#eef3ff;cursor:pointer;opacity:0;pointer-events:none;background:#080d1bc2;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:8px;right:8px}.chat-gif-card:hover .chat-media-favorite,.chat-sticker-card:hover .chat-media-favorite,.chat-media-favorite:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.chat-gif-card:has(:focus-visible) .chat-media-favorite{opacity:1;pointer-events:auto;transform:translateY(0)}.chat-sticker-card:has(:focus-visible) .chat-media-favorite{opacity:1;pointer-events:auto;transform:translateY(0)}.chat-media-favorite.active{color:#f9c74f}@media (hover:none){.chat-media-favorite{opacity:1;pointer-events:auto;transform:translateY(0)}}.chat-expression-filter-tabs{flex-shrink:0;gap:6px;margin-bottom:8px;display:flex}.chat-expression-filter-tabs button{white-space:nowrap;min-width:0;min-height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:1 1 0;justify-content:center;align-items:center;gap:5px;padding:0 4px;font-size:12px;font-weight:600;display:inline-flex}.chat-expression-filter-tabs button:hover:not(:disabled),.chat-expression-filter-tabs button.active{border-color:color-mix(in srgb, var(--accent-primary) 62%, transparent);background:color-mix(in srgb, var(--accent-primary) 20%, transparent);color:var(--text-primary)}.chat-expression-filter-tabs button:disabled{opacity:.42;cursor:default}.chat-expression-loading,.chat-gif-footer{min-height:28px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.chat-expression-loading .spin{animation:.8s linear infinite cg-spin}.chat-gif-footer{justify-content:space-between;padding-top:6px}.chat-gif-footer button{color:var(--text-link);font:inherit;cursor:pointer;background:0 0;border:none;font-weight:700}.chat-sticker-grid{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:7px;min-height:0;max-height:none;display:grid;overflow-y:auto}.chat-sticker-card{min-width:0;position:relative}.chat-sticker-item{aspect-ratio:1;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-self:start;align-items:center;width:100%;padding:8px;display:flex}.chat-sticker-item:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text-primary)}.chat-sticker-image{aspect-ratio:1;object-fit:contain;width:min(64px,100%);height:auto;image-rendering:-webkit-optimize-contrast}.chat-inline-gif-list{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.chat-inline-gif-link{width:fit-content;box-shadow:none;cursor:default;background:0 0;border:none;border-radius:10px;max-width:min(360px,100%);display:inline-flex;position:relative;overflow:hidden}.chat-inline-gif-favorite{border:1px solid rgba(var(--ui-contrast-rgb), .18);color:#fff;opacity:0;cursor:pointer;width:30px;height:30px;transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#080c18b8;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px;transform:translateY(-2px)}.chat-inline-gif-link:hover .chat-inline-gif-favorite,.chat-inline-gif-favorite:focus-visible{opacity:1;transform:translateY(0)}.chat-inline-gif-favorite.is-favorited{color:#f7c948}@media (hover:none){.chat-inline-gif-favorite{opacity:1;transform:translateY(0)}}.chat-inline-gif{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:320px;display:block}.chat-inline-sticker-link{width:120px;max-width:120px;box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}.chat-inline-sticker{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 18px #070b182e);width:100%;height:auto;max-height:120px;display:block}.inline-media-unavailable{border:var(--border-subtle);background:linear-gradient(135deg, rgba(var(--ui-contrast-rgb), .05), rgba(var(--ui-contrast-rgb), .02)), #0a0e1a80;border-radius:10px;min-width:96px;min-height:72px}.chat-inline-sticker.inline-media-unavailable{width:88px;min-width:88px;height:88px;min-height:88px}.member-sidebar{width:var(--member-sidebar-width);background:var(--bg-surface);border-left:var(--border-subtle);--status-badge-bg:var(--bg-surface);flex-direction:column;flex-shrink:0;max-height:calc(100% - 80px);padding:16px 8px 8px;display:flex;overflow-y:auto}.member-sidebar--sheet{background:0 0;border-left:none;width:100%;height:100%;max-height:none;padding:8px 10px 12px}.member-sidebar:not(.member-sidebar--sheet){background:var(--bg-surface);box-shadow:none;padding:14px 10px 10px}.member-sidebar.member-sidebar--collapsed{display:none}.chat-header-channels-btn{margin-left:-8px}.chat-header-member-btn[aria-pressed=true]{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--text)}.member-category{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);padding:8px 8px 4px;font-size:11px;font-weight:700}.member-sidebar:not(.member-sidebar--sheet) .member-category{background:rgba(var(--ui-contrast-rgb), .045);letter-spacing:.06em;border-radius:999px;align-self:flex-start;margin:4px 4px 6px;padding:4px 9px}.member-category-online{color:var(--status-online-text)}.member-sidebar:not(.member-sidebar--sheet) .member-category-online{background:#43b58124}.member-category-offline{color:var(--text-muted);opacity:.85}.member-sidebar:not(.member-sidebar--sheet) .member-category-offline{background:rgba(var(--ui-contrast-rgb), .035);opacity:1}.member-item{border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;padding:6px 8px;display:flex}.member-sidebar:not(.member-sidebar--sheet) .member-item{background:rgba(var(--ui-contrast-rgb), .03);box-shadow:inset 0 1px 0 rgba(var(--ui-contrast-rgb), .02);border:1px solid #0000;border-radius:12px;margin:0 2px 6px;padding:8px 10px}.member-item.is-contextable{cursor:context-menu}.member-item:hover{background:rgba(var(--ui-contrast-rgb), .04)}.member-sidebar:not(.member-sidebar--sheet) .member-item:hover{background:rgba(var(--ui-contrast-rgb), .055);border-color:rgba(var(--ui-contrast-rgb), .075)}.member-avatar{border-radius:var(--avatar-border-radius);background:var(--accent-gradient);width:32px;height:32px;color:var(--accent-gradient-text);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:relative;overflow:visible}.member-sidebar:not(.member-sidebar--sheet) .member-avatar{width:34px;height:34px;font-size:12px}.member-avatar .member-avatar-image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.member-name{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.member-sidebar:not(.member-sidebar--sheet) .member-name{color:var(--text-primary);font-weight:600}.member-item .home-member-action{flex-shrink:0;margin-left:auto}.member-name--default-offline{color:var(--text-muted)}.member-owner-badge{opacity:.95;margin-left:2px}.member-timeout-badge{vertical-align:middle;color:var(--text-warning);margin-left:4px;display:inline-flex}.member-context-menu{z-index:10010;overscroll-behavior:contain;width:min(224px,100vw - 16px);min-width:0;max-height:calc(100dvh - 16px);overflow-y:auto}.member-volume-menu{box-sizing:border-box;width:min(224px,100vw - 16px);min-width:0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:3px 0;overflow:auto}.member-volume-menu .server-context-menu-item{padding:6px 10px;font-size:12px}.member-volume-menu-section-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;cursor:default;align-items:center;gap:6px;padding:4px 10px 0;font-size:11px;font-weight:700;display:inline-flex}.member-volume-menu-section-label--personal{color:var(--text-link)}.member-volume-menu-section-label--moderation{color:var(--text-warning)}.member-volume-menu-section-hint{color:var(--text-muted);cursor:default;padding:0 10px 6px;font-size:11px}.member-volume-menu-divider{border-top:1px solid rgba(var(--ui-contrast-rgb), .1);margin:4px 10px}.member-volume-menu-action-with-icon{align-items:center;gap:6px;min-width:0;display:inline-flex}.member-context-menu svg{flex-shrink:0}.member-volume-menu-move{cursor:default;gap:6px;display:grid}.member-volume-menu-move select{border:1px solid var(--border-color);width:100%;min-width:0;height:28px;color:var(--text-primary);background:var(--bg-tertiary);font:inherit;color-scheme:inherit;border-radius:4px;padding:0 8px}.member-volume-menu-move select option{color:var(--text-primary);background:var(--bg-secondary)}.member-volume-menu-move select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.member-volume-menu-control{cursor:default;display:block}.member-volume-menu-label{color:var(--text-secondary);margin-bottom:4px;font-size:11px}.member-volume-menu-slider{width:100%;height:14px}.member-role-save-btn{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:var(--btn-primary-text)}.member-role-save-btn:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);box-shadow:none}.member-role-save-btn:disabled{background:rgba(var(--ui-contrast-rgb), .1);border-color:rgba(var(--ui-contrast-rgb), .14);color:var(--text-muted)}.member-profile-popout{z-index:10020;border:1px solid rgba(var(--ui-contrast-rgb), .14);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 10%, var(--bg-popover)), var(--bg-popover));width:260px;max-width:calc(100vw - 20px);box-shadow:var(--shadow-high);border-radius:12px;padding:10px;position:fixed}.member-profile-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.member-profile-avatar{background:rgba(var(--ui-contrast-rgb), .12);width:38px;height:38px;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.member-profile-avatar img{object-fit:cover;width:100%;height:100%}.member-profile-meta{min-width:0}.member-profile-username{color:var(--text-primary);word-break:break-word;font-size:15px;font-weight:700;line-height:1.2}.member-profile-status{color:var(--text-muted);letter-spacing:.03em;margin-top:2px;font-size:10px}.member-profile-badges{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.member-profile-badges--stack{margin-bottom:0}.member-profile-badge{border:1px solid rgba(var(--ui-contrast-rgb), .2);background:rgba(var(--ui-contrast-rgb), .06);color:var(--text-secondary);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:600}.member-profile-badge.is-owner{color:#ffd58a;background:#f59e0b24;border-color:#f59e0b73}.member-profile-section{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:color-mix(in srgb, var(--bg-primary) 68%, var(--bg-surface));border-radius:9px;margin-top:6px;padding:7px 9px}.member-profile-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:10px}.member-profile-actions{gap:8px;margin-bottom:8px;display:flex}.member-profile-action{border:1px solid var(--accent-border);min-height:30px;color:var(--accent-foreground);background:var(--accent-soft);cursor:pointer;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.member-profile-action:hover,.member-profile-action:focus-visible{background:var(--accent-soft-hover);border-color:var(--accent-border-strong)}.member-profile-about{color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.45}.member-profile-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.member-profile-date{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:color-mix(in srgb, var(--bg-primary) 68%, var(--bg-surface));border-radius:8px;min-width:0;padding:7px 9px}.member-profile-date span,.member-profile-date strong{display:block}.member-profile-date span{color:var(--text-muted);margin-bottom:3px;font-size:10px;line-height:1.2}.member-profile-date strong{color:var(--text-primary);font-size:11px;font-weight:600}.auth-page{background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 50%, color-mix(in srgb, var(--accent-primary) 9%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, #35589f14 0%, transparent 50%);flex-direction:column;align-items:center;height:100%;padding:24px 16px;display:flex;overflow-y:auto}.auth-card{background:var(--bg-surface);border-radius:var(--border-radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-high);border:var(--border-subtle);flex:none;margin:auto 0;padding:32px}.auth-card.auth-card-register{max-width:580px;padding:24px}.auth-card-register .auth-logo{width:56px;height:56px;margin-bottom:8px}.auth-card-register>p{margin-bottom:16px}.auth-register-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.auth-register-fields .form-group{min-width:0;margin-bottom:0}.auth-register-fields input{width:100%;min-width:0}.auth-card-register .auth-divider{margin:12px 0}.auth-btn-google:disabled{opacity:.5;cursor:not-allowed}.voice-permission-recovery{z-index:1000;background:var(--bg-surface);width:min(460px,100% - 24px);color:var(--text-primary);border:var(--border-subtle);box-shadow:var(--shadow-high);border-radius:8px;padding:16px;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.voice-permission-recovery p{margin:8px 0 12px;font-size:14px;line-height:1.5}.voice-permission-recovery .legal-consent-actions{flex-wrap:wrap}.auth-card-register .auth-turnstile-wrap{overflow:visible}.auth-card-register .auth-turnstile-wrap>div{width:100%;min-width:0;transform:none}@media (width<=560px){.auth-card.auth-card-register{max-width:400px;padding:20px 16px}.auth-register-fields{grid-template-columns:minmax(0,1fr)}}@media (width<=360px){.auth-page:has(.auth-card-register){padding:12px 4px}.auth-card.auth-card-register{padding:16px 4px}}.auth-turnstile-wrap{justify-content:center;margin-top:1rem;display:flex;overflow:hidden}.auth-logo{object-fit:contain;width:80px;height:80px;margin:0 auto 20px;display:block}.auth-landing-link{border-radius:50%;width:fit-content;margin:0 auto;display:block}.auth-landing-link:hover .auth-logo{filter:brightness(1.1)}.auth-landing-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.auth-card h1{text-align:center;color:#dbe7ff;letter-spacing:.01em;text-shadow:0 1px #070c188c;margin-bottom:8px;font-size:24px;font-weight:800}.auth-card p{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:14px}.form-group{margin-bottom:16px}.form-group label,.form-group .form-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.form-group input,.form-group select{background:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 12px;font-size:14px}.form-group select{appearance:none;cursor:pointer;background:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%) right 16px center / 6px 6px no-repeat, linear-gradient(135deg, var(--text-muted) 50%, transparent 50%) right 11px center / 6px 6px no-repeat, var(--bg-input);min-height:40px;padding-right:34px}.form-group select option{background:var(--bg-popover);color:var(--text-primary)}.form-group textarea{resize:vertical;background:var(--bg-input);border:1px solid var(--input-border);border-radius:var(--border-radius-sm);width:100%;min-height:76px;color:var(--text-primary);font-family:var(--font-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 12px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary)}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible,.auth-btn:focus-visible,.auth-btn-google:focus-visible,.auth-card a:focus-visible{outline:var(--focus-outline);outline-offset:2px}.form-field-counter{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;margin-top:4px;font-size:12px}.form-hint--error{color:var(--text-danger);margin-top:4px;font-size:12px}.not-found-card{text-align:center;max-width:440px}.not-found-home{margin-top:20px}.auth-btn{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);border-radius:var(--border-radius-sm);width:100%;color:var(--btn-primary-text);font-family:var(--font-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);margin-top:8px;padding:12px;font-size:15px;font-weight:650;box-shadow:0 6px 16px #2563eb47}.auth-btn:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);transform:translateY(-1px);box-shadow:0 8px 20px #2563eb59}.auth-btn:active{transform:translateY(0)}.auth-btn:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:16px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-btn-google{background:var(--bg-surface);width:100%;color:var(--text-primary);border:1px solid var(--input-border);border-radius:var(--border-radius-sm);font-family:var(--font-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:10px;padding:12px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.auth-btn-google:hover{background:var(--bg-surface-hover);border-color:var(--text-secondary);box-shadow:0 2px 12px #0003}.auth-captcha-frame{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;width:100%;margin:14px 0 4px;display:block}.auth-sign-in-code-toggle{color:var(--text-link);font:inherit;cursor:pointer;background:0 0;border:0;margin:12px auto 0;padding:4px 8px;font-size:13px;display:block}.auth-sign-in-code-toggle:hover{text-decoration:underline}.auth-sign-in-code{text-align:left;margin-top:14px}.auth-sign-in-code label{text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.auth-sign-in-code-row{gap:8px;display:flex}.auth-sign-in-code-row input{flex:1;min-width:0}.auth-sign-in-code-row .auth-btn{width:auto;margin-top:0;padding-inline:16px}.auth-sign-in-code-hint{color:var(--text-secondary);margin:8px 0 0;font-size:12px}.custom-server-panel{text-align:left;margin-top:12px}.custom-server-panel>label{text-transform:uppercase;color:var(--text-secondary);margin:10px 0 6px;font-size:12px;font-weight:700;display:block}.custom-server-panel .auth-sign-in-code-toggle{margin:4px 0 0;padding-inline:0}.custom-server-current{color:var(--text-secondary);margin:0;font-size:13px}.custom-server-hint{color:var(--text-muted);margin:0 0 6px;font-size:12px}.custom-server-confirm{color:var(--text-secondary);margin-top:12px;font-size:13px;line-height:1.45}.custom-server-confirm p{margin:0 0 8px}.custom-server-warning{color:var(--text-warning)}.custom-server-trust{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;margin:4px 0 10px;display:flex}.user-setting-row--stacked>div{flex:1}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:13px}.auth-footer a{color:var(--text-link);cursor:pointer;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.invite-preview-card{text-align:center}.invite-preview-panel{text-align:left;flex-direction:column;gap:16px;margin-top:10px;display:flex}.invite-preview-server{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:color-mix(in srgb, var(--bg-input) 40%, transparent);border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.invite-preview-icon{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 28%, transparent), #1f2a49e0);border:1px solid rgba(var(--ui-contrast-rgb), .1);width:60px;height:60px;color:var(--text-primary);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:inline-flex;overflow:hidden}.invite-preview-icon-image{object-fit:cover;width:100%;height:100%}.invite-preview-copy{min-width:0}.invite-preview-title{color:var(--text-primary);font-size:19px;font-weight:800;line-height:1.2}.invite-preview-meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.invite-preview-pill{background:rgba(var(--ui-contrast-rgb), .07);min-height:28px;color:var(--text-secondary);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.invite-preview-error{margin-bottom:0}.invite-rules-loading{text-align:center;color:var(--text-muted);border:1px dashed rgba(var(--ui-contrast-rgb), .1);border-radius:12px;padding:16px;font-size:13px}.invite-rules-section{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:color-mix(in srgb, var(--bg-input) 30%, transparent);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.invite-rules-header{align-items:baseline;gap:8px;display:flex}.invite-rules-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.invite-rules-count{color:var(--text-secondary);font-size:12px}.invite-rules-list{flex-direction:column;gap:8px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.invite-rule-item{background:#00000026;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.invite-rule-number{background:color-mix(in srgb, var(--accent-primary) 20%, transparent);width:22px;height:22px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:flex}.invite-rule-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5}.invite-rules-accept{background:color-mix(in srgb, var(--accent-primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 20%, transparent);cursor:pointer;color:var(--text-primary);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.invite-rules-accept input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.invite-preview-actions{flex-direction:column;gap:10px;display:flex}.auth-notice{background:color-mix(in srgb, var(--accent-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 32%, transparent);border-radius:var(--border-radius-sm);color:var(--text-primary);margin-bottom:16px;padding:10px 12px;font-size:13px}.auth-error{border-radius:var(--border-radius-sm);color:var(--text-danger);background:#f047471a;border:1px solid #f047474d;margin-bottom:16px;padding:10px 12px;font-size:13px}.modal-overlay{background:var(--overlay-backdrop);z-index:9999;animation:fadeIn var(--transition-fast);cursor:default;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border-radius:var(--border-radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-high);border:var(--border-subtle);animation:slideUp var(--transition-normal);padding:24px}.modal-compact-mobile{border-radius:16px;width:min(360px,100vw - 32px);max-width:min(360px,100vw - 32px);padding:18px}.modal-compact-mobile h2{margin-bottom:14px;font-size:16px}.modal-compact-mobile .form-group{margin-bottom:14px}.modal-compact-mobile .form-group label{font-size:11px}.modal-compact-mobile .form-group input{min-height:40px}.modal-compact-mobile .form-hint{font-size:11px}.modal-compact-mobile .modal-actions{margin-top:14px}.modal h2{margin-bottom:16px;font-size:20px;font-weight:700}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.screen-share-confirm-modal .screen-share-quality-picker{flex-direction:column;gap:8px;margin-top:12px;margin-bottom:12px;display:flex}.screen-share-confirm-modal .screen-share-quality-picker label{color:var(--text-primary);font-size:13px;font-weight:600}.screen-share-confirm-modal .screen-share-quality-picker .user-select{width:180px;min-width:180px}.screen-share-confirm-modal .screen-share-quality-summary{color:var(--text-secondary);font-size:12px}.screen-share-confirm-modal{width:min(420px,100vw - 40px)}.channel-type-selector{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.channel-type-option{border:1px solid rgba(var(--ui-contrast-rgb), .12);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;display:flex}.channel-type-option:hover{border-color:rgba(var(--ui-contrast-rgb), .15);background:var(--bg-surface-hover);color:var(--text-primary)}.channel-type-option--selected{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 18%, transparent);color:var(--text-primary)}.channel-type-option--selected:hover{border-color:var(--accent-primary-hover);background:color-mix(in srgb, var(--accent-primary) 24%, transparent)}.channel-type-option .channel-type-option__label{font-size:13px;font-weight:600}.channel-type-option .channel-type-option__desc{opacity:.85;font-size:11px}.channel-type-option svg{width:20px;height:20px}.modal.modal-create-channel .modal-actions{gap:10px;margin-top:16px}.modal.modal-create-channel .btn{letter-spacing:.01em;border-radius:10px;min-width:128px;height:38px;font-weight:600}.modal.modal-create-channel .btn-secondary{border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.modal.modal-create-channel .btn-secondary:hover{border-color:var(--btn-secondary-border-hover);background:var(--btn-secondary-bg-hover);color:var(--text-primary)}.modal.modal-create-channel .btn-primary{border:1px solid var(--btn-primary-border);background:var(--btn-primary-bg);box-shadow:none}.modal.modal-create-channel .btn-primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);box-shadow:none}.btn{border-radius:var(--border-radius-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 16px;font-size:14px;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);box-shadow:0 8px 20px #2563eb4d}.btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text)}.btn-secondary:hover{border-color:var(--btn-secondary-border-hover);color:var(--text-primary);background:var(--btn-secondary-bg-hover)}.btn-sm{padding:6px 12px;font-size:13px}.btn-danger{background:var(--btn-danger-bg);border:1px solid var(--btn-danger-border);color:var(--btn-danger-text)}.btn-danger:hover{background:var(--btn-danger-bg-hover);border-color:var(--btn-danger-border-hover);box-shadow:0 8px 20px #b6475852}.btn-danger-outline{background:var(--btn-danger-soft-bg);color:var(--btn-danger-soft-text);border:1px solid var(--btn-danger-soft-border)}.btn-danger-outline:hover{background:var(--btn-danger-soft-bg-hover);border-color:var(--btn-danger-soft-border-hover)}.welcome-screen{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.chat-loading-state{flex-direction:column;gap:12px;padding:20px 16px 4px;display:flex}.auth-legal-confirmations{border:1px solid rgba(var(--ui-contrast-rgb), .1);border-radius:var(--border-radius-md);background:rgba(var(--ui-contrast-rgb), .025);gap:9px;margin:12px 0;padding:11px 12px;display:grid}.auth-legal-check{color:var(--text-secondary);cursor:pointer;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:9px;font-size:11px;line-height:1.45;display:grid}.auth-legal-check input{width:16px;height:16px;accent-color:var(--accent-primary);margin-top:1px}.auth-legal-check a{color:var(--text-link)}.legal-page{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;background:var(--bg-primary);height:100%;min-height:0;max-height:100vh;color:var(--text-primary);overflow:hidden auto}@supports (height:100dvh){.legal-page{height:100dvh;max-height:100dvh}}.legal-page:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.legal-page-nav{z-index:1;border-bottom:var(--border-subtle);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:0 24px;display:flex;position:sticky;top:0}.legal-page-home{color:var(--text-primary);font-weight:800;text-decoration:none}.legal-page-tabs{gap:4px;display:flex}.legal-page-tabs a{min-height:32px;color:var(--text-secondary);border-radius:6px;align-items:center;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.legal-page-tabs a:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.legal-page-tabs a[aria-current=page]{background:var(--bg-tertiary);color:var(--text-primary)}.legal-page-tabs a:focus-visible,.legal-page-home:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.legal-document{width:min(820px,100% - 32px);margin:0 auto;padding:42px 0 72px}.legal-document h1{margin-bottom:8px;font-size:30px}.legal-document h2{margin:30px 0 9px;font-size:18px}.legal-document p,.legal-document li{color:var(--text-secondary);line-height:1.7}.legal-document ul{padding-left:22px}.legal-document a{color:var(--text-link)}@media (width<=700px){.legal-page{scrollbar-gutter:auto}.legal-page-nav{gap:8px;min-height:50px;padding:8px 16px}.legal-page-tabs a{min-height:36px;padding:0 10px}.legal-document{width:min(100% - 28px,820px);padding:28px 0 52px}.legal-document h1{font-size:26px}.legal-document h2{margin-top:26px}}@media print{.legal-page{color:#000;background:#fff;height:auto;max-height:none;overflow:visible}.legal-page-nav{display:none}.legal-document{width:100%;padding:0}.legal-document p,.legal-document li,.legal-document a{color:#000}}.chat-loading-state--centered{flex:1;justify-content:center;padding:24px}.chat-loading-bubble{height:56px}.chat-loading-bubble.short{width:72%}.welcome-screen .welcome-icon{border-radius:var(--border-radius-full);background:var(--accent-gradient);width:80px;height:80px;color:var(--accent-gradient-text);box-shadow:var(--accent-glow);justify-content:center;align-items:center;margin-bottom:8px;font-size:36px;display:flex}.welcome-screen h2{color:var(--text-primary);font-size:24px}.welcome-screen p{max-width:400px;line-height:1.6}.welcome-screen-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.core-landing{flex-direction:column;flex:1;justify-content:center;gap:12px;padding:28px;display:flex}.core-landing h2{color:var(--text-primary);font-size:28px}.core-landing p{color:var(--text-secondary);max-width:620px}.core-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.core-pillar{background:rgba(var(--ui-contrast-rgb), .03);border:var(--border-subtle);border-radius:var(--border-radius-md);padding:14px}.core-pillar-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.core-pillar-desc{color:var(--text-secondary);font-size:12px}.voice-focus-panel{flex-direction:column;flex:1;gap:14px;padding:24px;display:flex}.voice-focus-panel-stage{color:var(--text-muted);justify-content:center;align-items:center;font-size:12px}.voice-focus-panel h2{color:var(--text-primary);font-size:24px}.voice-focus-panel p{color:var(--text-secondary)}.voice-channel-idle{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:360px;display:flex}.voice-channel-idle h2{font-size:20px}.voice-channel-idle p{font-size:14px}.voice-channel-idle .btn{margin-top:4px}.voice-channel-idle-elsewhere{color:var(--text-secondary)}.home-page{flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.unified-content-friends{flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.unified-content-friends:before{content:"";left:var(--server-bar-width);width:var(--channel-sidebar-width);background:var(--bg-surface);pointer-events:none;z-index:0;position:fixed;top:52px;bottom:0}.unified-content-friends:after{content:"";width:var(--member-sidebar-width);background:var(--bg-surface);pointer-events:none;z-index:0;position:fixed;top:52px;bottom:0;right:0}.unified-content-friends .home-page,.unified-content-friends .home-main{padding-left:0}.home-main{background:var(--bg-chat);--status-badge-bg:var(--bg-chat);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.home-main-dm{padding:0}.home-main .social-content{flex:1;min-height:0;padding:16px;overflow:auto}.home-main .social-content:not(.social-content-dm){overflow:hidden}.social-content-dm{flex-direction:column;min-height:0;padding:16px;display:flex;overflow:hidden}.home-main-dm .social-content-dm{flex:1;min-height:0;padding:0;overflow:hidden}.social-content-dm>.home-dm-chat,.social-content-dm>.chat-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.social-sidebar-header{height:var(--header-height);border-bottom:var(--border-subtle);text-align:left;flex-shrink:0;align-items:center;margin:0 -8px;padding:0 16px;font-size:15px;font-weight:700;display:flex}.social-sidebar{width:var(--channel-sidebar-width);background:var(--bg-surface);border-right:var(--border-subtle);z-index:1;box-sizing:border-box;--status-badge-bg:var(--bg-surface);flex-direction:column;flex-shrink:0;min-width:220px;padding:0 8px 8px;display:flex;position:relative;overflow:hidden auto}.mobile-sidebar-backdrop{display:none}.social-nav-item{border:1px solid var(--btn-secondary-border);background:rgba(var(--ui-contrast-rgb), .03);width:calc(100% - 16px);min-width:0;min-height:48px;color:var(--text-primary);cursor:pointer;text-align:left;box-sizing:border-box;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;margin:12px 8px 4px;padding:6px 8px;font-weight:600;line-height:1.25;display:flex;overflow:visible}.social-nav-item svg{flex-shrink:0}.social-sidebar-header{gap:9px}.social-sidebar-header svg{color:var(--text-secondary);flex-shrink:0}.social-nav-icon{background:rgba(var(--ui-contrast-rgb), .06);width:30px;height:30px;color:var(--text-secondary);border-radius:6px;flex:0 0 30px;justify-content:center;align-items:center;display:inline-flex}.social-nav-item.active .social-nav-icon{background:color-mix(in srgb, var(--accent-primary) 18%, transparent);color:var(--text-primary)}.social-nav-item-label{overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;line-height:1.25}.social-nav-item:hover{background:rgba(var(--ui-contrast-rgb), .07);border-color:color-mix(in srgb, var(--accent-primary) 55%, var(--btn-secondary-border));color:var(--text-primary)}.social-nav-item.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent-primary) 65%, transparent);color:var(--text-primary)}.social-nav-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.social-sidebar-divider{background:rgba(var(--ui-contrast-rgb), .08);height:1px;margin:8px}.social-sidebar-title{color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 4px;display:flex}.social-sidebar-title h2{margin:0;font-size:13px;font-weight:700}.social-new-dm-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin:-6px -4px -6px 0;padding:0;display:inline-flex}.social-new-dm-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.social-new-dm-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.social-dm-group-avatar{background:rgba(var(--ui-contrast-rgb), .1);color:var(--text-secondary)}.social-dm-item{box-sizing:border-box;border:1px solid rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .025);width:calc(100% - 16px);min-width:0;min-height:56px;color:var(--text-secondary);text-align:left;cursor:default;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;margin:0 8px;padding:6px 8px;display:flex}.social-dm-open{min-width:0;min-height:42px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:9px;padding:0;display:flex}.social-dm-open:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-primary) 65%, transparent);outline-offset:2px;border-radius:var(--border-radius-sm)}.social-dm-item+.social-dm-item{margin-top:5px}.social-dm-group-label{color:var(--text-secondary);align-items:center;gap:6px;margin:18px 12px 8px;font-size:12px;font-weight:600;display:flex}.social-sidebar-title+.social-dm-group-label{margin-top:6px}.social-dm-item:hover{background:rgba(var(--ui-contrast-rgb), .06);border-color:color-mix(in srgb, var(--text-secondary) 50%, transparent);color:var(--text-primary)}.social-dm-item:focus-within{border-color:var(--accent-primary)}.social-dm-item.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent-primary) 65%, transparent);box-shadow:inset 3px 0 0 var(--accent-primary);color:var(--text-primary)}.social-dm-open .home-member-avatar{flex:0 0 32px;width:32px;height:32px;font-size:14px}.social-dm-open .home-member-meta{min-width:0;font-size:13px;line-height:18px}.social-dm-open .home-member-meta>.social-dm-status{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:12px;font-weight:400;line-height:16px;display:block;overflow:hidden}.social-dm-item.active .home-member-meta{font-weight:600}.social-content{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex;overflow:hidden}.home-chip-row{grid-template-columns:repeat(3,minmax(0,118px));align-items:stretch;gap:10px;width:max-content;max-width:100%;margin-bottom:20px;display:inline-grid}.home-chip{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:rgba(var(--ui-contrast-rgb), .03);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;transition:all .2s;display:inline-flex}.home-chip:hover{background:rgba(var(--ui-contrast-rgb), .06);border-color:rgba(var(--ui-contrast-rgb), .15)}.home-chip.active{color:var(--text-primary);background:color-mix(in srgb, var(--accent-primary) 15%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 40%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-primary) 10%, transparent) inset}.home-chip-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:inherit;line-height:1.2;overflow:hidden}.home-chip-label,.user-panel .user-name,.user-panel .user-status,.channel-description,.server-settings-nav__title{margin-block:-2px;padding-block:2px}.home-chip-badge{background:var(--accent-primary,#7289da);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.home-search{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:var(--bg-input);color:var(--text-primary);border-radius:var(--border-radius-sm);outline:none;padding:10px}.home-list-group{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:rgba(var(--ui-contrast-rgb), .02);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.home-friends-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:auto;min-width:0;min-height:0;padding-bottom:96px;padding-right:2px;overflow:hidden auto}.home-friends-scroll::-webkit-scrollbar{width:8px}.home-friends-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.home-friends-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.home-friends-scroll>.home-list-group{flex:none}.home-friends-scroll--requests{flex-direction:column;gap:20px;display:flex}.home-friends-scroll--requests .home-list-group+.home-list-group{margin-top:0}.home-list-group+.home-list-group{margin-top:20px}.home-list-title{background:rgba(var(--ui-contrast-rgb), .04);color:var(--text-primary);letter-spacing:.3px;border-bottom:1px solid rgba(var(--ui-contrast-rgb), .06);padding:12px 16px;font-size:13px;font-weight:600}.home-empty-row{color:var(--text-muted);text-align:center;padding:20px 16px;font-size:14px}.home-empty-row--sidebar{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 10px 6px;font-size:12px;line-height:1.45;display:flex}.home-empty-row--sidebar span{color:var(--text-muted);font-size:11px}.home-sidebar-skeleton{flex-direction:column;gap:10px;padding:4px 4px 0;display:flex}.home-sidebar-skeleton-row,.home-list-skeleton-row{background:color-mix(in srgb, var(--bg-panel-2) 88%, #fff 12%);border-radius:12px;position:relative;overflow:hidden}.home-sidebar-skeleton-row:after,.home-list-skeleton-row:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--ui-contrast-rgb), .18), transparent);animation:1.2s ease-in-out infinite socialSkeletonShimmer;position:absolute;inset:0;transform:translate(-100%)}.home-sidebar-skeleton-row{height:42px}.home-sidebar-skeleton-row.short{width:72%}.home-list-skeleton{flex-direction:column;gap:10px;display:flex}.home-list-skeleton-row{height:58px}@keyframes socialSkeletonShimmer{to{transform:translate(100%)}}.home-onboarding-card{border:1px solid rgba(var(--ui-contrast-rgb), .08);width:min(100%,560px);min-width:0;box-shadow:inset 0 1px 0 rgba(var(--ui-contrast-rgb), .03);background:linear-gradient(#3c4b821f,#141c3529),#0d122585;border-radius:16px;flex-direction:column;gap:16px;padding:18px;display:flex}.home-list-group>.home-onboarding-card{width:auto;max-width:calc(100% - 28px);margin:14px}.home-list-group>.home-onboarding-card .home-onboarding-actions{flex-direction:column;align-items:flex-start}.home-list-group>.home-onboarding-card .home-onboarding-btn{width:min(100%,168px)}.welcome-screen .home-onboarding-card{margin:0 auto}.home-onboarding-copy h3{color:var(--text-primary);margin:0;font-size:17px;font-weight:800}.home-onboarding-copy p{color:var(--text-secondary);margin:8px 0 0;font-size:13px;line-height:1.55}.home-onboarding-actions{flex-wrap:wrap;gap:10px;display:flex}.home-onboarding-actions--equal{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,360px);display:grid}.home-onboarding-actions--equal .home-onboarding-btn{width:100%}.home-onboarding-btn{background:color-mix(in srgb, var(--accent-primary) 28%, transparent);min-height:38px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #5484ff57;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.home-onboarding-btn:hover{background:color-mix(in srgb, var(--accent-primary) 40%, transparent);border-color:#6d95ff6b}.home-onboarding-btn--secondary{border-color:rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .05);color:var(--text-secondary)}.home-onboarding-btn--secondary:hover{background:rgba(var(--ui-contrast-rgb), .08);border-color:rgba(var(--ui-contrast-rgb), .18);color:var(--text-primary)}@media (width<=560px){.home-onboarding-actions--equal{grid-template-columns:1fr;width:100%}}.home-member-row{border-top:1px solid rgba(var(--ui-contrast-rgb), .04);align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.home-member-row:first-of-type{border-top:none}.home-member-row.is-clickable{cursor:pointer}.home-member-main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.home-member-main:disabled{cursor:wait}.home-member-main:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-primary) 65%, transparent);outline-offset:4px;border-radius:8px}.home-member-row.is-loading{opacity:.72}.home-member-avatar{border-radius:var(--avatar-border-radius);background:var(--accent-gradient);width:36px;height:36px;color:var(--accent-gradient-text);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:visible;box-shadow:0 2px 6px #00000026}.home-member-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.home-member-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.home-member-meta>div{color:var(--text-primary);font-size:14px;font-weight:500}.home-member-meta>span{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.home-presence-pill{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:rgba(var(--ui-contrast-rgb), .04);min-height:22px;color:var(--text-secondary);letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.home-presence-pill-dot{width:7px;height:7px;box-shadow:0 0 0 3px rgba(var(--ui-contrast-rgb), .03);background:currentColor;border-radius:999px}.home-presence-pill-online{color:#4ade80}.home-presence-pill-dnd{color:#f97373}.home-member-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.home-member-action{border:1px solid rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .02);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:inline-flex}.home-member-action:disabled{opacity:.55;cursor:not-allowed}.home-member-action:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-primary) 65%, transparent);outline-offset:2px}.home-member-action:hover{background:rgba(var(--ui-contrast-rgb), .08);border-color:rgba(var(--ui-contrast-rgb), .2)}.home-member-action--message:hover{color:var(--text-primary)}.home-member-action.danger{color:var(--text-danger)}.home-member-action.danger:hover{background:#f0474726;border-color:#f047474d}.social-dm-actions{flex:none;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.social-dm-actions .home-member-action{border:1px solid var(--btn-secondary-border);background:var(--bg-surface);width:28px;height:28px;color:var(--text-secondary);opacity:0;pointer-events:none;border-radius:6px}.social-dm-item:hover .home-member-action,.social-dm-item:focus-within .home-member-action{opacity:1;pointer-events:auto}.social-dm-actions .home-member-action:hover{background:color-mix(in srgb, var(--text-danger) 12%, var(--bg-surface));color:var(--text-danger);border-color:color-mix(in srgb, var(--text-danger) 45%, var(--btn-secondary-border))}.social-dm-actions .home-member-action:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (hover:none){.social-dm-actions .home-member-action{opacity:1;pointer-events:auto;width:32px;height:32px}}.social-dm-open .home-member-meta>div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-dm-context-menu{width:min(224px,100vw - 16px);overflow-y:auto}.social-dm-context-menu--friend{width:min(240px,100vw - 16px)}.social-context-action-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width>=701px) and (width<=959px){.unified-content-friends .home-side,.unified-content-friends:after{display:none}.home-main .chat-header-right{flex-shrink:1;min-width:0}.home-main .chat-header-search-expanded{min-width:0;max-width:min(240px,45vw)}}.social-dm-unread{background:var(--badge-danger-bg);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 5px;font-size:10px;line-height:1;display:inline-flex}.notif-dot{background:var(--accent-primary);border-radius:999px;width:8px;height:8px;margin-left:auto;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-dot;position:relative}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.notif-dot:before{content:"";background:var(--accent-primary);border-radius:999px;width:100%;height:100%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-ring{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.home-add-row{border-bottom:1px solid rgba(var(--ui-contrast-rgb), .06);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;padding:14px;display:grid}.home-add-row .home-search{box-sizing:border-box;border:1px solid rgba(var(--ui-contrast-rgb), .12);background:#0003;border-radius:6px;height:40px;padding:0 14px;font-size:14px;transition:border-color .2s,background .2s}.home-add-row .home-search:focus{border-color:color-mix(in srgb, var(--accent-primary) 50%, transparent);background:#0000004d}.home-request-row{border-top:1px solid rgba(var(--ui-contrast-rgb), .04);justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.home-request-row:first-of-type{border-top:none}.home-request-row:hover{background:rgba(var(--ui-contrast-rgb), .02)}.home-request-row>span{color:var(--text-primary);font-size:14px;font-weight:500}.home-request-actions{gap:8px;display:flex}.home-request-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .15s,box-shadow .15s;display:inline-flex}.home-request-btn:hover{transform:scale(1.05)}.home-request-btn.accept{background:#22c55ee6}.home-request-btn.accept:hover{background:#22c55e;box-shadow:0 2px 8px #22c55e66}.home-request-btn.reject{background:#ef4444e6}.home-request-btn.reject:hover{background:#ef4444;box-shadow:0 2px 8px #ef444466}.home-requests-add-card{margin-bottom:20px}.home-friends-scroll--requests .home-requests-add-card{margin-bottom:0}.home-requests-add-card .home-list-title{font-size:15px;font-weight:600}.home-send-request-btn{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);border-radius:var(--border-radius-sm);color:var(--btn-primary-text);cursor:pointer;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s}.home-send-request-btn:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);opacity:1;transform:translateY(-1px)}.home-add-message{background:rgba(var(--ui-contrast-rgb), .05);color:var(--text-primary);text-align:left;border-radius:6px;margin:0 14px 8px;padding:8px 12px}.home-add-message.is-success{background:color-mix(in srgb, var(--text-positive) 12%, transparent)}.home-add-message.is-error{background:color-mix(in srgb, var(--text-danger) 12%, transparent)}.home-list-title-with-icon{align-items:center;gap:8px;display:flex}.home-list-title-with-icon svg{color:var(--text-muted);flex-shrink:0}.home-list-count{background:rgba(var(--ui-contrast-rgb), .08);min-width:22px;height:22px;color:var(--text-secondary);border-radius:11px;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.home-list-title-secondary{border-top:1px solid rgba(var(--ui-contrast-rgb), .06);margin-top:4px;padding-top:12px}.home-empty-muted{color:var(--text-muted);font-size:13px}.home-request-row-outgoing .home-request-actions{display:flex}.home-request-row-outgoing .home-request-btn.reject{color:#fca5a5;background:#ef444429;border:1px solid #ef44444d}.home-request-row-outgoing .home-request-btn.reject:hover{box-shadow:none;background:#ef44443d;border-color:#ef44446b}.home-side{width:var(--member-sidebar-width);background:var(--bg-surface);border-left:var(--border-subtle);z-index:1;flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:stretch;gap:12px;min-height:0;max-height:100%;padding:16px 8px 96px;display:flex;position:relative;overflow:hidden auto}.home-side--resources{justify-content:flex-start;gap:8px;overflow:hidden}.social-activity-title{color:var(--text-primary);flex:none;align-items:flex-start;gap:8px;margin:0;padding:4px 8px 12px;font-size:14px;line-height:20px;display:flex}.social-activity-title>svg{flex-shrink:0;margin-top:1px}.social-activity-title>span{min-width:0}.social-activity-body{scrollbar-width:thin;overscroll-behavior:contain;flex:1 1 0;min-height:0;overflow:hidden auto}.social-activity-heading{color:var(--text-secondary);margin:8px 8px 4px;font-size:12px;line-height:18px}.social-activity-row{text-align:left;width:100%;min-height:64px;color:var(--text-primary);background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:8px 6px;display:flex}.social-activity-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--text-primary);border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;font-size:14px;display:flex;overflow:hidden}.social-activity-avatar img{object-fit:cover;width:100%;height:100%}.social-activity-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.social-activity-copy strong,.social-activity-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-activity-copy strong{font-size:13px;font-weight:600;line-height:18px}.social-activity-copy>span{color:var(--text-secondary);font-size:11px;line-height:16px}.social-activity-channel{cursor:pointer}.social-activity-indicators{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:6px;display:flex}.social-activity-indicators .social-activity-sharing{color:var(--btn-danger-soft-text)}.social-activity-channel:hover{background:var(--accent-soft-hover)}.social-activity-channel:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.social-activity-empty{color:var(--text-secondary);margin:8px;font-size:13px;line-height:20px}.home-side--resources .social-resource-nav{border-top:var(--border-subtle);flex:none;padding-top:12px}.social-resource-nav{flex-direction:column;gap:8px;min-width:0;display:flex}.social-resource-link{border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);width:100%;min-width:0;min-height:44px;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:flex}.social-resource-link svg{color:var(--text-secondary);flex-shrink:0}.social-resource-link span{overflow-wrap:anywhere;flex:1;min-width:0}.social-resource-link--star>svg:first-child{color:var(--accent-foreground)}.social-resource-link:hover{background:var(--accent-soft-hover);border-color:var(--btn-secondary-border-hover);color:var(--text-primary);opacity:1}.social-resource-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.project-support-link{height:100%}.project-support-link>svg:first-child{color:var(--accent-foreground)}.community-card,.community-note{border:var(--border-subtle);border-radius:var(--border-radius-md);background:var(--bg-surface);overflow-wrap:break-word;min-width:0;padding:14px}.community-card h2{margin-top:10px;font-size:18px}.community-card p,.community-note p{color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word;min-width:0;margin-top:8px;font-size:13px;line-height:1.45}.community-note h3{color:var(--text-primary)}.home-dm-chat{border:var(--border-subtle);border-radius:var(--border-radius-sm);flex-direction:column;min-height:0;display:flex}.dm-page{grid-template-columns:280px minmax(0,1fr);height:100%;display:grid}.dm-sidebar{border-right:var(--border-subtle);background:var(--bg-surface);padding:10px;overflow:auto}.dm-sidebar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:12px}.dm-item{width:100%;color:inherit;border-radius:var(--border-radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px;display:flex}.dm-item:hover{background:rgba(var(--ui-contrast-rgb), .05)}.dm-item.active{background:#e945602b}.dm-avatar{background:var(--accent-gradient);width:30px;height:30px;color:var(--accent-gradient-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;overflow:hidden}.dm-avatar img{object-fit:cover;width:100%;height:100%}.dm-meta{flex-direction:column;min-width:0;display:flex}.dm-meta>div{color:var(--text-primary);font-size:13px}.dm-meta>span{color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.dm-chat{flex-direction:column;min-width:0;display:flex}.dm-chat-header{height:var(--header-height);border-bottom:var(--border-subtle);background:var(--bg-header);justify-content:space-between;align-items:center;padding:0 14px;display:flex}.dm-chat-title{font-size:15px;font-weight:700}.dm-messages{flex:1;padding:14px;overflow:auto}.dm-messages-virtual{display:block}.dm-msg-btn{border:1px solid rgba(var(--ui-contrast-rgb), .12);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.dm-msg-btn:hover{color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .06)}.dm-msg-btn.danger{color:var(--text-danger)}.dm-edit-row{flex-direction:column;flex-shrink:0;align-items:stretch;gap:6px;width:100%;min-width:0;max-width:100%;margin:0;display:flex}.dm-edit-row .home-search{box-sizing:border-box;resize:vertical;width:100%;min-width:0;max-width:100%;height:auto;min-height:76px;max-height:200px;color:var(--text-primary);background:var(--bg-tertiary);border-radius:var(--border-radius-sm);border:1px solid var(--text-muted);outline:none;padding:8px;font-size:14px;line-height:1.4;overflow:auto}.dm-edit-row .home-search:focus{outline:2px solid var(--text-link);outline-offset:1px}.message-edit-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}button.message-author{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.message-author:hover{text-decoration:underline}.message-avatar[role=button]{cursor:pointer}.message-author:focus-visible,.message-avatar[role=button]:focus-visible{outline:2px solid var(--text-link);outline-offset:2px}.dm-edit-row .dm-msg-btn{border:var(--border-subtle);flex-shrink:0;gap:6px;width:auto;min-width:72px;height:32px;padding:4px 8px}.dm-attachments{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.dm-attachment-link{color:var(--text-link);background:rgba(var(--ui-contrast-rgb), .04);border:var(--border-subtle);border-radius:var(--border-radius-sm);padding:4px 6px;font-size:12px;text-decoration:none}.chat-file-download{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;display:inline-flex}.chat-file-download-status{color:var(--text-muted);font-size:12px}.chat-file-download-status:empty{display:none}.chat-image-link{border:var(--border-subtle);border-radius:8px;min-width:0;max-width:min(320px,100%);display:inline-block;overflow:hidden}.chat-image-preview-trigger{color:inherit;cursor:zoom-in;background:0 0;padding:0}.chat-image-preview-trigger--pending{aspect-ratio:16/9;width:min(320px,52vw);max-width:min(320px,52vw);max-height:220px;box-shadow:none;pointer-events:none;visibility:hidden;background:0 0;border-color:#0000}.chat-image-preview-backdrop{z-index:11000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04060cc2;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.chat-image-preview-modal{border:var(--border-subtle);width:min(1120px,100%);max-height:min(860px,100vh - 56px);box-shadow:var(--shadow-lg);background:#101422fa;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.chat-image-preview-toolbar{border-bottom:var(--border-subtle);justify-content:flex-end;align-items:center;gap:12px;min-height:48px;padding:8px 10px 8px 14px;display:flex}@media (width<=360px){.chat-emoji-mode-tab svg,.chat-expression-filter-tabs svg{display:none}}.chat-image-preview-title{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.chat-image-preview-close{border:var(--border-subtle);min-height:32px;color:var(--text-secondary);background:rgba(var(--ui-contrast-rgb), .06);border-radius:8px;justify-content:center;align-items:center;width:32px;display:inline-flex}.chat-image-preview-close:hover{color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .1)}.chat-image-preview-stage{justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.chat-image-preview-image{object-fit:contain;background:#0b0d14;border-radius:8px;max-width:100%;max-height:calc(100vh - 148px);display:block}.chat-image-attachment{object-fit:contain;background:0 0;width:auto;max-width:min(320px,100%);height:auto;max-height:220px;display:block}.dm-seen{color:var(--text-muted);margin-top:4px;font-size:11px}.dm-attach-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dm-attach-btn:hover{background:rgba(var(--ui-contrast-rgb), .06);color:var(--text-primary)}.dm-attach-btn:disabled{opacity:.45;cursor:not-allowed}.chat-jump-to-latest:focus-visible,.dm-attach-btn:focus-visible,.chat-emoji-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dm-draft-attachments{flex-wrap:nowrap;gap:8px;margin:0 8px 8px;padding:0 0 2px;display:flex;overflow:auto hidden}.dm-draft-attachment{border:var(--border-subtle);width:196px;min-height:196px;color:var(--text-secondary);background:var(--bg-surface);border-radius:8px;flex-direction:column;flex:none;max-width:calc(100% - 8px);padding:8px;font-size:12px;display:flex;position:relative;overflow:hidden}.dm-draft-attachment-preview{background:var(--bg-secondary);height:112px;color:var(--text-muted);border-radius:4px;flex:0 0 112px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.dm-draft-attachment-preview img{object-fit:contain;width:100%;height:100%}.dm-draft-attachment.is-uploading .dm-draft-attachment-preview img{opacity:.65}.dm-draft-attachment.is-failed{border-color:var(--btn-danger-soft-border)}.dm-draft-attachment-controls{gap:4px;display:flex;position:absolute;top:6px;right:6px}.dm-draft-attachment-controls button{border:var(--border-subtle);background:var(--bg-popover);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.dm-draft-attachment-controls button:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.dm-draft-attachment-controls button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dm-draft-attachment-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.dm-draft-attachment-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);overflow:hidden}.dm-draft-attachment-size{color:var(--text-muted);font-size:11px}.dm-draft-attachment-state{min-height:18px;color:var(--text-secondary);align-items:center;gap:5px;font-size:11px;display:flex}.dm-draft-attachment.is-uploaded .dm-draft-attachment-state svg{color:var(--status-online)}.dm-draft-attachment.is-failed .dm-draft-attachment-state,.dm-draft-attachment-error{color:var(--btn-danger-soft-text)}.dm-draft-attachment-error{overflow-wrap:anywhere;font-size:11px}.dm-draft-attachment-progress{background:var(--accent-soft);height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.dm-draft-attachment-progress span{background:var(--accent-primary);width:35%;height:100%;animation:1.4s ease-in-out infinite attachment-progress;display:block}.dm-draft-attachment-spinner{animation:1s linear infinite attachment-spinner}@keyframes attachment-progress{0%{transform:translate(-100%)}to{transform:translate(385%)}}@keyframes attachment-spinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dm-draft-attachment-progress span,.dm-draft-attachment-spinner{animation:none}.dm-draft-attachment-progress span{opacity:.45;width:100%}}.left-bottom-panel{left:var(--server-bar-width);width:var(--channel-sidebar-width);z-index:90;pointer-events:none;flex-direction:column;justify-content:flex-end;padding-bottom:0;padding-left:0;padding-right:0;display:flex;position:fixed;bottom:0}.left-bottom-panel>*{pointer-events:auto}.callbar-overlay{left:calc(var(--server-bar-width) + var(--channel-sidebar-width));right:var(--member-sidebar-width);z-index:130;pointer-events:none;box-sizing:border-box;border-top:var(--border-subtle);background:var(--bg-surface);justify-content:center;align-items:center;height:80px;padding:0 12px;display:flex;position:fixed;bottom:0}.support-dock{width:var(--member-sidebar-width);z-index:131;box-sizing:border-box;background:var(--bg-surface);border-top:var(--border-subtle);border-left:var(--border-subtle);align-items:center;height:80px;padding:8px;display:flex;position:fixed;bottom:0;right:0}.callbar-overlay>*{pointer-events:auto}.callbar-overlay .callbar-wrap{width:100%;position:static}.callbar-overlay .callbar-frame{max-width:600px;margin:0 auto}.callbar-idle{width:100%}.callbar-idle:after{content:"";flex:1}.callbar-control-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.user-bar-wrap{background:var(--bg-surface);border:none;border-top:var(--border-subtle);border-right:var(--border-subtle);--status-badge-bg:var(--bg-surface);box-sizing:border-box;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;height:80px;min-height:80px;padding:10px 12px 12px;display:flex;position:relative}.unified-content-friends .social-sidebar{padding-bottom:80px}.screen-share-stage{left:calc(var(--server-bar-width) + var(--channel-sidebar-width) + var(--voice-stage-gap));right:calc(var(--member-sidebar-width) + var(--voice-stage-gap));top:calc(var(--header-height) + 64px);bottom:calc(80px + var(--voice-stage-gap));z-index:70;--stage-gap:12px;gap:var(--stage-gap);overscroll-behavior:contain;scrollbar-gutter:stable;pointer-events:auto;grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;place-items:stretch stretch;display:grid;position:fixed;overflow-y:auto}@media (width>=960px){body:has(.member-sidebar--collapsed) .screen-share-stage{right:var(--voice-stage-gap)}}.screen-share-stage[data-stage-density=crowded]{--stage-gap:10px}.screen-share-stage[data-stage-density=dense]{--stage-gap:8px}.screen-share-mini-player{z-index:120;aspect-ratio:16/9;background:#000;border-radius:8px;width:360px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 2px 8px #00000047}.screen-share-mini-player:after,.screen-share-preview:after{content:"";border:1px solid color-mix(in srgb, var(--accent-primary) 56%, transparent);border-radius:inherit;pointer-events:none;z-index:4;position:absolute;inset:0}.screen-share-mini-player-open{cursor:grab;touch-action:none;background:#000;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.screen-share-mini-player-open:active{cursor:grabbing}.screen-share-mini-player-open video{object-fit:contain;width:100%;height:100%;display:block}.screen-share-mini-player-open:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-3px}.screen-share-mini-player-label{white-space:nowrap;text-overflow:ellipsis;color:#f8fafc;text-shadow:0 1px 2px #000,0 0 1px #000;text-align:left;background:0 0;min-width:0;padding:8px 24px;font-size:12px;font-weight:700;display:block;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.screen-share-mini-player-toolbar{z-index:1;pointer-events:none;align-items:center;gap:4px;display:flex;position:absolute;top:7px;right:7px}.screen-share-mini-player-toolbar button{color:#f8fafc;cursor:pointer;pointer-events:auto;background:#080c18bd;border:1px solid #ffffff42;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.screen-share-mini-player-toolbar button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.screen-share-mini-player-stop:hover{background:#b91c1ceb}.screen-share-mini-player-resize{color:#f8fafc;touch-action:none;opacity:.55;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute}.screen-share-mini-player-resize:hover,.screen-share-mini-player-resize:focus-visible{opacity:1}.screen-share-mini-player-resize:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.screen-share-mini-player-resize--bottom-left{cursor:nesw-resize;bottom:0;left:0}.screen-share-mini-player-resize--top-left{cursor:nwse-resize;top:0;left:0}.screen-share-mini-player-resize--top-right{cursor:nesw-resize;top:0;right:0}.screen-share-mini-player-resize--bottom-right{cursor:nwse-resize;bottom:0;right:0}.voice-stage-media-avatar{background:var(--accent-primary);width:56px;height:56px;color:var(--btn-primary-text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:inline-flex;overflow:hidden}.voice-stage-media-avatar img{object-fit:cover;width:100%;height:100%}.voice-stage-media-avatar--compact{width:28px;height:28px;font-size:13px}.screen-share-stage--theater{justify-content:center;align-items:center;padding:12px 12px 52px;display:flex;overflow:hidden}.screen-share-stage--theater .screen-share-preview.is-theater-focused{width:var(--stage-tile-width,min(100%, 1280px));height:var(--stage-tile-height,min(100%, 720px));min-height:0;aspect-ratio:var(--stage-tile-aspect,16 / 9);margin:0;position:relative;top:auto;left:auto;transform:none}.screen-share-stage--theater .screen-share-preview.is-theater-focused[data-media-kind=camera] video{object-fit:cover}.screen-share-stage--theater .voice-stage-tile,.screen-share-stage--theater .voice-stage-hidden-media-tile,.screen-share-stage--theater .screen-share-preview:not(.is-theater-focused){display:none}.screen-share-stage.screen-share-stage--strip{flex-wrap:wrap;align-content:center;row-gap:0;overflow:hidden}.screen-share-stage--strip>:not(.is-theater-focused){margin-top:var(--stage-gap)}.screen-share-stage--strip>[data-strip-overflow]{display:none!important}.screen-share-stage--strip>*{order:0}.screen-share-stage--strip>.is-theater-focused{order:-2}.screen-share-stage--strip:before{content:"";flex-basis:100%;order:-1;height:0}.screen-share-stage--strip .voice-stage-tile,.screen-share-stage--strip .voice-stage-hidden-media-tile,.screen-share-stage--strip .screen-share-preview:not(.is-theater-focused){flex:0 0 160px;width:160px;height:90px;min-height:0;display:flex}.screen-share-stage--strip .voice-stage-tile,.screen-share-stage--strip .voice-stage-hidden-media-tile{gap:4px;padding:6px}.screen-share-stage--strip .voice-stage-avatar{width:36px;height:36px;font-size:15px}.screen-share-stage--strip .voice-stage-name,.screen-share-stage--strip .voice-stage-hidden-media-title{font-size:12px}.screen-share-stage--strip .voice-stage-sub,.screen-share-stage--strip .voice-stage-hidden-media-sub,.screen-share-stage--strip .voice-stage-hidden-media-tile .screen-share-viewers,.screen-share-stage--strip .screen-share-preview:not(.is-theater-focused) .screen-share-controls-bar,.screen-share-stage--strip .screen-share-preview:not(.is-theater-focused) .screen-share-viewers{display:none}.screen-share-strip-focus{z-index:5;border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.screen-share-strip-focus:focus-visible{outline:2px solid var(--focus-outline,var(--accent-primary));outline-offset:-2px}.screen-share-strip-more{border:1px solid var(--btn-secondary-border);background:var(--bg-surface);width:160px;height:90px;color:var(--text-primary);cursor:pointer;border-radius:10px;flex:0 0 160px;order:1;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.screen-share-strip-more:hover{background:var(--bg-surface-hover)}.screen-share-strip-more:focus-visible{outline:2px solid var(--focus-outline,var(--accent-primary));outline-offset:-2px}.screen-share-strip-toggle{z-index:6;border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.screen-share-strip-toggle:hover{background:var(--bg-surface-hover)}.screen-share-strip-toggle:focus-visible{outline:2px solid var(--focus-outline,var(--accent-primary));outline-offset:2px}.screen-share-preview{pointer-events:auto;border:0;border-radius:10px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;background:#000!important}.screen-share-preview:after{border-color:#ffffff1a}.screen-share-preview:fullscreen:after{display:none}.screen-share-preview video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.screen-share-preview.camera-preview video,.screen-share-preview[data-media-kind=camera] video{object-fit:cover}.screen-share-preview:fullscreen video{object-fit:contain;background:#000;width:100%;height:100%}.screen-share-preview[data-media-kind=screen] video:fullscreen{object-fit:contain;background:#000;width:100%;height:100%}.screen-share-label{color:#d9e1f6;pointer-events:none;background:linear-gradient(#00000005,#0000009e);padding:8px 10px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.remote-screen-preview:after{border-color:color-mix(in srgb, var(--accent-primary) 45%, transparent)}.screen-share-controls-bar{opacity:0;pointer-events:none;z-index:3;background:linear-gradient(#0000 0%,#0000004d 40%,#000000b8 100%);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.screen-share-preview:hover .screen-share-controls-bar,.screen-share-preview:focus-within .screen-share-controls-bar{opacity:1;pointer-events:auto}.screen-share-preview:fullscreen:hover .screen-share-controls-bar{opacity:1;pointer-events:auto}.screen-share-preview:fullscreen:focus-within .screen-share-controls-bar{opacity:1;pointer-events:auto}.screen-share-controls-left{color:#ffffffd9;align-items:center;gap:8px;display:flex}.screen-share-controls-label{color:#ffffffe6;white-space:nowrap;margin-right:4px;font-size:12px;font-weight:600}.screen-share-volume-container{color:#ffffffd9;align-items:center;margin-right:4px;display:flex}.screen-share-volume-slider-wrap{opacity:0;align-items:center;gap:8px;min-width:0;max-width:0;margin-left:0;transition:max-width .2s,margin-left .2s,opacity .15s;display:flex;overflow:hidden}.screen-share-volume-container:hover .screen-share-volume-slider-wrap{opacity:1;max-width:140px;margin-left:8px}.screen-share-controls-right{align-items:center;gap:4px;display:flex}.screen-share-controls-btn{color:#ffffffd9;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:inline-flex}.screen-share-controls-btn:hover{background:#fff3}.screen-share-controls-btn:disabled{cursor:wait;opacity:.6}.screen-share-preview:fullscreen{width:100%;height:100%;box-shadow:none;background:#000;border:none;border-radius:0;outline:none}.screen-share-volume-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:80px;height:4px}.screen-share-volume-btn{color:inherit;cursor:pointer;opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.screen-share-volume-btn:hover{opacity:1}.screen-share-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);cursor:pointer;border:2px solid #ffffff4d;border-radius:50%;width:10px;height:10px}.screen-share-volume-slider::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:2px solid #ffffff4d;border-radius:50%;width:10px;height:10px}.screen-share-volume-value{color:#fff9;text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:11px;font-weight:600}.screen-share-info-overlay{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(#000000b3 0%,#0000 100%);align-items:center;gap:8px;padding:10px 12px;transition:opacity .2s;display:flex;position:absolute;top:0;left:0;right:0}.screen-share-info-text{text-overflow:ellipsis;white-space:nowrap;color:#fffffff2;text-shadow:0 1px 2px #000c;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.screen-share-viewers{z-index:4;color:#ffffffe6;opacity:0;pointer-events:none;background:#080c18b8;border:1px solid #fff3;border-radius:6px;align-items:center;gap:7px;min-height:28px;padding:3px 6px 3px 8px;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;top:10px;right:12px;transform:translateY(-4px);box-shadow:0 2px 10px #00000047}.screen-share-viewers-label{font-size:11px;font-weight:700}.screen-share-viewers-avatars{flex-direction:row-reverse;padding-left:3px;display:flex}.screen-share-viewer-avatar{color:#fff;background:#3f73d6;border:2px solid #080c18e6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-5px;font-size:10px;font-weight:800;display:inline-flex;overflow:hidden}.screen-share-viewer-avatar img{object-fit:cover;width:100%;height:100%}.screen-share-viewer-avatar--count{background:#2c3653}.voice-stage-hidden-media-tile .screen-share-viewers{opacity:1;pointer-events:auto;margin-top:4px;position:static;transform:none}.screen-share-preview:hover .screen-share-viewers,.screen-share-preview:focus-within .screen-share-viewers{opacity:1;transform:none}.screen-share-preview:fullscreen:hover .screen-share-viewers{opacity:1;transform:none}.screen-share-preview:fullscreen:focus-within .screen-share-viewers{opacity:1;transform:none}.screen-share-preview:hover .screen-share-info-overlay,.screen-share-preview:focus-within .screen-share-info-overlay{opacity:1}.screen-share-preview:fullscreen:hover .screen-share-info-overlay{opacity:1}.screen-share-preview:fullscreen:focus-within .screen-share-info-overlay{opacity:1}.screen-share-preview.is-mouse-idle{cursor:none}.screen-share-preview.is-mouse-idle .screen-share-controls-bar,.screen-share-preview.is-mouse-idle .screen-share-info-overlay{opacity:0!important;pointer-events:none!important}.screen-share-preview.is-mouse-idle .screen-share-viewers{transform:translateY(-4px);opacity:0!important}@media (hover:none){.screen-share-preview .screen-share-controls-bar,.screen-share-preview.is-mouse-idle .screen-share-controls-bar{opacity:1!important;pointer-events:auto!important}.screen-share-preview:fullscreen .screen-share-controls-bar{opacity:1!important;pointer-events:auto!important}.screen-share-preview .screen-share-info-overlay,.screen-share-preview.is-mouse-idle .screen-share-info-overlay{opacity:1!important}.screen-share-preview:fullscreen .screen-share-info-overlay{opacity:1!important}.screen-share-preview.is-mouse-idle{cursor:auto}}.voice-stage-tile{pointer-events:auto;background:linear-gradient(#1e2746e6,#141c34f2);border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.voice-stage-avatar{background:var(--accent-gradient);width:56px;height:56px;color:var(--accent-gradient-text);border-radius:999px;justify-content:center;align-items:center;font-size:24px;font-weight:700;transition:box-shadow .22s,transform .22s,filter .22s;display:inline-flex;overflow:hidden}.voice-stage-avatar img{object-fit:cover;width:100%;height:100%}.voice-stage-avatar.is-speaking{transform:translateY(-1px);box-shadow:0 0 0 3px #2dd4bfeb,0 0 0 6px #2dd4bf29,0 0 20px #2dd4bf29,0 2px 6px #00000026}.voice-stage-share-tile.is-speaking{box-shadow:0 0 0 3px #2dd4bfeb,0 0 16px #2dd4bf33}.voice-stage-name{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 20px);color:var(--text-primary);transition:color var(--transition-fast), text-shadow var(--transition-fast);font-size:14px;font-weight:600;overflow:hidden}.voice-stage-name.is-speaking{color:#2dd4bffa;text-shadow:0 0 10px #2dd4bf38}.voice-stage-sub{color:var(--text-secondary);align-items:center;gap:5px;font-size:11px;display:inline-flex}.voice-stage-share-tile{order:-1;min-height:0;box-shadow:0 8px 22px #00000047}.voice-stage-hidden-media-tile{min-height:0;color:var(--text-secondary);pointer-events:auto;background:linear-gradient(#18203ac7,#11182be0);border:1px dashed #94a3b852;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.voice-stage-hidden-media-title{color:var(--text-primary);font-size:13px;font-weight:700}.voice-stage-hidden-media-sub{font-size:12px}.voice-stage-hidden-media-show{border:1px solid color-mix(in srgb, var(--accent-primary) 36%, transparent);background:color-mix(in srgb, var(--accent-primary) 14%, transparent);color:#dbeafef2;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.voice-stage-hidden-media-show:hover{background:color-mix(in srgb, var(--accent-primary) 22%, transparent);border-color:#93c5fd7a}.screen-share-stage[data-stage-density=crowded] .voice-stage-avatar{width:48px;height:48px;font-size:20px}.screen-share-stage[data-stage-density=crowded] .voice-stage-tile{gap:6px}.screen-share-stage[data-stage-density=dense] .voice-stage-avatar{width:40px;height:40px;font-size:17px}.screen-share-stage[data-stage-density=dense] .voice-stage-tile{gap:4px;padding:8px}.screen-share-stage[data-stage-density=dense] .voice-stage-sub{display:none}.callbar-frame{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:linear-gradient(#14182af5 0%,#111524fa 100%);border:1px solid #43b58147;border-radius:12px;flex-direction:row;align-items:center;gap:0;min-width:0;min-height:48px;padding:6px 12px;display:flex;position:relative;box-shadow:0 6px 22px #0000004d,inset 0 0 0 1px #43b58112}.callbar-status{border-bottom:0;flex:1;align-items:center;gap:8px;min-width:0;min-height:22px;padding:0;display:flex}.active-call-title{color:var(--text-secondary);letter-spacing:.02em;text-transform:none;opacity:.96;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;line-height:1.3;overflow:hidden}.active-call-title-btn{background:color-mix(in srgb, var(--text-link) 9%, transparent);border:1px solid color-mix(in srgb, var(--text-link) 34%, transparent);cursor:pointer;text-align:left;width:auto;min-width:0;max-width:100%;font:inherit;color:#a0b0d2eb;white-space:nowrap;border-radius:6px;flex:0 auto;align-items:center;gap:3px;padding:4px 5px 4px 7px;text-decoration:none;transition:all .15s;display:inline-flex;overflow:hidden}.active-call-title-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.active-call-title-btn:hover{color:var(--text-primary);background:color-mix(in srgb, var(--text-link) 16%, transparent);border-color:color-mix(in srgb, var(--text-link) 58%, transparent)}.active-call-title-btn:focus-visible{outline:2px solid var(--text-link);outline-offset:2px;border-radius:2px}.callbar-connection-inline{flex:none;align-items:center;gap:6px;display:inline-flex}.callbar-ping-chip{min-width:74px;height:28px;color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.callbar-ping-inline-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.callbar-ping-value{min-width:32px;color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800;line-height:1}.callbar-ping-chip.is-good .callbar-ping-inline-icon,.callbar-ping-chip.is-good .callbar-ping-value{color:var(--text-positive)}.callbar-ping-chip.is-mid .callbar-ping-inline-icon,.callbar-ping-chip.is-mid .callbar-ping-value{color:var(--text-warning)}.callbar-ping-chip.is-bad .callbar-ping-inline-icon,.callbar-ping-chip.is-bad .callbar-ping-value{color:var(--text-danger)}.callbar-ping-chip.is-unknown .callbar-ping-inline-icon,.callbar-ping-chip.is-unknown .callbar-ping-value{color:var(--text-muted)}.callbar-controls-center{background:#ffffff0a;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;padding:4px 8px;display:flex}.callbar-controls-right{flex:1;justify-content:flex-end;align-items:center;gap:10px;padding-left:12px;display:flex}.callbar-control-btn{color:#ffffffb8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative}.callbar-control-btn:disabled{cursor:not-allowed;opacity:.45}.callbar-control-btn.is-off:disabled{opacity:1}.callbar-control-btn:hover:not(:disabled){color:#ffffffe6;background:#ffffff24;border-color:#ffffff52}.callbar-control-btn:active:not(:disabled){transform:scale(.95)}.callbar-control-btn.is-live{color:#e94560;background:#e9456059;border-color:#e9456099;box-shadow:0 0 12px #e9456040}.callbar-control-btn.is-live:hover:not(:disabled){background:#e9456073;border-color:#e94560cc;box-shadow:0 0 16px #e9456059}.callbar-control-btn.media-control.is-live{color:var(--text-positive);background:#43b58133;border-color:#43b5819e;box-shadow:0 0 10px #43b58138}.callbar-control-btn.media-control.is-live:hover:not(:disabled){background:#43b5814d;border-color:#43b581c7;box-shadow:0 0 14px #43b58147}.callbar-control-btn.is-off{color:#f04747;background:#f0474747;border-color:#f0474799;box-shadow:0 0 10px #f0474733}.callbar-control-btn.is-off:hover:not(:disabled){background:#f0474761;border-color:#f04747bf;box-shadow:0 0 14px #f047474d}.callbar-control-btn.is-server-off{color:#ffd58a;background:#f59e0b3d;border-color:#f59e0b94;box-shadow:0 0 10px #f59e0b33}.callbar-control-btn.is-server-off:hover:not(:disabled){background:#f59e0b57;border-color:#f59e0bb8;box-shadow:0 0 14px #f59e0b47}.callbar-control-btn.danger{color:#f04747;background:#f0474733;border-color:#f04747a6;flex-shrink:0;width:36px;min-width:36px;margin-left:0}.callbar-control-btn-disconnect{box-shadow:inset 0 0 0 1px #f047473d,0 0 10px #f0474733}.callbar-control-btn-disconnect.is-disconnect-state{color:#ff8da0;background:#e9456057;border-color:#e94560ad;box-shadow:inset 0 0 0 1px #f047474d,0 0 12px #f047474d}.callbar-control-btn-disconnect.is-disconnect-state:hover:not(:disabled){background:#e945606b;border-color:#e94560cc;box-shadow:inset 0 0 0 1px #f0474757,0 0 16px #f047475c}.callbar-control-btn-disconnect.is-live:disabled,.callbar-control-btn-disconnect.is-disconnect-state:disabled{opacity:1;cursor:progress}.callbar-control-btn-disconnect.is-disconnect-pending{color:#ff8da0c7;background:#e9456033;border-color:#e945607a;box-shadow:inset 0 0 0 1px #f0474738,0 0 8px #f0474733}.callbar-control-btn-disconnect.is-disconnect-pending:hover:not(:disabled){background:#e9456042;border-color:#e9456094;box-shadow:inset 0 0 0 1px #f0474747,0 0 10px #f047473d}.callbar-control-btn.danger:hover:not(:disabled){background:#f0474759;border-color:#f04747b3;box-shadow:0 0 12px #f0474740}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes callbarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.typing-indicator{color:var(--text-muted);align-items:center;gap:4px;padding:4px 16px;font-size:12px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.copy-btn{background:var(--accent-primary);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:6px 12px;font-size:12px;font-weight:600}.copy-btn:hover{background:var(--accent-primary-hover)}.invite-unified-row{font-family:var(--font-primary);color:var(--text-link);word-break:break-all;font-size:13px}.invite-unified-row code{font-family:inherit;font-size:inherit;letter-spacing:.5px;font-weight:600}.invite-unified-link{white-space:normal;margin-bottom:6px}.invite-unified-actions{flex-wrap:wrap;gap:8px;display:flex}.invite-unified-actions .copy-btn{padding:6px 12px;font-size:12px;font-weight:600}.server-settings-icon-preview{border-radius:inherit;object-fit:cover;width:100%;height:100%;box-shadow:none;flex-shrink:0}.server-settings-icon-placeholder{border-radius:inherit;border:var(--border-subtle);background:var(--bg-elevated);width:100%;height:100%;color:var(--text-primary);justify-content:center;align-items:center;font-size:24px;font-weight:800;display:inline-flex}.modal-server-settings{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:var(--bg-surface);width:min(96vw,1120px);max-width:1120px;height:min(85vh,760px);max-height:85vh;box-shadow:none;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.server-settings-header{border-bottom:var(--border-subtle);background:var(--bg-surface);-webkit-backdrop-filter:none;backdrop-filter:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 8px;display:flex}.server-settings-header__left{align-items:center;gap:14px;min-width:0;display:flex}.server-settings-header__icon{object-fit:cover;width:52px;height:52px;box-shadow:none;border-radius:14px;flex-shrink:0}.server-settings-header__icon--placeholder{background:var(--bg-elevated);border:var(--border-subtle);color:var(--text-primary);justify-content:center;align-items:center;font-size:21px;font-weight:700;display:inline-flex}.server-settings-header__text{min-width:0}.server-settings-header__text h2{letter-spacing:.01em;margin-bottom:1px;font-size:1.3rem}.server-settings-header__server-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.server-settings-header__hint{color:color-mix(in srgb, var(--text-muted) 82%, #c5d5f7 18%);margin:2px 0 0;font-size:11px}.server-settings-close-btn{background:rgba(var(--ui-contrast-rgb), .03);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.server-settings-close-btn:hover{color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .1)}.server-settings-body{flex:auto;min-height:0;padding:8px 10px 10px;overflow:hidden}.server-settings-body--with-tabs{flex-direction:column;display:flex}.server-settings-layout{grid-template-columns:196px minmax(0,1fr);align-items:stretch;gap:12px;height:100%;min-height:0;display:grid}.server-settings-nav{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-secondary);min-height:0;box-shadow:none;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#7aaae75c transparent;border-radius:16px;flex-direction:column;gap:6px;max-height:100%;padding:14px 10px 12px;display:flex;overflow-y:auto}.server-settings-nav::-webkit-scrollbar{width:8px}.server-settings-nav::-webkit-scrollbar-thumb{background:#7aaae752;border-radius:999px}.server-settings-nav__meta{border-bottom:1px solid rgba(var(--ui-contrast-rgb), .08);flex-direction:column;gap:4px;min-width:0;margin-bottom:6px;padding:2px 4px 10px;display:flex}.server-settings-nav__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.server-settings-nav__title{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2;display:block;overflow:hidden}.server-settings-nav__item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;padding:11px 12px;font-size:14px;font-weight:600;transition:none;display:flex}.server-settings-nav__icon{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:rgba(var(--ui-contrast-rgb), .04);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.server-settings-nav__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.server-settings-nav__label{color:inherit;font-size:14px;font-weight:700;line-height:1.2}.server-settings-nav__item:focus{outline:none}.server-settings-nav__item:focus-visible{box-shadow:inset 0 0 0 1px #7aaae773}.server-settings-nav__item:hover:not(:disabled){background:rgba(var(--ui-contrast-rgb), .05);color:var(--text-primary)}.server-settings-nav__item:not(.server-settings-nav__item--active){box-shadow:none}.server-settings-nav__item:disabled{opacity:.4;cursor:not-allowed}.server-settings-nav__item--active{background:var(--accent-soft);color:var(--text-primary);box-shadow:none;border-color:#7aaae752}.server-settings-nav__item--active .server-settings-nav__icon{background:color-mix(in srgb, var(--accent-primary) 18%, transparent);border-color:#7aaae747}.channel-settings-modal{max-width:860px}.category-permissions-modal .server-settings-layout{align-items:start;height:auto;min-height:0}.category-permissions-modal{max-height:min(82vh,700px);height:auto!important}.category-permissions-modal .server-settings-body{flex:none;overflow:visible}.category-permissions-modal .server-settings-content{flex:none;height:auto;overflow:visible}.category-permissions-modal .server-settings-content>.server-settings-card,.category-permissions-modal .server-settings-card--audit,.category-permissions-modal .channel-settings-card{min-height:0}.channel-settings-nav{gap:7px}.channel-settings-nav-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:1px;font-size:14px;font-weight:700;overflow:hidden}.channel-settings-nav-subtitle{color:var(--text-muted);margin-bottom:8px;font-size:11px}.channel-settings-nav .server-settings-nav__item{align-items:center;gap:8px;display:inline-flex}.channel-settings-nav__item--danger{color:#ff9aa5;margin-top:6px}.channel-settings-nav__item--danger:hover:not(:disabled){color:#ffc0c8;background:#f047471f}.channel-settings-card{flex-direction:column;min-height:100%;margin-bottom:0;display:flex}.channel-settings-header{padding-left:12px;padding-right:10px}.channel-settings-general{flex-direction:column;gap:8px;display:flex}.channel-settings-general .btn{width:fit-content;min-width:140px}.channel-settings-danger{align-items:flex-start;display:flex}.channel-settings-danger-card{width:min(460px,100%);margin:0}.channel-settings-permissions{grid-template-columns:200px minmax(0,1fr);gap:12px;min-height:0;display:grid}.channel-settings-roles-col{min-width:0}.channel-settings-roles-header{grid-template-columns:1fr;gap:6px;margin-bottom:8px;display:grid}.channel-settings-role-add{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;max-width:100%;display:grid}.channel-role-add-select{border:1px solid rgba(var(--ui-contrast-rgb), .14);background:color-mix(in srgb, var(--bg-input) 68%, transparent);width:100%;min-width:0;color:var(--text-primary);border-radius:8px;outline:none;padding:5px 8px;font-size:12px}.channel-role-add-select:focus{border-color:#6aa2ffa6;box-shadow:0 0 0 2px #6aa2ff2e}.channel-settings-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.channel-settings-roles-header .channel-settings-label{margin-bottom:0}.channel-settings-label--spaced{margin-bottom:10px}.channel-settings-roles-list{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:#0000001f;border-radius:10px;flex-direction:column;gap:4px;max-height:280px;padding:4px;display:flex;overflow-y:auto}.channel-settings-role-dot{vertical-align:middle;border-radius:999px;width:8px;height:8px;margin-right:8px;display:inline-block}.channel-settings-role-main{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.channel-settings-roles-list .server-role-list-item{justify-content:space-between;align-items:center;gap:8px;display:flex}.channel-settings-role-remove{border:1px solid rgba(var(--ui-contrast-rgb), .16);width:18px;height:18px;color:var(--text-muted);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.channel-settings-role-remove:hover{color:var(--danger);background:#ff4d6d1f;border-color:#ff638473}.channel-settings-roles-empty{color:var(--text-muted);padding:10px 8px;font-size:12px}.channel-settings-perm-col{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:#0000001f;border-radius:10px;min-width:0;padding:10px 12px}.channel-permission-scope{gap:6px;margin-bottom:10px;display:inline-flex}.channel-permission-scope-btn{border:1px solid rgba(var(--ui-contrast-rgb), .14);background:rgba(var(--ui-contrast-rgb), .04);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:5px 9px;font-size:12px}.channel-permission-scope-btn.is-active{background:color-mix(in srgb, var(--accent-primary) 22%, transparent);color:var(--text-primary);border-color:#7aaae773}.channel-settings-empty{min-height:120px;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.channel-perm-row{border-bottom:1px solid rgba(var(--ui-contrast-rgb), .08);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.channel-perm-row:last-child{border-bottom:none}.channel-perm-switches{border:1px solid rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .04);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.channel-perm-btn{width:34px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.channel-perm-btn+.channel-perm-btn{border-left:1px solid rgba(var(--ui-contrast-rgb), .1)}.channel-perm-btn:hover{background:rgba(var(--ui-contrast-rgb), .08);color:var(--text-primary)}.channel-perm-btn.is-denied{color:#ffd2d8;background:#f047473d}.channel-perm-btn.is-inherit{background:color-mix(in srgb, var(--accent-primary) 22%, transparent);color:#d6e7ff}.channel-perm-btn.is-allowed{color:#d9ffe8;background:#31bf8347}.channel-settings-actions{border-top:1px solid rgba(var(--ui-contrast-rgb), .08);justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;padding-top:10px;display:flex}.server-settings-content{overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-surface);min-width:0;height:100%;min-height:0;max-height:none;box-shadow:none;border-radius:16px;flex-direction:column;padding:12px 14px 14px;display:flex;overflow:hidden auto}.server-settings-content>*{flex-shrink:0}.user-profile-preview-actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.profile-avatar-selection-feedback--inline{text-align:right;width:240px;height:auto;max-height:36px;position:absolute;top:calc(100% + 6px);right:0}.user-profile-preview-actions .account-action-btn{width:112px;min-width:112px;height:32px;padding-inline:11px}.server-settings-section-intro{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-elevated);border-radius:14px;align-items:center;gap:14px;margin-bottom:8px;padding:8px 10px;display:flex}.server-settings-card--overview{padding:12px}.server-settings-section-intro__icon{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:rgba(var(--ui-contrast-rgb), .05);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.server-settings-section-intro__body,.server-settings-section-intro__copy{flex-direction:column;gap:3px;display:flex}.server-settings-section-intro__body{min-width:0}.server-settings-section-intro__eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.server-settings-section-intro__title{color:var(--text-primary);margin:0;font-size:17px;line-height:1.1}.server-settings-section-intro__hint{max-width:620px;color:var(--text-secondary);margin:0;font-size:11px;line-height:1.35}.server-overview-layout{grid-template-columns:1fr;align-items:start;gap:8px;display:grid}.server-overview-profile .form-group input{max-width:100%}.server-overview-profile__form{flex-direction:column;gap:8px;display:flex}.server-overview-profile__form .form-group{margin-bottom:0}.server-overview-profile__details{margin:0}.server-overview-profile__value{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.4}.server-overview-profile__value.is-empty{color:var(--text-muted)}.server-overview-profile__actions .btn,.server-overview-invite__body .copy-btn{min-width:112px}.server-overview-invite__body .invite-unified-link code{word-break:break-all}.server-overview-profile,.server-overview-invite{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:var(--bg-elevated);border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.server-overview-profile__hero{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:10px;display:grid}.server-overview-profile__icon{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-elevated);border-radius:14px;place-items:center;width:56px;height:56px;display:grid}.server-overview-profile__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.server-overview-profile__eyebrow,.server-overview-invite__eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.server-overview-profile__title{color:var(--text-primary);overflow-wrap:anywhere;font-size:20px;line-height:1.1}.server-roles-toolbar__title{color:var(--text-primary);overflow-wrap:anywhere;font-size:24px;line-height:1.1}.server-overview-profile__meta,.server-overview-invite__hint,.server-roles-toolbar__hint{color:var(--text-secondary);font-size:11px;line-height:1.35}.server-overview-profile__actions{flex-flow:wrap;grid-column:2;justify-content:flex-start;align-items:center;gap:5px;display:inline-flex}.server-overview-invite__head{flex-direction:column;gap:4px;display:flex}.server-overview-invite__body{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:#00000029;border-radius:12px;flex-direction:column;gap:8px;width:100%;max-width:100%;padding:9px 10px;display:flex}@media (width>=760px){.server-overview-profile__hero{grid-template-columns:56px minmax(0,1fr) auto;align-items:center}.server-overview-profile__actions{grid-area:1/3;justify-content:flex-end;align-self:center}.server-overview-profile__form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.server-overview-profile__form .form-group{min-width:0}}.server-settings-error{margin-bottom:12px}.server-settings-card{background:var(--bg-elevated);border:1px solid rgba(var(--ui-contrast-rgb), .1);box-shadow:none;border-radius:16px;margin-bottom:8px;padding:12px 12px 10px}.server-settings-card:last-child{margin-bottom:0}.server-settings-card--audit{flex-direction:column;min-height:0;display:flex}.server-settings-card--list-section{box-shadow:none;background:0 0;border:none;margin-bottom:0;padding:0}.server-settings-card--stack{gap:12px}.server-settings-card__title{color:var(--text-secondary);letter-spacing:.07em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.server-settings-subnav{background:color-mix(in srgb, var(--bg-input) 32%, transparent);border:1px solid #8fabde1f;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:6px;display:flex}.server-settings-subnav__item{min-height:34px;color:var(--text-secondary);font-family:var(--font-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:7px 11px;font-size:13px;font-weight:700;transition:none;display:inline-flex}.server-settings-subnav__item:hover{color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .05)}.server-settings-subnav__item--active{color:#eaf2ff;background:color-mix(in srgb, var(--accent-primary) 16%, transparent);border-color:#7aaae757}.server-settings-card .form-group{margin-bottom:14px}.server-settings-card .form-group:last-child{margin-bottom:0}.server-settings-panel-copy{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.server-settings-note{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.server-settings-empty-state{border:1px dashed rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .02);color:var(--text-muted);border-radius:12px;padding:18px 16px;font-size:13px;line-height:1.5}.server-settings-audit-list{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:#0000001a;border-radius:10px;flex:auto;min-height:0;font-size:12px;overflow-y:auto}.server-settings-audit-toolbar{justify-content:flex-end;align-items:end;margin-bottom:8px;display:flex}.server-settings-audit-toolbar label{min-width:min(220px,100%);color:var(--text-muted);gap:4px;font-size:11px;display:grid}.server-settings-audit-toolbar select{border:1px solid var(--border-color);width:100%;height:34px;color:var(--text-primary);background:var(--bg-tertiary);font:inherit;border-radius:6px;padding:0 10px}.server-settings-audit-toolbar select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.server-settings-audit-row{border-bottom:1px solid var(--border-color);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.server-settings-audit-row__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.server-settings-audit-row__summary{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.server-settings-audit-row__actor,.server-settings-audit-row__target{color:var(--text-primary)}.server-settings-audit-row__action,.server-settings-audit-row__time,.server-settings-audit-row__context{color:var(--text-muted)}.server-settings-audit-row__time{white-space:nowrap;font-size:11px}.server-settings-audit-row__reason{color:var(--text-secondary);grid-template-columns:auto 1fr;align-items:baseline;gap:8px;display:grid}.server-settings-audit-row__reason span{color:var(--text-muted);text-transform:uppercase;font-size:10px}.server-settings-audit-row__reason p{overflow-wrap:anywhere;margin:0}.server-settings-audit-row:last-child{border-bottom:none}.server-settings-audit-actions{justify-content:center;padding-top:8px;display:flex}.server-settings-ban-list{flex-direction:column;gap:8px;display:flex}.server-settings-ban-row{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:var(--bg-elevated);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.server-settings-ban-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.server-settings-ban-meta>strong{color:var(--text-normal);font-size:13px}.server-settings-ban-meta>span{color:var(--text-muted);font-size:12px}.server-settings-ban-reason{color:var(--text-secondary)}.server-report-list{background:0 0;border:none;flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow:visible}.server-report-row{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-elevated);box-shadow:none;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 12px;display:grid;overflow:clip}.server-report-row:last-child{margin-bottom:0}.server-report-meta{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.server-report-meta>strong,.server-report-head>strong{color:var(--text-normal);min-width:0;font-size:13px}.server-report-subline{color:var(--text-muted);font-size:11px;line-height:1.3}.server-report-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.server-report-status{letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(var(--ui-contrast-rgb), .12);border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.server-report-status.is-open{color:color-mix(in srgb, var(--text-warning) 60%, var(--text-primary));background:color-mix(in srgb, var(--text-warning) 12%, transparent);border-color:color-mix(in srgb, var(--text-warning) 32%, transparent)}.server-report-status.is-resolved{color:color-mix(in srgb, var(--text-positive) 60%, var(--text-primary));background:color-mix(in srgb, var(--text-positive) 12%, transparent);border-color:color-mix(in srgb, var(--text-positive) 30%, transparent)}.server-report-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.server-report-tag{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:rgba(var(--ui-contrast-rgb), .04);min-height:24px;color:var(--text-secondary);border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.server-report-tag--reason{color:var(--text-normal)}.server-report-excerpt{color:var(--text-normal);border:1px solid rgba(var(--ui-contrast-rgb), .07);background:rgba(var(--ui-contrast-rgb), .025);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;max-width:min(100%,420px);padding:5px 8px;font-size:11px;line-height:1.3;overflow:hidden}.server-report-excerpt--details{color:var(--text-secondary)}.server-report-actions{justify-content:flex-end;align-items:flex-start;min-width:fit-content;display:flex}.server-settings-subcard{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:var(--bg-elevated);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.server-settings-form-stack{flex-direction:column;gap:12px;display:flex}.server-settings-form-stack .form-group,.server-settings-safety-section{margin-bottom:0}.server-settings-automod-create{margin-top:14px}.server-settings-check-row,.server-settings-check-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;line-height:1.35;display:flex}.server-settings-check-row{background:rgba(var(--ui-contrast-rgb), .025);border:1px solid #8fabde24;border-radius:10px;min-height:38px;padding:10px 12px}.server-settings-check-row span,.server-settings-check-item span{min-width:0}.server-settings-option-group{background:#0000001f;border:1px solid #8fabde1f;border-radius:12px;padding:10px}.member-profile-dialog-overlay{z-index:10020}.member-profile-dialog{overscroll-behavior:contain;border-radius:8px;width:min(420px,100vw - 32px);max-height:min(640px,100dvh - 32px);padding:24px;position:relative;overflow:auto}.member-profile-dialog .member-profile-header{gap:16px;margin-bottom:16px;padding-right:24px}.member-profile-dialog .member-profile-avatar{flex-shrink:0;width:64px;height:64px;font-size:26px}.member-profile-dialog .member-profile-username{overflow-wrap:anywhere;font-size:22px;line-height:1.3}.member-profile-dialog .member-profile-status{color:var(--text-secondary);letter-spacing:0;margin-top:6px;font-size:12px;line-height:1.4}.member-profile-dialog .member-profile-badges{gap:6px;margin-bottom:12px}.member-profile-dialog .member-profile-badges:empty{display:none}.member-profile-dialog .member-profile-badge{overflow-wrap:anywhere;max-width:100%;padding:4px 8px;font-size:12px}.member-profile-dialog .member-profile-actions{flex-wrap:wrap;margin-bottom:0}.member-profile-dialog .member-profile-action{min-height:38px;padding:8px 12px;font-size:13px}.member-profile-dialog .member-profile-section{border:0;border-top:var(--border-subtle);background:0 0;border-radius:0;margin-top:16px;padding:16px 0 0}.member-profile-dialog .member-profile-section-title{color:var(--text-secondary);letter-spacing:0;margin-bottom:8px;font-size:12px;font-weight:600}.member-profile-dialog .member-profile-about{font-size:14px;line-height:1.6}.member-profile-dialog .member-profile-dates{border-top:var(--border-subtle);gap:16px;margin-top:16px;padding-top:16px}.member-profile-dialog .member-profile-date{background:0 0;border:0;padding:0}.member-profile-dialog .member-profile-date span{color:var(--text-secondary);font-size:12px}.member-profile-dialog .member-profile-date strong{overflow-wrap:anywhere;font-size:13px;line-height:1.5}@media (width<=560px){.member-profile-dialog{padding:18px}}.member-profile-dialog-close{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.member-profile-dialog-close:hover,.member-profile-dialog-close:focus-visible{color:var(--text-primary);background:rgba(var(--ui-contrast-rgb), .1)}.server-settings-option-group__title{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.server-settings-option-group__items{flex-wrap:wrap;gap:8px;display:flex}.server-settings-check-item{border:1px solid rgba(var(--ui-contrast-rgb), .09);background:rgba(var(--ui-contrast-rgb), .03);border-radius:8px;min-height:32px;padding:7px 9px}.server-settings-server-actions{border-top:none;justify-content:flex-end;margin-top:2px;padding-top:0;display:flex}.modal-server-settings .btn,.modal-server-settings .copy-btn{box-shadow:none;border-radius:9px;font-weight:600;transition:none}.modal-server-settings input:not([type=checkbox]):not([type=color]),.modal-server-settings select,.modal-server-settings textarea{background-color:color-mix(in srgb, var(--bg-input) 72%, transparent);color:var(--text-primary);box-shadow:none;border:1px solid #8fabde29;border-radius:8px;transition:none}.modal-server-settings input:not([type=checkbox]):not([type=color]):focus,.modal-server-settings select:focus,.modal-server-settings textarea:focus{background-color:color-mix(in srgb, var(--bg-input) 88%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 12%, transparent);border-color:#7aaae780}.modal-server-settings input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);flex-shrink:0;margin:0}.modal-server-settings .btn.btn-primary,.modal-server-settings .copy-btn,.modal-server-settings .server-role-btn-save{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:var(--btn-primary-text)}.modal-server-settings .btn.btn-primary:hover:not(:disabled),.modal-server-settings .copy-btn:hover:not(:disabled),.modal-server-settings .server-role-btn-save:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover)}.modal-server-settings .btn.btn-primary:disabled,.modal-server-settings .copy-btn:disabled,.modal-server-settings .server-role-btn-save:disabled{background:rgba(var(--ui-contrast-rgb), .1);border-color:rgba(var(--ui-contrast-rgb), .14);color:var(--text-muted)}.modal-server-settings .btn.btn-secondary,.modal-server-settings .server-role-btn-cancel{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text)}.modal-server-settings .btn.btn-secondary:hover:not(:disabled),.modal-server-settings .server-role-btn-cancel:hover:not(:disabled){background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover);color:var(--text-primary)}.server-settings-automod-edit{margin-top:12px}.modal-server-settings .btn-danger-outline{background:var(--btn-danger-soft-bg);border:1px solid var(--btn-danger-soft-border);color:var(--btn-danger-soft-text)}.modal-server-settings .btn-danger-outline:hover:not(:disabled){background:var(--btn-danger-soft-bg-hover);border-color:var(--btn-danger-soft-border-hover);color:#ffb2ba}.server-settings-card--danger{background:var(--btn-danger-soft-bg);border-color:#f0474747}.server-settings-card--roles{flex-direction:column;flex:1 0 auto;min-height:0;margin-bottom:0;display:flex}.server-settings-card__title--danger{color:var(--text-danger)}.server-roles-layout{grid-template-columns:190px minmax(0,1fr);align-items:stretch;gap:12px;height:auto;min-height:0;display:grid}.server-roles-sidebar-shell{flex-direction:column;gap:12px;min-width:0;display:flex}.server-roles-toolbar{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-elevated);border-radius:14px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.server-roles-toolbar__copy{flex-direction:column;gap:4px;display:flex}.server-rules-layout{flex-direction:column;gap:16px;display:flex}.server-rules-toolbar{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-elevated);border-radius:14px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.server-rules-toolbar__copy{flex-direction:column;gap:4px;display:flex}.server-rules-toolbar__eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.server-rules-toolbar__title{color:var(--text-primary);font-size:14px;line-height:1.2}.server-rules-toolbar__hint{color:var(--text-muted);font-size:12px;line-height:1.5}.server-rules-list{flex-direction:column;gap:10px;display:flex}.server-rules-loading,.server-rules-empty{text-align:center;color:var(--text-muted);border:1px dashed rgba(var(--ui-contrast-rgb), .1);border-radius:12px;padding:16px;font-size:13px}.server-rule-item{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:#0000001f;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.server-rule-item__number{background:color-mix(in srgb, var(--accent-primary) 20%, transparent);width:24px;height:24px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:12px;font-weight:700;display:flex}.server-rule-item__content{flex:1;min-width:0}.server-rule-item__edit{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.server-rule-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.5}.server-rule-textarea{border:1px solid rgba(var(--ui-contrast-rgb), .12);width:100%;color:var(--text-primary);resize:vertical;background:#0003;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.5}.server-rule-textarea:focus{border-color:color-mix(in srgb, var(--accent-primary) 50%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 15%, transparent);outline:none}.server-rule-item__actions{gap:8px;margin-top:8px;display:flex}.server-rules-add{border:1px dashed rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .02);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.server-roles-toolbar__eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.server-roles-sidebar{flex-direction:column;gap:8px;display:flex}.server-roles-sidebar-header{flex-direction:column;gap:4px;padding:4px 2px 0;display:flex}.server-roles-sidebar-header__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.server-roles-sidebar-header__title{color:var(--text-primary);font-size:14px;line-height:1.2}.server-roles-sidebar-list{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:#0000001f;border-radius:12px;max-height:220px;padding:6px;overflow-y:auto}.server-roles-sidebar-state{color:var(--text-muted);padding:12px 10px;font-size:12px;line-height:1.5}.server-roles-sidebar-more{justify-content:center;padding-top:8px;display:flex}.server-role-list-item{text-align:left;cursor:grab;width:100%;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:10px;padding:9px 10px;font-size:13px;font-weight:600;transition:none}.server-role-list-item:hover:not(:disabled){background:rgba(var(--ui-contrast-rgb), .06);border-color:rgba(var(--ui-contrast-rgb), .12);color:var(--text-primary)}.server-role-list-item--active{background:var(--accent-soft);color:var(--text-primary);border-color:#7aaae76b}.server-roles-detail{flex-direction:column;gap:8px;min-width:0;height:100%;min-height:0;display:flex}.server-roles-detail-shell{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:var(--bg-elevated);border-radius:14px;height:100%;min-height:432px;padding:14px}.server-role-editor-empty{border:1px dashed rgba(var(--ui-contrast-rgb), .14);background:var(--bg-elevated);border-radius:14px;flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;gap:6px;min-height:100%;padding:20px;display:flex}.server-role-editor-empty__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.server-role-editor-empty__title{color:var(--text-primary);font-size:22px;line-height:1.1}.server-role-editor-empty__hint{max-width:420px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.server-settings-danger-text{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.server-settings-danger-actions{justify-content:flex-start;margin-top:2px;display:flex}.server-role-editor-meta{grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:8px;max-width:100%;margin-bottom:4px;display:grid}.server-role-editor{flex-direction:column;min-height:0;display:flex}.server-role-editor-meta{order:1}.server-role-editor-label{margin-bottom:6px;display:block}.server-role-editor-name-input{width:100%;padding:7px 10px;font-size:13px}.server-role-editor-color-wrap{justify-self:end;width:180px;margin-top:0}.server-role-editor-color-row{justify-content:flex-start;align-items:center;gap:7px;display:flex}.server-role-editor-color-input{background:color-mix(in srgb, var(--bg-input) 72%, transparent);cursor:pointer;border:1px solid #8fabde2e;border-radius:9px;width:42px;height:30px;padding:3px}.server-role-color-clear,.server-role-editor-action-btn{min-width:0;padding:4px 10px;font-size:12px}.server-role-permissions-wrap{order:2;min-height:0}.server-role-editor-footer{order:3;margin-top:14px}.server-role-permission-item{min-height:20px;color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;display:flex}.server-role-permission-item--muted{opacity:.85}.server-role-permissions-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.server-role-permission-group{border:1px solid rgba(var(--ui-contrast-rgb), .1);background:#0000001f;border-radius:10px;flex-direction:column;min-height:112px;padding:6px 8px;display:flex}.server-role-permission-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700}.server-role-permission-group-items{flex:auto;align-content:start;gap:3px;display:grid}.server-role-editor-actions{z-index:auto;border-top:1px solid rgba(var(--ui-contrast-rgb), .08);background:0 0;justify-content:space-between;gap:8px;margin-top:12px;padding:10px 0 2px;display:flex;position:static;bottom:auto}.server-role-editor-actions-right{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.server-role-btn-cancel{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text)}.server-role-btn-cancel:hover:not(:disabled){background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover);color:var(--text-primary)}.server-role-btn-save{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:var(--btn-primary-text)}.server-role-btn-save:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover)}.modal.user-settings-modal{box-shadow:none}.user-settings-modal .btn,.user-settings-modal .account-action-btn,.user-settings-modal .user-toggle{box-shadow:none;transition:none}.user-settings-modal :is(button,input,select,textarea):focus-visible,.modal-server-settings :is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sensitivity-bar-preview-avatar.is-speaking{outline:2px solid var(--text-positive);outline-offset:2px}.modal-server-settings{--settings-border:rgba(var(--ui-contrast-rgb), .1);--settings-border-strong:rgba(var(--ui-contrast-rgb), .16);--settings-overlay:rgba(var(--ui-contrast-rgb), .035);--settings-overlay-hover:rgba(var(--ui-contrast-rgb), .07);--settings-recessed:color-mix(in srgb, var(--bg-input) 78%, var(--bg-surface));--settings-accent-soft:color-mix(in srgb, var(--accent-primary) 16%, transparent);--settings-accent-border:color-mix(in srgb, var(--accent-primary) 42%, transparent);border-color:var(--settings-border);background:var(--bg-surface);box-shadow:none}.modal-server-settings .server-settings-header{background:var(--bg-surface)}.modal-server-settings .server-settings-header__hint{color:var(--text-muted)}.modal-server-settings .server-settings-close-btn,.modal-server-settings .server-settings-nav__icon,.modal-server-settings .server-settings-section-intro__icon{border-color:var(--settings-border);background:var(--settings-overlay)}.modal-server-settings .server-settings-close-btn:hover,.modal-server-settings .server-settings-nav__item:hover:not(:disabled),.modal-server-settings .server-settings-subnav__item:hover,.modal-server-settings .server-role-list-item:hover:not(:disabled){border-color:var(--settings-border-strong);background:var(--settings-overlay-hover)}.modal-server-settings .server-settings-nav{border-color:var(--settings-border);background:var(--bg-secondary);box-shadow:none;scrollbar-color:var(--scrollbar-thumb) transparent}.modal-server-settings .server-settings-subnav{border-color:var(--settings-border);background:color-mix(in srgb, var(--bg-input) 54%, transparent)}.modal-server-settings .server-settings-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.modal-server-settings .server-settings-nav__meta,.modal-server-settings .server-role-editor-actions{border-color:var(--settings-border)}.modal-server-settings .server-settings-nav__item:focus-visible{box-shadow:inset 0 0 0 1px var(--settings-accent-border)}.modal-server-settings .server-settings-nav__item--active,.modal-server-settings .server-settings-subnav__item--active,.modal-server-settings .server-role-list-item--active{border-color:var(--settings-accent-border);background:var(--accent-soft);color:var(--text-primary);box-shadow:none}.modal-server-settings .server-settings-nav__item--active .server-settings-nav__icon,.modal-server-settings .server-rule-item__number{border-color:var(--settings-accent-border);background:var(--settings-accent-soft);color:var(--text-primary)}.modal-server-settings .server-settings-content{border-color:var(--settings-border);background:var(--bg-surface);box-shadow:none}.modal-server-settings .server-settings-section-intro{border-color:var(--settings-border);background:var(--bg-elevated)}.modal-server-settings .server-overview-profile,.modal-server-settings .server-overview-invite,.modal-server-settings .server-settings-card,.modal-server-settings .server-settings-subcard,.modal-server-settings .server-settings-ban-row,.modal-server-settings .server-report-row,.modal-server-settings .server-roles-toolbar,.modal-server-settings .server-rules-toolbar,.modal-server-settings .server-roles-detail-shell{border-color:var(--settings-border);background:var(--bg-elevated);box-shadow:none}.modal-server-settings .server-settings-card--list-section{box-shadow:none;background:0 0;border:none}.modal-server-settings .server-settings-card--danger{border-color:var(--btn-danger-soft-border);background:var(--btn-danger-soft-bg);box-shadow:none}.modal-server-settings .server-settings-icon-placeholder,.modal-server-settings .server-settings-header__icon--placeholder,.modal-server-settings .server-overview-profile__icon,.modal-server-settings .server-role-editor-empty{border-color:var(--settings-border);background:var(--bg-elevated)}.modal-server-settings .server-overview-invite__body,.modal-server-settings .server-settings-audit-list,.modal-server-settings .server-settings-option-group,.modal-server-settings .server-rule-item,.modal-server-settings .server-roles-sidebar-list,.modal-server-settings .server-role-permission-group,.modal-server-settings .channel-settings-roles-list,.modal-server-settings .channel-settings-perm-col{border-color:var(--settings-border);background:var(--settings-recessed)}.modal-server-settings .server-settings-empty-state,.modal-server-settings .server-report-tag,.modal-server-settings .server-report-excerpt,.modal-server-settings .server-settings-check-row,.modal-server-settings .server-settings-check-item,.modal-server-settings .server-rules-loading,.modal-server-settings .server-rules-empty,.modal-server-settings .server-rules-add,.modal-server-settings .onboarding-enable-row,.modal-server-settings .onboarding-channel-option,.modal-server-settings .channel-permission-scope-btn,.modal-server-settings .channel-perm-switches{border-color:var(--settings-border);background:var(--settings-overlay)}.modal-server-settings .channel-perm-btn:hover{background:var(--settings-overlay-hover)}.modal-server-settings .channel-permission-scope-btn.is-active,.modal-server-settings .channel-perm-btn.is-inherit,.modal-server-settings .onboarding-channel-option--selected{border-color:var(--settings-accent-border);background:var(--settings-accent-soft);color:var(--text-primary)}.modal-server-settings input:not([type=checkbox]):not([type=color]),.modal-server-settings select,.modal-server-settings textarea,.modal-server-settings .server-rule-textarea,.modal-server-settings .server-role-editor-color-input,.modal-server-settings .onboarding-task-row input{border-color:var(--settings-border-strong);background:var(--bg-input);color:var(--text-primary);box-shadow:none}.modal-server-settings input:not([type=checkbox]):not([type=color]):focus,.modal-server-settings select:focus,.modal-server-settings textarea:focus,.modal-server-settings .server-rule-textarea:focus,.modal-server-settings .onboarding-task-row input:focus{border-color:var(--settings-accent-border);background:color-mix(in srgb, var(--bg-input) 92%, var(--accent-primary));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 14%, transparent)}.modal-server-settings .btn.btn-primary:disabled,.modal-server-settings .copy-btn:disabled,.modal-server-settings .server-role-btn-save:disabled{border-color:var(--settings-border-strong);background:var(--settings-overlay-hover);color:var(--text-muted)}@media (width<=920px){.modal-server-settings{width:min(96vw,720px);height:min(88vh,760px);max-height:88vh}.server-settings-layout{grid-template-columns:1fr;gap:10px}.server-settings-nav{white-space:nowrap;flex-direction:row;padding:8px;overflow:auto hidden}.server-settings-nav__meta{display:none}.server-settings-nav__item{width:auto;min-width:180px}.server-settings-content{height:auto;max-height:calc(92vh - 210px);padding:12px}.server-settings-audit-row__top{flex-direction:column;align-items:flex-start}.server-settings-section-intro{align-items:flex-start}.server-overview-layout{grid-template-columns:1fr}.server-overview-profile__hero{grid-template-columns:1fr;align-items:flex-start}.server-overview-profile__actions{grid-column:auto;width:100%}.server-roles-toolbar{flex-direction:column}.server-roles-layout,.channel-settings-permissions{grid-template-columns:1fr}.channel-settings-roles-list{max-height:180px}.server-role-permissions-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.server-role-editor-actions{margin-top:8px}}@media (width<=700px){.server-role-editor-meta{grid-template-columns:1fr;align-items:stretch;gap:8px}.server-role-editor-color-wrap{justify-self:start;width:100%}.server-role-permissions-groups{grid-template-columns:1fr}.server-role-editor-actions{flex-direction:column;align-items:stretch}.server-role-editor-actions-right{justify-content:flex-end}}@media (width<=640px){.modal-server-settings{border-radius:18px;width:min(94vw,384px);height:min(84vh,740px);max-height:84vh}.server-settings-header{gap:10px;padding:10px 12px 8px}.server-settings-header__left{gap:10px}.server-settings-header__icon{border-radius:12px;width:38px;height:38px}.server-settings-header__text h2{font-size:1.1rem}.server-settings-header__server-name{font-size:11px}.server-settings-header__hint{display:none}.server-settings-close-btn{border-radius:9px;width:30px;height:30px;font-size:18px}.server-settings-body{padding:8px}.server-settings-layout{flex-direction:column;gap:8px;height:100%;display:flex}.server-settings-nav{box-shadow:none;background:0 0;border:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:30vh;padding:0;display:grid;overflow-y:auto}.server-settings-nav__item{border-radius:12px;width:100%;min-width:0;min-height:44px;padding:10px 12px}.server-settings-nav__copy{gap:0}.server-settings-nav__label{font-size:12px;line-height:1.2}.server-settings-content{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.server-settings-section-intro{display:none}.server-settings-card{box-shadow:none;border-radius:14px;margin-bottom:10px;padding:10px}.server-settings-card__title{margin-bottom:8px}.server-settings-card--overview,.server-settings-card--roles{background:0 0;border:none;padding:0}.server-overview-profile,.server-overview-invite,.server-settings-subcard{border-radius:12px;padding:10px}.server-overview-profile__hero{grid-template-columns:1fr;gap:10px}.server-overview-profile__copy{order:1}.server-overview-profile__icon{border-radius:12px;order:0;width:44px;height:44px}.server-overview-profile__title{font-size:18px}.server-overview-profile__eyebrow,.server-overview-profile__meta,.server-overview-invite__eyebrow,.server-overview-invite__hint{display:none}.server-overview-profile__actions,.server-settings-danger-actions,.server-settings-server-actions{flex-direction:column;justify-content:stretch;align-items:stretch;width:100%;display:flex}.server-overview-profile__actions .btn,.server-settings-danger-actions .btn,.server-settings-server-actions .btn{text-align:center;white-space:nowrap;flex:auto;width:100%;min-width:0;min-height:38px;line-height:1.25}.server-overview-invite__body{padding:8px 9px}.server-settings-note,.server-settings-danger-text{font-size:12px;line-height:1.45}.server-settings-audit-row,.server-settings-ban-row,.server-report-row{padding:10px 12px}.server-settings-ban-row,.server-report-row{grid-template-columns:1fr;align-items:flex-start}.server-report-actions{justify-content:flex-start}.server-settings-audit-row__top{gap:8px}.server-roles-sidebar-shell,.server-roles-detail{gap:10px}.server-roles-toolbar,.server-roles-detail-shell{border-radius:12px;padding:10px}.server-roles-toolbar{background:0 0;border:none;padding:0}.server-roles-toolbar__title{font-size:20px}.server-roles-toolbar__eyebrow,.server-roles-toolbar__hint,.server-roles-sidebar-header__eyebrow{display:none}.server-roles-sidebar-header{padding:0 2px}.server-roles-sidebar-list{max-height:180px}.server-roles-detail-shell{background:0 0;border:none;min-height:0;padding:0}.server-role-editor-empty{background:0 0;border:none;justify-content:flex-start;min-height:0;padding:6px 2px 0}.server-role-editor-empty__title{font-size:18px}.server-role-editor-empty__hint{font-size:12px;line-height:1.5}.server-role-editor-empty__eyebrow{display:none}.server-role-editor-meta{grid-template-columns:1fr;gap:10px}.server-role-editor,.server-role-editor-meta,.server-role-permissions-wrap,.server-role-editor-footer,.server-role-editor-actions,.server-role-editor-actions-right{position:static!important;inset:auto!important;transform:none!important}.server-role-editor-color-wrap{justify-self:stretch;width:100%}.server-role-editor-color-row{justify-content:space-between}.server-role-permissions-groups{grid-template-columns:1fr}.server-role-permission-group{min-height:0}.server-role-editor-actions{z-index:auto;bottom:auto;flex-direction:column;align-items:stretch;gap:8px;margin-top:12px;padding:10px 0 0;inset:auto;transform:none;background:0 0!important;position:static!important}.server-role-editor-footer{margin-top:16px}.server-role-editor-actions-right{grid-template-columns:1fr;gap:8px;width:100%;display:grid}.server-role-editor-actions .btn,.server-role-editor-actions-right .btn,.server-role-editor-actions-right .server-role-btn-cancel,.server-role-editor-actions-right .server-role-btn-save{width:100%;min-width:0}.server-role-permissions-wrap{margin-bottom:14px}}.server-welcome-guide{border:1px solid color-mix(in srgb, var(--accent-primary) 20%, transparent);background:var(--bg-surface);box-shadow:none;border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:10px 16px 0;padding:10px 54px 10px 12px;display:flex;position:relative}.server-welcome-guide__dismiss{border:1px solid rgba(var(--ui-contrast-rgb), .12);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:#05081247;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.server-welcome-guide__dismiss:hover{color:var(--text-primary);border-color:rgba(var(--ui-contrast-rgb), .24)}.server-welcome-guide__copy{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0;max-width:760px;display:flex}.server-welcome-guide__copy h2{color:#fff;margin:0;font-size:14px;line-height:1.4}.server-welcome-guide__copy p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.server-welcome-guide__actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.server-welcome-guide__tasks,.server-welcome-guide__channels{display:contents}.server-welcome-guide__task,.server-welcome-guide__channel{border:1px solid rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .06);max-width:100%;min-height:34px;color:var(--text-primary);overflow-wrap:anywhere;border-radius:4px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-flex}.server-welcome-guide__task svg{color:var(--text-positive);flex-shrink:0}.server-welcome-guide__channel{cursor:pointer}.server-welcome-guide__channel:hover{background:rgba(var(--ui-contrast-rgb), .1);border-color:var(--accent-border-strong)}.server-welcome-guide__channel:focus-visible,.server-welcome-guide__dismiss:focus-visible{outline:var(--focus-outline);outline-offset:2px}.server-welcome-guide__channel:disabled{opacity:.55;cursor:not-allowed}.server-welcome-guide__channel span,.server-welcome-guide__task span{text-align:left;min-width:0}.onboarding-settings-layout{flex-direction:column;gap:16px;display:flex}.onboarding-enable-row{background:rgba(var(--ui-contrast-rgb), .025);cursor:pointer;border:1px solid #8fabde24;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.onboarding-enable-row input{width:18px;height:18px;accent-color:var(--accent-primary)}.onboarding-enable-row span{flex-direction:column;gap:3px;display:flex}.onboarding-enable-row small{color:var(--text-muted);font-size:12px}.onboarding-settings-section{flex-direction:column;gap:10px;display:flex}.onboarding-settings-section__head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.auth-integration-status{border:1px solid rgba(var(--ui-contrast-rgb), .1);border-radius:var(--border-radius-sm);background:rgba(var(--ui-contrast-rgb), .035);min-height:40px;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:9px 10px;font-size:12px;line-height:1.4;display:flex}.auth-integration-status.is-error{border-color:color-mix(in srgb, var(--text-warning) 35%, transparent);color:var(--text-warning)}.auth-integration-status button{border:1px solid rgba(var(--ui-contrast-rgb), .15);border-radius:var(--border-radius-sm);background:rgba(var(--ui-contrast-rgb), .05);min-height:28px;color:var(--text-primary);font:inherit;cursor:pointer;flex:none;justify-content:center;align-items:center;gap:5px;padding:4px 9px;font-weight:700;display:inline-flex}.auth-integration-status button:hover:not(:disabled){border-color:var(--accent-primary);background:rgba(var(--ui-contrast-rgb), .08)}.auth-integration-status button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.auth-integration-status button:disabled{opacity:.6;cursor:wait}.onboarding-settings-section__head strong{color:var(--text-primary)}.onboarding-channel-picker{flex-wrap:wrap;gap:8px;display:flex}.onboarding-channel-option{background:rgba(var(--ui-contrast-rgb), .025);min-height:34px;color:var(--text-secondary);cursor:pointer;border:1px solid #8fabde24;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-flex}.onboarding-channel-option--selected{color:#eafff7;background:#36b48d33;border-color:#36b48d7a}.onboarding-task-editor{flex-direction:column;gap:8px;display:flex}.onboarding-task-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.onboarding-task-row input{background:color-mix(in srgb, var(--bg-input) 72%, transparent);width:100%;min-height:38px;color:var(--text-primary);font-family:var(--font-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:1px solid #8fabde29;border-radius:8px;outline:none;padding:9px 11px;font-size:13px}.onboarding-task-row input:focus{background:color-mix(in srgb, var(--bg-input) 88%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 12%, transparent);border-color:#7aaae780}.onboarding-task-row input::placeholder{color:color-mix(in srgb, var(--text-muted) 78%, transparent)}.onboarding-task-editor>.btn{justify-content:center;align-items:center;width:100%;display:inline-flex}@media (width<=700px){.server-welcome-guide{margin:10px 10px 0}.server-welcome-guide__actions{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.server-welcome-guide__copy h2{font-size:14px}.server-welcome-guide__tasks,.server-welcome-guide__channels{gap:6px}.server-welcome-guide__task,.server-welcome-guide__channel{justify-content:flex-start;min-height:44px}.onboarding-task-row{grid-template-columns:1fr}}.confirm-modal{max-width:360px;padding:18px}.confirm-modal h2{font-size:18px}.confirm-modal .modal-actions{margin-top:10px}.modal.external-link-warning{width:min(520px,100vw - 32px);max-width:none;padding:24px}.external-link-warning p{color:var(--text-secondary);margin:4px 0 14px;line-height:1.5}.external-link-warning-url{border:var(--border-subtle);background:var(--bg-input);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:6px;padding:12px 14px;font-size:13px;font-weight:600}.external-link-warning .modal-actions{margin-top:20px}.server-delete-confirm-modal .btn{box-shadow:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:10px;font-weight:600}.server-delete-confirm-modal .btn.btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text)}.server-delete-confirm-modal .btn.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover);color:var(--text-primary)}.server-delete-confirm-modal .btn.btn-danger{background:var(--btn-danger-bg);border:1px solid var(--btn-danger-border);color:var(--btn-danger-text)}.server-delete-confirm-modal .btn.btn-danger:hover:not(:disabled){background:var(--btn-danger-bg-hover);border-color:var(--btn-danger-border-hover)}.server-delete-confirm-modal .btn:disabled{background:rgba(var(--ui-contrast-rgb), .08);border-color:rgba(var(--ui-contrast-rgb), .14);color:var(--text-muted)}.toast-viewport{top:calc(var(--header-height) + 14px);z-index:2200;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 24px);display:flex;position:fixed;right:16px}.toast-item{pointer-events:auto;background:var(--bg-popover);border:1px solid rgba(var(--ui-contrast-rgb), .12);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 10px 10px 12px;display:flex;box-shadow:0 10px 28px #00000047}.toast-item.error{border-color:#e945607a}.toast-content{flex:1;min-width:0}.toast-title{color:var(--text-primary);font-size:13px;font-weight:700}.toast-message{color:var(--text-secondary);margin-top:2px;font-size:12px;line-height:1.35}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.toast-close:hover{background:rgba(var(--ui-contrast-rgb), .08);color:var(--text-primary)}.shell-quick-switch-btn,.shell-update-btn,.shell-update-btn--dock{border-color:var(--btn-secondary-border);background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.shell-quick-switch-btn:hover,.shell-update-btn:hover:not(:disabled),.shell-update-btn--dock:hover:not(:disabled){border-color:var(--btn-secondary-border-hover);background:var(--btn-secondary-bg-hover);color:var(--text-primary)}.shell-update-dock-title{color:var(--text-primary)}.shell-quick-switch-shortcut{border-color:rgba(var(--ui-contrast-rgb), .08);background:color-mix(in srgb, var(--bg-primary) 74%, transparent)}.server-sidebar{--server-drop-line-color:var(--accent-primary);--server-drop-line-shadow:0 0 10px var(--accent-soft-strong)}.server-voice-indicator{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 10%, var(--bg-popover)), var(--bg-popover))}.channel-category-btn.is-channel-drop-target:after,.channel-item.drop-before:before,.channel-category-group.drop-before:before,.channel-item.drop-after:after,.channel-category-group.drop-after:after{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-soft-strong)}.channel-header-action{border-color:rgba(var(--ui-contrast-rgb), .12);color:var(--text-secondary)}.channel-header-server:hover .channel-header-action{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text-primary)}.channel-header-server:focus-visible{box-shadow:inset 0 0 0 1px var(--accent-border-strong)}.user-panel-icon-btn{border-color:rgba(var(--ui-contrast-rgb), .1);background:linear-gradient(180deg, rgba(var(--ui-contrast-rgb), .06), rgba(var(--ui-contrast-rgb), .03)), var(--bg-input);color:var(--text-secondary)}.user-panel-icon-btn:hover{border-color:var(--accent-border);background:linear-gradient(180deg, var(--accent-soft-hover), rgba(var(--ui-contrast-rgb), .04)), var(--bg-input);color:var(--text-primary)}.user-status-cue,.user-panel-icon-btn,.sensitivity-bar-subtitle,.message-send-state,.message-input::placeholder,.screen-share-label,.active-call-title-btn{color:var(--text-secondary)}.user-info-btn:focus-visible,.pw-input-wrap:focus-within,.delete-account-modal .delete-account-input-wrap:focus-within,.sensitivity-bar-track:focus-visible,.device-select-trigger.is-open,.user-select:focus,.home-member-main:focus-visible,.home-member-action:focus-visible,.home-add-row .home-search:focus{border-color:var(--accent-border-strong);outline-color:var(--accent-primary);box-shadow:var(--focus-ring)}.voice-settings-inline-value,.sensitivity-bar-db-chip,.profile-status-btn.is-active,.device-select-menu__item.is-active,.quick-switcher-item:hover,.quick-switcher-item.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-foreground)}.quick-switcher{background:radial-gradient(circle at top left, var(--accent-soft-hover), transparent 52%), var(--bg-popover);border-color:rgba(var(--ui-contrast-rgb), .1)}.user-slider{accent-color:var(--accent-primary)}.sensitivity-bar-preview-avatar.is-listening{border-color:var(--accent-border);box-shadow:none}.device-select-menu__check{color:var(--accent-foreground)}.sensitivity-bar-level,.sensitivity-bar-live-marker,.sensitivity-bar-threshold-handle,.sensitivity-bar-threshold-handle:hover{box-shadow:none}.sensitivity-bar-live-marker{background:var(--text-primary)}.chat-header-search-help-panel button:hover,.chat-header-pinned-btn[aria-expanded=true],.chat-header-pinned-item:hover,.chat-header-pinned-goto:hover,.message-send-btn:hover:not(:disabled).is-ready,.chat-emoji-mode-tab.active,.chat-emoji-tab.active{border-color:var(--accent-border);background:var(--accent-soft-hover);color:var(--text-primary)}.chat-header-pinned-item-content-wrap{border-left-color:var(--accent-border-strong)}.message-unread-divider{color:var(--accent-foreground)}.message-unread-divider:before,.message-unread-divider:after{background:var(--accent-border-strong)}.message-unread-divider span,.mention-pill{border-color:var(--accent-border);background:var(--accent-soft-hover);color:var(--accent-foreground)}.mention-pill-all{background:var(--btn-danger-soft-bg);color:var(--btn-danger-soft-text)}.message-author.moderator{color:var(--accent-foreground)}.chat-jump-to-latest{border-color:var(--accent-border);background:var(--bg-popover);color:var(--text-primary);box-shadow:var(--shadow-low)}.chat-jump-to-latest:hover{border-color:var(--accent-border-strong);background:var(--bg-surface-hover);color:var(--text-primary);box-shadow:var(--shadow-low)}.chat-jump-to-latest:active{box-shadow:none}.chat-gif-item:hover,.chat-sticker-item:hover,.dm-draft-attachment.is-uploading,.remote-screen-preview:after{border-color:var(--accent-border)}.auth-page{background:radial-gradient(ellipse at 20% 50%, var(--accent-soft) 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, color-mix(in srgb, var(--accent-secondary) 12%, transparent) 0%, transparent 50%), var(--bg-primary)}.auth-card h1,.screen-share-label,.voice-stage-hidden-media-show{color:var(--text-primary)}.auth-btn,.btn-primary:hover{box-shadow:0 8px 20px var(--accent-soft-strong)}.invite-preview-icon,.invite-rule-number,.invite-rules-accept,.home-onboarding-card,.home-onboarding-btn,.voice-stage-hidden-media-show{border-color:var(--accent-border);background:var(--accent-soft)}.home-onboarding-btn:hover,.voice-stage-hidden-media-show:hover{border-color:var(--accent-border-strong);background:var(--accent-soft-hover)}.home-member-row.is-clickable:hover{background:color-mix(in srgb, var(--accent-primary) 6%, transparent)}.home-presence-pill-offline{color:var(--status-offline)}.server-welcome-guide{border-color:var(--accent-border);background:var(--bg-surface)}.server-welcome-guide__dismiss{border-color:rgba(var(--ui-contrast-rgb), .12);background:color-mix(in srgb, var(--bg-primary) 62%, transparent);color:var(--text-secondary)}.member-sidebar:not(.member-sidebar--sheet) .member-category,.member-sidebar:not(.member-sidebar--sheet) .member-category-offline,.member-sidebar--sheet .member-category,.member-sidebar--sheet .member-category-offline{background:rgba(var(--ui-contrast-rgb), .045)}.member-sidebar:not(.member-sidebar--sheet) .member-item,.member-sidebar--sheet .member-item{border-color:rgba(var(--ui-contrast-rgb), .05);background:rgba(var(--ui-contrast-rgb), .03);box-shadow:inset 0 1px rgba(var(--ui-contrast-rgb), .02)}.member-sidebar:not(.member-sidebar--sheet) .member-item:hover,.member-sidebar--sheet .member-item:hover{border-color:rgba(var(--ui-contrast-rgb), .09);background:rgba(var(--ui-contrast-rgb), .065)}.member-sidebar:not(.member-sidebar--sheet) .member-name{color:var(--text-primary)}.mobile-member-sheet{border-color:rgba(var(--ui-contrast-rgb), .1);background:color-mix(in srgb, var(--bg-popover) 96%, var(--accent-primary) 4%);box-shadow:var(--shadow-high)}.mobile-member-sheet-header{border-color:rgba(var(--ui-contrast-rgb), .08);background:rgba(var(--ui-contrast-rgb), .025)}.mobile-member-sheet-copy p,.mobile-member-sheet-close{border-color:rgba(var(--ui-contrast-rgb), .08);background:rgba(var(--ui-contrast-rgb), .05)}.voice-stage-tile{border-color:rgba(var(--ui-contrast-rgb), .12);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 7%, var(--bg-elevated)), var(--bg-surface));box-shadow:var(--shadow-medium)}.voice-stage-avatar{color:var(--btn-primary-text)}.voice-stage-hidden-media-tile{border-color:rgba(var(--ui-contrast-rgb), .2);background:linear-gradient(180deg, var(--bg-elevated), var(--bg-surface));color:var(--text-secondary)}.callbar-frame{border-color:var(--callbar-border,rgba(var(--ui-contrast-rgb), .18));background:linear-gradient(180deg, color-mix(in srgb, var(--callbar-tint,var(--text-secondary)) 5%, var(--bg-popover)), var(--bg-popover));box-shadow:var(--shadow-medium), inset 0 0 0 1px color-mix(in srgb, var(--callbar-tint,var(--text-secondary)) 7%, transparent)}.active-call-bar{--callbar-border:color-mix(in srgb, var(--text-positive) 34%, transparent);--callbar-tint:var(--text-positive)}.active-call-title-btn{color:var(--text-secondary)}.callbar-ping-chip,.callbar-control-btn{border-color:rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .06);color:var(--text-secondary)}.callbar-controls-center{background:rgba(var(--ui-contrast-rgb), .04)}.callbar-control-btn:hover:not(:disabled){border-color:rgba(var(--ui-contrast-rgb), .3);background:rgba(var(--ui-contrast-rgb), .14);color:var(--text-primary)}.callbar-control-btn.is-live,.callbar-control-btn.danger,.callbar-control-btn.is-off{border-color:color-mix(in srgb, var(--text-danger) 65%, transparent);background:color-mix(in srgb, var(--text-danger) 22%, transparent);color:var(--text-danger)}.callbar-control-btn.media-control.is-live{border-color:color-mix(in srgb, var(--text-positive) 62%, transparent);background:color-mix(in srgb, var(--text-positive) 20%, transparent);color:var(--text-positive)}.callbar-control-btn.is-server-off{border-color:color-mix(in srgb, var(--text-warning) 58%, transparent);background:color-mix(in srgb, var(--text-warning) 22%, transparent);color:var(--text-warning)}.callbar-control-btn.is-off:hover:not(:disabled),.callbar-control-btn.danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--text-danger) 80%, transparent);background:color-mix(in srgb, var(--text-danger) 30%, transparent);color:var(--text-danger)}.callbar-control-btn.media-control.is-live:hover:not(:disabled){border-color:color-mix(in srgb, var(--text-positive) 78%, transparent);background:color-mix(in srgb, var(--text-positive) 28%, transparent);color:var(--text-positive)}.callbar-control-btn.is-server-off:hover:not(:disabled){border-color:color-mix(in srgb, var(--text-warning) 75%, transparent);background:color-mix(in srgb, var(--text-warning) 30%, transparent);color:var(--text-warning)}.chat-image-preview-backdrop{background:var(--overlay-backdrop)}.chat-image-preview-modal{border-color:rgba(var(--ui-contrast-rgb), .12);background:var(--bg-popover);box-shadow:var(--shadow-high)}.chat-image-preview-toolbar{border-color:rgba(var(--ui-contrast-rgb), .1)}.chat-image-preview-stage,.chat-image-preview-image{background:var(--bg-chat)}.chat-image-preview-close{border-color:rgba(var(--ui-contrast-rgb), .12);background:rgba(var(--ui-contrast-rgb), .06);color:var(--text-secondary)}.chat-image-preview-close:hover{background:rgba(var(--ui-contrast-rgb), .1);color:var(--text-primary)}.server-welcome-guide__copy h2,.server-welcome-guide__copy p{color:var(--text-primary)}.modal,.quick-switcher,.server-context-menu,.member-context-menu,.user-status-popover,.device-select-menu,.chat-header-search-help-panel,.chat-header-pinned-dropdown,.chat-emoji-picker{border-color:rgba(var(--ui-contrast-rgb), .1);background-color:var(--bg-popover);color:var(--text-primary)}.toast-item{border-color:rgba(var(--ui-contrast-rgb), .12);background-color:var(--bg-popover)}.toast-close:hover{background:rgba(var(--ui-contrast-rgb), .08)}.server-context-menu-item:hover,.pw-modal-footer .btn:disabled,.user-settings-modal .btn.btn-primary:disabled,.server-delete-confirm-modal .btn:disabled{border-color:rgba(var(--ui-contrast-rgb), .14);background:rgba(var(--ui-contrast-rgb), .08)}.delete-account-modal .delete-account-input-wrap{border-color:rgba(var(--ui-contrast-rgb), .16);background:var(--bg-input)}button,a,[role=button],input,select,textarea{touch-action:manipulation}.shell-layout{padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.left-bottom-panel{padding-bottom:env(safe-area-inset-bottom,0)}:root[data-custom-accent=true] .user-panel .user-avatar,:root[data-custom-accent=true] .member-avatar,:root[data-custom-accent=true] .member-profile-avatar,:root[data-custom-accent=true] .home-member-avatar,:root[data-custom-accent=true] .message-avatar,:root[data-custom-accent=true] .user-profile-preview-avatar{color:var(--user-accent-contrast)}.theme-mode-control{gap:2px;margin-top:6px;display:inline-flex}.theme-mode-control button{background:var(--bg-input);color:var(--text-secondary);border:var(--border-subtle);cursor:pointer;border-radius:4px;padding:4px 10px}.theme-mode-control button[aria-pressed=true]{background:var(--btn-primary-bg);color:var(--btn-primary-text)}@media (width<=959px){:root{--member-sidebar-width:0px}.member-sidebar,.home-side,.unified-content-friends:after{display:none}.unified-content-friends:before{width:var(--channel-sidebar-width)}.screen-share-stage{right:var(--voice-stage-gap)}.shell-topbar-right{gap:6px}.core-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.home-add-row{gap:8px;padding:10px}:root{--server-bar-width:56px;--channel-sidebar-width:min(280px, calc(100vw - 88px));--mobile-bottom-dock-height:64px}.home-list-group>.home-onboarding-card{max-width:calc(100% - 20px);margin:10px}.shell-topbar{padding:0 10px;display:flex}.shell-topbar-center{flex:none;margin-left:auto}.shell-mobile-settings{flex:0 0 36px;display:flex}.shell-mobile-settings .user-panel-icon-btn{background:var(--bg-surface);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--text-secondary);box-shadow:none;transition:none;transform:none}.shell-mobile-settings .user-panel-icon-btn:hover{background:var(--bg-input);color:var(--text-primary)}.shell-topbar-right{flex:none;justify-content:flex-end;width:auto;min-width:36px;margin-left:6px;display:flex}.shell-quick-switch-btn{border-radius:12px;flex:0 0 36px;justify-content:center;gap:0;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;padding:0}.shell-quick-switch-shortcut,.shell-brand-release,.shell-quick-switch-label,.shell-quick-switch-mobile-label{display:none}.shell-left{gap:10px;min-width:0}.shell-brand{min-width:0}.shell-brand span:first-of-type{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unified-sidebar,.server-sidebar{gap:8px;padding-top:8px;padding-bottom:8px}.unified-sidebar{padding-bottom:calc(var(--mobile-bottom-dock-height) + env(safe-area-inset-bottom,0px) + 8px)}.unified-sidebar-dm-section{gap:8px;padding:0 4px 8px}.server-action-label{display:none}.unified-sidebar-separator,.server-separator{width:26px;margin:0}.unified-dm-entry,.server-icon{border-radius:14px;width:42px;min-width:42px;height:42px;min-height:42px}.server-icon{font-size:16px}.server-voice-indicator{min-width:24px;height:18px;padding:0 5px 0 4px;bottom:-3px;right:-3px}.unified-content-friends:before{display:none}.home-page,.app-layout{position:relative}.social-sidebar,.channel-sidebar{top:0;left:0;bottom:calc(var(--mobile-bottom-dock-height) + env(safe-area-inset-bottom,0px));width:var(--channel-sidebar-width);max-width:calc(100vw - var(--server-bar-width));visibility:hidden;pointer-events:none;transition:transform var(--transition-normal), box-shadow var(--transition-normal);z-index:140;box-shadow:none;border-bottom:var(--border-subtle);border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute;transform:translate(-104%)}.social-sidebar--mobile-open,.app-layout--mobile-sidebar-open .channel-sidebar{visibility:visible;pointer-events:auto;transform:translate(0);box-shadow:12px 0 28px #0408126b}.mobile-sidebar-backdrop{inset:0 0 calc(var(--mobile-bottom-dock-height) + env(safe-area-inset-bottom,0px)) 0;z-index:130;cursor:pointer;background:#03081494;border:none;padding:0;display:block;position:absolute}.left-bottom-panel{z-index:100;width:100%;left:0}.chat-header{gap:6px;padding:0 10px}.chat-header .channel-title{min-width:0;max-width:100%}.channel-header-copy{flex:auto;gap:6px;min-width:0}.channel-description,.channel-description-separator{display:none}.chat-header-right{flex:none;gap:4px;min-width:0}.chat-header-search{min-width:0}.chat-header-search-expanded{width:auto;max-width:min(100%,132px)}.chat-header-search-input{width:72px;min-width:0;padding:6px 7px}.chat-header--searching>.channel-hash,.chat-header--searching>.channel-header-copy,.chat-header--searching .chat-header-pinned-wrap,.chat-header--searching .chat-header-member-btn{display:none}.chat-header--searching .chat-header-right,.chat-header--searching .chat-header-search-expanded{flex:1 1 0;width:100%;max-width:none}.chat-header--searching .chat-header-search-input{flex:1 1 0;width:100%}.chat-header-search-help{display:none}.home-chip-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.home-chip{white-space:nowrap;justify-content:center;gap:5px;min-width:0;min-height:38px;padding:8px;font-size:11px}.home-chip svg{flex-shrink:0;width:13px;height:13px}.home-chip-badge{min-width:16px;height:16px;margin-left:2px;padding:0 3px;font-size:10px}.home-requests-add-card{margin-bottom:16px}.home-add-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.home-add-row .home-search{width:100%;min-width:0;height:38px;padding:0 12px;font-size:13px}.home-send-request-btn{justify-content:center;align-items:center;width:100%;min-height:38px;padding:0 14px;font-size:13px;display:inline-flex}.home-add-message{overflow-wrap:anywhere;margin:0 12px 8px;padding:8px 10px;font-size:12px}.home-list-title-with-icon{gap:6px}.home-list-title-with-icon>span:nth-child(2){min-width:0}.home-list-count{min-width:20px;height:20px;padding:0 5px;font-size:11px}.home-request-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.home-request-row>span{overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.35}.home-request-actions{flex-shrink:0;align-self:center;gap:6px}.home-request-btn{width:28px;height:28px}.chat-header-member-btn{border-radius:9px;width:36px;height:36px}.social-nav-item{min-height:48px;padding:6px 8px}.social-dm-item{min-height:56px;padding-top:6px;padding-bottom:6px}.social-dm-actions .home-member-action{opacity:1;pointer-events:auto;width:32px;height:32px}.home-search{min-height:40px}.chat-header-pinned-dropdown{width:min(340px, calc(100vw - var(--server-bar-width) - 24px));max-height:calc(100dvh - 180px);overflow-y:auto}.chat-header-pinned-item{flex-direction:column;gap:8px}.chat-header-pinned-item-head{flex-direction:column;align-items:flex-start;gap:4px}.chat-header-pinned-item-actions{justify-content:flex-end;width:100%}.mobile-member-sheet-backdrop{z-index:2600;cursor:default;background:#0306107a;border:none;margin:0;padding:0;position:fixed;inset:0}.mobile-member-sheet-open .screen-share-stage{pointer-events:none;opacity:.16;filter:blur(3px)saturate(.9);transition:opacity var(--transition-fast), filter var(--transition-fast), transform var(--transition-fast);transform:scale(.985)}.mobile-member-sheet{top:104px;left:calc(var(--server-bar-width) + 2px);right:0;bottom:calc(var(--mobile-bottom-dock-height) + env(safe-area-inset-bottom,0));background:color-mix(in srgb, var(--bg-popover) 96%, var(--accent-primary) 4%);border:1px solid rgba(var(--ui-contrast-rgb), .08);z-index:2601;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;border-right:none;border-radius:18px 0 0;flex-direction:column;width:auto;display:flex;position:fixed;overflow:hidden;box-shadow:-18px 0 42px #00000052}.mobile-member-sheet-header{border-bottom:1px solid rgba(var(--ui-contrast-rgb), .08);background:rgba(var(--ui-contrast-rgb), .02);z-index:2;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 10px;display:flex;position:relative}.mobile-member-sheet-copy{min-width:0}.mobile-member-sheet-copy h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.mobile-member-sheet-copy p{background:rgba(var(--ui-contrast-rgb), .06);color:var(--text-secondary);border-radius:999px;align-items:center;margin:5px 0 0;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.mobile-member-sheet-close{border:1px solid rgba(var(--ui-contrast-rgb), .08);background:rgba(var(--ui-contrast-rgb), .04);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:2;pointer-events:auto;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:relative}.mobile-member-sheet .member-sidebar,.member-sidebar.member-sidebar--sheet{pointer-events:auto;display:flex}.member-sidebar--sheet{gap:4px;padding:10px 10px 12px}.member-sidebar--sheet .member-category{background:rgba(var(--ui-contrast-rgb), .05);letter-spacing:.06em;border-radius:999px;align-self:flex-start;margin:6px 4px 4px;padding:4px 8px}.member-sidebar--sheet .member-category-online{color:var(--status-online);background:#43b58124}.member-sidebar--sheet .member-category-offline{background:rgba(var(--ui-contrast-rgb), .04);color:var(--text-muted);opacity:1}.member-sidebar--sheet .member-item{background:rgba(var(--ui-contrast-rgb), .035);border:1px solid rgba(var(--ui-contrast-rgb), .05);cursor:pointer;pointer-events:auto;border-radius:12px;gap:10px;padding:8px 10px}.member-sidebar--sheet .member-item:hover{background:rgba(var(--ui-contrast-rgb), .055);border-color:rgba(var(--ui-contrast-rgb), .08)}.member-sidebar--sheet .member-avatar{width:34px;height:34px;font-size:12px}.shell-update-dock{display:none}.left-bottom-panel .user-bar-wrap{height:var(--mobile-bottom-dock-height);min-height:var(--mobile-bottom-dock-height);border-right:none;padding:6px 10px}.left-bottom-panel .user-panel{flex:none;gap:0;height:auto;padding:0}.left-bottom-panel .user-panel-status-anchor{flex:none;gap:0;min-width:0}.left-bottom-panel .user-panel .user-info,.left-bottom-panel .user-info-btn{display:none}.left-bottom-panel .user-panel .user-avatar{width:42px;height:42px;box-shadow:0 0 0 1px rgba(var(--ui-contrast-rgb), .08);font-size:17px}.left-bottom-panel .user-panel .user-avatar:after{border-width:2px;width:12px;height:12px;bottom:-1px;right:-1px}.left-bottom-panel .user-panel-icon-btn{width:36px;min-width:36px;height:36px;min-height:36px;display:none}.user-status-cue{color:var(--text-secondary);gap:0;margin-left:4px;display:inline-flex}.user-status-cue-label{display:none}.callbar-overlay{left:var(--mobile-callbar-left,60px);right:var(--mobile-callbar-right,10px);height:var(--mobile-bottom-dock-height);z-index:130;background:0 0;border-top:none;width:auto;max-width:none;padding:0;bottom:0;transform:none}.support-dock{display:none}.callbar-overlay .callbar-frame{max-width:none}.screen-share-stage{left:calc(var(--server-bar-width) + 12px);top:120px;right:12px;bottom:calc(var(--mobile-bottom-dock-height) + 12px + env(safe-area-inset-bottom,0px));--stage-gap:8px;overscroll-behavior:contain;grid-auto-rows:minmax(0,1fr);align-content:stretch;justify-items:stretch;padding:0;overflow-y:auto}.screen-share-mini-player{border-radius:6px}.voice-participant{min-height:36px;padding-block:4px}.screen-share-stage--theater{padding:0 0 40px}.screen-share-strip-toggle{bottom:4px}.screen-share-strip-more{flex-basis:120px;width:120px;height:68px}.screen-share-stage--theater .screen-share-preview.is-theater-focused{width:var(--stage-tile-width,100%);height:var(--stage-tile-height,100%);min-height:0}.screen-share-stage--strip .voice-stage-tile,.screen-share-stage--strip .voice-stage-hidden-media-tile,.screen-share-stage--strip .screen-share-preview:not(.is-theater-focused){flex-basis:120px;width:120px;height:68px}.screen-share-stage--strip .voice-stage-avatar{width:28px;height:28px;font-size:13px}.voice-stage-tile{gap:6px;width:100%;min-height:0;padding:10px 8px}.voice-stage-hidden-media-tile{gap:6px;min-height:0;padding:12px 8px}.voice-stage-avatar{width:48px;height:48px;font-size:20px}.voice-stage-name{text-align:center;word-break:break-word;font-size:13px}.voice-stage-sub{font-size:10px}.callbar-overlay{justify-content:center;padding:0}.callbar-overlay .callbar-wrap{justify-content:center;align-items:center;width:100%;max-width:none;height:100%;display:flex}.callbar-frame{border-radius:12px;gap:5px;width:100%;max-width:100%;min-height:42px;padding:4px}.callbar-status{display:none}.callbar-idle .callbar-status{flex:0 auto;padding-right:8px;display:flex}.callbar-idle:after{display:none}.active-call-title,.active-call-title-btn{font-size:11px}.active-call-title-btn{max-width:40px;padding:0}.callbar-controls-center{border-radius:10px;gap:5px;padding:3px 4px}.callbar-controls-right{flex:none;gap:5px;margin-left:auto;padding-left:0}.callbar-connection-inline{gap:6px;display:inline-flex}.callbar-overlay .callbar-frame{width:fit-content;max-width:100%;margin:0 auto}.callbar-ping-chip{min-width:66px;padding:0 7px}.callbar-ping-inline-icon{border-radius:8px;width:18px;height:18px}.callbar-control-btn,.callbar-control-btn.danger{width:44px;min-width:44px;height:44px}.callbar-control-btn-disconnect,.callbar-control-btn-disconnect.is-disconnect-state,.callbar-control-btn-disconnect.is-disconnect-pending{box-shadow:none}.callbar-control-btn svg{width:13px;height:13px}.home-main:not(.home-main-dm){overflow:hidden}.home-main:not(.home-main-dm) .social-content{min-height:0;padding-bottom:calc(12px + var(--mobile-bottom-dock-height) + env(safe-area-inset-bottom,0px));flex:auto;overflow:hidden}.home-friends-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;padding-bottom:calc(16px + var(--mobile-bottom-dock-height) + env(safe-area-inset-bottom,0px));scrollbar-gutter:auto;flex:auto;overflow-y:auto}.home-main-dm .social-content-dm{padding-bottom:0}.chat-area{padding-bottom:calc(50px + var(--composer-mobile-bottom-gap) + var(--mobile-bottom-dock-height) + env(safe-area-inset-bottom,0px))}.chat-area.chat-area-replying{padding-bottom:calc(88px + var(--composer-mobile-bottom-gap) + var(--mobile-bottom-dock-height) + env(safe-area-inset-bottom,0px))}.message-input-container{left:calc(var(--server-bar-width) + var(--composer-mobile-side-gap));right:var(--composer-mobile-side-gap);bottom:calc(var(--composer-mobile-bottom-gap) + var(--mobile-bottom-dock-height) + env(safe-area-inset-bottom,0px));z-index:125;pointer-events:none;flex-direction:column;gap:4px;padding:0;display:flex;position:fixed}.chat-jump-to-latest{right:12px}.message-reply-bar{border-radius:10px;margin-bottom:0;padding:5px 8px;font-size:11px}.message-reply-bar-label{font-size:10px}.message-reply-bar-snippet{font-size:11px}.message-reply-bar-cancel{padding:3px}.message-input-container>*{pointer-events:auto}.mention-suggest-menu{max-height:min(196px,34vh);bottom:calc(100% + 6px);left:0;right:0}.message-input-wrapper{gap:2px;min-height:44px;padding:0 2px}.message-input-wrapper .dm-attach-btn,.message-input-wrapper .chat-emoji-btn,.message-input-wrapper .message-send-btn{flex:0 0 44px;width:44px;height:44px;padding:0}.message-input{padding:10px 0}.message-input-actions{gap:1px}.auth-page{align-items:center;padding:18px 16px;overflow-y:auto}.auth-card{max-width:352px;margin:auto 0;padding:22px 16px 18px}.auth-logo{width:70px;height:70px;margin-bottom:16px}.auth-card h1{margin-bottom:6px;font-size:22px}.auth-card p{margin-bottom:18px;font-size:13px}.form-group{margin-bottom:14px}.auth-btn{margin-top:6px}.auth-divider{margin:12px 0}.auth-turnstile-wrap{justify-content:flex-start;margin-top:.75rem}.auth-turnstile-wrap>div{transform-origin:0 0;transform:scale(.92)}.auth-footer{margin-top:12px;font-size:12px}.modal-overlay{justify-content:center;align-items:center;padding:16px;overflow-y:auto}.modal-overlay--compact{justify-content:center;align-items:center;padding:16px}:is(.modal-overlay:has(.modal.user-settings-modal),.modal-overlay:has(.modal.modal-server-settings),.modal-overlay:has(.modal.channel-settings-modal),.modal-overlay:has(.modal.category-permissions-modal)){justify-content:center;align-items:flex-start}.modal{max-width:min(440px,100vw - 32px);max-height:calc(100vh - 32px);margin:0 auto;overflow-y:auto}.modal-compact-mobile{border-radius:14px;width:100%;max-width:min(440px,100vw - 32px);padding:16px}.modal.user-settings-modal{width:min(100vw - 24px,560px);height:min(90vh,760px)}.modal.user-settings-modal,.modal.modal-server-settings,.modal.channel-settings-modal,.modal.category-permissions-modal,.screen-share-confirm-modal{overflow-x:hidden}.modal.user-settings-modal input:not([type=checkbox]):not([type=radio]):not([type=color]),.modal.user-settings-modal textarea,.modal.user-settings-modal select,.modal.user-settings-modal button,.modal.modal-server-settings input:not([type=checkbox]):not([type=radio]):not([type=color]),.modal.modal-server-settings textarea,.modal.modal-server-settings select,.modal.modal-server-settings button,.modal.channel-settings-modal input:not([type=checkbox]):not([type=radio]):not([type=color]),.modal.channel-settings-modal textarea,.modal.channel-settings-modal select,.modal.channel-settings-modal button,.modal.category-permissions-modal input:not([type=checkbox]):not([type=radio]):not([type=color]),.modal.category-permissions-modal textarea,.modal.category-permissions-modal select,.modal.category-permissions-modal button{max-width:100%}.modal.user-settings-modal input:not([type=checkbox]):not([type=radio]):not([type=color]),.modal.user-settings-modal textarea,.modal.user-settings-modal select,.modal.modal-server-settings input:not([type=checkbox]):not([type=radio]):not([type=color]),.modal.modal-server-settings textarea,.modal.modal-server-settings select,.modal.channel-settings-modal input:not([type=checkbox]):not([type=radio]):not([type=color]),.modal.channel-settings-modal textarea,.modal.channel-settings-modal select,.modal.category-permissions-modal input:not([type=checkbox]):not([type=radio]):not([type=color]),.modal.category-permissions-modal textarea,.modal.category-permissions-modal select{min-width:0}.user-settings-header,.user-settings-modal--voice .user-settings-header{padding:10px 14px}.user-settings-subtitle{display:none}.user-settings-header h2{font-size:17px}.user-settings-body{flex-direction:column;display:flex}.user-settings-nav{border-right:0;border-bottom:1px solid rgba(var(--ui-contrast-rgb), .08);flex:none;grid-template-columns:minmax(0,1fr) 42px;justify-content:stretch;gap:8px;padding:10px 14px;display:grid;overflow:visible}.user-settings-section-select{width:100%;min-width:0;height:42px}.user-settings-about-btn{border:var(--border-subtle);background:var(--btn-secondary-bg);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border-radius:6px;place-items:center;padding:0;display:grid}.user-settings-about-btn:hover{background:var(--btn-secondary-bg-hover);color:var(--text-primary)}.user-settings-about-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.user-settings-nav__item{justify-content:flex-start;align-self:stretch;gap:7px;width:100%;height:42px;min-height:42px;padding:0 10px;font-size:12px}.user-settings-nav__item span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.server-settings-nav__item,.server-settings-nav__copy,.server-settings-nav__label,.channel-settings-nav-title,.server-settings-card,.server-settings-subcard,.channel-settings-card,.server-overview-invite__body,.server-settings-note,.server-settings-danger-text{min-width:0;max-width:100%}.server-settings-nav__label,.channel-settings-nav-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-overview-invite__body,.server-settings-note,.server-settings-danger-text{overflow-wrap:anywhere}.user-settings-scroll{scrollbar-gutter:auto;flex:auto;min-height:0;padding:14px 14px 16px;overflow-x:hidden}.user-settings-modal--voice .user-settings-scroll{padding:14px 14px 16px}.user-settings-section--voice{flex-direction:column;gap:8px;min-width:0;display:flex;overflow:hidden}.user-settings-section--voice .voice-settings-block,.user-settings-section--voice .voice-settings-grid,.user-settings-section--voice .user-setting-row,.user-settings-section--voice .user-setting-row>div{min-width:0;max-width:100%}.voice-settings-banner{flex-direction:column;align-items:stretch}.user-settings-section .user-setting-row{flex-direction:column;align-items:stretch;gap:12px}.user-settings-modal .user-setting-row>.user-setting-actions{width:100%}.user-profile-preview-header{flex-wrap:wrap;align-items:flex-start}.user-profile-preview-meta{flex:calc(100% - 78px)}.profile-status-actions{gap:4px;width:100%}.profile-avatar-editor__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-avatar-editor__actions .user-toggle{width:100%;min-width:0}.profile-avatar-editor__actions .user-toggle:first-child{grid-column:1/-1}.profile-status-btn{flex:1 1 0;padding:0 6px;font-size:10px}.user-profile-preview-actions{flex-wrap:wrap;justify-content:stretch;width:100%;margin-left:0}.profile-avatar-selection-feedback--inline{text-align:left;flex:1 0 100%;width:100%;height:36px;max-height:none;position:static}.user-profile-preview-actions .account-action-btn{flex:1 1 0;width:auto;min-width:0}.user-setting-actions{flex-wrap:wrap;justify-content:flex-start;margin-left:0}.user-settings-modal .user-select,.user-settings-modal .device-select-trigger,.user-slider{width:100%;min-width:0;max-width:100%}.user-settings-section--voice .device-select-trigger__label{min-width:0;max-width:100%}.user-settings-footer,.user-settings-modal--voice .user-settings-footer{padding:10px 14px 14px}.message-day-divider{margin:0 8px 6px;font-size:10px}.message-day-divider:before{margin-right:6px}.message-day-divider:after{margin-left:6px}.message-day-divider span{min-height:18px;padding:0 7px;font-size:9px}.message-unread-divider{margin:2px 8px 8px;font-size:10px}.message-unread-divider:before{margin-right:6px}.message-unread-divider:after{margin-left:6px}.message-unread-divider span{min-height:18px;padding:0 7px;font-size:9px}.chat-messages{justify-content:flex-start;gap:1px;margin-bottom:0;padding:4px 0}.message{gap:12px;min-height:43px;padding:2px 12px}.message-avatar{flex-basis:36px;width:36px;height:36px;font-size:13px;line-height:36px}.message-content{position:relative}.message-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:2px 6px;min-height:18px;margin-bottom:1px;padding-right:32px;line-height:18px}.message-author{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:100%;font-size:13px;line-height:18px;overflow:hidden}.message-timestamp{text-align:left;white-space:nowrap;flex-shrink:0;margin-left:0;padding-left:0;font-size:10px;line-height:18px}.message-edited{margin-left:0;line-height:18px}.message-inline-actions{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;z-index:8;background:0 0;border-radius:7px;gap:0;width:28px;height:28px;margin-left:0;padding:0;position:absolute;top:0;right:0;transform:none}.message.message-compact .message-inline-actions{float:right;margin-left:8px;position:relative;top:auto;right:auto}.message-inline-action-btn{padding:4px}.message-inline-actions>.message-inline-action-btn{display:none}.message-inline-actions-mobile-trigger{background:rgba(var(--ui-contrast-rgb), .04);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.message-inline-actions-mobile-trigger:hover,.message-inline-actions-mobile-trigger[aria-expanded=true]{background:rgba(var(--ui-contrast-rgb), .1);color:var(--text-primary)}.message-mobile-actions-menu{z-index:3200;border:var(--border-subtle);background:var(--bg-popover);width:154px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-high);border-radius:8px;flex-direction:column;padding:4px;display:flex;position:fixed}.message-mobile-actions-menu button{width:100%;min-height:34px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.message-mobile-actions-menu button:hover{background:rgba(var(--ui-contrast-rgb), .08);color:var(--text-primary)}.message-mobile-actions-menu button.danger{color:var(--text-danger)}.chat-emoji-picker{width:calc(100vw - var(--server-bar-width) - 24px);max-width:calc(100vw - var(--server-bar-width) - 24px);height:min(440px,100vh - 120px)}.chat-emoji-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.chat-sticker-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.chat-inline-gif-link{max-width:min(280px,100%)}.chat-inline-gif{max-height:176px}.chat-inline-sticker-link{max-width:92px}.chat-inline-sticker{max-height:92px}.user-status-popover{z-index:159;border-radius:10px;width:min(164px,100vw - 132px);bottom:calc(100% - 1px);left:0;right:auto}.user-status-mobile-backdrop{z-index:158;cursor:pointer;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#03081485;border:none;margin:0;padding:0;display:block;position:fixed;inset:0}.user-status-popover--fixed{max-width:320px;bottom:calc(var(--mobile-bottom-dock-height) + 10px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;z-index:160;border-radius:12px;max-height:min(56vh,340px);margin:0 auto;position:fixed;overflow:auto;box-shadow:0 14px 34px #04081285;width:auto!important;left:12px!important;right:12px!important}.user-status-popover-header{display:none}.user-status-list{padding:5px 4px 4px}.user-status-option{gap:6px;min-height:30px;padding:4px 6px}.user-status-option-icon{width:16px}.user-status-option-meta{min-width:0}.user-status-option-check{font-size:11px}.confirm-modal{border-radius:14px;width:min(100vw - 40px,304px);max-width:304px;padding:14px}.confirm-modal h2{margin-bottom:10px;font-size:16px}.confirm-modal p{margin-bottom:12px;font-size:13px;line-height:1.45}.confirm-modal .modal-actions{gap:6px;margin-top:8px}.confirm-modal .btn{min-height:34px;padding:7px 12px;font-size:13px}.screen-share-confirm-modal{border-radius:14px;width:min(100vw - 44px,292px);max-width:292px;padding:14px}.screen-share-confirm-modal h3{margin-bottom:8px;font-size:16px}.screen-share-confirm-modal p{margin-bottom:10px;font-size:13px;line-height:1.45}.screen-share-confirm-modal .screen-share-quality-picker{gap:6px;margin-top:10px;margin-bottom:10px}.screen-share-confirm-modal .screen-share-quality-picker .user-select{width:100%;min-width:0}.screen-share-confirm-modal .screen-share-quality-summary{font-size:11px;line-height:1.4}.screen-share-confirm-modal .modal-actions{gap:6px;margin-top:8px}.screen-share-confirm-modal .btn{min-height:34px;padding:7px 12px;font-size:13px}.user-status-option{gap:7px;min-height:32px;padding:4px 7px;font-size:12px}.user-status-option-description{display:none}.user-status-option-label{font-size:12px}.modal-server-settings .server-settings-nav{white-space:normal;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;overflow-x:hidden}.modal-server-settings .server-settings-nav__item{align-items:center;gap:8px;width:100%;min-width:0;padding:8px 10px}.modal-server-settings .server-settings-nav__icon{border-radius:8px;width:26px;height:26px}.modal-server-settings .server-settings-nav__label{text-overflow:clip;white-space:normal;overflow:visible}.modal.user-settings-modal,.modal.modal-server-settings{max-width:none}.modal.dm-picker-modal,.modal.dm-group-settings-modal{max-width:min(440px,100vw - 32px)}}@media (width<=520px){.modal-server-settings .server-settings-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.callbar-control-btn,.callbar-control-btn.danger{width:40px;min-width:40px;height:40px}.callbar-control-btn.audio-control{width:44px;min-width:44px;height:44px}}@media (width<=360px){.callbar-control-btn:not(.audio-control),.callbar-control-btn.danger{width:32px;min-width:32px;height:32px}.callbar-ping-chip{justify-content:center;width:28px;min-width:28px;padding:0 4px}.callbar-ping-chip .callbar-ping-value{display:none}}@media (width>=960px) and (width<=1199px){.shell-quick-switch-btn{width:min(320px,30vw);max-width:min(320px,30vw)}.shell-quick-switch-shortcut{display:none}}@media (width<=959px) and (height<=760px){.screen-share-stage{top:112px;bottom:calc(var(--mobile-bottom-dock-height) + 12px + env(safe-area-inset-bottom,0px));--stage-gap:6px;grid-auto-rows:minmax(0,1fr);align-content:stretch;overflow-y:auto}.voice-stage-tile{min-height:0;padding:8px 6px}.voice-stage-avatar{width:42px;height:42px;font-size:18px}.voice-stage-name{font-size:12px}}.connection-gate{z-index:99999;background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.connection-gate-card{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-xl,16px);box-shadow:var(--shadow-high);text-align:center;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:380px;padding:40px 48px;display:flex}.connection-gate-logo img{filter:drop-shadow(0 0 24px #ff8c3240);border-radius:16px}.connection-gate-spinner{border:3px solid rgba(var(--ui-contrast-rgb), .1);border-top-color:var(--accent-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite cg-spin}@keyframes cg-spin{to{transform:rotate(360deg)}}.connection-gate-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.connection-gate-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.connection-gate-retry{border-radius:var(--border-radius-md);background:var(--accent-primary);color:#fff;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;padding:8px 24px;font-size:13px;font-weight:600}.connection-gate-retry:hover{background:var(--accent-hover);transform:translateY(-1px)}.connection-gate-retry:active{transform:translateY(0)}.chat-link{color:var(--text-link);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.chat-link:hover{text-decoration:underline}:root[data-theme=light] .home-onboarding-card,:root[data-theme=light] .server-welcome-guide,:root[data-custom-theme-mode=light] .home-onboarding-card,:root[data-custom-theme-mode=light] .server-welcome-guide{background:color-mix(in srgb, var(--accent-primary) 7%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-primary) 18%, transparent)}:root[data-theme=light] .mobile-member-sheet,:root[data-custom-theme-mode=light] .mobile-member-sheet{background:color-mix(in srgb, var(--bg-surface) 96%, var(--accent-primary) 4%)}.legal-consent-page{color:#f7f8fc;background:#111729;place-items:center;min-height:100dvh;padding:24px;display:grid}.legal-consent-panel{background:#19233b;border:1px solid #34466d;border-radius:8px;width:min(100%,560px);padding:28px;box-shadow:0 18px 54px #02071261}.legal-consent-heading-icon{color:#69dfc2;background:#102f34;border:1px solid #2cbf9d;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:16px;display:grid}.legal-consent-eyebrow{color:#69dfc2;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.legal-consent-panel h1{margin:0;font-size:24px;line-height:1.25}.legal-consent-panel>p:not(.legal-consent-eyebrow){color:#b5c0d8;margin:10px 0 0;line-height:1.55}.legal-consent-panel button:focus-visible{outline-offset:3px;outline:2px solid #f2c14e}.legal-consent-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.legal-consent-actions button{justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}@media (width<=560px){.legal-consent-page{align-items:start;padding:16px}.legal-consent-panel{margin-top:max(8px, env(safe-area-inset-top));padding:22px 18px}.legal-consent-actions{flex-direction:column;align-items:stretch}}