@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{color-scheme:dark;--bg-primary: #1e1f22;--bg-secondary: #2b2d31;--bg-tertiary: #313338;--bg-modifier-hover: #35373c;--bg-modifier-active: #404249;--bg-accent: #4f545c;--bg-floating: #111214;--bg-elevated: #ffffff;--bg-black: #000000;--bg-page-deep: #232428;--bg-auth-start: #111214;--bg-surface-dark: #0b0c0f;--brand-primary: #5865f2;--brand-hover: #4752c4;--brand-active: #3c45a5;--brand-soft: rgba(88, 101, 242, .18);--brand-softer: rgba(88, 101, 242, .12);--brand-faint: rgba(88, 101, 242, .08);--brand-muted: rgba(88, 101, 242, .28);--brand-strong: #7289da;--brand-focus: rgba(88, 101, 242, .3);--brand-pulse: rgba(88, 101, 242, .7);--brand-pulse-clear: rgba(88, 101, 242, 0);--status-online: #3ba55d;--status-online-bright: #57f287;--status-online-hover: #2d7d46;--status-online-call: #23a55a;--status-online-soft: rgba(87, 242, 135, .12);--status-online-pulse: rgba(87, 242, 135, .7);--status-online-pulse-clear: rgba(87, 242, 135, 0);--status-idle: #faa61a;--status-dnd: #ed4245;--status-danger: #ed4245;--status-danger-hover: #c03537;--status-danger-text: #ffb6b8;--status-danger-soft: rgba(237, 66, 69, .12);--status-danger-faint: rgba(237, 66, 69, .1);--status-danger-border: rgba(237, 66, 69, .3);--status-danger-pulse: rgba(237, 66, 69, .7);--status-danger-pulse-clear: rgba(237, 66, 69, 0);--status-dnd-soft: rgba(237, 66, 69, .16);--status-dnd-faint: rgba(237, 66, 69, .1);--status-dnd-border: rgba(237, 66, 69, .3);--status-offline: #80848e;--warning-accent: #fee75c;--warning-bg-faint: rgba(250, 166, 26, .08);--warning-bg-soft: rgba(250, 166, 26, .12);--warning-bg: rgba(250, 166, 26, .18);--warning-bg-strong: rgba(250, 166, 26, .22);--warning-bg-muted: rgba(250, 166, 26, .3);--text-white: #ffffff;--text-inverse: var(--bg-elevated);--text-normal: #dcddde;--text-muted: #949ba4;--text-link: #00a8fc;--text-positive: var(--status-online);--text-danger: var(--status-dnd);--text-header: #f2f3f5;--text-subtle: #b5bac1;--text-mention: #c9cdfb;--text-disabled: rgba(255, 255, 255, .4);--channel-icon: var(--status-offline);--channel-text-area: #383a40;--transparent: transparent;--border-subtle: var(--bg-modifier-active);--border-strong: #4f545c;--border-muted: rgba(79, 84, 92, .48);--border-dark-subtle: rgba(0, 0, 0, .1);--border-dark: rgba(0, 0, 0, .2);--border-dark-strong: rgba(0, 0, 0, .24);--border-dark-focus: rgba(0, 0, 0, .3);--bg-modifier-hover-alpha: rgba(79, 84, 92, .4);--bg-modifier-active-alpha: rgba(79, 84, 92, .6);--bg-modifier-disabled-alpha: rgba(79, 84, 92, .5);--scrollbar-thin-thumb: #1a1b1e;--scrollbar-thin-track: var(--bg-secondary);--elevation-low: 0 1px 0 var(--overlay-subtle), 0 1.5px 0 rgba(0,0,0,.05), 0 2px 0 rgba(0,0,0,.05);--elevation-high: 0 8px 16px var(--border-dark-strong);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .2);--shadow-toast-alpha: rgba(0, 0, 0, .25);--shadow-modal-alpha: rgba(0, 0, 0, .2);--shadow-drag-alpha: rgba(0, 0, 0, .3);--shadow-panel-alpha: var(--overlay-muted);--shadow-popover-alpha: var(--overlay-dark);--shadow-toast: 0 4px 12px var(--shadow-toast-alpha);--shadow-modal: 0 8px 24px var(--shadow-modal-alpha);--shadow-popover: 0 8px 24px var(--overlay-dark);--shadow-panel: 0 8px 16px var(--overlay-muted);--shadow-drag: 0 8px 24px var(--shadow-drag-alpha);--shadow-small: 0 2px 4px var(--shadow-modal-alpha);--shadow-button: 0 4px 6px var(--shadow-drag-alpha);--shadow-button-hover: 0 6px 8px var(--overlay-muted);--shadow-drawer: 8px 0 28px rgba(0, 0, 0, .34);--shadow-side-panel: -8px 0 24px var(--border-dark-strong);--overlay-modal: rgba(0, 0, 0, .7);--overlay-image: rgba(0, 0, 0, .65);--overlay-dark: rgba(0, 0, 0, .5);--overlay-muted: rgba(0, 0, 0, .35);--overlay-hover: rgba(0, 0, 0, .3);--overlay-subtle: rgba(0, 0, 0, .2);--overlay-faint: rgba(0, 0, 0, .06);--overlay-clear: rgba(0, 0, 0, 0);--overlay-backdrop: rgba(0, 0, 0, .45);--tooltip-bg: #111214;--tooltip-fg: #f2f3f5;--tooltip-shadow: 0 8px 16px rgba(0, 0, 0, .32);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-round: 50%;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--voice-green: var(--status-online);--voice-red: var(--status-dnd);--avatar-1: var(--brand-primary);--avatar-2: var(--status-online-bright);--avatar-3: #faa61a;--avatar-4: #eb459e;--avatar-5: var(--status-danger);--avatar-6: #00a8fc;--avatar-7: #43b581;--avatar-8: #9b84ee;--avatar-9: #f47fff;--avatar-10: #ff8f5f;--avatar-11: #2dd4bf;--avatar-12: #facc15;--avatar-13: #38bdf8;--avatar-14: #a78bfa;--avatar-15: #fb7185;--avatar-16: #22c55e;--theme-preview-black-sidebar: #08090b;--theme-preview-black-primary: #111214;--theme-preview-black-secondary: #16181d;--theme-preview-gray-sidebar: #2b2d31;--theme-preview-gray-primary: #1e1f22;--theme-preview-gray-secondary: #313338;--theme-preview-light-sidebar: #f2f3f5;--theme-preview-light-primary: #ffffff;--theme-preview-light-secondary: #e9ebee}[data-theme=black]{--bg-primary: #0b0c0f;--bg-secondary: #111214;--bg-tertiary: #16181d;--bg-modifier-hover: #202329;--bg-modifier-active: #292d35;--bg-accent: #3a3f49;--bg-floating: #060708;--bg-page-deep: #050608;--bg-auth-start: #020305;--bg-surface-dark: #000000;--brand-soft: rgba(88, 101, 242, .2);--brand-softer: rgba(88, 101, 242, .14);--brand-faint: rgba(88, 101, 242, .09);--brand-muted: rgba(88, 101, 242, .32);--text-normal: #e7e9ee;--text-muted: #8b929f;--text-header: #ffffff;--text-subtle: #c5cad3;--text-mention: #d7dbff;--text-disabled: rgba(255, 255, 255, .34);--channel-text-area: #1b1d23;--border-strong: #3a3f49;--border-muted: rgba(80, 88, 103, .56);--border-dark-subtle: rgba(0, 0, 0, .24);--border-dark: rgba(0, 0, 0, .34);--border-dark-strong: rgba(0, 0, 0, .45);--border-dark-focus: rgba(0, 0, 0, .5);--bg-modifier-hover-alpha: rgba(80, 88, 103, .32);--bg-modifier-active-alpha: rgba(80, 88, 103, .5);--bg-modifier-disabled-alpha: rgba(80, 88, 103, .42);--scrollbar-thin-thumb: #050608;--overlay-modal: rgba(0, 0, 0, .78);--overlay-image: rgba(0, 0, 0, .72);--overlay-dark: rgba(0, 0, 0, .62);--overlay-muted: rgba(0, 0, 0, .48);--overlay-hover: rgba(0, 0, 0, .38);--overlay-subtle: rgba(0, 0, 0, .3);--overlay-faint: rgba(0, 0, 0, .1);--overlay-backdrop: rgba(0, 0, 0, .62)}[data-theme=light]{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f2f3f5;--bg-tertiary: #e9ebee;--bg-modifier-hover: #dde1e6;--bg-modifier-active: #d0d6dd;--bg-accent: #b5bdc8;--bg-floating: #ffffff;--bg-page-deep: #dfe3e8;--bg-auth-start: #f8f9fb;--bg-surface-dark: #d8dde5;--brand-soft: rgba(88, 101, 242, .14);--brand-softer: rgba(88, 101, 242, .1);--brand-faint: rgba(88, 101, 242, .07);--brand-muted: rgba(88, 101, 242, .22);--brand-focus: rgba(88, 101, 242, .24);--text-normal: #2e3338;--text-muted: #6d747d;--text-header: #111214;--text-subtle: #4e555f;--text-mention: #3642ad;--text-disabled: rgba(46, 51, 56, .42);--channel-text-area: #ffffff;--border-strong: #b8c0cc;--border-muted: rgba(116, 127, 141, .32);--border-dark-subtle: rgba(116, 127, 141, .18);--border-dark: rgba(116, 127, 141, .24);--border-dark-strong: rgba(116, 127, 141, .28);--border-dark-focus: rgba(116, 127, 141, .36);--bg-modifier-hover-alpha: rgba(116, 127, 141, .16);--bg-modifier-active-alpha: rgba(116, 127, 141, .24);--bg-modifier-disabled-alpha: rgba(116, 127, 141, .18);--scrollbar-thin-thumb: #c2c8d0;--shadow-toast-alpha: rgba(17, 18, 20, .18);--shadow-modal-alpha: rgba(17, 18, 20, .16);--shadow-drag-alpha: rgba(17, 18, 20, .18);--overlay-modal: rgba(17, 18, 20, .48);--overlay-image: rgba(17, 18, 20, .56);--overlay-dark: rgba(17, 18, 20, .42);--overlay-muted: rgba(17, 18, 20, .22);--overlay-hover: rgba(17, 18, 20, .22);--overlay-subtle: rgba(116, 127, 141, .2);--overlay-faint: rgba(116, 127, 141, .08);--overlay-backdrop: rgba(17, 18, 20, .34);--status-danger-text: #9d2024;--status-dnd-soft: rgba(237, 66, 69, .12);--status-dnd-faint: rgba(237, 66, 69, .08);--warning-bg-faint: rgba(250, 166, 26, .1);--warning-bg-soft: rgba(250, 166, 26, .15);--warning-bg: rgba(250, 166, 26, .2);--warning-bg-strong: rgba(250, 166, 26, .28);--warning-bg-muted: rgba(250, 166, 26, .36)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.375}.app-snackbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:min(520px,calc(100vw - 32px));padding:12px 24px;border-radius:var(--radius-md);background-color:var(--status-danger);color:var(--text-white);box-shadow:var(--shadow-toast);z-index:10000;font-size:14px;font-weight:500;line-height:1.35;overflow-wrap:anywhere;animation:slideInUp .2s ease-out}.app-snackbar-success{background-color:var(--status-online)}.app-snackbar-info{background-color:var(--brand-primary)}.app-snackbar-warning{background-color:var(--status-idle);color:var(--bg-elevated)}.app-snackbar-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;border:2px solid currentColor;border-radius:50%;font-size:12px;font-weight:700;line-height:1}.app-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:16px;background-color:var(--overlay-modal);animation:fadeIn .15s ease-out}.app-confirm-dialog{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:24px;border-radius:var(--radius-md);background-color:var(--bg-primary);box-shadow:var(--shadow-modal);animation:scaleIn .15s ease-out}.app-confirm-title{color:var(--text-normal);font-size:18px;font-weight:700}.app-confirm-description{color:var(--text-muted);font-size:14px;line-height:1.45}.app-confirm-detail{padding:8px;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--brand-primary);font-size:12px;line-height:1.4;word-break:break-all}.app-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.app-confirm-cancel,.app-confirm-submit{padding:8px 16px;border:none;border-radius:var(--radius-sm);color:var(--text-normal);font-family:var(--font-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.app-confirm-cancel{background-color:var(--transparent)}.app-confirm-cancel:hover{background-color:var(--bg-modifier-hover)}.app-confirm-submit{color:var(--text-white);background-color:var(--brand-primary)}.app-confirm-submit:hover{background-color:var(--brand-hover)}.app-confirm-submit-danger{background-color:var(--status-dnd)}.app-confirm-submit-danger:hover{background-color:var(--status-danger-hover)}.app-title{position:fixed;z-index:10002;min-width:max-content;max-width:min(320px,calc(100vw - 32px));padding:7px 10px;border-radius:var(--radius-sm);background-color:var(--tooltip-bg);color:var(--tooltip-fg);box-shadow:var(--tooltip-shadow);font-size:12px;font-weight:600;line-height:1.25;pointer-events:none;text-align:center;white-space:nowrap;overflow-wrap:normal;word-break:normal;transform:translate(-50%,-100%);animation:appTitleInTop .1s ease-out;will-change:opacity,transform}.app-title-long{min-width:min(180px,calc(100vw - 32px));white-space:normal;overflow-wrap:break-word}.app-title-bottom{transform:translate(-50%);animation-name:appTitleInBottom}.app-title:after{content:"";position:absolute;left:calc(50% + var(--title-arrow-offset, 0px));width:8px;height:8px;background-color:var(--tooltip-bg);transform:translate(-50%) rotate(45deg)}.app-title-top:after{bottom:-4px}.app-title-bottom:after{top:-4px}@keyframes appTitleInTop{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes appTitleInBottom{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-thin-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thin-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-surface-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes voicePulse{0%{box-shadow:0 0 0 0 var(--status-online-pulse)}70%{box-shadow:0 0 0 8px var(--status-online-pulse-clear)}to{box-shadow:0 0 0 0 var(--status-online-pulse-clear)}}@keyframes incomingCallPulse{0%{box-shadow:0 0 0 0 var(--status-online-pulse)}70%{box-shadow:0 0 0 10px var(--status-online-pulse-clear)}to{box-shadow:0 0 0 0 var(--status-online-pulse-clear)}}@keyframes callEmojiFloat{0%{opacity:0;transform:translate(var(--emoji-start-x, 0px),20px) scale(.8)}14%{opacity:1;transform:translate(calc(var(--emoji-start-x, 0px) * .75)) scale(1)}42%{opacity:1;transform:translate(calc(var(--emoji-drift-x, -24px) * .35),calc(var(--emoji-lift, 120px) * -.38)) scale(1.04)}72%{opacity:1;transform:translate(calc(var(--emoji-drift-x, -24px) * .78),calc(var(--emoji-lift, 120px) * -.78)) scale(1.09)}to{opacity:0;transform:translate(var(--emoji-drift-x, -24px),calc(var(--emoji-lift, 120px) * -1)) scale(var(--emoji-scale, 1.15))}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideInLeft .3s ease-out}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--bg-auth-start) 0%,var(--bg-primary) 40%,var(--bg-page-deep) 100%);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,var(--brand-softer) 0%,var(--transparent) 50%),radial-gradient(ellipse at 80% 50%,var(--brand-faint) 0%,var(--transparent) 50%);animation:spin 120s linear infinite}.auth-card{position:relative;background:var(--bg-secondary);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:440px;box-shadow:var(--elevation-high);animation:scaleIn .4s ease-out;border:1px solid var(--border-subtle)}.auth-card h1{text-align:center;color:var(--text-header);font-size:24px;font-weight:700;margin-bottom:8px}.auth-card .subtitle{text-align:center;color:var(--text-muted);font-size:14px;margin-bottom:28px}.auth-card .logo{text-align:center;margin-bottom:20px;font-size:48px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;letter-spacing:.02em}.form-group label.error{color:var(--text-danger)}.form-input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--transparent);border-radius:var(--radius-sm);color:var(--text-normal);font-size:16px;font-family:var(--font-primary);outline:none;transition:border-color .2s ease}.form-input:focus{border-color:var(--brand-primary)}.form-input::placeholder{color:var(--text-muted);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .17s ease;text-decoration:none;line-height:1}.btn svg,.icon-btn svg{display:block;flex:0 0 auto}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-round);color:var(--text-white);font-size:calc(var(--avatar-size) * .42);font-weight:700;line-height:1}.avatar-extra-small{--avatar-size: 16px;width:16px;height:16px;flex:0 0 16px}.avatar-small{--avatar-size: 24px;width:24px;height:24px;flex:0 0 24px}.avatar-medium{--avatar-size: 32px;width:32px;height:32px;flex:0 0 32px}.avatar-large{--avatar-size: 40px;width:40px;height:40px;flex:0 0 40px}.avatar-extra-large{--avatar-size: 80px;width:80px;height:80px;flex:0 0 80px}.avatar-color-0{background:var(--avatar-1)}.avatar-color-1{background:var(--avatar-2)}.avatar-color-2{background:var(--avatar-3)}.avatar-color-3{background:var(--avatar-4)}.avatar-color-4{background:var(--avatar-5)}.avatar-color-5{background:var(--avatar-6)}.avatar-color-6{background:var(--avatar-7)}.avatar-color-7{background:var(--avatar-8)}.avatar-color-8{background:var(--avatar-9)}.avatar-color-9{background:var(--avatar-10)}.avatar-color-10{background:var(--avatar-11)}.avatar-color-11{background:var(--avatar-12)}.avatar-color-12{background:var(--avatar-13)}.avatar-color-13{background:var(--avatar-14)}.avatar-color-14{background:var(--avatar-15)}.avatar-color-15{background:var(--avatar-16)}.avatar-tone-group{background:var(--status-online-call)}.avatar-tone-danger{background:var(--status-danger)}.self-label{margin-left:4px;color:var(--text-muted);font-size:.78em;font-weight:500}.clickable-avatar{cursor:pointer}.add-user-avatar{margin-right:12px}.profile-popout-avatar{box-sizing:border-box;border:6px solid var(--bg-floating)}.incoming-call-overlay{z-index:9999;background:color-mix(in srgb,var(--bg-black) 62%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.incoming-call-card{width:min(360px,calc(100vw - 32px));padding:24px;display:flex;flex-direction:column;align-items:center;gap:18px;border:1px solid var(--border-subtle);background:var(--bg-secondary);box-shadow:var(--shadow-modal)}.incoming-call-avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center}.incoming-call-avatar{box-shadow:0 0 0 4px var(--bg-tertiary),var(--shadow-popover)}.incoming-call-ring{position:absolute;right:-4px;bottom:-4px;width:34px;height:34px;border:4px solid var(--bg-secondary);border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;background:var(--status-online-call);color:var(--text-white);animation:incomingCallPulse 1.8s ease infinite}.incoming-call-copy{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}.incoming-call-kicker{color:var(--status-online-call);font-size:12px;font-weight:700;text-transform:uppercase}.incoming-call-copy h2{max-width:100%;color:var(--text-header);font-size:22px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-call-copy p{max-width:100%;color:var(--text-muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-call-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.call-avatar{transition:box-shadow .2s}.call-avatar-active-small{box-shadow:0 0 0 2px var(--status-online-call)}.call-avatar-active-large{margin-bottom:12px;box-shadow:0 0 0 4px var(--status-online-call)}.call-interface{position:relative;z-index:10;display:flex;flex-direction:column;flex:0 1 auto;width:100%;min-width:0;height:clamp(260px,48vh,520px);max-height:min(64vh,560px);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-dark);color:var(--text-normal);overflow:hidden}.call-interface.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;width:100vw;height:100vh;max-height:none;border-bottom:0}.call-interface.is-minimized{height:auto;min-height:auto;max-height:none}.call-topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 14px;background:color-mix(in srgb,var(--bg-black) 46%,transparent);border-bottom:1px solid rgba(255,255,255,.08)}.call-meta{display:flex;align-items:center;gap:10px;min-width:0}.call-meta strong,.call-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-meta strong{color:var(--text-header);font-size:14px;font-weight:700}.call-meta span{color:var(--text-muted);font-size:12px}.call-live-dot{flex:0 0 auto;width:9px;height:9px;border-radius:var(--radius-round);background:var(--status-online-call);box-shadow:0 0 0 4px var(--status-online-soft)}.call-topbar-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.call-stage{flex:1 1 auto;max-width:100%;min-height:0;display:flex;gap:10px;padding:10px;overflow:hidden}.call-focus-layout,.call-grid-layout,.call-audio-layout{flex:1 1 auto;max-width:100%;min-width:0;min-height:0;overflow:hidden}.call-focus-layout{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px}.call-focus-window{min-width:0;min-height:0;overflow:hidden}.call-window-strip{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto}.call-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));grid-auto-rows:minmax(120px,1fr);gap:10px;overflow-y:auto}.call-layout-compact .call-grid-layout{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-auto-rows:minmax(110px,1fr)}.call-window{position:relative;width:100%;height:100%;max-width:100%;min-width:0;min-height:0;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);background:var(--bg-black);color:var(--text-normal);overflow:hidden;cursor:pointer}.call-window.is-focused{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-softer)}.call-video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;background:var(--bg-black)}.call-window-label{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:var(--radius-round);background:color-mix(in srgb,var(--bg-black) 72%,transparent);color:var(--text-white);font-size:12px;font-weight:600}.call-window-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-participants-rail{flex:0 0 172px;max-width:172px;display:flex;flex-direction:column;gap:8px;min-height:0;padding:8px;border-radius:var(--radius-lg);background:#ffffff0a;overflow-y:auto}.call-layout-compact .call-participants-rail{flex-basis:64px;align-items:center}.call-audio-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden}.call-audio-status{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:var(--text-muted);text-align:center}.call-audio-status svg{color:var(--status-online-call)}.call-audio-status strong{color:var(--text-header);font-size:18px;font-weight:700}.call-audio-status span{font-size:13px}.call-audio-participants{width:min(100%,620px);display:flex;justify-content:center;gap:10px;overflow-x:auto;padding:2px 4px 8px}.call-audio-participants.is-grid{width:100%;max-width:760px;display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,148px));justify-content:center;align-content:center;overflow-x:hidden;overflow-y:auto;padding:8px}.call-audio-participants.is-compact{width:min(100%,520px)}.call-participant{flex:0 0 112px;max-width:112px;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff0d;color:var(--text-header);cursor:default}.call-participant-compact{flex:0 0 40px;width:40px;height:40px;max-width:40px;padding:0;border-radius:var(--radius-round);justify-content:center}.call-participant span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.call-participant small{color:var(--text-muted);font-size:11px;font-weight:500}.call-mini-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff0a}.call-mini-strip>span{color:var(--text-muted);font-size:12px;font-weight:700}.call-mini-strip>div{display:flex;align-items:center;gap:6px;overflow-x:auto}.call-emoji-layer{position:absolute;top:58px;right:0;bottom:78px;left:0;z-index:18;display:flex;align-items:flex-end;justify-content:flex-end;padding-right:28px;pointer-events:none;overflow:hidden}.call-emoji-burst{position:absolute;bottom:10px;display:flex;flex-direction:column;align-items:center;gap:3px;animation:callEmojiFloat 2.4s cubic-bezier(.16,.84,.32,1) forwards;will-change:transform,opacity}.call-emoji-burst span{font-size:42px;line-height:1;filter:drop-shadow(0 8px 16px var(--overlay-dark))}.call-emoji-burst small{max-width:120px;padding:3px 7px;border-radius:var(--radius-round);background:color-mix(in srgb,var(--bg-black) 70%,transparent);color:var(--text-white);font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-emoji-control{position:relative;display:flex}.call-emoji-control .emoji-picker{right:0;bottom:calc(100% + 10px);left:auto}.call-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 16px 14px;background:color-mix(in srgb,var(--bg-black) 56%,transparent);border-top:1px solid rgba(255,255,255,.08)}.poll-voter-avatar{border:1px solid var(--bg-tertiary)}.poll-voter-avatar.is-overlapped{margin-left:-6px}.poll-voter-avatar:nth-child(1){z-index:3}.poll-voter-avatar:nth-child(2){z-index:2}.poll-voter-avatar:nth-child(3){z-index:1}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-initial{display:inline-flex;align-items:center;justify-content:center}.avatar-status-dot{position:absolute;right:0;bottom:0;width:calc(var(--avatar-size) * .32);height:calc(var(--avatar-size) * .32);box-sizing:border-box;border:3px solid var(--bg-secondary);border-radius:var(--radius-round);background:var(--status-online)}.btn:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--brand-focus);outline-offset:2px}.btn-full-width{width:100%}.btn-medium,.btn-md{min-height:32px}.btn-extra-small,.btn-xs{min-height:24px;padding:4px 8px;font-size:12px;gap:6px}.btn-small,.btn-sm{min-height:28px;padding:6px 12px;font-size:13px}.btn-large,.btn-lg{min-height:40px;padding:12px 24px;font-size:15px}.btn-extra-large,.btn-xl{min-height:48px;padding:14px 28px;font-size:16px;gap:10px}.btn-rounded{border-radius:var(--radius-sm)}.btn-square{border-radius:0}.btn-has-icon{gap:8px}.btn-secondary{background:var(--bg-modifier-active);color:var(--text-normal)}.btn-secondary:hover{background:var(--bg-accent)}.btn-outlined{background:var(--transparent);color:var(--text-normal);border:1px solid var(--border-strong)}.btn-outlined:hover{background:var(--bg-modifier-hover);border-color:var(--text-muted)}.btn-elevated{background:var(--bg-secondary);color:var(--text-normal);box-shadow:var(--shadow-small)}.btn-elevated:hover{background:var(--bg-modifier-active);box-shadow:var(--shadow-button-hover)}.btn-text,.btn-ghost{background:var(--transparent);color:var(--text-normal)}.btn-text:hover,.btn-ghost:hover{background:var(--bg-modifier-hover)}.btn-danger{background:var(--status-danger);color:var(--text-white)}.btn-danger:hover{background:var(--status-danger-hover)}.btn:disabled,.btn[aria-busy=true]{opacity:.6;cursor:not-allowed}.btn-toggle.is-pressed{background:var(--brand-primary);color:var(--text-white)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:none;border-radius:var(--radius-sm);background:var(--transparent);color:inherit;font-family:var(--font-primary);line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.icon-btn:not(.emoji-btn){font-size:0}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn-extra-small,.icon-btn-xs{width:20px;height:20px}.icon-btn-small,.icon-btn-sm{width:28px;height:28px}.icon-btn-medium,.icon-btn-md{width:32px;height:32px}.icon-btn-large,.icon-btn-lg{width:40px;height:40px}.icon-btn-extra-large,.icon-btn-xl{width:48px;height:48px}.icon-btn-rounded{border-radius:var(--radius-round)}.icon-btn-square{border-radius:0}.icon-btn-secondary,.icon-btn-subtle{background:var(--bg-modifier-active);color:var(--text-muted)}.icon-btn-secondary:hover,.icon-btn-subtle:hover,.icon-btn-text:hover,.icon-btn-ghost:hover{background:var(--bg-modifier-hover);color:var(--text-header)}.icon-btn-outlined{background:var(--transparent);border:1px solid var(--border-strong);color:var(--text-normal)}.icon-btn-outlined:hover{background:var(--bg-modifier-hover);border-color:var(--text-muted)}.icon-btn-elevated{background:var(--bg-secondary);color:var(--text-normal);box-shadow:var(--shadow-small)}.icon-btn-elevated:hover{background:var(--bg-modifier-active);box-shadow:var(--shadow-button-hover)}.icon-btn-text{background:var(--transparent);color:inherit}.icon-btn-primary{background:var(--brand-primary);color:var(--text-white)}.icon-btn-primary:hover{background:var(--brand-hover)}.icon-btn-success{background:var(--status-online-call);color:var(--text-white)}.icon-btn-danger{background:var(--status-danger);color:var(--text-white)}.icon-btn-danger:hover{background:var(--status-danger-hover)}.icon-btn-toggle.is-pressed{background:var(--brand-primary);color:var(--text-white)}.split-button{display:inline-flex;align-items:stretch;border-radius:var(--radius-sm);overflow:hidden}.split-button-square{border-radius:0}.split-button-main{border-top-right-radius:0;border-bottom-right-radius:0}.split-button-menu{border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid var(--overlay-subtle)}.button-group{display:inline-flex;align-items:center;gap:8px}.button-group-connected{gap:0}.button-group-connected>.btn,.button-group-connected>.icon-btn{border-radius:0}.button-group-connected>.btn:first-child,.button-group-connected>.icon-btn:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.button-group-connected>.btn:last-child,.button-group-connected>.icon-btn:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.button-group-connected>.btn+.btn,.button-group-connected>.icon-btn+.icon-btn,.button-group-connected>.btn+.icon-btn,.button-group-connected>.icon-btn+.btn{margin-left:-1px}.fab{box-shadow:var(--shadow-button)}.fab:not(.fab-extended){border-radius:var(--radius-round)}.fab-extended{min-width:0;border-radius:999px;padding-inline:20px;box-shadow:var(--shadow-button)}.fab:hover,.fab-extended:hover{box-shadow:var(--shadow-button-hover)}.fab-menu{display:inline-flex;flex-direction:column-reverse;align-items:center;gap:10px}.fab-menu:not(.is-open)>*:not(:first-child){display:none}.poll-image-remove-control{position:absolute;top:0;right:0}.pending-file-remove-btn{position:absolute;top:-8px;right:-8px;z-index:10}.poll-measure-button{flex:1;flex-direction:column;gap:4px;font-weight:700}.poll-option-button{position:relative;overflow:hidden;justify-content:space-between;text-align:left}.poll-option-fill{position:absolute;inset:0 auto 0 0;width:var(--poll-fill, 0%);background:var(--brand-softer);pointer-events:none;transition:width .3s ease}.poll-option-main,.poll-option-meta{position:relative;z-index:1;display:inline-flex;align-items:center}.poll-option-main{gap:12px;min-width:0}.poll-option-meta{margin-left:12px}.add-btn,.add-channel-btn,.delete-btn,.settings-btn,.logout-btn,.header-action-btn,.mobile-channel-menu-btn,.input-emoji-btn,.send-btn,.msg-action-btn,.reaction-add-btn,.settings-close-btn,.voice-control-btn.music{display:inline-flex;align-items:center;justify-content:center}.add-btn svg,.add-channel-btn svg,.delete-btn svg,.settings-btn svg,.logout-btn svg,.header-action-btn svg,.mobile-channel-menu-btn svg,.input-emoji-btn svg,.send-btn svg,.msg-action-btn svg,.reaction-add-btn svg,.settings-close-btn svg,.voice-control-btn svg{width:18px;height:18px}.delete-btn svg,.reaction-add-btn svg{width:14px;height:14px}.send-btn svg{width:17px;height:17px}.btn-primary{background:var(--brand-primary);color:var(--text-white)}.auth-card .btn-primary{width:100%;padding:14px;font-size:16px;margin-top:8px}.btn-primary:hover{background:var(--brand-hover)}.btn-primary:active{background:var(--brand-active)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:12px;font-size:14px;color:var(--text-muted)}.auth-footer a{color:var(--text-link);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-error{background:var(--status-dnd-faint);border:1px solid var(--status-dnd-border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-danger);font-size:14px;margin-bottom:16px;animation:fadeIn .2s ease}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.app-layout.standalone-chat-layout{background:var(--bg-tertiary)}.app-layout.standalone-chat-layout .chat-container{width:100vw}.app-left-panel{--channel-sidebar-width: 240px;display:grid;flex:0 0 auto;grid-template-columns:64px var(--channel-sidebar-width);grid-template-rows:minmax(0,1fr) auto;min-height:0}.app-left-panel.is-sidebar-closed{grid-template-columns:64px}.split-view-panel{position:relative;display:flex;flex:0 0 auto;min-width:0;max-width:calc(100vw - 420px);height:100vh;border-left:1px solid var(--border-dark-strong);background:var(--bg-tertiary)}.split-view-panel{flex-direction:column}.split-view-resize-handle{position:absolute;top:0;bottom:0;left:-4px;z-index:30;width:8px;cursor:col-resize}.split-view-resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background .15s ease}.split-view-resize-handle:hover:after,.is-resizing-split-view .split-view-resize-handle:after{background:var(--brand-primary)}.is-resizing-split-view,.is-resizing-split-view *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.split-view-tabs{display:flex;align-items:center;gap:4px;min-height:40px;padding:6px;border-bottom:1px solid var(--border-dark-strong);background:var(--bg-secondary);overflow-x:auto}.split-view-tab{display:inline-flex;align-items:center;gap:6px;max-width:180px;min-width:92px;height:28px;padding:0 6px 0 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:12px;font-weight:600;line-height:1}.split-view-tab:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.split-view-tab.is-active{background:var(--bg-modifier-active);color:var(--text-header)}.split-view-tab-icon,.split-view-tab-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.split-view-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-view-tab-close{width:18px;height:18px;border-radius:var(--radius-sm);color:var(--text-muted)}.split-view-tab-close:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.split-view-close-panel{flex:0 0 auto;margin-left:auto}.split-view-chat{display:flex;flex:1;min-height:0;min-width:0}.split-view-chat .chat-container{width:100%}.app-nav-rail{grid-column:1;grid-row:1;display:flex;width:64px;min-width:64px;flex-direction:column;align-items:center;gap:10px;padding:12px 8px;border-right:1px solid var(--overlay-subtle);background:var(--bg-primary)}.app-nav-rail-btn.icon-btn{position:relative;width:44px;height:44px;color:var(--text-muted)}.app-nav-rail-btn.icon-btn:hover,.app-nav-rail-btn.icon-btn.is-active{color:var(--text-header);background:var(--bg-modifier-hover)}.app-nav-rail-btn.icon-btn.is-active:before{content:"";position:absolute;left:-8px;width:4px;height:24px;border-radius:0 4px 4px 0;background:var(--brand-primary)}.sidebar-wrapper{grid-column:2;grid-row:1;display:flex;flex-direction:column;width:var(--channel-sidebar-width);min-width:var(--channel-sidebar-width);min-height:0}.sidebar{width:100%;flex:1;min-height:0;min-width:0;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--overlay-subtle);animation:slideInLeft .3s ease-out}.sidebar-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;height:48px;border-bottom:1px solid var(--border-dark-strong);box-shadow:var(--elevation-low);cursor:default}.sidebar-header h2{flex:1;font-size:16px;font-weight:700;color:var(--text-header);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-empty-state{padding:14px 10px;color:var(--text-muted);font-size:13px;line-height:1.4}.sidebar-content{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:0}.channel-category{min-width:0;padding:16px 8px 0}.channel-fixed-top{padding-top:8px;padding-bottom:8px;border-bottom:1px solid var(--overlay-subtle)}.channel-category:last-child{padding-bottom:16px}.channel-category-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px;margin-bottom:4px;cursor:pointer}.channel-category.is-collapsed{padding-bottom:0}.channel-category-title{display:inline-flex;align-items:center;gap:4px;min-width:0;color:var(--text-muted)}.channel-category-title svg{flex:0 0 auto}.channel-category-header:hover .channel-category-title,.channel-category-header:focus-visible .channel-category-title{color:var(--text-header)}.channel-category-header:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}.channel-category-header h3{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.02em}.channel-category-header .add-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;padding:2px;border-radius:var(--radius-sm);transition:color .15s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.channel-category-header .add-btn:hover{color:var(--text-header)}.channel-item{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 8px;margin:1px 8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);font-size:15px;font-weight:500;transition:all .1s ease;-webkit-user-select:none;user-select:none}.dm-archive-entry{margin-bottom:8px}.channel-item:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.channel-item.active{background:var(--bg-modifier-active);color:var(--text-header)}.channel-item .channel-icon{font-size:20px;width:20px;text-align:center;flex-shrink:0;color:var(--channel-icon)}.channel-item.active .channel-icon{color:var(--text-header)}.channel-item .channel-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item .channel-delete-control{margin-left:auto;opacity:0;transition:opacity .1s,color .1s}.channel-item:hover .channel-delete-control,.channel-item:focus-within .channel-delete-control{opacity:1}.channel-item .channel-delete-control:hover{color:var(--text-danger)}.voice-users-sidebar{padding-left:34px}.voice-user-item{display:flex;align-items:center;gap:6px;padding:3px 8px;font-size:13px;color:var(--text-muted);border-radius:var(--radius-sm)}.voice-user-item .voice-dot{width:8px;height:8px;border-radius:50%;background:var(--voice-green);animation:voicePulse 2s ease infinite}.user-panel{grid-column:1 / -1;grid-row:2;flex:0 0 auto;min-width:0;display:flex;align-items:center;gap:8px;padding:8px;background:var(--overlay-subtle);border-top:1px solid var(--overlay-subtle)}.app-left-panel.is-sidebar-closed .user-panel{justify-content:center}.app-left-panel.is-sidebar-closed .user-panel .user-info,.app-left-panel.is-sidebar-closed .user-panel .user-panel-actions{display:none}.user-panel .user-avatar{width:32px;height:32px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--text-white);flex-shrink:0}.user-panel .user-info{flex:1;min-width:0}.user-panel-actions{display:flex;flex:0 0 auto}.user-panel .user-info .username{font-size:14px;font-weight:600;color:var(--text-header);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-panel .user-info .status{font-size:12px;color:var(--text-positive)}.user-panel .logout-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;border-radius:var(--radius-sm);transition:color .15s}.user-panel .logout-btn:hover{color:var(--text-danger)}.chat-container{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-tertiary)}.chat-header{display:flex;align-items:center;gap:8px;padding:12px 16px;height:48px;border-bottom:1px solid var(--border-dark-strong);box-shadow:var(--elevation-low);background:var(--bg-tertiary);z-index:10}.chat-header .header-icon{color:var(--channel-icon);font-size:20px}.mobile-channel-menu-btn,.mobile-sidebar-backdrop{display:none}.chat-header h3{font-size:16px;font-weight:700;color:var(--text-header)}.chat-header .header-desc{color:var(--text-muted);font-size:13px;margin-left:8px;padding-left:16px;border-left:1px solid var(--border-subtle)}.channel-content-trigger.btn{min-width:0;height:30px;padding:4px 6px;color:var(--text-header);font-size:16px;font-weight:700}.channel-content-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-content-popover{position:absolute;top:48px;right:0;bottom:0;left:0;z-index:35;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--border-muted);background:var(--bg-tertiary);box-shadow:var(--shadow-popover)}.channel-content-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--overlay-subtle)}.channel-content-header h3{color:var(--text-header);font-size:16px}.channel-content-header span{color:var(--text-muted);font-size:12px}.channel-content-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;overflow:visible;padding:10px 12px;border-bottom:1px solid var(--overlay-subtle)}.channel-content-sort{position:relative;display:flex;gap:4px;margin-left:auto;padding-left:12px}.channel-content-sort-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:45;display:flex;min-width:160px;flex-direction:column;overflow:hidden;border:1px solid var(--border-muted);border-radius:var(--radius-sm);background:var(--bg-secondary);box-shadow:var(--shadow-popover)}.channel-content-sort-menu .btn{justify-content:flex-start;width:100%;border-radius:0}.channel-content-count{color:var(--text-muted);font-size:11px}.channel-content-body{flex:1;min-height:0;overflow-y:auto;padding:16px}.channel-content-body.has-month-nav{padding-right:12px}.channel-content-empty{padding:48px 16px;color:var(--text-muted);font-size:13px;text-align:center}.channel-content-empty.is-error{color:var(--status-danger-text)}.channel-info-overview{display:flex;flex-direction:column;gap:16px}.channel-info-hero{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid var(--overlay-subtle)}.channel-info-avatar{display:flex;width:72px;height:72px;flex:0 0 72px;align-items:center;justify-content:center;border-radius:var(--radius-round);background:var(--bg-modifier-active);color:var(--text-header)}.channel-info-hero h2{color:var(--text-header);font-size:22px;line-height:1.2}.channel-info-hero p{margin-top:6px;color:var(--text-muted);font-size:14px}.channel-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.channel-info-grid>div{display:flex;min-height:72px;flex-direction:column;justify-content:center;gap:6px;padding:12px;border:1px solid var(--overlay-subtle);border-radius:var(--radius-sm);background:var(--bg-secondary)}.channel-info-grid span,.channel-member-row small{color:var(--text-muted);font-size:12px}.channel-info-grid strong,.channel-member-row strong{color:var(--text-normal);font-size:14px}.channel-members-sections{display:flex;flex-direction:column;gap:20px}.channel-members-section h4{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase}.channel-members-section h4 span{color:var(--text-subtle);font-size:12px}.channel-members-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.channel-member-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);background:var(--bg-secondary)}.channel-member-row>div{display:flex;min-width:0;flex-direction:column;gap:3px}.channel-content-groups{display:flex;flex-direction:column;gap:20px}.channel-content-with-months{display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:16px;align-items:start}.channel-content-group{display:flex;flex-direction:column;gap:8px}.channel-content-group h4{color:var(--text-header);font-size:13px;font-weight:700;text-transform:capitalize}.channel-month-nav{position:sticky;top:0;display:flex;max-height:calc(100vh - 190px);flex-direction:column;align-items:center;gap:10px;overflow:visible;padding:10px 0}.channel-month-nav-item.icon-btn{position:relative;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;background:transparent}.channel-month-nav-item.icon-btn span{display:block;width:7px;height:7px;border-radius:var(--radius-round);background:var(--text-muted);transition:width .15s ease,height .15s ease,background .15s ease,box-shadow .15s ease}.channel-month-nav-item.icon-btn.is-pressed span{width:13px;height:13px;background:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-softer)}.channel-month-nav-item.icon-btn:after{content:attr(data-label);position:absolute;top:50%;right:calc(100% + 10px);z-index:3;width:max-content;max-width:180px;transform:translateY(-50%);padding:5px 8px;border-radius:var(--radius-sm);background:var(--bg-floating);color:var(--text-normal);font-size:12px;box-shadow:var(--shadow-popover);opacity:0;pointer-events:none;transition:opacity .12s ease}.channel-month-nav-item.icon-btn:hover:after,.channel-month-nav-item.icon-btn:focus-visible:after{opacity:1}.channel-content-list{display:grid;gap:8px}.channel-content-list-images,.channel-content-list-videos{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.channel-content-card.btn,.channel-content-row.btn{height:auto;min-height:0;justify-content:flex-start;border-radius:var(--radius-sm);white-space:normal}.channel-content-card.btn{display:flex;flex-direction:column;gap:6px;padding:8px;text-align:left}.channel-content-card img,.channel-content-card video{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);background:var(--bg-tertiary);object-fit:cover}.channel-content-card span{overflow:hidden;width:100%;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.channel-content-row.btn{display:flex;width:100%;align-items:center;gap:10px;padding:10px;text-align:left}.channel-content-row-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.channel-content-row-main strong,.channel-content-row-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-content-row-main strong{color:var(--text-normal);font-size:13px}.channel-content-row-main small{color:var(--text-muted);font-size:12px}.join-call-btn{background-color:var(--success);color:var(--text-white);border:none;padding:6px 12px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background-color .2s}.join-call-btn:hover{background-color:var(--status-online-hover)}.messages-area{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;position:relative}.chat-readable-width .messages-area{align-items:center}.chat-readable-width .messages-area>.message,.chat-readable-width .messages-area>.message-date-divider,.chat-readable-width .messages-area>.welcome-msg{width:min(100%,1120px)}.chat-readable-width .typing-indicator,.chat-readable-width .message-input-container{width:min(100%,1120px);margin-right:auto;margin-left:auto}.messages-area .welcome-msg{padding:16px;text-align:center;color:var(--text-muted);font-size:14px;animation:fadeIn .3s ease}.messages-area .welcome-msg h2{font-size:32px;color:var(--text-header);margin-bottom:8px}.messages-area .welcome-msg p{color:var(--text-muted)}.message{display:flex;gap:16px;padding:2px 16px;margin-top:2px;transition:background .1s;animation:fadeIn .2s ease}.message:hover{background:var(--overlay-faint)}.message.is-selectable{cursor:pointer}.message.is-selected{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand-primary)}.message.is-selected:hover{background:var(--brand-soft)}.msg-select-control{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;margin-top:9px;border:2px solid var(--border-strong);border-radius:var(--radius-round);background:var(--bg-primary);color:var(--text-white);cursor:pointer}.msg-select-control.is-selected{border-color:var(--brand-primary);background:var(--brand-primary)}.message-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0 16px 8px;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);box-shadow:var(--elevation-low);color:var(--text-normal);font-size:13px;font-weight:700}.message-selection-actions{display:flex;align-items:center;gap:8px}.message.msg-pinned{background-color:var(--warning-bg-faint)}.message.msg-pinned:hover{background-color:var(--warning-bg-soft)}.message.message-search-active{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand-primary)}.message.message-search-active:hover{background:var(--brand-soft)}.message-search-panel{width:360px;background:var(--bg-secondary);border-left:1px solid var(--overlay-subtle);display:flex;flex-direction:column;animation:slideInLeft .3s ease-out}.message-search-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--overlay-subtle)}.message-search-header h3{font-size:16px;color:var(--text-header)}.message-search-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-bottom:1px solid var(--overlay-subtle)}.message-search-input-wrap{display:flex;align-items:center;gap:8px;min-width:0;min-height:32px;padding:0 10px;border:1px solid var(--border-muted);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-muted)}.message-search-input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text-normal);font:inherit;font-size:13px}.message-search-input::placeholder{color:var(--text-muted)}.message-search-status{padding:16px;color:var(--text-muted);font-size:13px}.message-search-status.is-error{color:var(--status-danger-text)}.message-search-results{flex:1;overflow-y:auto;padding:8px}.message-search-result.btn{display:flex;width:100%;height:auto;min-height:0;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:6px;padding:10px;border-radius:var(--radius-sm);line-height:1.35;text-align:left;white-space:normal}.message-search-result+.message-search-result{margin-top:4px}.message-search-result-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;color:var(--text-muted);font-size:12px}.message-search-result-meta strong{min-width:0;overflow:hidden;color:var(--text-header);text-overflow:ellipsis;white-space:nowrap}.message-search-result-text{display:-webkit-box;overflow:hidden;width:100%;color:var(--text-normal);font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.reply-thread-panel{width:420px;background:var(--bg-secondary);border-left:1px solid var(--overlay-subtle);display:flex;flex-direction:column;animation:slideInLeft .3s ease-out}.reply-thread-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--overlay-subtle)}.reply-thread-header h3{color:var(--text-header);font-size:16px}.reply-thread-header span{display:block;margin-top:2px;color:var(--text-muted);font-size:12px}.reply-thread-root.btn,.reply-thread-item.btn{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%;height:auto;min-height:0;align-items:center;justify-content:stretch;gap:10px;padding:10px 12px;border-radius:0;text-align:left}.reply-thread-root.btn{border-bottom:1px solid var(--overlay-subtle);background:var(--bg-tertiary)}.reply-thread-list{flex:1;overflow-y:auto;padding:8px 0 12px}.reply-thread-root-message{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--overlay-subtle)}.reply-thread-panel .message{padding-right:12px;padding-left:12px}.reply-thread-panel .message.with-header{margin-top:8px}.reply-thread-panel .message:not(.with-header) .msg-content{margin-left:48px}.reply-thread-panel .message .msg-avatar{width:34px;height:34px}.reply-thread-input{flex:0 0 auto;border-top:1px solid var(--overlay-subtle);background:var(--bg-secondary)}.reply-thread-input .message-input-container{padding:10px 12px 12px}.reply-thread-input .reply-compose-bar{border-radius:var(--radius-md) var(--radius-md) 0 0}.reply-thread-input .message-input-wrapper{min-width:0}.reply-thread-divider{display:flex;align-items:center;gap:8px;margin:10px 12px;color:var(--text-muted);font-size:12px;font-weight:700}.reply-thread-divider:before,.reply-thread-divider:after{content:"";flex:1;height:1px;background:var(--overlay-subtle)}.message.with-header{margin-top:16px}.message .msg-avatar{width:40px;height:40px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:var(--text-white);flex-shrink:0}.message:not(.with-header) .msg-avatar{display:none}.message:not(.with-header) .msg-content{margin-left:56px}.message .msg-content{flex:1;min-width:0;--message-connector-offset: 18px;--message-connector-elbow: 14px;--message-connector-color: var(--border-muted)}.message .msg-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message .msg-header .msg-username{font-weight:600;font-size:15px;color:var(--text-header);cursor:pointer}.message .msg-header .msg-username:hover{text-decoration:underline}.message .msg-header .msg-time{font-size:12px;color:var(--text-muted);font-weight:400}.message .msg-text{font-size:15px;color:var(--text-normal);line-height:1.375;word-wrap:break-word;white-space:pre-wrap}.message.msg-marker{display:block;margin:16px 0 10px;padding:0 16px}.message.msg-marker:hover{background:transparent}.marker-message{width:100%;color:var(--text-muted);text-align:center}.marker-message-line{display:grid;grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr);align-items:center;gap:10px}.marker-message-line:before,.marker-message-line:after{content:"";height:1px;background:var(--border-muted)}.marker-message-title{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:min(520px,70vw);padding:3px 9px;border:1px solid var(--border-muted);border-radius:999px;background:var(--bg-primary);color:var(--text-muted);font-size:12px;font-weight:700;line-height:1.35;text-transform:none}.marker-message-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 8px;max-width:min(560px,100%);margin:5px auto 0;color:var(--text-muted);font-size:11px;line-height:1.3}.marker-message-meta span+span:before{content:"·";margin-right:8px;color:var(--border-strong)}.marker-modal{max-width:460px}.marker-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.marker-field span{color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase}.marker-field input,.marker-field textarea{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-normal);font:inherit;font-size:14px;outline:none}.marker-field input{height:38px;padding:0 10px}.marker-field textarea{min-height:82px;padding:10px;resize:vertical}.marker-field input:focus,.marker-field textarea:focus{border-color:var(--brand-primary)}.msg-reply-preview.btn{position:relative;display:inline-flex;align-items:center;max-width:min(560px,calc(100% - var(--message-connector-offset)));gap:6px;min-height:24px;margin:0 0 4px var(--message-connector-offset);padding:1px 4px 1px 0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:12px;font-weight:500}.msg-reply-preview.btn:before{content:"";position:absolute;left:calc(var(--message-connector-offset) * -1);top:50%;width:var(--message-connector-elbow);height:16px;border-top:1px solid var(--message-connector-color);border-left:1px solid var(--message-connector-color);border-top-left-radius:6px;transform:translateY(-50%)}.msg-reply-preview.btn:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.msg-reply-thumbnail{width:24px;height:24px;flex:0 0 24px;border-radius:var(--radius-sm);object-fit:cover}.msg-reply-preview strong,.msg-reply-preview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-reply-preview strong{flex:0 0 auto;color:var(--text-subtle);font-weight:700}.msg-reply-preview span{color:var(--text-muted)}.msg-forwarded-label{display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;margin-bottom:2px;color:var(--text-muted);font-size:12px;font-weight:600;line-height:1.3}.msg-forwarded-label svg{flex:0 0 auto}.msg-replies-button.btn{position:relative;display:flex;width:fit-content;max-width:min(560px,calc(100% - var(--message-connector-offset)));margin-top:8px;margin-left:var(--message-connector-offset);padding-left:0;padding-right:4px;color:var(--brand-strong);font-weight:600}.msg-replies-button.btn:before{content:"";position:absolute;left:calc(var(--message-connector-offset) * -1);top:-8px;width:var(--message-connector-elbow);height:18px;border-left:1px solid var(--message-connector-color);border-bottom:1px solid var(--message-connector-color);border-bottom-left-radius:6px}.msg-replies-button.btn:hover{color:var(--text-link);background:transparent}.msg-forward-summary{position:relative;display:flex;align-items:center;gap:5px;width:fit-content;max-width:min(560px,calc(100% - var(--message-connector-offset)));min-height:24px;margin:8px 0 0 var(--message-connector-offset);padding:1px 4px 1px 0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:12px;font-weight:500;text-align:left}.msg-forward-summary:before{content:"";position:absolute;left:calc(var(--message-connector-offset) * -1);top:-8px;width:var(--message-connector-elbow);height:18px;border-left:1px solid var(--message-connector-color);border-bottom:1px solid var(--message-connector-color);border-bottom-left-radius:6px}.msg-forward-summary:hover{color:var(--text-normal);background:var(--bg-modifier-hover)}.msg-forward-summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message .msg-text.emoji-only{line-height:1.2}.jumbo-emoji{display:inline-block;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.jumbo-emoji:hover{transform:scale(1.15)}@keyframes emoji-bounce-spin{0%{transform:scale(1.15) translateY(0) rotate(0)}20%{transform:scale(1.4,.8) translateY(5px) rotate(-15deg)}40%{transform:scale(.8,1.4) translateY(-25px) rotate(180deg)}60%{transform:scale(1.2,.9) translateY(0) rotate(360deg)}80%{transform:scale(.9,1.1) translateY(-8px) rotate(360deg)}to{transform:scale(1.15) translateY(0) rotate(360deg)}}.jumbo-emoji.clicked{animation:emoji-bounce-spin .6s cubic-bezier(.28,.84,.42,1) forwards}.message .msg-text.emoji-count-1{font-size:48px}.message .msg-text.emoji-count-2{font-size:40px}.message .msg-text.emoji-count-3{font-size:32px}.message .msg-text.emoji-count-4{font-size:24px}.huge-emoji{font-size:120px!important;line-height:1.1;display:inline-block}.mega-huge-emoji{font-size:200px!important;line-height:1.1;display:inline-block}.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-primary);border:1px solid var(--transparent);border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:all .15s ease;line-height:1.4}.reaction-badge:hover{border-color:var(--text-muted);background:var(--bg-modifier-hover)}.reaction-badge.reacted{border-color:var(--brand-primary);background:var(--brand-muted)}.reaction-emoji{font-size:16px}.reaction-count{font-size:12px;font-weight:600;color:var(--text-normal)}.reaction-badge.reacted .reaction-count{color:var(--brand-primary)}.reaction-add-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-primary);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;font-size:16px;color:var(--text-muted);transition:all .15s ease}.reaction-add-btn:hover{border-color:var(--text-muted);color:var(--text-normal);background:var(--bg-modifier-hover)}.msg-content{position:relative}.msg-actions{position:absolute;top:-14px;right:0;display:none;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--elevation-high);overflow:visible;z-index:100}.msg-more-control{position:relative;display:inline-flex}.msg-more-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;padding:6px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-floating);box-shadow:var(--elevation-high);z-index:101}.msg-more-menu .btn{justify-content:flex-start}.message-context-menu{position:fixed;width:238px;min-width:238px;padding:4px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-floating);box-shadow:var(--elevation-high);z-index:10000}.message-context-menu .btn{justify-content:flex-start;align-items:center;min-height:30px;padding:0 8px;font-size:13px;line-height:1;white-space:nowrap}.message-context-group{margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--border-subtle)}.message-context-recent-emojis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-bottom:2px;padding:2px 0}.message-context-quick-emojis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:2px;padding:3px 0}.message-context-emoji-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:30px;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:20px;line-height:1}.message-context-emoji-btn:hover{background:var(--bg-modifier-hover)}.message-context-emoji{position:relative}.message-context-parent-btn.btn{position:relative;padding-right:24px}.message-context-submenu-arrow{position:absolute;right:6px;transform:rotate(180deg)}.message-context-emoji-submenu{position:absolute;top:-4px;left:calc(100% + 6px);display:none;width:198px;min-width:198px;padding:4px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-floating);box-shadow:var(--elevation-high)}.message-context-emoji:hover .message-context-emoji-submenu,.message-context-emoji:focus-within .message-context-emoji-submenu{display:block}.message-context-emoji-submenu .emoji-picker{top:0;left:calc(100% + 6px);bottom:auto;right:auto}.message:hover .msg-actions,.msg-content:focus-within .msg-actions{display:flex}.msg-action-btn{background:none;border:none;padding:6px 8px;cursor:pointer;font-size:18px;transition:background .1s;line-height:1;opacity:.7}.msg-action-btn:hover{background:var(--bg-modifier-hover);opacity:1}.msg-action-btn.active{color:var(--warning-accent);opacity:1}.message-reaction-control{position:relative;display:flex}.message-reaction-control .emoji-picker{top:auto;bottom:calc(100% + 8px);right:0;z-index:1000}.message-reaction-add-control{position:relative;display:inline-flex}.message-reaction-add-control .emoji-picker{top:auto;bottom:calc(100% + 8px);left:0;right:auto;z-index:1000}.emoji-picker{position:absolute;top:100%;right:0;z-index:100;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--elevation-high);padding:12px;width:480px;animation:scaleIn .15s ease-out}.emoji-picker.upwards{top:auto;bottom:calc(100% + 8px)}.message-emoji-control{position:relative;display:flex;flex:0 0 auto}.message-emoji-control .emoji-picker{right:0;bottom:calc(100% + 10px);top:auto}.emoji-picker-header{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;letter-spacing:.02em}.emoji-search-container{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);overflow:hidden;transition:all .15s ease}.emoji-search-container:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 2px #5865f226}.emoji-search-input{flex:1;width:100%;background:transparent;border:none;color:var(--text-normal);padding:8px;font-size:13px;outline:none}.emoji-search-input::placeholder{color:var(--text-muted)}.emoji-search-icon{color:var(--text-muted);margin-right:8px;flex-shrink:0}.emoji-picker-body{display:flex;align-items:stretch;gap:12px;height:360px}.emoji-list{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.emoji-list::-webkit-scrollbar{width:4px}.emoji-list::-webkit-scrollbar-thumb{background:var(--bg-modifier-active);border-radius:4px}.emoji-category-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin:12px 0 8px;letter-spacing:.02em;position:sticky;top:0;background:var(--bg-secondary);z-index:2;padding:4px 0}.emoji-category-title:first-child{margin-top:0}.emoji-grid{display:grid;grid-template-columns:repeat(8,52px);align-content:start;gap:2px}.emoji-pagination{display:flex;flex-direction:column;gap:8px;justify-content:center;width:20px}.emoji-pagination-icon{background:none;border:none;cursor:pointer;font-size:16px;padding:0;transition:all .2s ease;filter:grayscale(100%);opacity:.5;display:flex;align-items:center;justify-content:center}.emoji-pagination-icon:hover{opacity:.8;transform:scale(1.1)}.emoji-pagination-icon.active{filter:grayscale(0%);opacity:1;transform:scale(1.2)}.emoji-picker-footer{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.emoji-tab-btn{flex:1;background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:600;padding:6px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.emoji-tab-btn:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.emoji-tab-btn.active{background:var(--bg-modifier-active);color:var(--text-normal)}.emoji-tab-placeholder{height:318px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;font-weight:500}.emoji-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:36px;transition:all .1s ease}.emoji-btn:hover{background:var(--bg-modifier-hover);transform:scale(1.2)}.send-btn:not(:disabled):hover{background:var(--brand-soft);transform:scale(1.1)}.input-emoji-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .1s;opacity:.7}.input-emoji-btn:hover{background:var(--bg-modifier-hover);opacity:1;transform:scale(1.1)}.typing-indicator{padding:4px 16px;font-size:12px;color:var(--text-muted);min-height:24px;display:flex;align-items:center;gap:4px}.typing-indicator .dots span{animation:pulse 1.4s ease infinite;font-weight:700}.typing-indicator .dots span:nth-child(2){animation-delay:.2s}.typing-indicator .dots span:nth-child(3){animation-delay:.4s}.message-input-container{padding:0 16px 24px}.reply-compose-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--overlay-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--bg-secondary);color:var(--text-muted)}.reply-compose-bar>div{min-width:0}.reply-compose-bar span,.reply-compose-bar p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-compose-bar span{color:var(--text-subtle);font-size:13px;font-weight:600}.reply-compose-bar p{margin-top:2px;color:var(--text-muted);font-size:12px}.message-input-wrapper{display:flex;align-items:center;background:var(--channel-text-area);border-radius:var(--radius-md);padding:2px 4px 2px 16px;gap:8px}.message-input{flex:1;background:none;border:none;color:var(--text-normal);font-family:var(--font-primary);font-size:15px;padding:11px 0;outline:none;resize:none;max-height:200px;line-height:1.375}.message-input::placeholder{color:var(--text-muted)}.send-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:22px;padding:8px;border-radius:var(--radius-sm);transition:color .15s;display:flex;align-items:center}.send-btn:hover{color:var(--brand-primary)}.user-list{width:240px;min-width:240px;background:var(--bg-secondary);padding:12px 8px 16px;overflow-y:auto;border-left:1px solid var(--overlay-subtle);animation:slideInLeft .3s ease-out}.user-list-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 12px 8px}.user-list-header span{color:var(--text-header);font-size:13px;font-weight:700}.user-list h4{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:8px;letter-spacing:.02em}.user-list-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.user-list-item:hover{background:var(--bg-modifier-hover)}.user-list-item .online-avatar{width:32px;height:32px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--text-white);position:relative;overflow:visible}.user-list-item .online-avatar:after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:var(--status-online);border:2px solid var(--bg-secondary)}.user-list-item.offline .online-avatar:after{background:var(--text-muted)}.user-list-item .online-username{font-size:14px;font-weight:500;color:var(--text-muted)}.user-popover{width:320px;background-color:var(--bg-primary);border-radius:8px;box-shadow:0 8px 24px var(--overlay-dark);overflow:hidden;animation:fadeIn .15s ease-out;pointer-events:auto}.user-popover-banner{height:100px}.user-popover-content{padding:16px;position:relative;background-color:var(--bg-secondary)}.user-popover-avatar{width:80px;height:80px;border-radius:50%;border:6px solid var(--bg-floating);position:absolute;top:-30px;left:16px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--text-white);overflow:visible}.user-list-item .online-avatar img,.user-popover-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.user-popover-avatar .avatar-status-dot{border-color:var(--bg-floating);box-shadow:0 0 0 2px var(--status-online-soft)}.user-popover-card{margin-top:40px}.user-popover-name{font-size:18px;font-weight:600;color:var(--text-white);margin-bottom:8px}.user-popover-divider{height:1px;background-color:var(--border-muted);margin:10px 0}.user-popover-bio-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.user-popover-bio{font-size:13px;color:var(--text-subtle);line-height:1.4;white-space:pre-wrap;word-break:break-word}.user-popover-actions{display:flex;gap:8px;margin-top:16px}.user-popover-action-btn{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--brand-primary);color:var(--text-white);border:none;border-radius:4px;padding:8px;font-size:14px;cursor:pointer;transition:background-color .2s;pointer-events:auto}.user-popover-action-btn:hover{background-color:var(--brand-hover)}.user-popover-action-btn svg{margin-right:6px}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;animation:fadeIn .15s ease-out}.settings-container{display:flex;width:100%;height:100%}.settings-nav{flex:0 0 230px;background-color:var(--bg-secondary);display:flex;justify-content:flex-end;padding:60px 6px 20px 20px;overflow-y:auto}.settings-nav-inner{width:180px}.settings-nav-category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);padding:6px 10px;margin-bottom:2px}.settings-nav-item{padding:8px 10px;border-radius:4px;font-size:15px;font-weight:500;color:var(--text-normal);cursor:pointer;margin-bottom:2px;transition:background .12s,color .12s}.settings-nav-item:hover{background-color:var(--bg-modifier-hover-alpha);color:var(--text-subtle)}.settings-nav-item.active{background-color:var(--bg-modifier-active-alpha);color:var(--text-header)}.settings-nav-item.danger{color:var(--text-danger)}.settings-nav-item.danger:hover{background-color:var(--status-danger-soft)}.settings-nav-sep{height:1px;margin:8px 10px;background-color:var(--border-muted)}.settings-main{flex:1;background-color:var(--bg-primary);overflow-y:auto;display:flex;justify-content:flex-start;padding:60px 20px 80px 40px}.settings-main-inner{width:100%;max-width:660px}.settings-title{font-size:20px;font-weight:600;color:var(--text-header);margin-bottom:20px}.settings-profile-banner{height:120px;border-radius:8px 8px 0 0;cursor:pointer;position:relative;overflow:hidden;transition:filter .15s}.settings-profile-banner:hover{filter:brightness(.75)}.settings-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-white);font-size:14px;font-weight:600;opacity:0;transition:opacity .15s;background:var(--overlay-hover)}.settings-profile-banner:hover .settings-banner-overlay{opacity:1}.settings-profile-card{background-color:var(--bg-secondary);border-radius:0 0 8px 8px;padding:16px;margin-bottom:40px}.settings-profile-top{display:flex;align-items:center;gap:16px;margin-top:-38px;margin-bottom:16px;padding:0 8px}.settings-avatar-wrapper{position:relative;cursor:pointer;flex-shrink:0}.settings-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--text-white);overflow:hidden;border:6px solid var(--bg-secondary)}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-avatar-edit{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;background:var(--bg-primary);border:3px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.settings-avatar-remove{position:absolute;top:6px;right:6px;z-index:2;width:22px;height:22px;border:2px solid var(--bg-secondary);box-shadow:var(--shadow-small)}.settings-avatar-wrapper:hover .settings-avatar-edit{opacity:1}.settings-profile-name{font-size:20px;font-weight:600;color:var(--text-header);padding-top:18px}.settings-profile-body{background:var(--bg-tertiary);border-radius:8px;padding:16px}.settings-field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);margin-bottom:4px}.settings-field-value{font-size:15px;color:var(--text-subtle)}.settings-section{margin-bottom:40px}.settings-section-title{font-size:16px;font-weight:600;color:var(--text-header);margin-bottom:20px}.settings-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-theme-option{flex-direction:column;gap:12px;align-items:stretch;min-width:0;text-align:left}.settings-theme-option:active{transform:scale(.98)}.settings-theme-preview{display:grid;grid-template-columns:34% 1fr;grid-template-rows:1fr 1fr;height:74px;overflow:hidden;border-radius:6px;border:1px solid var(--border-dark-subtle)}.settings-theme-preview span{display:block}.settings-theme-preview span:first-child{grid-row:1 / span 2}.settings-theme-preview span:nth-child(2){border-bottom:1px solid var(--border-dark-subtle)}.theme-preview-black span:first-child{background:var(--theme-preview-black-sidebar)}.theme-preview-black span:nth-child(2){background:var(--theme-preview-black-primary)}.theme-preview-black span:nth-child(3){background:var(--theme-preview-black-secondary)}.theme-preview-gray span:first-child{background:var(--theme-preview-gray-sidebar)}.theme-preview-gray span:nth-child(2){background:var(--theme-preview-gray-primary)}.theme-preview-gray span:nth-child(3){background:var(--theme-preview-gray-secondary)}.theme-preview-light span:first-child{background:var(--theme-preview-light-sidebar)}.theme-preview-light span:nth-child(2){background:var(--theme-preview-light-primary)}.theme-preview-light span:nth-child(3){background:var(--theme-preview-light-secondary)}.settings-theme-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-theme-name{color:var(--text-header);font-size:14px;font-weight:700}.settings-theme-description{color:var(--text-muted);font-size:12px;line-height:1.35}.settings-alert{padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:16px;animation:fadeIn .2s ease-out}.settings-alert-error{background:var(--status-danger-soft);color:var(--status-danger-text);border-left:4px solid var(--status-danger)}.settings-alert-success{background:var(--status-online-soft);color:var(--status-online-bright);border-left:4px solid var(--status-online-bright)}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-input-group{display:flex;flex-direction:column;flex:1}.settings-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);margin-bottom:8px}.settings-input{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-dark-focus);border-radius:4px;color:var(--text-subtle);font-size:15px;font-family:var(--font-primary);outline:none;transition:border-color .15s ease;box-sizing:border-box}.settings-input:hover{border-color:var(--border-strong)}.settings-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-focus)}.settings-input::placeholder{color:var(--text-muted);font-size:14px}.settings-input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-textarea{resize:vertical;min-height:60px;max-height:150px;line-height:1.4;font-family:var(--font-primary)}.settings-char-count{font-size:12px;color:var(--text-muted);text-align:right;margin-top:4px}.settings-form-divider{display:flex;align-items:center;gap:12px;margin:8px 0}.settings-form-divider span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);white-space:nowrap}.settings-form-divider:before,.settings-form-divider:after{content:"";flex:1;height:1px;background:var(--border-muted)}.settings-form-actions{display:flex;justify-content:flex-end;margin-top:8px}.settings-save-btn{background-color:var(--brand-primary);color:var(--text-white);border:none;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .17s,transform .1s}.settings-save-btn:hover{background-color:var(--brand-hover)}.settings-save-btn:active{transform:scale(.97)}.settings-save-btn:disabled{background-color:var(--bg-modifier-disabled-alpha);color:var(--text-disabled);cursor:not-allowed}.settings-close-area{flex:0 0 60px;display:flex;flex-direction:column;align-items:center;padding-top:60px;gap:4px;background-color:var(--bg-primary)}.settings-close-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--text-muted);background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.settings-close-btn:hover{border-color:var(--text-subtle);color:var(--text-subtle)}.settings-close-label{font-size:13px;font-weight:600;color:var(--text-muted)}.settings-btn{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px;margin-right:4px;border-radius:4px;transition:color .12s}.settings-btn:hover{color:var(--text-subtle)}.voice-panel{background:var(--overlay-subtle);border-top:1px solid var(--overlay-subtle);padding:12px;animation:slideInUp .3s ease-out;flex-shrink:0;overflow:hidden}.voice-panel .voice-status{display:flex;align-items:center;gap:8px;margin-bottom:8px}.voice-panel .voice-status .voice-icon{font-size:20px;color:var(--voice-green)}.voice-panel .voice-status .voice-info{flex:1}.voice-panel .voice-status .voice-info .voice-label{font-size:14px;font-weight:600;color:var(--voice-green)}.voice-panel .voice-status .voice-info .voice-channel{font-size:12px;color:var(--text-muted)}.voice-panel .voice-controls{display:flex;flex-wrap:wrap;gap:8px}.voice-panel .voice-controls>.btn{flex:1;min-width:80px}.music-player{margin:10px 0;padding:10px;background:var(--bg-secondary);border:1px solid var(--overlay-subtle);border-radius:var(--radius-sm)}.music-youtube-player{width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;position:absolute}.music-track{display:flex;align-items:center;gap:10px;min-width:0}.music-thumb{width:42px;height:42px;border-radius:var(--radius-sm);object-fit:cover;flex:0 0 auto;background:var(--bg-tertiary)}.music-meta{min-width:0;flex:1}.music-label{font-size:11px;font-weight:700;color:var(--voice-green);text-transform:uppercase}.music-title{color:var(--text-normal);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-subtitle{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.voice-control-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;background:var(--bg-modifier-active);color:var(--text-normal)}.voice-control-btn:hover{background:var(--bg-accent)}.voice-control-btn.muted{color:var(--voice-red)}.voice-control-btn.disconnect{background:var(--status-dnd-soft);color:var(--voice-red)}.voice-control-btn.disconnect:hover{background:var(--status-dnd-border)}.voice-control-btn.music{min-width:0;padding:7px;font-size:14px}.voice-control-btn.music.danger{color:var(--voice-red)}.voice-connected-users{padding:8px 0}.voice-connected-user{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:var(--text-muted)}.voice-connected-user .vc-avatar{width:24px;height:24px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text-white)}.voice-connected-user.speaking .vc-avatar{box-shadow:0 0 0 2px var(--voice-green);animation:voicePulse 2s ease infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-modal);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:24px;width:100%;max-width:440px;box-shadow:var(--elevation-high);animation:scaleIn .2s ease-out}.modal h2{font-size:20px;font-weight:700;color:var(--text-header);margin-bottom:16px}.modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-cancel{background:none;color:var(--text-muted);padding:10px 20px}.btn-cancel:hover{text-decoration:underline;color:var(--text-normal)}.btn-submit{background:var(--brand-primary);color:var(--text-white);padding:10px 24px}.btn-submit:hover{background:var(--brand-hover)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.type-selector{display:flex;gap:8px;margin-top:4px}.type-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;background:var(--bg-primary)}.type-option:hover{border-color:var(--text-muted)}.type-option.selected{border-color:var(--brand-primary);background:var(--brand-soft)}.type-option .type-icon{font-size:28px}.type-option .type-label{font-size:13px;font-weight:600;color:var(--text-normal)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted);text-align:center;padding:40px}.empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:700;color:var(--text-header);margin-bottom:8px}.empty-state p{font-size:14px;max-width:400px}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary)}.spinner{width:48px;height:48px;border:3px solid var(--bg-modifier-active);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.channel-item.unread .channel-name{color:var(--text-header);font-weight:600}.unread-badge{background-color:var(--status-dnd);color:var(--text-white);font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto;margin-right:8px;line-height:1.2}.chat-container{position:relative}.new-messages-button{position:absolute;bottom:80px;left:50%;transform:translate(-50%);border-radius:999px;z-index:10}.new-messages-button:hover{transform:translate(-50%) translateY(-2px)}.message-link{color:var(--text-link);text-decoration:none}.message-link:hover{text-decoration:underline}.mention{background-color:var(--brand-focus);color:var(--text-mention);padding:0 2px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .1s ease}.mention:hover{background-color:var(--brand-primary);color:var(--text-white)}.mention.mention-me{background-color:var(--warning-bg-muted);color:var(--warning-accent)}.mention.mention-me:hover{background-color:var(--warning-accent);color:var(--text-white)}.message.message-mentioned{background-color:var(--warning-bg);border-left:2px solid var(--warning-accent);padding-left:14px}.message.message-mentioned:hover{background-color:var(--warning-bg-strong)}.mention-popup{position:absolute;bottom:100%;left:0;width:300px;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 8px 16px var(--overlay-dark);margin-bottom:8px;overflow:hidden;display:flex;flex-direction:column;z-index:50;border:1px solid var(--bg-modifier-active)}.command-popup{width:min(420px,calc(100vw - 32px));max-height:360px}.mention-popup-header{padding:8px 12px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;background-color:var(--bg-tertiary);border-bottom:1px solid var(--bg-modifier-active)}.command-popup-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.command-popup-header small{color:var(--text-subtle);font-size:11px;font-weight:700}.mention-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .1s}.mention-item:hover,.mention-item.selected{background-color:var(--bg-modifier-hover)}.command-item{min-height:54px;gap:10px;padding:8px 10px}.command-item.selected{box-shadow:inset 3px 0 0 var(--brand-primary)}.command-item .mention-icon-badge{margin-right:0}.command-thumbnail{width:32px;height:32px;flex:0 0 32px;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);object-fit:contain}.command-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.command-name{font-size:14px;font-weight:700}.command-description{display:-webkit-box;overflow:hidden;color:var(--text-muted);font-size:12px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mention-avatar{width:var(--avatar-size, 24px);height:var(--avatar-size, 24px);flex:0 0 var(--avatar-size, 24px);border-radius:var(--radius-round);color:var(--text-white);margin-right:12px}.mention-icon-badge{display:flex;width:24px;height:24px;flex:0 0 24px;align-items:center;justify-content:center;margin-right:12px;border-radius:var(--radius-round);background:var(--bg-modifier-active);color:var(--text-muted);font-size:12px;font-weight:600}.mention-username{font-size:15px;font-weight:500;color:var(--text-normal)}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 var(--status-danger-pulse)}70%{transform:scale(1);box-shadow:0 0 0 10px var(--status-danger-pulse-clear)}to{transform:scale(.95);box-shadow:0 0 0 0 var(--status-danger-pulse-clear)}}.unread-divider{display:flex;align-items:center;margin:16px 0 8px;position:relative}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background-color:var(--status-dnd)}.unread-divider-text{color:var(--status-dnd);font-size:12px;font-weight:600;padding:0 8px}.message-date-divider{display:flex;align-items:center;gap:10px;margin:18px 16px 10px;color:var(--text-muted);font-size:12px;font-weight:500}.message-date-divider:before,.message-date-divider:after{content:"";flex:1;height:1px;background:var(--overlay-subtle)}.message-date-divider span{flex:0 0 auto;max-width:min(260px,70vw);padding:3px 8px;border:1px solid var(--overlay-subtle);border-radius:var(--radius-round);background:var(--bg-tertiary);color:var(--text-subtle);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-date-sticky-button.btn{position:absolute;top:10px;left:50%;z-index:50;max-width:min(260px,70vw);transform:translate(-50%);box-shadow:var(--shadow-small);font-weight:700}.message-date-picker{position:absolute;top:12px;right:16px;z-index:60;width:min(240px,calc(100% - 32px));max-height:280px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-floating);box-shadow:var(--shadow-popover);overflow:hidden}.message-date-picker-header{padding:10px 12px;border-bottom:1px solid var(--overlay-subtle);color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase}.message-date-picker-list{display:flex;max-height:232px;flex-direction:column;overflow-y:auto;padding:6px}.message-date-picker-item.btn{justify-content:flex-start;width:100%}@media(max-width:1180px){.app-left-panel{--channel-sidebar-width: 220px}.sidebar-wrapper{width:var(--channel-sidebar-width);min-width:var(--channel-sidebar-width)}.user-list{width:210px;min-width:210px}.chat-header .header-desc{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:1024px){.user-list{display:none}.chat-side-panel{position:absolute;top:48px;right:0;bottom:0;width:min(340px,82vw)!important;z-index:30;box-shadow:var(--shadow-side-panel)}.user-popover{width:min(320px,calc(100vw - 24px))}}@media(max-width:760px){html,body,#root{overflow:hidden}.app-layout{position:relative;flex-direction:row;height:100dvh;width:100%;background:var(--bg-tertiary)}.app-left-panel{display:block;flex:0 0 0;width:0;min-width:0}.app-nav-rail{display:none}.sidebar-wrapper{position:fixed;inset:0 auto 0 0;z-index:80;width:min(320px,86vw);min-width:0;height:100dvh;min-height:0;transform:translate(-102%);transition:transform .22s ease;box-shadow:var(--shadow-drawer)}.app-left-panel>.user-panel{position:fixed;left:0;bottom:0;z-index:90;width:min(320px,86vw);transform:translate(-102%);transition:transform .22s ease;box-shadow:var(--shadow-drawer)}.app-layout.mobile-sidebar-open .sidebar-wrapper{transform:translate(0)}.app-layout.mobile-sidebar-open .app-left-panel>.user-panel{transform:translate(0)}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:block;pointer-events:none;background:var(--overlay-clear);transition:background .2s ease}.app-layout.mobile-sidebar-open .mobile-sidebar-backdrop{pointer-events:auto;background:var(--overlay-backdrop)}.sidebar{border-right:none;animation:none}.sidebar-header{height:48px;padding:12px 14px}.sidebar-content{display:block;overflow-x:hidden;overflow-y:auto;padding:0 0 58px}.channel-category{min-width:0;padding:16px 8px 0}.channel-item{margin:1px 8px}.channel-item .channel-delete-control{opacity:1}.voice-users-sidebar{max-height:120px;overflow-y:auto;padding-left:34px}.user-panel{padding:6px 8px}.call-interface{height:clamp(240px,52dvh,420px);max-height:58dvh}.call-topbar{align-items:flex-start;flex-direction:column;gap:10px}.call-topbar-actions{width:100%;overflow-x:auto;padding-bottom:2px}.call-stage{flex-direction:column}.call-focus-layout{grid-template-columns:1fr}.call-window-strip,.call-participants-rail{max-width:100%;flex-direction:row;flex:0 0 auto;min-height:auto;overflow-x:auto;overflow-y:hidden}.call-window-strip .call-window{flex:0 0 132px;height:82px}.call-participants-rail{flex-basis:auto}.call-audio-participants:not(.is-grid){justify-content:flex-start}.call-controls{gap:8px;padding:10px}.chat-container{flex:1;min-height:0;width:100%}.chat-header{min-height:52px;height:52px;align-items:center;flex-wrap:nowrap;padding:10px 12px}.mobile-channel-menu-btn{display:inline-flex;flex:0 0 32px}.chat-header h3{max-width:calc(100vw - 152px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .header-desc{display:none}.channel-content-popover{top:52px}.channel-content-tabs{flex-wrap:wrap}.channel-content-sort{width:100%;margin-left:0;padding-left:0}.channel-content-sort-menu{right:auto;left:0}.channel-content-with-months{grid-template-columns:1fr}.channel-month-nav{position:static;order:-1;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden}.channel-month-nav-item.icon-btn{flex:0 0 18px}.messages-area{padding:10px 0}.message{gap:10px;padding:2px 10px}.message:not(.with-header) .msg-content{margin-left:50px}.message .msg-avatar{width:36px;height:36px}.message-input-container{padding:0 10px 12px}.message-input-wrapper{gap:4px;padding-left:10px}.input-emoji-btn,.send-btn{padding:6px}.media-picker-popover{left:50%!important;transform:translate(-50%);height:min(420px,70dvh)!important}.mention-popup{width:min(300px,calc(100vw - 32px))}.modal-overlay{padding:16px}.modal,.modal-content,.app-confirm-dialog{max-width:calc(100vw - 32px)}.settings-container{flex-direction:column}.settings-nav{flex:0 0 auto;justify-content:flex-start;padding:12px;overflow-x:auto;overflow-y:hidden}.settings-nav-inner{display:flex;gap:6px;width:max-content}.settings-nav-category,.settings-nav-sep{display:none}.settings-nav-item{white-space:nowrap;margin-bottom:0}.settings-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-main{padding:20px 16px 80px}.settings-close-area{position:absolute;top:8px;right:8px;flex:none;padding:0;background:var(--transparent)}.settings-close-label{display:none}}@media(max-width:560px){.auth-card{max-width:calc(100vw - 32px);padding:28px 20px}.sidebar-wrapper{width:min(300px,88vw)}.channel-category{min-width:0}.channel-category-header h3{font-size:11px}.channel-item{font-size:13px;padding:5px 6px}.user-panel .user-info .status{display:none}.empty-state{padding:24px 16px}.empty-state .empty-icon{font-size:42px}.messages-area .welcome-msg h2{font-size:24px}.message .msg-header{flex-wrap:wrap;gap:4px 8px}.message .msg-text{font-size:14px}.message .msg-text.emoji-count-1{font-size:38px}.message .msg-text.emoji-count-2{font-size:32px}.message .msg-text.emoji-count-3{font-size:28px}.chat-side-panel{top:0;width:100%!important}.type-selector,.settings-input-row,.settings-theme-options,.settings-field-row{grid-template-columns:1fr;flex-direction:column}.settings-theme-option{flex-direction:row;align-items:center}.settings-theme-preview{width:96px;height:58px;flex:0 0 96px}.modal .modal-actions,.app-confirm-actions,.modal .modal-actions button{flex-direction:column-reverse}.modal .modal-actions button,.app-confirm-actions button{width:100%}.new-messages-button{bottom:72px;max-width:calc(100vw - 32px);white-space:nowrap}}.message.msg-saved{background-color:var(--brand-faint);border-left:2px solid var(--brand-primary)}.message.msg-saved:hover{background-color:var(--brand-softer)}.message.msg-has-replies{background-color:#58a6ff1a;border-left:2px solid #58a6ff;padding-left:14px;cursor:pointer}.message.msg-has-replies:hover{background-color:#58a6ff29}.dm-input-wrapper{border-radius:9999px!important}.dm-send-btn{background-color:#23a559!important;color:#fff!important}.dm-send-btn:hover{background-color:#1a7a42!important}