: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;--accent-primary:#4f7fd8;--accent-primary-hover:#6694e8;--accent-secondary:#35589f;--accent-gradient:#3f6ec8;--accent-glow:0 0 20px #4f7fd847;--btn-primary-bg:#2f63c8;--btn-primary-bg-hover:#3c76de;--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:#6c6c80;--text-link:#7289da;--text-positive:#43b581;--text-warning:#faa61a;--text-danger:#f04747;--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);--server-bar-width:72px;--channel-sidebar-width:240px;--member-sidebar-width: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}*,: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:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.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 auto}.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;align-items:center;width:100%;display:flex}.unified-sidebar-section-label.has-notify{color:var(--text-primary);text-shadow:0 0 8px #e9456059}.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:#ffffff1f;border-radius:1px;flex-shrink:0;width:48px;height:2px;margin:0}.unified-sidebar .server-sidebar{gap:10px;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(#1e2746,#1a223f);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 12px;display:flex;position:relative}.shell-left{align-items:center;gap:18px;display:flex}.shell-topbar-toggle{width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;display:none}.shell-topbar-toggle:hover{background:#ffffff14;border-color:#ffffff38}.shell-topbar-toggle.is-active{background:#416ce838;border-color:#6f94ff66}.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{color:#c8d4ee;letter-spacing:.02em;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;max-width:164px;height:20px;padding:0 9px;font-size:11px;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.shell-brand-release>span:first-child{flex:none}.shell-brand-release:before{content:"";background:#9cc2ff;border-radius:999px;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 0 3px #9cc2ff38,0 0 8px #9cc2ff4d}.shell-brand-release-separator{color:#c8d4ee85;flex:none}.shell-brand-release-version{color:#dce8ff;text-overflow:ellipsis;font-variant-numeric:tabular-nums;align-items:center;min-width:0;max-width:92px;font-weight:700;display:inline-flex;overflow:hidden}.shell-brand-logo{object-fit:contain;display:block}.shell-nav{gap:8px;display:flex}.shell-nav-link{color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:6px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex;position:relative}.shell-nav-link:hover{color:var(--text-primary);background:#ffffff0f}.shell-nav-link.active{color:#fff;background:linear-gradient(#e9456052,#e9456033);border-color:#e94560a6;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff14,0 3px 10px #e9456040}.shell-notif-dot{background:var(--text-danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:6px;padding:0 5px;font-size:10px;line-height:1;display:inline-flex}.shell-user{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.shell-topbar-right{flex:0 0 var(--member-sidebar-width);justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.shell-quick-switch-btn{width:calc(var(--member-sidebar-width) - 12px);max-width:calc(var(--member-sidebar-width) - 12px);flex:0 0 calc(var(--member-sidebar-width) - 12px);min-height:34px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;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{color:var(--text-primary);background:#ffffff14;border-color:#ffffff2e}.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{min-height:20px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;background:#090e1c59;border:1px solid #ffffff14;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-logout-btn{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff24;padding:5px 8px}.shell-logout-btn:hover{color:var(--text-primary);background:#ffffff0f}.shell-update-btn{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff24;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{color:#edf4ff;background:#4766bf38;border-color:#93c5fd42;border-radius:999px;justify-content:center;gap:8px;width:auto;min-height:34px;padding:7px 11px;box-shadow:0 10px 18px #080d1c2e,inset 0 1px #ffffff0d}.shell-update-btn--dock:hover:not(:disabled){background:#4f7fd84d;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:#ffffff0f}.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}.shell-notification-cta{background:linear-gradient(#35589f47,#222d526b),#141c36f0;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;display:flex}.shell-notification-cta-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.shell-notification-cta-copy strong{color:var(--text-primary);font-size:13px;font-weight:700}.shell-notification-cta-copy span{color:var(--text-secondary);font-size:12px;line-height:1.4}.shell-notification-cta-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.shell-notification-cta-dismiss,.shell-notification-cta-enable{cursor:pointer;height:32px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:10px;padding:0 12px;font-size:12px;font-weight:600}.shell-notification-cta-dismiss{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff1f}.shell-notification-cta-dismiss:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.shell-notification-cta-enable{color:#eef5ff;background:#4f7fd82e;border:1px solid #a8ccff5c}.shell-notification-cta-enable:hover{background:#4f7fd847;border-color:#a8ccff85}.server-sidebar{width:var(--server-bar-width);--server-drop-line-height:2px;--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{flex-direction:column;flex:auto;align-items:center;gap:8px;width:100%;min-height:0;padding:0 0 6px;display:flex;overflow:hidden auto}.server-sidebar-actions{background:linear-gradient(#151f3900 0%,#111c37c7 38%,#111c37f5 100%);border-top:1px solid #ffffff0d;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-drop-end-indicator{width:calc(100% - 8px);height:var(--server-drop-line-height);min-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;flex-shrink:0;margin:0 4px 2px;position:relative;transform:translateZ(0)}.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, #ffffff0a 0%, #ffffff1a 50%, #ffffff0a 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;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.server-unread-dot{pointer-events:none;background:#fffffff5;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:-4px;left:4px;right:4px;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:-4px;left:4px;right:4px;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(--text-danger);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{color:#d8fff0;border:2px solid var(--bg-secondary);pointer-events:none;z-index:12;background:linear-gradient(#23325afa 0%,#172242fa 100%);border-radius:999px;justify-content:center;align-items:center;gap:3px;min-width:24px;height:18px;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:#ffffff0f;border-radius:1px;width:32px;height:2px;margin:2px 0}.server-add{color:var(--accent-primary);background:0 0;border:2px dashed #ffffff26}.server-sidebar button.server-icon:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.server-context-menu{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-md);min-width:160px;box-shadow:var(--shadow-high);z-index:10000;padding:4px 0;position:fixed}.server-context-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;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:#ffffff0f}.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:#e945601a}.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--clickable{cursor:pointer}.channel-header--clickable:hover{background:#ffffff08}.channel-header-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.channel-header-action{color:#d5e3ffd6;width:24px;height:24px;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:#ffffff06;border:1px solid #8fabde33;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.channel-header--clickable:hover .channel-header-action{color:#e0eefff0;background:#3d69c224;border-color:#7ea6f273}.channel-header--clickable:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #7ea6f28c}.channel-list{flex:1;padding:8px 0;overflow:hidden auto}.channel-create-actions{gap:6px;margin:6px 8px 8px;display:flex}.channel-create-btn{color:#dee9ffeb;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;min-width:0;min-height:28px;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff05;border:1px solid #8fabde1f;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.2;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.channel-create-btn svg{stroke-width:2px;opacity:.72;flex-shrink:0;width:10px;height:10px}.channel-create-btn:hover{color:#eef3ff;background:#5e89d217;border-color:#7ca7ec3d;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff09}.channel-create-actions .channel-create-btn:only-child{flex:100%}.channel-empty-state{border-radius:var(--border-radius-sm);border:var(--border-subtle);color:var(--text-muted);background:#ffffff05;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,#0000,#ffffff2e,#0000);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{text-align:left;background:0 0;border:none;width:100%}.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:all 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{color:var(--text-primary);background:#ffffff0a}.channel-item.active{color:var(--text-primary);background:#ffffff0f}.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{color:var(--text-secondary);background:#ffffff05}.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{color:#75e6a8f5;font-variant-numeric:tabular-nums;flex:none;justify-content:flex-end;align-items:center;min-width:38px;margin-left:auto;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.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{color:#fff;background:#f04747f2;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.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{width:18px;height:18px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.channel-action-btn:hover{color:var(--text-primary);background:#ffffff14}.channel-action-btn.danger{color:var(--text-danger)}.voice-participants{flex-direction:column;gap:4px;margin:0 8px 4px 32px;display:flex}.voice-participant{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.voice-participant-avatar{background:var(--accent-gradient);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;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;transition:color var(--transition-fast), text-shadow var(--transition-fast);overflow:hidden}.voice-participant-name.is-speaking{color:#2dd4bffa;text-shadow:0 0 10px #2dd4bf52}.voice-live-badge{color:#ff9fb0;letter-spacing:.2px;background:#e9456033;border:1px solid #e945608c;border-radius:999px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:700}.voice-participant-icons{color:#f04747;opacity:.95;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.voice-participant-icon-badge{width:16px;height:16px;color:inherit;background:#f047472e;border:1px solid #f047478c;border-radius:5px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #f0474726}.voice-participant-icon-badge.is-positive{color:var(--text-positive);background:#43b5812e;border-color:#43b5818c;box-shadow:inset 0 0 0 1px #43b5812e}.voice-participant-icon-badge.is-server-enforced{color:#ffd58a;background:#f59e0b33;border-color:#f59e0b9e;box-shadow:inset 0 0 0 1px #f59e0b3d}.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;align-items:center;gap:8px;height:56px;padding:0 6px;display:flex}.user-panel-status-anchor{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.user-panel .user-avatar{border-radius:var(--avatar-border-radius);background:var(--accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;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;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{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;font-size:14px;font-weight:700;line-height:1.25;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{color:#d9e1f6ad;letter-spacing:.01em;white-space:nowrap;min-width:0;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{text-overflow:ellipsis;overflow:hidden}.user-panel-icon-btn{border-radius:var(--border-radius-sm);color:#d9e1f6c7;cursor:pointer;width:32px;min-width:32px;height:32px;min-height:32px;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background:linear-gradient(#ffffff0f,#ffffff08),#080e1c61;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset 0 1px #ffffff0a,0 6px 16px #04081229}.user-panel-icon-btn:hover{color:var(--text-primary);background:linear-gradient(#6d8cff29,#ffffff0a),#10182a94;border-color:#6d8cff57;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0d,0 8px 18px #04081238}.user-panel-icon-btn:active{transform:translateY(0);box-shadow:inset 0 1px #ffffff0a,0 4px 10px #04081229}.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:#ffffff0a}.user-info-btn:hover .user-status-cue,.user-info-btn:focus-visible .user-status-cue{color:#d9e1f6e6}.user-info-btn:focus-visible{outline-offset:0;outline:2px solid #6d8cff4d}.status-dot{border-radius:var(--border-radius-full);border:2px solid var(--bg-surface);width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.status-dot.online{background:var(--status-online)}.status-dot.dnd{background:var(--status-dnd)}.status-dot.offline,.status-dot.invisible{background:var(--status-offline)}.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)}.status-dot-inline{vertical-align:middle;width:8px;height:8px;margin-right:6px;display:inline-block;position:static;bottom:auto;right:auto}.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-setting-profile-photo{align-items:center;gap:14px;min-width:0;display:flex}.user-setting-profile-avatar{width:56px;height:56px;color:var(--text-primary);background:#ffffff14;border-radius:18px;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.user-setting-profile-avatar img{object-fit:cover;width:100%;height:100%}.user-settings-modal .user-select,.user-settings-modal .device-select-trigger{width:170px;min-width:170px}.user-settings-header{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:20px 24px 14px}.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{background:#0c122861;border-right:1px solid #ffffff14;flex-direction:column;gap:6px;padding:16px 12px 16px 16px;display:flex}.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:background .16s,border-color .16s,color .16s;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{color:var(--text-primary);background:#ffffff0a}.user-settings-nav__item:focus{outline:none}.user-settings-nav__item:focus-visible{outline-offset:0;outline:2px solid #6d8cff61}.user-settings-nav__item--active{color:var(--text-primary);background:#6d8cff24;border-color:#6d8cff47}.user-settings-subtitle{color:var(--text-secondary);margin:0;font-size:12px}.user-settings-scroll{scrollbar-gutter:stable;min-height:0;padding:18px 24px 20px;overflow:hidden auto}.user-settings-modal--voice .user-settings-header{padding:20px 24px 14px}.user-settings-modal--voice .user-settings-scroll{padding:18px 24px 20px}.user-settings-modal--voice .user-settings-footer{padding:12px 24px 20px}.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{height:32px}.user-settings-section--voice .user-toggle,.user-settings-section--voice .device-select-trigger,.user-settings-section--voice .user-select,.user-settings-section--voice .user-setting-inline-note{min-width:170px}.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{background:#141e3842;border:1px solid #ffffff14;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{min-width:42px;height:20px;color:var(--text-secondary);background:#6d8cff1a;border:1px solid #6d8cff38;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:radial-gradient(circle at 0 0,#6d8cff29,#0000 52%),#ffffff09;border-radius:12px;align-items:center;gap:14px;width:100%;margin-bottom:12px;padding:14px;display:flex;box-shadow:0 10px 26px #050a182e}.user-profile-preview-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;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:#313d6afa;bottom:4px;right:4px;box-shadow:0 0 0 1px #0a10212e}.user-profile-preview-meta{flex-direction:column;gap:6px;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}.profile-status-btn{min-width:0;height:28px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:#0a11207a;border:1px solid #ffffff1a;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);background:#4f7fd82e;border-color:#6699ff70}.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 #ffffff14;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:12px 24px 20px;display:flex}.user-settings-account-meta{flex-direction:column;min-width:0;margin-right:auto;line-height:1.2;display:flex}.user-settings-account-label{color:var(--text-muted);font-size:11px}.user-settings-account-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:13px;overflow:hidden}.user-status-popover{z-index:120;background:#1c1f2afa;border:1px solid #ffffff14;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 #ffffff0f;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 #ffffff0f;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){color:var(--text-primary);background:#ffffff0f}.user-status-option:active:not(:disabled){background:#ffffff14}.user-status-option:disabled{opacity:.6;cursor:not-allowed}.user-status-option.active{color:var(--text-primary);background:#ffffff1a}.user-status-option.active:hover:not(:disabled){background:#ffffff1f}.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-status-popover .user-status-indicator{width:8px;height:8px;box-shadow:0 0 0 1px #00000026}.user-status-popover-profile{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:10px;padding:8px 10px 10px;display:flex}.user-status-popover-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.user-status-popover-avatar img{object-fit:cover;width:100%;height:100%}.user-status-popover-profile-links{align-items:center;gap:8px;min-height:32px;font-size:12px;line-height:1;display:inline-flex}.user-status-popover-profile-link{font-family:var(--font-primary);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;margin:-4px -2px;padding:4px 8px;font-size:12px;text-decoration:none;transition:color .1s,background .1s}.user-status-popover-profile-link:hover{color:var(--accent-primary);background:#ffffff0a;text-decoration:underline}.user-status-popover-profile-sep{color:var(--text-muted);opacity:.4;pointer-events:none;padding:0 2px;font-size:11px}.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-bottom:1px solid #ffffff14;border-right:0;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:42px;padding:12px 16px;display:grid}.user-settings-nav__item{width:100%;min-height:42px}.user-settings-scroll{flex:auto;min-height:0}}.pw-change-form{flex-direction:column;gap:2px;display:flex}.pw-field-row{flex-direction:column!important;align-items:stretch!important}.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{background:#00000040;border:1px solid #ffffff1a;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:#7289da99;box-shadow:0 0 0 2px #7289da26}.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:#ffffff14}.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-submit-btn{border-radius:8px;width:100%;margin-top:4px;padding:10px;font-size:13px;font-weight:600;transition:opacity .2s,transform .1s}.pw-submit-btn:disabled{opacity:.45;cursor:not-allowed}.pw-submit-btn:not(:disabled):active{transform:scale(.98)}.pw-modal{width:88vw;max-width:340px;padding:0;animation:.2s pw-modal-in}@keyframes pw-modal-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(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:#080e1ed1;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 #ffffff14;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{color:var(--text-muted);background:#ffffff14;border-color:#ffffff24}.user-setting-row{border:var(--border-subtle);background:#ffffff08;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:#b7c3de;font-size:11px}.user-toggle{min-width:48px;height:28px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:7px;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.user-toggle.active{color:#d7def8;background:#7289da2e;border-color:#7289daa6}.user-settings-modal .user-toggle{min-width:70px;height:32px;color:var(--text-secondary);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff29;border-radius:9px;font-weight:600}.user-settings-modal .user-toggle:hover:not(:disabled){color:var(--text-primary);background:#ffffff17;border-color:#ffffff3d}.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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060a168f;justify-content:center;align-items:flex-start;padding:76px 18px 18px;display:flex;position:fixed;inset:0}.quick-switcher{background:radial-gradient(circle at 0 0,#6d8cff29,#0000 40%),#121830f5;border:1px solid #ffffff1a;border-radius:18px;width:min(680px,100%);overflow:hidden;box-shadow:0 22px 60px #0000006b}.quick-switcher-search{color:var(--text-muted);border-bottom:1px solid #ffffff14;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{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;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-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:#6d8cff24}.quick-switcher-item-icon{width:32px;height:32px;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;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{min-height:24px;color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;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{color:#e8f1ff;background:#4384e633;border-color:#5ca0ff80}.user-settings-modal .account-action-btn{width:112px;min-width:112px}.user-settings-modal .account-action-btn.active{color:#e8f1ff}.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{color:var(--text-muted);background:#ffffff1f;border-color:#ffffff29}.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:#d6dfffad;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{min-width:0;box-shadow:none;background:0 0;border:0;flex:none;align-items:center;gap:0;padding:0;display:inline-flex}.sensitivity-bar-preview-shell{background:linear-gradient(#ffffff0a 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;min-width:116px;padding:7px 10px;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #04081229}.sensitivity-bar-preview-shell--control{gap:8px;min-width:0;padding:5px 6px 5px 7px}.sensitivity-bar-preview-avatar{background:var(--accent-gradient);color:#fff;border:1px solid #ffffff14;border-radius:12px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:700;transition:box-shadow .18s,transform .18s,border-color .18s,filter .18s;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 6px 18px #00000038}.sensitivity-bar-preview-avatar.is-listening{filter:saturate(1.01);border-color:#8fb4ff33;box-shadow:0 0 0 1px #8fb4ff6b,0 0 0 3px #8fb4ff14,0 10px 22px #0000003d}.sensitivity-bar-preview-avatar.is-speaking{filter:saturate(1.08);border-color:#2dd4bfc2;transform:translateY(-1px);box-shadow:0 0 0 2px #2dd4bff5,0 0 0 7px #2dd4bf29,0 0 24px #2dd4bf47,0 0 42px #2dd4bf1f,0 10px 24px #0000003d}.sensitivity-bar-title{color:var(--text-primary);font-size:13px;font-weight:600}.sensitivity-bar-db-chip{color:#dfe9ff;letter-spacing:.01em;background:#7289da1f;border:1px solid #7289da47;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-preview-meta{flex-direction:column;justify-content:center;min-width:0;display:flex}.sensitivity-bar-preview-label{letter-spacing:.01em;color:#e2ebffc7;white-space:nowrap;font-size:11px;font-weight:600}.sensitivity-bar-indicator{color:var(--text-muted);white-space:nowrap;flex:none;transition:color .15s}.sensitivity-bar-indicator.is-active{color:#43b581;font-weight:600}.sensitivity-bar-indicator.is-listening{color:#8fb4ff;font-weight:600}.sensitivity-bar-indicator.is-no-mic{color:var(--text-muted);opacity:.6}.sensitivity-bar-track{cursor:pointer;background:#00000059;border:1px solid #ffffff0f;border-radius:2px;height:14px;position:relative;overflow:hidden}.sensitivity-bar-track:hover{border-color:#ffffff1f}.sensitivity-bar-track:focus-visible{outline-offset:2px;outline:2px solid #7289da99}.sensitivity-bar-level{pointer-events:none;z-index:2;border-radius:0;height:100%;transition:width 90ms ease-out,background .18s,opacity .16s;position:absolute;top:0;left:0;box-shadow:inset 0 0 10px #ffffff14,0 0 10px #6fa1ff1f}.sensitivity-bar-live-marker{pointer-events:none;z-index:4;background:linear-gradient(#fff 0%,#b8d3ff 45%,#79abff 100%);border-radius:0;width:3px;transition:left 90ms ease-out,opacity .16s;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 10px #c4daff,0 0 20px #6fa1ffc7}.sensitivity-bar-live-marker.is-hidden{opacity:0}.sensitivity-bar-gate{pointer-events:none;z-index:1;opacity:.52;background:repeating-linear-gradient(-45deg,#00000026,#00000026 2px,#0000 2px 6px);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{pointer-events:auto;cursor:ew-resize;background:#fff;border-radius:0;width:4px;transition:box-shadow .15s,width .1s;position:absolute;top:0;bottom:0;left:-1.5px;box-shadow:0 0 6px #ffffff80,0 0 12px #7289da4d}.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;left:-2px;box-shadow:0 0 8px #ffffffb3,0 0 20px #7289da80}.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%}.sensitivity-bar-header{flex-direction:column;align-items:flex-start;gap:6px}.sensitivity-bar-value{justify-content:flex-start;width:100%;min-width:0}.sensitivity-bar-permission-note{text-align:left}}.user-select{color:#eef2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#141d34f2;border:1px solid #ffffff29;border-radius:7px;width:min(340px,100%);min-width:240px;max-width:100%;height:30px;padding:0 8px}.device-select-trigger{color:#eef2ff;cursor:pointer;background:#141d34f2;border:1px solid #ffffff29;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:min(340px,100%);min-width:240px;max-width:100%;height:30px;padding:0 10px;transition:border-color .15s,box-shadow .15s,background .15s;display:inline-flex}.device-select-trigger:hover:not(:disabled),.device-select-trigger.is-open{border-color:#7289dabf;box-shadow:0 0 0 2px #7289da29}.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:#7289dabf;outline:none;box-shadow:0 0 0 2px #7289da33}.user-select option{color:#eef2ff;background:#1a2138}.user-setting-inline-note{min-height:30px;color:var(--text-secondary);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:7px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.device-select-menu{z-index:10080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141d34fa;border:1px solid #ffffff29;border-radius:10px;flex-direction:column;padding:6px;display:flex;position:fixed;overflow:hidden auto;box-shadow:0 18px 40px #0000006b}.device-select-menu__item{color:#eef2ff;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:#7289da2e}.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}.user-status-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 2px #00000026}.user-status-indicator.online{background:var(--status-online)}.user-status-indicator.dnd{background:var(--status-dnd)}.user-status-indicator.offline,.user-status-indicator.invisible{background:var(--status-offline)}.chat-area{background:var(--bg-chat);flex-direction:column;flex:1;min-width:0;padding-bottom:80px;display:flex}.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{font-size:15px;font-weight:700}.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:#ffffff1f;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{height:28px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#4f7fd81f;border:1px solid #4f7fd880;border-radius:7px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;list-style:none;display:flex;box-shadow:inset 0 0 0 1px #ffffff08}.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);color:var(--text);background:#4f7fd833}.chat-header-search-help-panel{z-index:20;border:var(--border-subtle);max-width:min(280px,100vw - 48px);color:var(--text-muted);white-space:nowrap;background:#121d37fa;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:"";background:#121d37fa;border-top:1px solid #ffffff0f;border-left:1px solid #ffffff0f;width:9px;height:9px;position:absolute;top:-5px;right:18px;transform:rotate(45deg)}.chat-header-search-help-panel button{z-index:1;color:var(--text);cursor:pointer;font-family:var(--font-mono);background:#0d1b2ae6;border:1px solid #ffffff14;border-radius:7px;padding:4px 7px;font-size:11px;position:relative}.chat-header-search-help-panel button:hover{border-color:var(--accent-primary);background:#4f7fd829}.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]{color:var(--text);background:#4f7fd81f;border:1px solid #4f7fd880}.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-count{color:var(--accent);font-size:12px;font-weight:600}.chat-header-pinned-dropdown{border:var(--border-subtle);z-index:100;background:#121d37fa;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:"";background:#121d37fa;border-top:1px solid #ffffff0f;border-left:1px solid #ffffff0f;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{min-width:22px;color:var(--text);text-align:center;background:#4f7fd81f;border:1px solid #4f7fd859;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{background:#0d1b2a85;border:1px solid #ffffff0f;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{background:#4f7fd81a;border-color:#4f7fd861;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{background:#03091438;border:1px solid #ffffff0d;border-left:3px solid #4f7fd880;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{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.chat-header-pinned-goto:hover{color:var(--text);background:#4f7fd824;border-color:#4f7fd873}.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:#7aaae75c 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:#7aaae752;border-radius:999px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#7aaae77a}.chat-messages-virtual{contain:paint;display:block}.chat-load-older{flex-shrink:0;justify-content:center;padding:10px 12px;display:flex}.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:#ffffff14;flex:1;height:1px}.message-day-divider:before{margin-right:12px}.message-day-divider:after{margin-left:12px}.message-day-divider span{white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;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:#4f7fd86b;flex:1;height:1px}.message-unread-divider:before{margin-right:10px}.message-unread-divider:after{margin-left:10px}.message-unread-divider span{white-space:nowrap;background:#4f7fd824;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;padding:4px 16px;display:flex;position:relative}.message:hover{background:#ffffff05}.message.message-highlight-jump{animation:2.5s ease-out message-highlight-jump}@keyframes message-highlight-jump{0%{background:#e9456047;box-shadow:0 0 0 2px #e9456059}25%{background:#e9456033;box-shadow:0 0 0 2px #e9456040}to{box-shadow:none;background:0 0}}.message-avatar{border-radius:var(--border-radius-full);background:var(--accent-gradient);color:#fff;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;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{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{z-index:1;position:absolute;top:2px;right:0;transform:none}.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(--accent-primary)}.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{border-radius:var(--border-radius-sm);background:#ffffff0a;border-left:2px solid #ffffff1f;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:#ffffff0f}.message-reply-block{margin-top:4px}.message-reply-quote{border-radius:var(--border-radius-sm);background:#ffffff0a;border-left:2px solid #ffffff1f;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;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-action-btn{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;justify-content:center;align-items:center;padding:4px;display:inline-flex}.message-inline-action-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.message-inline-action-btn.active{color:#7fb4ff;background:#4a8bff24}.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);box-shadow:var(--shadow-medium);z-index:60;background:#131d35fa;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);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#ffffff0a;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;line-height:1;display:inline-flex}.message-reaction-btn:hover{color:var(--text-primary);background:#ffffff14}.message-reaction-btn.is-reacted{color:#cbe2ff;background:#4a90e22e;border-color:#4a90e28c}.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;font-size:14px;line-height:20px}.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{color:#ffb7c3;cursor:pointer;background:#e9456024;border:1px solid #e9456059;border-radius:6px;padding:5px 8px;font-size:11px;line-height:1}.message-retry-btn:hover{background:#e945603d}.message-retry-error{color:var(--text-muted);font-size:11px}.mention-pill{color:#b6c2ff;background:#5865f233;border-radius:5px;padding:0 5px;font-weight:600;display:inline-block}.mention-pill-all{color:#ffb3c5;background:#e9456033}.message-input-container{padding:0 var(--composer-side-gap) var(--composer-bottom-gap);flex-shrink:0;position:relative}.chat-jump-to-latest{color:#deecff;letter-spacing:.01em;cursor:pointer;z-index:7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:94px;height:30px;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(#182c56f5 0%,#0e1e3cf5 100%);border:1px solid #7cabff6b;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:700;line-height:1;animation:.17s ease-out chat-jump-to-latest-enter;display:inline-flex;position:absolute;bottom:calc(100% + 8px);right:12px;box-shadow:0 10px 24px #04081257,inset 0 1px #ffffff2e,0 0 0 1px #3b70d033}.chat-jump-to-latest:hover{color:#edf6ff;background:linear-gradient(#1f396cfa 0%,#13284ffa 100%);border-color:#97c0ffa8;transform:translateY(-1px);box-shadow:0 13px 26px #060c1a66,inset 0 1px #ffffff38,0 0 0 1px #578df24d}.chat-jump-to-latest:active{transform:translateY(0);box-shadow:0 8px 16px #0408124d,inset 0 1px #ffffff24,0 0 0 1px #3b70d033}@keyframes chat-jump-to-latest-enter{0%{opacity:0;transform:translateY(4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.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{border-radius:var(--border-radius-md);transition:border-color var(--transition-fast);background:#101e35;border:1px solid #ffffff2e;align-items:center;gap:8px;padding:0 10px 0 14px;display:flex;position:relative}.message-input-wrapper:focus-within{border-color:#4f7fd89e;box-shadow:0 0 0 2px #4f7fd829}.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-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:#ffffff17}.chat-emoji-btn:disabled{opacity:.45;cursor:not-allowed}.chat-media-action-btn{width:30px}.chat-media-action-label{color:currentColor;letter-spacing:0;border-radius:4px;justify-content:center;align-items:center;min-width:20px;height:16px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.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:#4f7fd829;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{position:static;bottom:auto;right:auto}.chat-emoji-picker{z-index:16;box-sizing:border-box;background:#131d35fa;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;width:240px;max-width:calc(100vw - 40px);height:336px;padding:10px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 14px 30px #00000057}.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;min-height:0;overflow-y:auto}.chat-emoji-search{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:6px;margin-bottom:8px;padding:7px 9px;display:flex}.chat-emoji-search svg{color:var(--text-muted);flex-shrink:0}.chat-emoji-search input{width:100%;color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;font-size:13px}.chat-emoji-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.chat-emoji-content{flex-direction:column;flex:1;min-height:0;display:flex}.chat-emoji-mode-tab{min-height:26px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;font-size:11px;font-weight:700}.chat-emoji-mode-tab:hover{color:var(--text-primary);background:#ffffff1a}.chat-emoji-mode-tab.active{color:#f4f8ff;background:linear-gradient(#4f7fd852,#4f7fd82e);border-color:#78a5ebb3}.chat-emoji-tabs{flex-wrap:nowrap;justify-content:space-between;gap:2px;margin-bottom:8px;display:flex}.chat-emoji-tab{color:var(--text-secondary);cursor:pointer;width:20px;height:20px;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff08}.chat-emoji-tab:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff3d;transform:translateY(-1px)}.chat-emoji-tab.active{color:#f4f8ff;background:linear-gradient(#4f7fd852,#4f7fd82e);border-color:#78a5ebb3;box-shadow:0 0 0 1px #9dc1f82e,0 4px 10px #4f7fd82e}.chat-emoji-tab span{justify-content:center;align-items:center;display:inline-flex}.chat-emoji-grid{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:6px;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:8px;padding:6px 0;font-size:18px;line-height:1}.chat-emoji-item:hover{background:#ffffff14;border-color:#ffffff24}.chat-emoji-empty{color:var(--text-muted);text-align:center;padding:12px 4px 4px;font-size:12px}.chat-gif-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:8px;min-height:0;max-height:none;display:grid;overflow-y:auto}.chat-gif-item{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-self:start;align-items:center;padding:5px;display:flex}.chat-gif-item:hover{color:var(--text-primary);background:#ffffff0f;border-color:#78a5eb8c}.chat-gif-item img{aspect-ratio:1.5;object-fit:cover;border-radius:8px;width:100%}.chat-sticker-grid{flex:1;grid-template-columns:repeat(2,minmax(0,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-item{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-self:start;align-items:center;padding:8px;display:flex}.chat-sticker-item:hover{color:var(--text-primary);background:#ffffff0f;border-color:#78a5eb8c}.chat-sticker-image{object-fit:contain;width:64px;height:64px;image-rendering:-webkit-optimize-contrast}.chat-inline-gif-list{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.chat-inline-gif-link{width:min(320px,100%);box-shadow:none;cursor:default;background:0 0;border:none;border-radius:10px;max-width:min(320px,100%);display:inline-flex;overflow:hidden}.chat-inline-gif{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;max-height:220px;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,#ffffff0d,#ffffff05),#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:linear-gradient(#29305bf0 0%,#1e2444fa 100%);padding:14px 10px 10px;box-shadow:inset 1px 0 #ffffff09,inset 0 1px #ffffff04}.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{letter-spacing:.06em;background:#ffffff0b;border-radius:999px;align-self:flex-start;margin:4px 4px 6px;padding:4px 9px}.member-category-online{color:var(--status-online)}.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{opacity:1;background:#ffffff09}.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:#ffffff08;border:1px solid #0000;border-radius:12px;margin:0 2px 2px;padding:8px 10px;box-shadow:inset 0 1px #ffffff05}.member-item.is-contextable{cursor:context-menu}.member-item:hover{background:#ffffff0a}.member-sidebar:not(.member-sidebar--sheet) .member-item:hover{background:#ffffff0e;border-color:#ffffff13}.member-avatar{border-radius:var(--avatar-border-radius);background:var(--accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;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:#ebf1ffeb;font-weight:600}.member-item .home-member-action{flex-shrink:0;margin-left:auto}.member-name--offline{opacity:.55}.member-name--default-offline{color:var(--text-muted);opacity:.85}.member-owner-badge{opacity:.95;margin-left:2px}.member-role-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:11px}.member-context-menu{z-index:10010}.member-volume-menu{min-width:176px;max-width:calc(100vw - 16px);max-height:calc(100vh - 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-hint{color:var(--text-muted);cursor:default;padding:0 10px 6px;font-size:11px}.member-volume-menu-divider{border-top:1px solid #ffffff1a;margin:4px 10px}.member-volume-menu-action-with-icon{align-items:center;gap:6px;display:inline-flex}.member-volume-menu-username{cursor:default;opacity:.92;color:var(--text-primary);font-weight:700}.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-btn:hover{color:var(--text-primary);background:#ffffff0f}.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{color:var(--text-muted);background:#ffffff1a;border-color:#ffffff24}.member-profile-popout{z-index:10020;background:linear-gradient(#1e2948fa,#161f38fa);border:1px solid #ffffff24;border-radius:12px;width:260px;max-width:calc(100vw - 20px);padding:10px;position:fixed;box-shadow:0 18px 40px #00000061}.member-profile-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.member-profile-avatar{width:38px;height:38px;color:var(--text-primary);background:#ffffff1f;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{color:var(--text-secondary);background:#ffffff0f;border:1px solid #fff3;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{background:#06122785;border:1px solid #ffffff1a;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-section-value{color:var(--text-primary);font-size:12px}.member-profile-actions{justify-content:flex-end;margin-top:10px;display:flex}.auth-page{background:var(--bg-primary);background-image:radial-gradient(at 20%,#4f7fd817 0%,#0000 50%),radial-gradient(at 80%,#35589f14 0%,#0000 50%);justify-content:center;align-items:center;min-height:100vh;display:flex}.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);padding:32px}.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-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{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-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-primary);transition:border-color var(--transition-fast);border:1px solid #ffffff14;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{color:var(--text-primary);background:#151d34}.form-group textarea{resize:vertical;background:var(--bg-input);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);border:1px solid #ffffff14;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)}.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-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);border:1px solid #ffffff26;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:#fff3;box-shadow:0 2px 12px #0003}.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{background:#09102266;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.invite-preview-icon{width:60px;height:60px;color:var(--text-primary);background:linear-gradient(#4e6bc347,#1f2a49e0);border:1px solid #ffffff1a;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{min-height:28px;color:var(--text-secondary);background:#ffffff12;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.invite-preview-pill--code{font-family:var(--font-mono)}.invite-preview-error{margin-bottom:0}.invite-rules-loading{text-align:center;color:var(--text-muted);border:1px dashed #ffffff1a;border-radius:12px;padding:16px;font-size:13px}.invite-rules-section{background:#0910224d;border:1px solid #ffffff14;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{width:22px;height:22px;color:var(--text-primary);background:#5291e133;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{cursor:pointer;color:var(--text-primary);background:#5291e114;border:1px solid #5291e133;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-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{z-index:9999;animation:fadeIn var(--transition-fast);cursor:default;background:#000000b3;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{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:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;display:flex}.channel-type-option:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:#ffffff26}.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-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0f}.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}.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);color:#fff;width:80px;height:80px;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{border:var(--border-subtle);border-radius:var(--border-radius-md);background:#ffffff08;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-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.voice-focus-card{border:var(--border-subtle);border-radius:var(--border-radius-md);background:#ffffff08;flex-direction:column;gap:4px;padding:14px;display:flex}.voice-focus-card strong{color:var(--text-primary)}.voice-focus-card span{color:var(--text-secondary);font-size:12px}.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 .home-header{border-bottom:var(--border-subtle);flex-shrink:0;padding:16px}.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;gap:6px;min-width:220px;padding:0 8px 8px;display:flex;position:relative;overflow:hidden auto}.mobile-sidebar-backdrop{display:none}.social-nav-item{width:100%;min-width:0;min-height:36px;color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;line-height:1.25;display:flex;overflow:visible}.social-nav-item svg{flex-shrink:0}.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{color:var(--text-primary);background:#ffffff0d}.social-nav-item.active{color:#fff;background:#e9456033}.social-sidebar-divider{background:#ffffff14;height:1px;margin:4px 0}.social-sidebar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #ffffff14;padding:0 4px 6px;font-size:11px}.social-dm-item{width:100%;color:inherit;border-radius:var(--border-radius-sm);text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:10px;padding:6px 8px;display:flex}.social-dm-item+.social-dm-item{margin-top:4px}.social-dm-item:hover{background:#ffffff0f;border-color:#ffffff1a}.social-dm-item.active{background:#ffffff13;border-color:#8fabde38;box-shadow:inset 3px 0 #4f7fd8b8}.social-content{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex;overflow:hidden}.home-header h1{color:var(--text-primary);font-size:26px}.home-header p{color:var(--text-secondary);margin-top:4px}.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{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;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:#ffffff0f;border-color:#ffffff26}.home-chip.active{color:#fff;background:#3b82f626;border-color:#3b82f666;box-shadow:inset 0 0 0 1px #3b82f61a}.home-chip-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:inherit;line-height:1.2;overflow:hidden}.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{background:var(--bg-input);color:var(--text-primary);border-radius:var(--border-radius-sm);border:1px solid #ffffff1a;outline:none;padding:10px}.home-list-group{background:#ffffff05;border:1px solid #ffffff14;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:#7aaae75c 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:#7aaae752;border-radius:999px}.home-friends-scroll::-webkit-scrollbar-thumb:hover{background:#7aaae77a}.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{color:var(--text-primary);letter-spacing:.3px;background:#ffffff0a;border-bottom:1px solid #ffffff0f;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,#0000,#ffffff2e,#0000);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{background:linear-gradient(#3c4b821f,#141c3529),#0d122585;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:16px;width:min(100%,560px);min-width:0;padding:18px;display:flex;box-shadow:inset 0 1px #ffffff08}.home-list-group>.home-onboarding-card{width:auto;max-width:calc(100% - 28px);margin:14px}.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{min-height:38px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#476fda47;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:#476fda66;border-color:#6d95ff6b}.home-onboarding-btn--secondary{color:var(--text-secondary);background:#ffffff0d;border-color:#ffffff1f}.home-onboarding-btn--secondary:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff2e}@media (width<=500px){.home-onboarding-actions--equal{grid-template-columns:1fr;width:100%}}.home-member-row{border-top:1px solid #ffffff0a;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-row.is-clickable:hover{background:#3b82f60f}.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-offset:4px;border-radius:8px;outline:2px solid #60a5faa6}.home-member-row.is-loading{opacity:.72}.home-member-avatar{border-radius:var(--avatar-border-radius);background:var(--accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;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{min-height:22px;color:var(--text-secondary);letter-spacing:.01em;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.home-presence-pill-dot{background:currentColor;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff08}.home-presence-pill-online{color:#4ade80}.home-presence-pill-dnd{color:#f97373}.home-presence-pill-offline{color:#94a3b8}.home-member-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.home-member-action{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff1f;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-offset:2px;outline:2px solid #60a5faa6}.home-member-action:hover{background:#ffffff14;border-color:#fff3}.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{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.social-dm-actions .home-member-action{opacity:.78;background:#ffffff0b}.social-dm-item:hover .home-member-action,.social-dm-item:focus-within .home-member-action{opacity:1}.social-dm-unread{background:var(--text-danger);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 #ffffff0f;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;background:#0003;border:1px solid #ffffff1f;border-radius:6px;height:40px;padding:0 14px;font-size:14px;transition:border-color .2s,background .2s}.home-add-row .home-search:focus{background:#0000004d;border-color:#3b82f680}.home-add-row .community-open-btn{box-sizing:border-box;border-radius:6px;min-width:120px;height:40px;min-height:40px;margin-top:0;padding:0 18px;font-size:13px;font-weight:600}.home-request-row{border-top:1px solid #ffffff0a;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:#ffffff05}.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-requests-hint{color:var(--text-muted);margin:0;padding:0 14px 14px;font-size:12px;line-height:1.4}.home-add-message{color:var(--text-primary);text-align:left;background:#ef44441a;border-radius:6px;margin:0 14px 8px;padding:8px 12px}.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{min-width:22px;height:22px;color:var(--text-secondary);background:#ffffff14;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 #ffffff0f;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}.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-badge{color:var(--text-secondary);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;display:inline-flex}.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)}.community-open-btn{border-radius:var(--border-radius-sm);width:100%;min-height:40px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff24;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}a.community-open-btn{text-decoration:none}.community-open-btn:hover{background:#ffffff1f;border-color:#fff3}a.community-open-btn:hover{opacity:1}.community-open-btn:disabled{opacity:.6;cursor:not-allowed}.community-btn-emoji{font-size:1.1em;line-height:1}.community-card:first-of-type .community-open-btn{padding:10px 12px;font-size:12px;font-weight:600}.community-card:first-of-type .community-open-btn .community-btn-emoji{font-size:1.05em}.home-dm-layout{grid-template-columns:280px minmax(0,1fr);gap:10px;min-height:420px;display:grid}.home-dm-list{border:var(--border-subtle);border-radius:var(--border-radius-sm);overflow:auto}.home-dm-item{width:100%;color:inherit;border:none;border-top:var(--border-subtle);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:9px 10px;display:flex}.home-dm-item:hover{background:#ffffff0d}.home-dm-item.active{background:#e9456029}.home-dm-chat{border:var(--border-subtle);border-radius:var(--border-radius-sm);flex-direction:column;min-height:0;display:flex}.home-dm-toolbar{border-bottom:var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.home-dm-toolbar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:12px;font-weight:700}.home-dm-search-input{background:var(--bg-input);width:280px;max-width:45%;color:var(--text-primary);border-radius:var(--border-radius-sm);border:1px solid #ffffff1a;outline:none;padding:7px 10px;font-size:12px}.home-dm-messages{flex:1;min-height:0;padding:10px;overflow:auto}.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:#ffffff0d}.dm-item.active{background:#e945602b}.dm-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;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{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.dm-msg-btn:hover{color:var(--text-primary);background:#ffffff0f}.dm-msg-btn.danger{color:var(--text-danger)}.dm-edit-row{flex-shrink:0;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;height:20px;min-height:20px;margin:0;display:flex}.dm-edit-row input,.dm-edit-row .home-search{box-sizing:border-box;border-radius:var(--border-radius-sm);border:none;outline:none;flex:1 1 0;width:0;min-width:0;max-width:100%;height:20px;min-height:20px;padding:2px 8px;font-size:14px;line-height:1.4;box-shadow:inset 0 0 0 1px #ffffff1a}.dm-edit-row input:focus,.dm-edit-row .home-search:focus{box-shadow:inset 0 0 0 1px #fff3}.dm-edit-row .dm-msg-btn{border:none;flex-shrink:0;width:20px;min-width:20px;height:20px;min-height:20px;padding:2px}.dm-attachments{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.dm-attachment-link{color:var(--text-link);border:var(--border-subtle);border-radius:var(--border-radius-sm);background:#ffffff0a;padding:4px 6px;font-size:12px;text-decoration:none}.chat-image-link{border:var(--border-subtle);border-radius:8px;display:inline-flex;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}.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:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:32px;display:inline-flex}.chat-image-preview-close:hover{color:var(--text-primary);background:#ffffff1a}.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{aspect-ratio:16/9;object-fit:cover;background:0 0;width:min(320px,52vw);max-width:min(320px,52vw);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;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.dm-attach-btn:hover{color:var(--text-primary);background:#ffffff0f}.dm-draft-attachments{flex-wrap:nowrap;gap:8px;margin:0 8px 8px;padding:0 0 2px;display:flex;overflow:auto hidden}.dm-draft-attachment{min-height:38px;color:var(--text-secondary);background:#0f1d34d6;border:1px solid #7cabff2e;border-radius:8px;flex:none;align-items:center;gap:8px;max-width:min(340px,78vw);padding:7px 8px 7px 10px;font-size:12px;display:inline-flex;box-shadow:0 8px 18px #00000029}.dm-draft-attachment.is-uploaded{background:#0b2d23b8;border-color:#52c48e57}.dm-draft-attachment.is-uploading{border-color:#7cabff4d}.dm-draft-attachment.is-failed{color:#ffd8df;background:#3a121fc7;border-color:#ff6f6f7a}.dm-draft-attachment-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.dm-draft-attachment-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dm-draft-attachment-state{width:fit-content;color:var(--text-muted);background:#ffffff0f;border-radius:999px;padding:1px 6px;font-size:11px}.dm-draft-attachment-state.is-uploaded{color:#9be7bd;background:#52c48e24}.dm-draft-attachment-state.is-failed{color:#ffb8c2;background:#ff6f6f29}.dm-draft-attachment-retry{appearance:none;color:#ffd8df;cursor:pointer;background:#ff6f6f1f;border:1px solid #ffb8c247;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.dm-draft-attachment-retry:hover{background:#ff6f6f33;border-color:#ffb8c280}.dm-draft-attachment .dm-msg-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;width:24px;height:24px}.dm-draft-attachment.is-failed .dm-msg-btn{color:#ffd8df;border-color:#ffb8c238}.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}.callbar-overlay:after{content:"";top:-1px;right:calc(-1 * var(--member-sidebar-width));width:var(--member-sidebar-width);background:var(--bg-surface);border-top:var(--border-subtle);border-left:var(--border-subtle);pointer-events:none;height:80px;position:absolute}.callbar-overlay>*{pointer-events:auto}.callbar-overlay .callbar-wrap{width:100%;position:static}.callbar-overlay .active-call-bar{max-width:600px;margin:0 auto}.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;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;pointer-events:none;grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:minmax(180px,1fr);align-content:stretch;place-items:stretch stretch;gap:12px;display:grid;position:fixed}.screen-share-preview{pointer-events:auto;border:1px solid #ffffff1a;border-radius:10px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;background:#000!important}.screen-share-preview video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.screen-share-preview camera-preview video{object-fit:cover}.screen-share-preview video:fullscreen{object-fit:contain;background:#000;width:100vw;height:100vh}.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{border-color:#7289da73}.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-preview:fullscreen{background:#000;border:none;border-radius:0;width:100vw;height:100vh}.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%);padding:10px 12px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.screen-share-info-text{color:#fffffff2;text-shadow:0 1px 2px #000c;font-size:12px;font-weight:600}.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}@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:clamp(180px,28vh,340px);display:flex}.voice-stage-avatar{background:var(--accent-gradient);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;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-name{color:var(--text-primary);transition:color var(--transition-fast), text-shadow var(--transition-fast);font-size:14px;font-weight:600}.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{box-shadow:0 8px 22px #00000047}.voice-stage-hidden-media-tile{min-height:clamp(150px,22vh,260px);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-icon{color:#cbd5f5e6;background:#607ab129;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-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{color:#dbeafef2;cursor:pointer;background:#3b82f624;border:1px solid #60a5fa5c;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:#3b82f638;border-color:#93c5fd7a}.active-call-bar{-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}.callbar-status-left{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;display:flex;overflow:hidden}.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{cursor:pointer;text-align:left;width:auto;min-width:0;max-width:100%;font:inherit;color:#a0b0d2eb;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;flex:auto;padding:0 2px;text-decoration:none;transition:all .15s;display:block;overflow:hidden}.active-call-title-btn:hover{color:var(--text-primary)}.active-call-title-btn:focus-visible{outline:2px solid var(--text-link);outline-offset:2px;border-radius:2px}.active-call-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;font-size:12px;font-weight:600;display:flex;overflow:hidden}.active-call-subtitle:before{content:"";background:#ffffff4d;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-flex}.active-call-subtitle.is-connected{color:var(--text-positive);text-shadow:0 0 16px #43b58140;font-weight:700}.active-call-subtitle.is-connecting{color:var(--text-warning);font-weight:700}.active-call-subtitle.is-offline{color:var(--text-muted);font-weight:700}.active-call-subtitle.is-connected:before{background:var(--text-positive);box-shadow:0 0 8px #43b58166}.active-call-subtitle.is-connecting:before{background:var(--text-warning);box-shadow:0 0 8px #faa61a59}.active-call-subtitle.is-offline:before{background:var(--text-muted);box-shadow:none}.active-call-subtitle-wrap{background:0 0;border-radius:6px;flex:none;align-items:center;gap:4px;min-width:84px;max-width:96px;padding:4px 7px;display:inline-flex;overflow:hidden}.active-call-subtitle-wrap.is-connecting,.active-call-subtitle-wrap.is-offline{background:0 0}.active-call-subtitle-right{justify-content:flex-end;margin-left:auto}.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-ping{letter-spacing:.02em;color:var(--text-secondary);font-size:11px;font-weight:700}.callbar-ping.is-good{color:var(--text-positive)}.callbar-ping.is-mid{color:var(--text-warning)}.callbar-ping.is-bad{color:var(--text-danger)}.callbar-inline-stats-sep{color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:500}.callbar-inline-mode{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;font-weight:600;overflow:hidden}.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:all .18s;display:inline-flex;position:relative}.callbar-control-btn:disabled{cursor:not-allowed;opacity:.45}.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}.typing-dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px;animation:1.4s infinite pulse}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.loading-screen{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100vh;display:flex}.loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:14px}.invite-code-box{background:var(--bg-input);border-radius:var(--border-radius-sm);align-items:center;gap:8px;margin-top:8px;padding:12px;display:flex}.invite-code-box code{font-family:var(--font-mono);color:var(--accent-primary);letter-spacing:1px;flex:1;font-size:16px;font-weight:600}.invite-code-box .copy-btn,.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}.invite-code-box .copy-btn:hover,.copy-btn:hover{background:var(--accent-primary-hover)}.invite-unified-box{background:var(--bg-input);border-radius:var(--border-radius-sm);margin-top:8px;padding:12px 14px}.invite-unified-row{font-family:var(--font-primary);color:var(--accent-primary);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-code{color:var(--text-secondary);margin-bottom:10px;font-size:13px}.invite-unified-code code{color:var(--accent-primary);margin-left:4px}.invite-unified-label{font-family:var(--font-sans);color:var(--text-muted);font-weight:500}.invite-unified-actions{flex-wrap:wrap;gap:8px;display:flex}.invite-unified-actions .copy-btn{padding:6px 12px;font-size:12px;font-weight:600}.invite-unified-hint{color:var(--text-muted);margin:8px 0 0;font-size:12px}.server-settings-icon-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-wrap:nowrap;align-items:center;gap:14px;padding:8px 10px;display:flex}.server-settings-icon-tile{background:linear-gradient(#ffffff12,#ffffff08);border-radius:18px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.server-settings-icon-preview{border-radius:inherit;object-fit:cover;flex-shrink:0;width:100%;height:100%;box-shadow:0 10px 24px #00000047}.server-settings-icon-placeholder{border-radius:inherit;border:var(--border-subtle);width:100%;height:100%;color:var(--text-primary);background:linear-gradient(145deg,#ffffff1a,#ffffff0a);justify-content:center;align-items:center;font-size:24px;font-weight:800;display:inline-flex}.server-settings-icon-meta{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.server-settings-icon-copy{flex-direction:column;gap:0;min-width:0;display:flex}.server-settings-icon-copy strong{color:var(--text-primary);font-size:14px}.server-settings-icon-copy span{color:var(--text-muted);font-size:12px}.modal-server-settings{background:radial-gradient(130% 130% at 0% 0%, #5291e124 0%, transparent 52%), radial-gradient(120% 120% at 100% 100%, #2eb48614 0%, transparent 48%), color-mix(in srgb, var(--bg-surface) 94%, #0f1728 6%);border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;width:min(96vw,1120px);max-width:1120px;height:min(85vh,760px);max-height:85vh;display:flex;overflow:hidden;box-shadow:0 28px 64px #00000085}.server-settings-header{border-bottom:var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff0b 0%,#fff0 100%);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;border-radius:14px;flex-shrink:0;width:52px;height:52px;box-shadow:0 8px 24px #00000057}.server-settings-header__icon--placeholder{border:var(--border-subtle);color:var(--text-primary);background:linear-gradient(145deg,#ffffff1f,#ffffff0a);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);margin:0;font-size:12px}.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{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:#ffffff08;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:#ffffff1a}.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{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#7aaae75c transparent;background:linear-gradient(#ffffff0e,#ffffff04),#0c12288a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;min-height:0;max-height:100%;padding:14px 10px 12px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffff0d}.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 #ffffff14;flex-direction:column;gap:4px;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{color:var(--text-primary);font-size:15px;line-height:1.2}.server-settings-nav__hint{color:var(--text-secondary);font-size:12px;line-height:1.45}.server-settings-nav__item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);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;display:flex}.server-settings-nav__icon{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.server-settings-nav__copy,.server-settings-nav__content{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__caption{color:var(--text-muted);font-size:11px;line-height:1.35}.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){color:var(--text-primary);background:#ffffff0d}.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{color:var(--text-primary);background:linear-gradient(#5291e12e,#5291e11a);border-color:#7aaae752;box-shadow:inset 0 0 0 1px #7aaae738}.server-settings-nav__item--active .server-settings-nav__icon{background:#5291e12e;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{width:100%;min-width:0;color:var(--text-primary);background:#050c1cad;border:1px solid #ffffff24;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{background:#0000001f;border:1px solid #ffffff1a;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{width:18px;height:18px;color:var(--text-muted);border:1px solid #ffffff29;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{background:#0000001f;border:1px solid #ffffff1a;border-radius:10px;min-width:0;padding:10px 12px}.channel-permission-scope{gap:6px;margin-bottom:10px;display:inline-flex}.channel-permission-scope-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;padding:5px 9px;font-size:12px}.channel-permission-scope-btn.is-active{color:var(--text-primary);background:#5291e138;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 #ffffff14;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{background:#ffffff0a;border:1px solid #ffffff1f;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 #ffffff1a}.channel-perm-btn:hover{color:var(--text-primary);background:#ffffff14}.channel-perm-btn.is-denied{color:#ffd2d8;background:#f047473d}.channel-perm-btn.is-inherit{color:#d6e7ff;background:#5291e138}.channel-perm-btn.is-allowed{color:#d9ffe8;background:#31bf8347}.channel-settings-actions{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;padding-top:10px;display:flex}.server-settings-content{background:linear-gradient(#ffffff0b,#ffffff05),#1119317a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;min-width:0;height:100%;min-height:0;max-height:none;padding:12px 14px 14px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffff0a}.user-profile-preview-actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.user-profile-preview-actions .account-action-btn{width:auto;min-width:96px;padding-inline:12px}.server-settings-section-intro{background:radial-gradient(120% 140% at 0 0,#5291e11f 0%,#0000 52%),#ffffff06;border:1px solid #ffffff14;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{background:#ffffff0d;border:1px solid #ffffff14;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__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{background:linear-gradient(#080f2057,#080f2038);border:1px solid #ffffff1a;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{background:linear-gradient(#ffffff0f,#ffffff06);border:1px solid #ffffff14;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,.server-roles-studio__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-studio__title,.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-studio__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__code-row{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.server-overview-invite__code-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.server-overview-invite__code-pill{color:#dfeaff;background:#5291e11f;border:1px solid #7aaae73d;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.server-overview-invite__body{background:#00000029;border:1px solid #ffffff14;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:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:8px;padding:12px 12px 10px;box-shadow:0 12px 30px #0003}.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:#080e1e52;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;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:7px 11px;font-size:13px;font-weight:700;display:inline-flex}.server-settings-subnav__item:hover{color:var(--text-primary);background:#ffffff0d}.server-settings-subnav__item--active{color:#eaf2ff;background:#5291e129;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{color:var(--text-muted);background:#ffffff05;border:1px dashed #ffffff1f;border-radius:12px;padding:18px 16px;font-size:13px;line-height:1.5}.server-settings-audit-list{background:#0000001a;border:1px solid #ffffff14;border-radius:10px;flex:auto;min-height:0;font-size:12px;overflow-y:auto}.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{color:var(--text-muted)}.server-settings-audit-row__time{white-space:nowrap;font-size:11px}.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{background:linear-gradient(#080f204d,#080f2033);border:1px solid #ffffff1a;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{background:linear-gradient(#0c162a8a,#0b13255c);border:1px solid #ffffff14;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 12px;display:grid;overflow:clip;box-shadow:inset 0 1px #ffffff08}.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 #ffffff1f;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.server-report-status.is-open{color:#ffd76d;background:#ffd76d24;border-color:#ffd76d42}.server-report-status.is-resolved{color:#8fe6bc;background:#38bd8d24;border-color:#38bd8d3d}.server-report-reason{color:var(--text-secondary)}.server-report-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.server-report-tag{min-height:24px;color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff1a;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);white-space:nowrap;text-overflow:ellipsis;background:#ffffff06;border:1px solid #ffffff12;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{background:linear-gradient(#080f2057,#080f2038);border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.server-settings-subcard__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin:0 0 2px;font-size:11px}.server-settings-subcard-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.server-settings-subcard__hint{max-width:420px;color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:1.5}.server-settings-subcard-badge{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;padding:6px 9px;font-size:10px;font-weight:700}.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:#ffffff06;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}.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{background:#ffffff08;border:1px solid #ffffff17;border-radius:8px;min-height:32px;padding:7px 9px}.server-settings-overview-actions{justify-content:flex-end;margin-top:8px;display:flex}.server-settings-icon-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.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;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:9px;font-weight:600}.modal-server-settings input:not([type=checkbox]):not([type=color]),.modal-server-settings select,.modal-server-settings textarea{color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background-color:#080e1eb8;border:1px solid #8fabde29;border-radius:8px;box-shadow:inset 0 1px #ffffff08}.modal-server-settings input:not([type=checkbox]):not([type=color]):focus,.modal-server-settings select:focus,.modal-server-settings textarea:focus{background-color:#0a1226e0;border-color:#7aaae780;box-shadow:0 0 0 3px #5291e11f}.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{color:var(--text-muted);background:#ffffff1a;border-color:#ffffff24}.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:linear-gradient(#f0474714,#f047470a);border-color:#f0474747}.server-settings-card--roles{flex-direction:column;flex:auto;min-height:0;margin-bottom:0;display:flex}.server-settings-card__title--danger{color:var(--text-danger)}.server-roles-studio{flex-direction:column;gap:12px;display:flex}.server-roles-studio__head{background:linear-gradient(#ffffff0b,#ffffff05);border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.server-roles-studio__copy{flex-direction:column;gap:4px;display:flex}.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{background:linear-gradient(#ffffff0b,#ffffff05);border:1px solid #ffffff14;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{background:linear-gradient(#ffffff0b,#ffffff05);border:1px solid #ffffff14;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 #ffffff1a;border-radius:12px;padding:16px;font-size:13px}.server-rule-item{background:#0000001f;border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.server-rule-item__number{width:24px;height:24px;color:var(--text-primary);background:#5291e133;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{width:100%;color:var(--text-primary);resize:vertical;background:#0003;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.5}.server-rule-textarea:focus{border-color:#5291e180;outline:none;box-shadow:0 0 0 2px #5291e126}.server-rule-item__actions{gap:8px;margin-top:8px;display:flex}.server-rules-add{background:#ffffff05;border:1px dashed #ffffff1f;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{background:#0000001f;border:1px solid #ffffff1a;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);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:10px;padding:9px 10px;font-size:13px;font-weight:600}.server-role-list-item:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1f}.server-role-list-item--active{color:var(--text-primary);background:linear-gradient(#5291e138,#5291e11f);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{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:14px;height:100%;min-height:432px;padding:14px}.server-role-editor-empty{background:linear-gradient(#ffffff09,#ffffff04);border:1px dashed #ffffff24;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{cursor:pointer;background:#080e1eb8;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{background:#0000001f;border:1px solid #ffffff1a;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;background:0 0;border-top:1px solid #ffffff14;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;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)}@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-nav__caption{display:none}.server-settings-icon-row{flex-wrap:wrap;align-items:flex-start}.server-settings-content{height:auto;max-height:calc(92vh - 210px);padding:12px}.server-settings-overview-shell{grid-template-columns:1fr}.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-nav__caption{display:none}.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-icon-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-icon-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__code-row{gap:6px}.server-overview-invite__code-pill{min-height:28px;padding:0 9px;font-size:13px}.server-overview-invite__body{padding:8px 9px}.server-settings-note,.server-settings-subcard__hint,.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,.server-settings-subcard-head{gap:8px}.server-roles-studio,.server-roles-sidebar-shell,.server-roles-detail{gap:10px}.server-roles-studio__head,.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,.server-roles-studio__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-settings-footer{border-top:var(--border-subtle);background:#0003;flex-shrink:0;padding:14px 20px 20px}.server-settings-footer-hint{color:var(--text-muted);margin:0 0 10px;font-size:11px}.server-settings-footer-actions{justify-content:flex-end;gap:10px;display:flex}.server-settings-danger-zone{border-top:1px solid #ffffff1f;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px;padding-top:12px;display:flex}.server-welcome-guide{background:linear-gradient(135deg,#314174b8,#18373dad);border:1px solid #7ca7ec33;border-radius:8px;margin:16px 16px 0;padding:16px;position:relative;box-shadow:0 18px 40px #00000038}.server-welcome-guide__dismiss{color:#eef3ffc7;cursor:pointer;background:#05081247;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;top:10px;right:10px}.server-welcome-guide__dismiss:hover{color:#fff;border-color:#ffffff3d}.server-welcome-guide__copy{max-width:760px;padding-right:36px}.server-welcome-guide__eyebrow{color:#77e0bd;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.server-welcome-guide__copy h2{color:#fff;margin:6px 0 0;font-size:22px;line-height:1.18}.server-welcome-guide__copy p{color:#e5eeffdb;margin:8px 0 0;font-size:14px;line-height:1.5}.server-welcome-guide__tasks,.server-welcome-guide__channels{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.server-welcome-guide__task,.server-welcome-guide__channel{color:#eef3ffeb;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-flex}.server-welcome-guide__task svg{color:#77e0bd;flex-shrink:0}.server-welcome-guide__channel{cursor:pointer}.server-welcome-guide__channel:hover{background:#ffffff1a;border-color:#7ca7ec57}.onboarding-settings-layout{flex-direction:column;gap:16px;display:flex}.onboarding-enable-row{cursor:pointer;background:#ffffff06;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}.onboarding-settings-section__head strong{color:var(--text-primary)}.onboarding-channel-picker{flex-wrap:wrap;gap:8px;display:flex}.onboarding-channel-option{min-height:34px;color:var(--text-secondary);cursor:pointer;background:#ffffff06;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{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);background:#080e1eb8;border:1px solid #8fabde29;border-radius:8px;outline:none;padding:9px 11px;font-size:13px}.onboarding-task-row input:focus{background:#0a1226e0;border-color:#7aaae780;box-shadow:0 0 0 3px #5291e11f}.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}.server-danger-link{color:#ff6b7a;cursor:pointer;background:0 0;border:none;padding:2px 0 0;font-size:12px;font-weight:600}.server-danger-link:hover{color:#ff8894;text-decoration:underline}@media (width<=700px){.server-welcome-guide{margin:12px 10px 0;padding:14px}.server-welcome-guide__copy h2{font-size:19px}.server-welcome-guide__tasks,.server-welcome-guide__channels{gap:6px}.server-welcome-guide__task,.server-welcome-guide__channel{justify-content:flex-start;width:100%}.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}.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{color:var(--text-muted);background:#ffffff14;border-color:#ffffff24}.voice-join-modal{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 92%, #2b3f73 8%), var(--bg-surface));border:1px solid #ffffff1a;border-radius:14px;max-width:420px;padding:22px;box-shadow:0 18px 40px #00000073}.voice-join-modal h2{letter-spacing:.01em;margin-bottom:8px;font-size:21px}.voice-join-modal-desc{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.5}.voice-join-remember{color:var(--text-secondary);-webkit-user-select:none;user-select:none;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 12px;display:flex}.voice-join-remember:hover{background:#ffffff0d;border-color:#ffffff24}.voice-join-remember input[type=checkbox]{accent-color:#67cf9d;cursor:pointer;width:16px;height:16px}.voice-join-hint{color:var(--text-muted);margin:-8px 2px 14px;font-size:12px;line-height:1.35}.voice-join-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.voice-join-btn{border-radius:9px;justify-content:center;align-items:center;min-height:38px;display:inline-flex}.voice-join-btn-primary{color:#0d2219;background:linear-gradient(#82d6a9 0%,#67cf9d 100%)}.voice-join-btn-primary:hover:not(:disabled){background:linear-gradient(#90dcaf 0%,#73d5a3 100%);box-shadow:0 6px 16px #67cf9d59}.voice-join-btn-primary:disabled{color:var(--text-muted);background:#ffffff1f}@media (width<=500px){.voice-join-modal{width:calc(100vw - 24px);max-width:100%;padding:18px}.voice-join-actions{grid-template-columns:1fr}}.server-icon-action{text-align:center;text-transform:none;letter-spacing:0;justify-content:center;align-items:center;min-width:84px;height:34px;line-height:1;display:inline-flex}.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:#11192ef7;border:1px solid #ffffff1f;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{color:var(--text-primary);background:#ffffff14}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)}@media (width<=700px){: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-user>span{max-width:120px;font-size:12px}.shell-user,.shell-topbar-right{gap:6px}.core-pillars,.voice-focus-grid{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}.shell-topbar-right{flex:none;justify-content:flex-end;width:auto;min-width:36px;margin-left:auto;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-notification-cta{align-items:flex-start;gap:10px;padding:10px}.shell-notification-cta-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.shell-notification-cta-dismiss,.shell-notification-cta-enable{height:30px;padding:0 10px}.shell-topbar-toggle{flex-shrink:0;display:inline-flex}.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-dm-section{gap:8px;padding:0 4px 8px}.unified-sidebar-section-label,.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));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{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}.channel-header-copy{flex:auto;gap:6px;min-width:0}.channel-description{max-width:100%;font-size:11px}.channel-description-separator{height:14px}.chat-header-right{flex:0 auto;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-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-requests-hint{padding:0 12px 12px;font-size:11px}.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:40px;padding:0 12px}.social-dm-item{min-height:42px;padding-top:10px;padding-bottom:10px}.home-search{min-height:40px}.channel-create-btn{min-height:34px;padding:0 12px}.chat-header-pinned-wrap{display:none}.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));z-index:2601;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#252d54fb;border:1px solid #ffffff14;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{z-index:2;background:#ffffff05;border-bottom:1px solid #ffffff14;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{color:var(--text-secondary);background:#ffffff0f;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{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:2;pointer-events:auto;background:#ffffff0a;border:1px solid #ffffff14;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{letter-spacing:.06em;background:#ffffff0d;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{color:var(--text-muted);opacity:1;background:#ffffff0a}.member-sidebar--sheet .member-item{cursor:pointer;pointer-events:auto;background:#ffffff09;border:1px solid #ffffff0d;border-radius:12px;gap:10px;padding:8px 10px}.member-sidebar--sheet .member-item:hover{background:#ffffff0e;border-color:#ffffff14}.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;font-size:17px;box-shadow:0 0 0 1px #ffffff14}.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:#d9e1f6c7;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}.callbar-overlay:after{display:none}.callbar-overlay .active-call-bar{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));overscroll-behavior:contain;grid-auto-rows:minmax(0,1fr);align-content:stretch;justify-items:stretch;gap:8px;padding:0;overflow:hidden}.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-hidden-media-icon{width:34px;height:34px}.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}.active-call-bar{border-radius:12px;gap:5px;width:100%;max-width:100%;min-height:42px;padding:6px}.callbar-status{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 .active-call-bar{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}.active-call-bar .call-control-btn,.active-call-bar .call-control-btn-danger{border-radius:8px;width:22px;min-width:22px;height:22px;min-height:22px}.callbar-control-btn,.callbar-control-btn.danger{width:30px;min-width:30px;height:30px}.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){overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow:hidden auto}.home-main:not(.home-main-dm) .social-content{min-height:max-content;padding-bottom:calc(12px + var(--mobile-bottom-dock-height) + env(safe-area-inset-bottom,0px));flex:none;overflow:visible}.home-friends-scroll{scrollbar-gutter:auto;padding-bottom:16px}.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{min-width:88px;height:28px;padding:0 10px;font-size:11px;bottom:calc(100% + 6px);right:8px}.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{min-height:48px;padding:0 12px}.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:none;max-height:calc(100vh - 32px);margin:0 auto;overflow-y:auto}.modal-compact-mobile{border-radius:14px;width:min(340px,100vw - 28px);max-width:min(340px,100vw - 28px);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,.voice-join-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:18px 18px 12px}.user-settings-header h2{font-size:17px}.user-settings-body{flex-direction:column;display:flex}.user-settings-nav{border-bottom:1px solid #ffffff14;border-right:0;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:42px;justify-content:stretch;gap:8px;padding:10px 14px;display:grid;overflow:visible}.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__content,.server-settings-nav__label,.channel-settings-nav-title,.server-settings-card,.server-settings-subcard,.channel-settings-card,.server-overview-invite__body,.server-overview-invite__code-pill,.server-settings-note,.server-settings-subcard__hint,.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-overview-invite__code-pill,.server-settings-note,.server-settings-subcard__hint,.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-card{flex-wrap:wrap;align-items:flex-start}.user-profile-preview-meta{flex:calc(100% - 78px)}.profile-status-actions{gap:4px;width:100%}.profile-status-btn{flex:1 1 0;padding:0 6px;font-size:10px}.user-profile-preview-actions{justify-content:stretch;width:100%;margin-left:0}.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;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:108px;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:blur(6px);backdrop-filter:blur(6px);opacity:1;background:#0e1424b8;border-radius:8px;gap:2px;width:max-content;margin-left:0;padding:1px 3px;position:absolute;top:0;right:0;transform:none}.message.message-compact .message-inline-actions{margin-bottom:0;position:absolute;top:2px;right:0;transform:none}.message-inline-action-btn{padding:4px}.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}.message-inline-actions .message-inline-action-btn--pin,.message-inline-actions .message-inline-action-btn--report,.message-inline-actions .message-inline-action-btn--edit{display:none}.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}}@media (width>=701px) and (width<=1180px){.shell-quick-switch-btn{width:calc(var(--member-sidebar-width) - 12px);max-width:calc(var(--member-sidebar-width) - 12px);flex-basis:calc(var(--member-sidebar-width) - 12px)}.shell-quick-switch-shortcut{display:none}}@media (width<=700px) and (height<=760px){.screen-share-stage{top:112px;bottom:calc(var(--mobile-bottom-dock-height) + 12px + env(safe-area-inset-bottom,0px));grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:6px;overflow:hidden}.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 #ffffff1a;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)}.connection-gate-api{color:var(--text-muted);font-size:11px;font-family:var(--font-mono,monospace);word-break:break-all}.chat-link{color:var(--text-link);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.chat-link:hover{text-decoration:underline}