:root{--font-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Segoe UI Variable Display", "Segoe UI", ui-sans-serif, sans-serif;font-family:var(--font-ui);color:#f3f4f8;color-scheme:dark;background:#0b0d12;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b0d12;--panel: #11141b;--panel-2: #161a23;--panel-3: #1d2230;--line: rgba(225, 231, 255, .075);--line-strong: rgba(225, 231, 255, .13);--muted: #929bad;--accent: #7c8cff;--accent-2: #a477ff;--green: #42d392;--danger: #ff6875;--warning: #f2bd5a;--rail-bg: #090b10;--sidebar-bg: #0e1117;--content-bg: #12151d;--elevation-1: 0 12px 30px rgba(0, 0, 0, .22);--elevation-2: 0 24px 70px rgba(0, 0, 0, .42)}:root[data-theme=violet]{--bg: #0d0a14;--panel: #15111f;--panel-2: #1b1628;--panel-3: #251e36;--muted: #a199b1;--accent: #b37bff;--accent-2: #7f8cff;--green: #4bddae;--rail-bg: #09070e;--sidebar-bg: #110d18;--content-bg: #15101d}:root[data-theme=ocean]{--bg: #071014;--panel: #0c181e;--panel-2: #102129;--panel-3: #17313b;--muted: #86a0aa;--accent: #49d5c4;--accent-2: #5e91ff;--green: #42dda4;--rail-bg: #050c0f;--sidebar-bg: #09151a;--content-bg: #0c181e}:root[data-theme=oled]{--bg: #000;--panel: #08090c;--panel-2: #0d0e13;--panel-3: #171920;--muted: #8d909a;--accent: #8996ff;--accent-2: #ad7fff;--rail-bg: #000;--sidebar-bg: #050506;--content-bg: #090a0d}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-page{min-height:100%;display:grid;grid-template-columns:minmax(400px,1fr) 480px;align-items:center;gap:8vw;padding:7vw;position:relative;overflow:hidden;background:radial-gradient(circle at 16% 10%,#1c1121 0,var(--bg) 38%)}.ambient{position:absolute;border-radius:50%;filter:blur(2px);opacity:.8;pointer-events:none}.ambient-one{width:520px;height:520px;left:-300px;bottom:-250px;background:radial-gradient(circle,rgba(124,140,255,.2),transparent 65%)}.ambient-two{width:420px;height:420px;right:-180px;top:-200px;background:radial-gradient(circle,rgba(164,119,255,.18),transparent 65%)}.auth-intro{max-width:720px;position:relative;z-index:1}.brand-mark{display:inline-flex;gap:10px;align-items:center;font-family:var(--font-display);font-weight:700;letter-spacing:.05em;margin-bottom:90px}.brand-mark svg{color:var(--accent)}.eyebrow{color:transparent;background:linear-gradient(90deg,var(--accent),var(--accent-2));background-clip:text;-webkit-background-clip:text;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.auth-intro h1{font-family:var(--font-display);font-size:clamp(54px,6vw,92px);line-height:.95;margin:16px 0 28px;letter-spacing:-.06em}.auth-intro h1 span{color:transparent;background:linear-gradient(100deg,var(--accent),var(--accent-2));background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0}.intro-copy{color:#a5aabb;max-width:580px;font-size:18px;line-height:1.7}.feature-row{display:flex;flex-wrap:wrap;gap:28px;margin-top:48px;color:#bac0ce;font-size:13px}.feature-row span{display:flex;align-items:center;gap:9px}.feature-row i{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent)}.auth-card{position:relative;z-index:1;padding:42px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#181b26f5,#0c0e14f7);box-shadow:0 40px 90px #0000006b}.auth-heading p{color:var(--muted);margin:0 0 8px;font-size:13px}.auth-heading h2{font-family:var(--font-display);font-size:30px;margin:0 0 28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#090a0f;margin-bottom:26px}.auth-tabs button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:10px;cursor:pointer}.auth-tabs button.active{background:var(--panel-3);color:#fff}.auth-card form{display:grid;gap:17px}.auth-card label{display:grid;gap:8px;color:#b3b9c8;font-size:12px;font-weight:700}.auth-card input{width:100%;border:1px solid #2a2f3d;border-radius:12px;background:#0a0c12;padding:14px 15px;color:#fff;transition:.2s}.auth-card input:focus{border-color:#7c8cffb8;box-shadow:0 0 0 4px #a477ff1c;outline:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:13px;cursor:pointer;font-weight:800;border:0}.primary-button{background:linear-gradient(110deg,var(--accent-2),var(--accent));color:#fff;box-shadow:0 10px 30px #6c77ff38}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.secondary-button{background:var(--panel-3);border:1px solid var(--line)}.form-error{color:#ff9ba3;background:#ff687517;border:1px solid rgba(255,104,117,.2);border-radius:10px;padding:10px 12px;font-size:13px}.auth-note{color:#686f80;text-align:center;font-size:11px;line-height:1.5;margin:22px 0 0}.loading-page,.empty-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 50% 45%,#18131a,var(--bg) 44%)}.loader{width:42px;height:42px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-page p{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.empty-orbit{width:92px;height:92px;border:1px solid rgba(124,140,255,.3);border-radius:28px;display:grid;place-items:center;color:var(--accent);background:#a477ff0f;box-shadow:0 0 80px #6c77ff29;margin-bottom:28px}.empty-page h1{font-family:var(--font-display);font-size:42px;margin:8px 0 10px}.empty-page>p:not(.eyebrow){color:var(--muted);margin-bottom:32px}.empty-actions{display:flex;gap:12px}.empty-actions button{padding:0 24px}.workspace{width:100%;height:100%;display:grid;grid-template-columns:76px 292px minmax(420px,1fr) 246px;background:var(--bg);position:relative}.workspace.stream-focus{grid-template-columns:minmax(0,1fr)}.workspace.stream-focus>.space-rail,.workspace.stream-focus>.channel-sidebar,.workspace.stream-focus>.member-sidebar{display:none}.workspace.stream-focus .voice-stage.has-screen-share{padding:16px 22px 22px}.space-rail{background:var(--rail-bg);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px}.app-glyph{width:48px;height:48px;flex:none;display:grid;place-items:center;border:0;border-radius:15px;color:#16100a;background:linear-gradient(135deg,var(--accent-2),var(--accent));cursor:pointer;box-shadow:0 8px 25px color-mix(in srgb,var(--accent) 18%,transparent)}.app-glyph.active{box-shadow:0 0 0 2px #fff,0 8px 30px color-mix(in srgb,var(--accent) 30%,transparent)}.rail-divider{width:30px;height:1px;background:var(--line);margin:2px 0}.space-list{display:flex;flex-direction:column;gap:9px;overflow:auto;scrollbar-width:none}.space-button{flex:none;width:46px;height:46px;border-radius:15px;border:1px solid var(--line);background:var(--panel-2);color:#a9afbf;font-size:12px;font-weight:800;cursor:pointer;transition:.18s;position:relative}.space-button:hover,.space-button.active{border-radius:12px;color:#fff;background:linear-gradient(145deg,#31323c,#1a1c25);border-color:#7c8cff66}.space-button.active:before{content:"";position:absolute;width:3px;height:25px;background:var(--accent);border-radius:0 4px 4px 0;left:-11px;top:10px}.space-button.add{margin-top:auto;color:var(--green)}.space-button.join{color:var(--accent)}.channel-sidebar{min-width:0;display:flex;flex-direction:column;background:var(--sidebar-bg);border-right:1px solid var(--line)}.space-header{height:70px;flex:none;padding:0 17px 0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.space-title{min-width:0;display:grid;gap:3px}.space-header span{text-transform:uppercase;color:#788092;font-size:10px;letter-spacing:.14em;font-weight:800}.space-header strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-display);font-size:17px}.space-header button,.channel-section header button,.profile-dock button,.voice-dock button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:7px;border-radius:8px}.space-header button:hover,.channel-section header button:hover,.profile-dock button:hover{background:var(--panel-3);color:#fff}.invite-control{position:relative;flex:none}.invite-control>button.copied{color:var(--green);background:#49d69a17}.invite-popover{position:absolute;z-index:45;right:0;top:calc(100% + 9px);width:max-content;max-width:230px;display:grid;gap:4px;border:1px solid rgba(124,140,255,.26);border-radius:10px;padding:9px 11px;color:#dfe2e9;background:#181b24;box-shadow:0 15px 40px #00000075;text-transform:none!important;letter-spacing:normal!important;animation:dialog-rise .16s ease-out}.invite-popover:before{content:"";position:absolute;right:11px;top:-5px;width:9px;height:9px;border-left:1px solid rgba(124,140,255,.26);border-top:1px solid rgba(124,140,255,.26);background:#181b24;transform:rotate(45deg)}.invite-popover strong{color:var(--green);font:800 9px var(--font-ui)}.invite-popover code{color:#f2f3f7;font:700 11px var(--font-display),monospace;letter-spacing:.07em}.channel-switcher-trigger{width:calc(100% - 6px);height:36px;display:flex;align-items:center;gap:8px;margin:-7px 3px 16px;border:1px solid rgba(255,255,255,.065);border-radius:9px;padding:0 9px;color:#8991a2;background:#ffffff06;cursor:pointer;text-align:left}.channel-switcher-trigger:hover{color:#e3e5eb;border-color:#7c8cff33;background:#7c8cff0e}.channel-switcher-trigger span{flex:1;font-size:11px}.channel-switcher-trigger kbd{border:1px solid #303541;border-radius:5px;padding:2px 5px;color:#777f90;background:#171a22;font:800 9px var(--font-ui),sans-serif}.channel-scroll{flex:1;overflow-y:auto;padding:18px 9px}.channel-section{margin-bottom:24px}.channel-section header{display:flex;height:27px;align-items:center;justify-content:space-between;padding:0 8px 6px;color:#858d9f;text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:800}.channel-row{width:100%;height:38px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;gap:9px;color:#9198a9;padding:0 10px;cursor:pointer;text-align:left}.channel-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row:hover{color:#d7dae2;background:#ffffff09}.channel-row.active{color:#fff;background:linear-gradient(90deg,#7c8cff26,#a477ff0e)}.channel-row.active svg{color:var(--accent)}.live-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.voice-count{margin-left:auto;color:#6f7788;font-size:9px;font-weight:800}.channel-row .voice-count+.live-dot{margin-left:2px}.voice-channel-members{display:grid;gap:4px;padding:4px 6px 8px 27px}.voice-channel-member{min-width:0;overflow:hidden;border-radius:8px}.voice-channel-member:hover,.voice-channel-member.expanded{background:#ffffff09}.voice-member-row{min-width:0;min-height:32px;display:flex;align-items:center;gap:5px}.voice-member-main{min-width:0;height:32px;flex:1;display:flex;align-items:center;gap:8px;overflow:hidden;border:0;border-radius:7px;padding:0 7px;color:#929aaa;background:transparent;cursor:default;font-size:12px;font-weight:600;text-align:left}.voice-member-main.interactive{cursor:pointer}.voice-member-main>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-member-main>small{color:#788092;font-size:9px;font-weight:800;text-transform:uppercase}.voice-member-main>svg{flex:none;opacity:0;transition:transform .15s,opacity .15s}.voice-channel-member:hover .voice-member-main>svg,.voice-channel-member.expanded .voice-member-main>svg{opacity:1}.voice-channel-member.expanded .voice-member-main>svg{transform:rotate(180deg)}.voice-channel-member.speaking .voice-member-main{color:#dce6e1}.voice-channel-member i{width:5px;height:5px;flex:none;border-radius:50%;background:#626b75}.voice-channel-member.speaking i{background:var(--green);box-shadow:0 0 8px var(--green)}.voice-member-stream{height:27px;display:flex;align-items:center;gap:5px;border:1px solid rgba(124,140,255,.34);border-radius:7px;padding:0 7px;color:#97a3ff;background:#7c8cff1f;box-shadow:0 0 18px #7c8cff14;cursor:pointer;opacity:1;transition:background .15s,border-color .15s,transform .15s}.voice-member-stream:hover{color:#fff;border-color:#7c8cffb3;background:#7c8cff3d;transform:translateY(-1px)}.voice-member-stream>span{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:live-pulse 1.4s ease-in-out infinite}.voice-member-stream b{font-size:9px;letter-spacing:.05em}@keyframes live-pulse{50%{opacity:.45;box-shadow:0 0 3px var(--green)}}.voice-member-panel{display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.055);padding:10px 8px 9px;background:#05060a33}.voice-member-panel label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 8px;color:#aeb5c2;font-size:10px}.voice-member-panel label>span{display:flex;align-items:center;gap:5px}.voice-member-panel label>b{color:#e2e5eb;font-size:10px}.voice-member-panel input{grid-column:1 / -1;width:100%;height:4px;accent-color:var(--accent);cursor:pointer}.voice-member-panel>div{display:flex;flex-wrap:wrap;gap:4px}.voice-member-panel button{min-height:28px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.075);border-radius:7px;padding:0 8px;color:#b5bbc7;background:#ffffff09;cursor:pointer;font-size:10px}.voice-member-panel button:hover{color:#fff;border-color:#7c8cff33;background:#7c8cff14}.profile-dock{height:66px;flex:none;position:relative;border-top:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:0 7px;background:#0a0c11}.profile-hover{flex:1;min-width:0}.profile-summary{width:100%;min-width:0;display:flex!important;align-items:center;justify-content:flex-start;gap:9px;padding:5px!important;text-align:left}.profile-summary>span{min-width:0;display:grid}.profile-summary strong{overflow:hidden;color:#e7e9ef;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile-summary small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.profile-popout{position:absolute;z-index:40;left:8px;bottom:calc(100% + 8px);width:254px;overflow:hidden;display:grid;gap:11px;border:1px solid rgba(124,140,255,.23);border-radius:16px;padding:54px 13px 13px;color:#e9eaf0;background:#12151d;box-shadow:0 22px 60px #0000008c;opacity:0;visibility:hidden;transform:translateY(7px) scale(.98);transform-origin:left bottom;transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}.profile-hover:hover .profile-popout,.profile-hover:focus-within .profile-popout{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.profile-popout-banner{position:absolute;inset:0 0 auto;height:75px;background:linear-gradient(120deg,#7c8cffd9,#a477ffcc)}.profile-popout>.avatar{position:relative;border:5px solid #12151d;box-sizing:content-box}.profile-popout-name{display:grid;gap:2px}.profile-popout-name strong{font-size:16px}.profile-popout-name span{color:var(--muted);font-size:10px}.profile-popout-status{display:flex;align-items:center;gap:9px;border-radius:11px;padding:9px 10px;background:#ffffff09}.profile-popout-status>i{width:9px;height:9px;flex:none;border-radius:50%;background:var(--green);box-shadow:0 0 9px #49d69a80}.profile-popout-status span{min-width:0;display:grid;gap:2px}.profile-popout-status strong{font-size:10px}.profile-popout-status small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;color:#11131a;font-size:11px;font-weight:900}.voice-dock{padding:12px;border-top:1px solid rgba(73,214,154,.18);background:#49d69a0b}.voice-dock-info{display:flex;align-items:center;gap:9px;color:var(--green)}.voice-dock-info>div{display:grid}.voice-dock-info strong{font-size:11px}.voice-dock-info span{font-size:10px;color:#8b938f}.voice-latency{width:29px;height:29px;flex:none;position:relative;display:grid!important;place-items:center;margin-left:auto;border-radius:8px;color:var(--green);cursor:help}.voice-latency:hover{background:#ffffff0e}.voice-latency.medium{color:#efc45b}.voice-latency.poor,.voice-latency.offline{color:var(--danger)}.voice-latency-tooltip{position:absolute;z-index:50;right:0;bottom:calc(100% + 8px);width:190px;display:grid;gap:2px;border:1px solid rgba(124,140,255,.2);border-radius:10px;padding:9px 10px;color:#fff!important;background:#171a23;box-shadow:0 14px 35px #00000073;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .12s,transform .12s,visibility .12s;pointer-events:none}.voice-latency:hover .voice-latency-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.voice-latency-tooltip strong{font-size:11px}.voice-latency-tooltip small{color:var(--muted);font-size:8px}.voice-dock-actions{display:flex;gap:6px;margin-top:10px}.voice-dock-actions>button,.voice-device-control>button{flex:1;min-width:0;background:#ffffff0d;color:#c7cccf}.voice-dock-actions button:hover{background:#ffffff1a}.voice-dock-actions button.danger{color:var(--danger)}.voice-dock-actions button.sharing{color:var(--green);background:#49d69a1a}.voice-dock-actions button:disabled{opacity:.45;cursor:wait}.voice-device-control{width:52px;min-width:52px;flex:0 0 52px;position:relative;display:grid;grid-template-columns:33px 18px;gap:1px}.voice-device-control>button:first-child{width:33px;min-width:33px;padding:0;border-radius:8px 3px 3px 8px}.voice-device-control>button.device-arrow{width:18px;min-width:18px;padding:0;border-radius:3px 8px 8px 3px}.quick-device-menu{position:absolute;z-index:45;left:0;bottom:calc(100% + 9px);width:244px;max-height:300px;overflow-y:auto;display:grid;gap:3px;border:1px solid rgba(124,140,255,.2);border-radius:13px;padding:7px;background:#171a23;box-shadow:0 18px 48px #00000085;scrollbar-color:#343947 transparent}.voice-device-control:nth-child(2) .quick-device-menu{left:-48px}.quick-device-menu header{display:flex;align-items:center;gap:7px;padding:6px 7px 8px;color:#9ea5b5;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.quick-device-menu>button{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:9px;border:0;border-radius:8px;padding:6px 8px;color:#cbd0da;background:transparent;cursor:pointer;text-align:left}.quick-device-menu>button span{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.quick-device-menu>button:hover{color:#fff;background:#ffffff0f}.quick-device-menu>button.active{color:var(--accent);background:#7c8cff14}.quick-device-menu>p{margin:5px 7px 10px;color:var(--muted);font-size:9px}.quick-device-menu footer{overflow:hidden;margin-top:3px;border-top:1px solid var(--line);padding:8px 7px 3px;color:#747c8c;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.content-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--content-bg)}.content-header{height:70px;flex:none;display:flex;gap:12px;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);box-shadow:0 5px 20px #0000001f}.content-header>svg{color:var(--accent)}.content-header div{display:grid;gap:2px}.content-header strong{font-size:14px}.content-header span{color:var(--muted);font-size:10px}.messages-scroll{flex:1;overflow-y:auto;padding:30px 24px 16px;scrollbar-color:#2b2f3a transparent}.channel-welcome{margin:auto 0 30px;padding-top:15vh}.channel-welcome>div{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--panel-3);color:var(--accent)}.channel-welcome h2{font-family:var(--font-display);margin:16px 0 5px}.channel-welcome p{color:var(--muted);font-size:13px}.message{position:relative;display:flex;gap:12px;padding:5px 4px;margin-top:13px;border-radius:7px}.message:hover{background:#ffffff05}.message.compact{margin-top:0;padding-left:4px}.message-body{min-width:0;flex:1;position:relative}.message header{display:flex;align-items:baseline;gap:7px;margin-bottom:3px}.message header strong{font-size:13px}.message header span,.message time{color:#6f7687;font-size:10px}.message p{margin:0;color:#d7dae3;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.mention{border-radius:4px;padding:0 2px;color:#d4b7ff;background:#a477ff29}.mention.mine{color:#fff;background:linear-gradient(110deg,var(--accent-2),var(--accent))}.message-actions{position:absolute;z-index:2;right:8px;top:-18px;display:flex;border:1px solid var(--line);border-radius:8px;padding:2px;background:#171a23;box-shadow:0 8px 24px #0000004d;opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s}.message:hover .message-actions{opacity:1;transform:translateY(0)}.message-actions button{width:29px;height:27px;display:grid;place-items:center;border:0;border-radius:6px;color:#8991a1;background:transparent;cursor:pointer}.message-actions button:hover{color:#fff;background:#ffffff12}.message-actions .danger-action:hover{color:var(--danger);background:#ff687517}.reaction-picker{position:absolute;right:0;top:36px;display:flex;gap:2px;border:1px solid var(--line);border-radius:10px;padding:5px;background:var(--panel-3);box-shadow:0 14px 36px #0000006b}.reaction-picker button{width:31px;font-size:16px}.message-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.message-reactions button{min-width:38px;height:25px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:8px;padding:0 7px;color:#9da4b4;background:var(--panel-2);cursor:pointer;font-size:10px}.message-reactions button span{font-size:14px}.message-reactions button.mine{border-color:color-mix(in srgb,var(--accent) 42%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.message-edit{display:grid;gap:5px}.message-edit textarea{width:100%;min-height:70px;resize:vertical;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:9px;padding:9px 10px;outline:0;color:#eef0f5;background:var(--panel-2);font:inherit;font-size:13px}.message-edit small{color:var(--muted);font-size:9px}.message-edit kbd{color:var(--accent);font:inherit}.compact-time{display:none;position:absolute;left:-48px;top:3px}.message.compact:hover .compact-time{display:block}.message-composer{flex:none;margin:0 22px 20px;min-height:50px;display:flex;align-items:center;background:#1a1d27;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:0 8px}.message-composer input{flex:1;min-width:0;height:48px;color:#fff;border:0;outline:0;background:transparent;padding:0 8px}.message-composer>button{width:36px;height:36px;border:0;display:grid;place-items:center;border-radius:9px;background:transparent;color:#7c8394;cursor:pointer}.message-composer button:hover{color:#fff;background:#ffffff0d}.message-composer .send-button{color:var(--accent)}.message-composer .send-button:disabled{opacity:.3;cursor:default}.typing-indicator{min-height:25px;display:flex;align-items:center;gap:5px;margin:0 30px 2px;color:var(--muted);font-size:10px}.typing-indicator strong{color:#cfd3dc}.typing-indicator>span{display:flex;gap:2px;margin-right:3px}.typing-indicator i{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:typing-bounce .9s infinite alternate}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{to{transform:translateY(-4px);opacity:.45}}.reply-preview{flex:none;display:flex;align-items:center;gap:10px;margin:0 22px 7px;border:1px solid rgba(164,119,255,.18);border-radius:11px;padding:9px 10px;color:var(--accent-2);background:#a477ff0e}.reply-preview>div{min-width:0;flex:1;display:grid;gap:2px}.reply-preview span{color:#aeb4c2;font-size:9px}.reply-preview small{overflow:hidden;color:#767e8e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.reply-preview button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer}.reply-preview button:hover{color:#fff;background:#ffffff0f}.member-sidebar{display:flex;flex-direction:column;background:var(--sidebar-bg);border-left:1px solid var(--line);padding:0 12px 14px;min-width:0}.member-sidebar>header{height:70px;flex:none;display:flex;align-items:center;justify-content:space-between;color:#777e90;text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:800}.member-sidebar>header strong{color:#b0b6c3;background:var(--panel-3);border-radius:8px;padding:3px 7px}.member-list{flex:1;overflow-y:auto}.member-row{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:9px;padding:8px 4px;color:#dfe2e9;background:transparent;cursor:pointer;text-align:left}.member-row:hover{background:#ffffff09}.member-row>div:nth-child(2){display:grid;flex:1;min-width:0}.member-row strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-row span{color:var(--muted);font-size:9px}.avatar-wrap{position:relative}.avatar-wrap i{position:absolute;right:-1px;bottom:0;width:9px;height:9px;border-radius:50%;border:2px solid #0d0f15;background:var(--green)}.crown{color:var(--accent-2)}.member-mention{opacity:0;color:var(--accent);transition:opacity .12s}.member-row:hover .member-mention{opacity:1}.social-sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--sidebar-bg)}.social-sidebar>header{height:70px;flex:none;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:0 18px}.social-sidebar>header svg{color:var(--accent)}.social-sidebar>header strong{font-size:16px}.social-nav{display:grid;gap:4px;padding:14px 10px 8px}.social-nav button{height:42px;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:0 11px;color:#9da4b4;background:transparent;cursor:pointer;text-align:left;font-size:12px;font-weight:700}.social-nav button:hover,.social-nav button.active{color:#fff;background:var(--panel-3)}.social-nav button.add{color:var(--accent)}.social-nav button b{min-width:21px;margin-left:auto;border-radius:10px;padding:2px 6px;color:#fff;background:var(--accent);text-align:center;font-size:9px}.dm-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 8px;color:#788092;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.dm-list{min-height:0;flex:1;overflow-y:auto;padding:0 8px 12px}.dm-list>button{width:100%;min-height:52px;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:7px 9px;color:#cbd0da;background:transparent;cursor:pointer;text-align:left}.dm-list>button:hover,.dm-list>button.active{color:#fff;background:var(--panel-3)}.dm-list>button>span:last-child{min-width:0;flex:1;display:grid;gap:2px}.dm-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.dm-list small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px}.dm-list>p{margin:18px 10px;color:#687080;font-size:10px}.social-avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;color:#fff;box-shadow:inset 0 0 0 1px #ffffff24;font-weight:800;font-size:12px}.social-profile{position:relative}.direct-call-dock{position:relative;min-height:62px;display:grid;gap:5px;border-top:1px solid rgba(73,214,154,.2);padding:10px 86px 10px 12px;color:var(--green);background:#49d69a0e}.direct-call-dock>span{font-size:9px}.direct-call-dock>span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.direct-call-dock strong{color:#dfe3e9;font-size:11px}.direct-call-dock>div{position:absolute;right:10px;top:50%;display:flex;gap:5px;transform:translateY(-50%)}.direct-call-dock button{width:32px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;color:#cbd1da;background:#ffffff0f;cursor:pointer}.direct-call-dock button.hangup,.call-stage-mini .hangup{color:var(--danger);background:#ff68751a}.social-content{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--content-bg)}.friends-header,.dm-header{height:70px;flex:none;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:0 22px;box-shadow:0 5px 20px #0000001c}.friends-header svg{color:var(--accent)}.friends-header strong{font-size:15px}.friends-page{flex:1;overflow-y:auto;padding:28px 30px 45px}.friends-hero{min-height:154px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:20px;padding:26px;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 42%),var(--panel)}.friends-hero>div>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.friends-hero h2{margin:13px 0 5px;font-family:var(--font-display);font-size:25px}.friends-hero p{margin:0;color:var(--muted);font-size:12px}.friends-hero>button,.friend-search button,.friends-empty button{min-height:42px;display:flex;align-items:center;gap:8px;border:0;border-radius:11px;padding:0 16px;color:#fff;background:linear-gradient(110deg,var(--accent-2),var(--accent));cursor:pointer;font-size:11px;font-weight:800}.list-title{margin:26px 4px 9px;color:#858d9e;text-transform:uppercase;letter-spacing:.07em;font-size:10px}.friend-list{display:grid;gap:6px}.friend-card{min-height:62px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:9px 5px}.friend-card>span:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.friend-card strong{font-size:13px}.friend-card small{color:var(--muted);font-size:10px}.friend-card small i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.friend-card>em{color:var(--muted);font-size:10px;font-style:normal}.friend-card>button{min-height:35px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:0 11px;color:#cbd0da;background:var(--panel-3);cursor:pointer;font-size:10px;font-weight:700}.friend-card>button:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.friend-card>button.accept{color:var(--green);background:#49d69a14}.friend-card>button.icon-button{width:36px;padding:0;justify-content:center}.friends-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#798192;text-align:center}.friends-empty strong{color:#d7dbe3;font-size:15px}.friends-empty p{margin:0 0 8px;font-size:11px}.friend-search{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--panel)}.friend-search h2{margin:0 0 6px;font-family:var(--font-display);font-size:25px}.friend-search>p{margin:0 0 19px;color:var(--muted);font-size:12px}.friend-search form{height:49px;display:flex;align-items:center;gap:9px;border:1px solid #303542;border-radius:12px;padding:0 7px 0 14px;background:#090b11}.friend-search form>svg{color:var(--muted)}.friend-search input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent}.search-results{margin-top:18px}.dm-header>div{min-width:0;flex:1;display:grid;gap:2px}.dm-header strong{font-size:14px}.dm-header span{color:var(--muted);font-size:10px}.call-button{min-height:38px;display:flex;align-items:center;gap:8px;border:1px solid rgba(73,214,154,.2);border-radius:10px;padding:0 13px;color:var(--green);background:#49d69a12;cursor:pointer;font-size:11px;font-weight:800}.dm-messages{flex:1;overflow-y:auto;padding:25px 25px 14px}.dm-welcome{margin:12vh 0 30px}.dm-welcome h2{margin:15px 0 5px;font-family:var(--font-display);font-size:28px}.dm-welcome p{margin:0;color:var(--muted);font-size:12px}.dm-message{display:flex;gap:11px;border-radius:9px;padding:7px 5px}.dm-message:hover{background:#ffffff05}.dm-message>div{min-width:0;flex:1}.dm-message header{display:flex;align-items:baseline;gap:8px}.dm-message header strong{font-size:12px}.dm-message time{color:#6e7585;font-size:9px}.dm-message p{margin:3px 0 0;color:#d8dbe3;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.dm-composer{margin-top:5px}.dm-composer>button{border:0;color:var(--accent);background:transparent;cursor:pointer}.incoming-call{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(73,214,154,.18);padding:10px 18px;background:#49d69a0f}.incoming-call>span{display:flex;align-items:center;gap:9px;color:var(--green);font-size:11px}.incoming-call>div{display:flex;gap:7px}.incoming-call button{border:0;border-radius:8px;padding:8px 12px;color:#cbd0da;background:var(--panel-3);cursor:pointer;font-size:10px}.incoming-call button.accept{color:#08110d;background:var(--green);font-weight:800}.call-stage-mini{display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(73,214,154,.18);padding:11px 18px;background:linear-gradient(90deg,rgba(73,214,154,.07),transparent)}.call-stage-mini>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--green);background:#49d69a1a}.call-stage-mini>div{min-width:0;flex:1;display:grid;gap:2px}.call-stage-mini strong{font-size:11px}.call-stage-mini small{color:var(--muted);font-size:9px}.call-stage-mini>button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;color:#cbd0da;background:var(--panel-3);cursor:pointer}.direct-call-volume{width:min(320px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;margin-top:5px}.direct-call-volume span{overflow:hidden;color:#949cac;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.direct-call-volume b{color:var(--accent);font-size:10px}.direct-call-volume input{grid-column:1 / -1;width:100%;height:5px;margin:0;accent-color:var(--accent);cursor:pointer}.social-details{min-width:0;border-left:1px solid var(--line);padding:18px 14px;background:var(--sidebar-bg)}.social-profile-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:17px;padding:56px 14px 18px;background:var(--panel);text-align:center}.social-profile-card>div:first-child{position:absolute;inset:0 0 auto;height:75px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent-2) 60%,#12141b),color-mix(in srgb,var(--accent) 55%,#12141b))}.social-profile-card .social-avatar{position:relative;border:5px solid var(--panel)}.social-profile-card h3{margin:10px 0 2px;font-size:14px}.social-profile-card>span{color:var(--muted);font-size:10px}.social-profile-card p{margin:12px 0 0;color:var(--green);font-size:10px}.social-profile-card p i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--green)}.details-action{width:100%;min-height:40px;display:flex;align-items:center;gap:9px;margin-top:9px;border:1px solid var(--line);border-radius:10px;padding:0 11px;color:#b9bfcb;background:var(--panel);cursor:pointer;font-size:10px}.details-action:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.social-summary{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.social-summary>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.social-summary strong{margin-top:14px;color:#fff;font-family:var(--font-display);font-size:34px}.social-summary p{margin:0;font-size:11px}.social-summary small{margin-top:14px;color:#697181;font-size:9px;line-height:1.5}.voice-stage{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background:radial-gradient(circle at center,rgba(164,119,255,.07),transparent 42%)}.voice-stage-heading{display:flex;flex-direction:column;align-items:center}.voice-stage-heading>div:last-child{display:grid;justify-items:center}.voice-stage-heading .eyebrow{margin:0}.voice-stage-heading h2+p{color:var(--muted);margin:0 0 25px}.connection-badge{width:max-content;display:inline-flex;align-items:center;gap:6px;margin-top:7px;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:5px 9px;color:#9ba2b2;background:#ffffff06;font-size:9px;font-weight:800}.connection-badge.excellent,.connection-badge.good{color:var(--green);border-color:#49d69a33;background:#49d69a0f}.connection-badge.poor,.connection-badge.reconnecting{color:#f0c453;border-color:#f0c45333;background:#f0c4530f}.connection-badge.lost{color:var(--danger);border-color:#ff687538;background:#ff687512}.voice-stage-icon{width:90px;height:90px;border-radius:30px;border:1px solid rgba(124,140,255,.25);display:grid;place-items:center;color:var(--accent);background:#a477ff12;box-shadow:0 0 80px #6c77ff24;margin-bottom:20px}.voice-stage h2{font-family:var(--font-display);font-size:34px;margin:4px 0 8px}.voice-stage>p:not(.eyebrow){color:var(--muted);margin:0 0 25px}.voice-join{padding:0 24px}.voice-people{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:25px}.voice-person{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel-2);border-radius:20px;padding:7px 12px;font-size:12px;transition:border-color .15s,box-shadow .15s}.voice-person>span{display:flex;align-items:center;gap:8px}.voice-person i{width:7px;height:7px;border-radius:50%;background:var(--green)}.voice-person.speaking{border-color:#49d69acc;box-shadow:0 0 0 2px #49d69a1f,0 0 24px #49d69a26}.voice-person.speaking i{box-shadow:0 0 10px var(--green)}.voice-person label{display:flex;align-items:center;gap:5px;color:#71798a}.voice-person input{width:62px;accent-color:var(--accent);cursor:pointer}.watch-stream-button{display:flex;align-items:center;gap:5px;border:0;border-radius:12px;padding:4px 8px;color:var(--accent);background:#7c8cff14;cursor:pointer;font-size:9px;font-weight:800}.watch-stream-button:hover{color:#fff;background:#7c8cff2e}.voice-people small{color:var(--muted);font-size:9px;text-transform:uppercase}.voice-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.voice-controls button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel-3);border-radius:12px;padding:12px 16px;cursor:pointer}.voice-controls button.danger,.voice-controls .hangup{color:#ff929b;background:#ff687514;border-color:#ff687529}.voice-controls button.transmitting{color:var(--green);background:#49d69a17;border-color:#49d69a40;box-shadow:0 0 0 2px #49d69a12,0 0 24px #49d69a1a}.voice-controls button.sharing{color:var(--green);background:#49d69a17;border-color:#49d69a38}.voice-controls button:disabled{opacity:.5;cursor:wait}.voice-stage.has-screen-share{align-items:stretch;justify-content:flex-start;text-align:left;padding:26px 30px 30px}.has-screen-share .voice-stage-heading{flex-direction:row;align-items:center;gap:14px;margin-bottom:18px}.has-screen-share .voice-stage-heading>div:last-child{justify-items:start}.has-screen-share .voice-stage-icon{width:54px;height:54px;flex:none;margin:0;border-radius:17px}.has-screen-share .voice-stage-icon svg{width:25px;height:25px}.has-screen-share .voice-stage-heading h2{font-size:24px;margin:1px 0 2px}.has-screen-share .voice-stage-heading h2+p{margin:0}.screen-share-grid{width:min(100%,1440px);display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0 auto 18px}.workspace.stream-focus .screen-share-grid{width:min(100%,1760px)}.screen-share-tile{min-width:0;overflow:hidden;border:1px solid rgba(124,140,255,.23);border-radius:16px;background:#07080d;box-shadow:0 20px 55px #00000047}.screen-share-tile>.screen-share-canvas{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#050609}.screen-video-root{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.screen-share-tile video{width:100%;height:100%;object-fit:contain;background:#050609}.screen-share-tools{position:absolute;z-index:2;right:10px;top:10px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s}.screen-share-tile:hover .screen-share-tools,.screen-share-tile:focus-within .screen-share-tools{opacity:1;transform:translateY(0)}.screen-share-tools button{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#f1f2f6;background:#0c0e14db;box-shadow:0 8px 20px #0000004d;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen-share-tools button:hover{color:var(--accent);border-color:#7c8cff61;background:#1c1925f5}.screen-share-tile footer{min-height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#d9dce5}.screen-share-tile footer strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.stream-resolution{margin-left:auto;flex:none;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:3px 6px;color:#8f97a8;background:#ffffff08;font-size:10px;font-weight:800}.screen-share-action-error{min-width:0;max-width:42%;overflow:hidden;color:var(--danger);font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.live-badge{border-radius:5px;padding:3px 6px;color:#fff;background:#ed477a;font-size:8px;font-weight:900;letter-spacing:.08em}.has-screen-share .voice-people{justify-content:flex-start;margin-bottom:14px}.has-screen-share .voice-controls{justify-content:flex-start}.audio-root{display:none}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#05060ac2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dialog-fade .16s ease-out}.channel-switcher-backdrop{align-items:start;padding-top:min(16vh,150px)}.channel-switcher-dialog{width:min(620px,100%);overflow:hidden;border:1px solid rgba(124,140,255,.25);border-radius:18px;color:#e8eaf0;background:#12141c;box-shadow:0 35px 100px #000000a6,0 0 70px #a477ff14;animation:dialog-rise .16s ease-out}.channel-switcher-dialog>header{height:62px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:0 17px;color:var(--accent)}.channel-switcher-dialog>header input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent;font-size:17px;font-weight:650}.channel-switcher-dialog kbd{min-width:28px;display:inline-grid;place-items:center;border:1px solid #343946;border-radius:6px;padding:3px 6px;color:#9da4b3;background:#1c1f29;font:800 10px var(--font-ui),sans-serif}.channel-switcher-list{max-height:min(52vh,430px);overflow-y:auto;display:grid;gap:4px;padding:9px;scrollbar-color:#373c49 transparent}.channel-switcher-list>button{min-height:54px;display:flex;align-items:center;gap:12px;border:0;border-radius:10px;padding:8px 12px;color:#929aaa;background:transparent;cursor:pointer;text-align:left}.channel-switcher-list>button:hover,.channel-switcher-list>button.active{color:#fff;background:linear-gradient(90deg,#7c8cff21,#a477ff0e)}.channel-switcher-list>button>span{min-width:0;flex:1;display:grid;gap:2px}.channel-switcher-list strong{overflow:hidden;color:inherit;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.channel-switcher-list small{color:#747c8d;font-size:10px}.channel-switcher-list>p{margin:30px;color:var(--muted);text-align:center}.channel-switcher-dialog>footer{min-height:42px;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:7px 14px;color:#747c8d;font-size:10px}.channel-switcher-dialog>footer span{display:flex;align-items:center;gap:5px}.text-dialog{position:relative;width:min(440px,100%);display:grid;gap:16px;padding:32px;border:1px solid rgba(124,140,255,.25);border-radius:24px;background:linear-gradient(145deg,#191b27fc,#0b0d13fc);box-shadow:0 32px 90px #00000094,0 0 70px #a477ff17;animation:dialog-rise .2s ease-out}.dialog-close{position:absolute;top:15px;right:15px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;color:var(--muted);background:transparent;cursor:pointer}.dialog-close:hover{color:#fff;background:#ffffff0f}.dialog-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(124,140,255,.26);border-radius:16px;color:var(--accent);background:linear-gradient(145deg,#a477ff1f,#7c8cff14);box-shadow:0 0 38px #6c77ff1f}.text-dialog .eyebrow{margin:0 0 -8px}.text-dialog h2{margin:0;font-family:var(--font-display);font-size:28px;letter-spacing:-.025em}.dialog-description{margin:-6px 0 2px;color:var(--muted);font-size:13px;line-height:1.55}.text-dialog label{display:grid;gap:8px;color:#b3b9c8;font-size:11px;font-weight:700}.text-dialog input{width:100%;height:48px;border:1px solid #2a2f3d;border-radius:12px;padding:0 14px;color:#fff;background:#090b11}.text-dialog input:focus{border-color:#7c8cffb8;box-shadow:0 0 0 4px #a477ff1c;outline:none}.dialog-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:4px}.dialog-actions button{min-height:46px}.dialog-actions button:disabled{opacity:.55;cursor:wait}.profile-dialog{width:min(620px,100%);max-height:calc(100vh - 34px);overflow-y:auto}.profile-dialog-heading{display:flex;align-items:center;gap:15px;padding-right:35px}.profile-dialog-heading>div{display:grid;gap:3px}.profile-dialog-heading .eyebrow,.profile-dialog-heading h2{margin:0}.profile-email{display:grid;gap:4px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#ffffff06}.profile-email span{color:var(--muted);font-size:10px;font-weight:700}.profile-email strong{color:#dfe2eb;font-size:12px;font-weight:600}.avatar-color-field{min-width:0;margin:0;padding:0;border:0}.avatar-color-field legend{margin-bottom:9px;color:#b3b9c8;font-size:11px;font-weight:700}.avatar-color-field>div{display:flex;gap:10px}.avatar-color-field button{width:34px;height:34px;border:3px solid #11131a;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px #ffffff1f;transition:transform .15s,box-shadow .15s}.avatar-color-field button:hover{transform:translateY(-2px)}.avatar-color-field button.active{box-shadow:0 0 0 2px #fff,0 0 20px #6c77ff52;transform:scale(1.05)}.theme-field{min-width:0;margin:0;padding:0;border:0}.theme-field legend{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#b3b9c8;font-size:11px;font-weight:700}.theme-field legend svg{color:var(--accent)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-grid>button{min-width:0;min-height:62px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:9px;color:#d8dbe4;background:#ffffff06;cursor:pointer;text-align:left}.theme-grid>button:hover{background:#ffffff0b}.theme-grid>button.active{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.theme-grid>button>span:nth-child(2){min-width:0;flex:1;display:grid;gap:2px}.theme-grid strong{font-size:11px}.theme-grid small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.theme-grid>button>svg{color:var(--accent)}.theme-preview{width:48px;height:34px;flex:none;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.12);border-radius:8px}.theme-preview i:first-child{grid-row:1 / 3}.screen-picker-backdrop{padding:34px}.screen-picker-dialog{width:min(980px,100%);height:min(820px,100%);min-height:620px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;overflow:hidden;border:1px solid rgba(124,140,255,.22);border-radius:24px;background:#11131a;box-shadow:0 38px 110px #000000ad,0 0 90px #a477ff14;animation:dialog-rise .2s ease-out}.screen-picker-dialog>header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:27px 30px 20px}.screen-picker-dialog>header .eyebrow{margin:0 0 5px}.screen-picker-dialog>header h2{margin:0 0 5px;font-family:var(--font-display);font-size:26px}.screen-picker-dialog>header span{color:var(--muted);font-size:12px}.screen-picker-tabs{display:flex;gap:7px;padding:0 30px 15px;border-bottom:1px solid var(--line)}.screen-picker-tabs button{min-height:38px;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:0 14px;color:#858c9d;background:transparent;cursor:pointer;font-weight:700}.screen-picker-tabs button:hover{color:#fff;background:#ffffff09}.screen-picker-tabs button.active{color:#fff;border-color:#7c8cff3d;background:linear-gradient(120deg,#7c8cff24,#a477ff14)}.screen-source-grid{min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:14px;padding:22px 30px;scrollbar-color:#343846 transparent}.screen-source-card{position:relative;min-width:0;overflow:hidden;display:grid;border:2px solid #242833;border-radius:14px;padding:0;color:#d8dbe5;background:#090b10;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s,box-shadow .15s}.screen-source-card:hover{transform:translateY(-2px);border-color:#4a4055;box-shadow:0 14px 30px #00000040}.screen-source-card.active{border-color:var(--accent);box-shadow:0 0 0 3px #7c8cff1a,0 16px 36px #00000052}.screen-source-preview{aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;background:#050609}.screen-source-preview img{width:100%;height:100%;object-fit:cover}.screen-source-name{height:42px;min-width:0;display:flex;align-items:center;gap:8px;padding:0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.screen-source-name img{width:18px;height:18px;flex:none;object-fit:contain}.screen-source-card>i{position:absolute;right:8px;top:8px;width:25px;height:25px;display:none;place-items:center;border:2px solid white;border-radius:50%;color:#101218;background:var(--accent);box-shadow:0 5px 14px #00000073}.screen-source-card.active>i{display:grid}.screen-picker-empty{grid-column:1 / -1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#737b8e}.screen-picker-empty .loader{width:34px;height:34px}.screen-quality-panel{display:grid;gap:10px;padding:14px 30px 16px;border-top:1px solid var(--line);background:#ffffff03}.screen-quality-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.screen-quality-panel>header>div{display:grid;gap:2px}.screen-quality-panel>header strong{font-size:11px}.screen-quality-panel>header span{color:var(--muted);font-size:9px}.screen-quality-panel>header>span{border-radius:14px;padding:4px 8px;color:#b9bfcc;background:#ffffff0d;font-weight:800}.screen-quality-panel>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.screen-quality-panel button{position:relative;min-height:51px;display:grid;place-content:center;gap:2px;border:1px solid #292e3a;border-radius:11px;color:#d9dce5;background:#0b0d13;cursor:pointer}.screen-quality-panel button:hover{border-color:#4b4055;background:#11131a}.screen-quality-panel button.active{border-color:var(--accent);background:linear-gradient(135deg,#7c8cff21,#a477ff14);box-shadow:0 0 0 2px #7c8cff12}.screen-quality-panel button strong{font-size:12px}.screen-quality-panel button span{color:var(--muted);font-size:9px}.screen-quality-panel button small{position:absolute;right:6px;top:5px;color:var(--accent);font-size:7px;font-weight:900;text-transform:uppercase}.screen-picker-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 30px 22px;border-top:1px solid var(--line);background:#0d0f15}.screen-picker-dialog>footer>div{display:flex;gap:9px}.screen-picker-dialog>footer button{min-height:43px;padding:0 16px}.screen-picker-dialog .primary-button{display:flex;align-items:center;justify-content:center;gap:8px}.share-audio-option{display:flex;align-items:center;gap:10px;cursor:pointer}.share-audio-option input{position:absolute;opacity:0;pointer-events:none}.share-audio-option>span{width:38px;height:22px;flex:none;position:relative;border-radius:20px;background:#303541;transition:background .15s}.share-audio-option>span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .15s}.share-audio-option input:checked+span{background:linear-gradient(110deg,var(--accent-2),var(--accent))}.share-audio-option input:checked+span:after{transform:translate(16px)}.share-audio-option>div{display:grid;gap:2px}.share-audio-option strong{font-size:11px}.share-audio-option small{color:var(--muted);font-size:9px}.audio-settings-dialog{width:min(650px,100%);max-height:calc(100vh - 40px);overflow-y:auto;gap:17px;scrollbar-color:#343947 transparent}.audio-settings-heading{display:flex;align-items:center;gap:13px;padding-right:30px}.audio-settings-heading>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(124,140,255,.22);border-radius:15px;color:var(--accent);background:#a477ff14}.audio-settings-heading .eyebrow,.audio-settings-heading h2{margin:0}.device-field{display:grid;gap:8px;color:#aab1c1;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.device-field select{width:100%;height:48px;border:1px solid #2d3240;border-radius:11px;padding:0 38px 0 13px;color:#e9eaf0;background:#090b11;outline:none;font-size:14px}.device-field select:focus{border-color:#7c8cffa6;box-shadow:0 0 0 3px #a477ff1a}.mic-test{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.mic-test header{display:flex;align-items:center;justify-content:space-between;gap:10px}.mic-test header span{display:flex;align-items:center;gap:7px;color:#c9ced9;font-size:12px;font-weight:800}.mic-test header span svg{color:var(--green)}.mic-test header small{color:var(--muted);font-size:10px}.mic-test>div{height:7px;overflow:hidden;border-radius:7px;background:#252a34}.mic-test i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#f1c952,#ff6875);will-change:width}.input-mode-setting{display:grid;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.input-mode-setting>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.input-mode-setting>header strong{color:#cbd0da;font-size:12px}.input-mode-setting>header span{color:var(--muted);font-size:10px}.input-mode-setting>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:10px;background:#090b11}.input-mode-setting button{min-height:38px;border:0;border-radius:8px;color:#7f8798;background:transparent;cursor:pointer;font-size:12px;font-weight:800}.input-mode-setting button:hover{color:#fff;background:#ffffff0a}.input-mode-setting button.active{color:#fff;background:linear-gradient(110deg,#a477ff80,#7c8cff7a)}.push-to-talk-binding{display:flex!important;grid-template-columns:none!important;align-items:center;gap:12px!important;margin-top:2px;padding:9px 9px 9px 11px!important;border:1px solid rgba(255,255,255,.055);background:#ffffff06!important}.push-to-talk-binding>span{min-width:0;flex:1;display:grid;gap:2px}.push-to-talk-binding strong{color:#c8cdd7;font-size:11px}.push-to-talk-binding small{color:var(--muted);font-size:10px}.push-to-talk-binding>button{min-width:112px;border:1px solid #343946;color:#e5e7ed;background:#1b1e27}.push-to-talk-binding>button.recording{border-color:var(--accent);color:var(--accent);animation:hotkey-pulse 1s ease-in-out infinite}@keyframes hotkey-pulse{50%{box-shadow:0 0 0 4px #7c8cff1a}}.audio-processing-list{display:grid;gap:7px}.audio-processing-list button{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:11px;padding:10px 13px;color:#c9ced8;background:#ffffff05;cursor:pointer;text-align:left}.audio-processing-list button:hover{background:#ffffff0a}.audio-processing-list button>span{display:grid;gap:3px}.audio-processing-list button strong{font-size:12px}.audio-processing-list button strong em{display:inline-block;margin-left:7px;border-radius:10px;padding:3px 7px;color:var(--green);background:#49d69a14;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.audio-processing-list button small{color:var(--muted);font-size:10px}.audio-processing-list button>i{width:38px;height:21px;flex:none;position:relative;border-radius:20px;background:#303541}.audio-processing-list button>i:after{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:#e8eaf0;transition:transform .15s}.audio-processing-list button.active>i{background:linear-gradient(110deg,var(--accent-2),var(--accent))}.audio-processing-list button.active>i:after{transform:translate(17px)}.audio-shortcut{display:flex;align-items:center;gap:5px;color:#858d9d;font-size:10px}.audio-shortcuts{display:flex;flex-wrap:wrap;gap:8px 14px}.audio-shortcut kbd{min-width:29px;height:25px;display:grid;place-items:center;border:1px solid #363b48;border-bottom-width:2px;border-radius:6px;padding:0 6px;color:#d7dbe4;background:#20232c;font:inherit;font-size:10px;font-weight:800}.audio-shortcut span{margin-left:4px}@media(max-width:900px){.screen-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}}.toast{position:fixed;left:50%;top:18px;z-index:70;display:flex;align-items:center;gap:12px;border:1px solid rgba(124,140,255,.26);border-radius:12px;background:#20232d;box-shadow:0 16px 45px #00000059;padding:12px 15px;font-size:12px;transform:translate(-50%)}.toast>button{width:24px;height:24px;flex:none;display:grid;place-items:center;border:0;border-radius:7px;padding:0;color:inherit;background:transparent;cursor:pointer}.toast>button:hover{background:#ffffff12}.desktop-update-trigger{position:fixed;right:18px;bottom:18px;z-index:30;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#141720f0;cursor:pointer;box-shadow:0 12px 30px #0000004d}.desktop-update-trigger:hover{color:var(--accent);border-color:#7c8cff52}.desktop-updater{position:fixed;right:18px;bottom:18px;z-index:40;width:min(440px,calc(100vw - 36px));min-height:76px;display:flex;align-items:center;gap:13px;padding:13px;border:1px solid rgba(124,140,255,.28);border-radius:15px;background:#13161ffa;box-shadow:0 20px 55px #0000007a}.desktop-updater.failed{border-color:#ff68754d}.desktop-updater-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;color:var(--accent);background:#a477ff1a}.desktop-updater.failed .desktop-updater-icon{color:var(--danger);background:#ff687514}.desktop-updater-copy{min-width:0;flex:1;display:grid;gap:4px}.desktop-updater-copy strong{font-size:12px}.desktop-updater-copy span{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-update-progress{display:block;width:100%;height:3px;margin-top:4px;overflow:hidden;border-radius:3px;background:#ffffff12}.desktop-update-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .2s}.desktop-update-action{flex:none;min-height:34px;display:flex;align-items:center;gap:6px;border:0;border-radius:9px;padding:0 11px;color:#fff;background:linear-gradient(110deg,var(--accent-2),var(--accent));font-size:10px;font-weight:800;cursor:pointer}.desktop-update-close{flex:none;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer}.desktop-update-close:hover{color:#fff;background:#ffffff0f}.spinning{animation:spin .85s linear infinite}@media(max-width:1100px){.workspace{grid-template-columns:70px 250px minmax(400px,1fr)}.member-sidebar{display:none}}@media(max-width:820px){.auth-page{grid-template-columns:1fr;padding:24px;overflow-y:auto}.auth-intro{display:none}.auth-card{width:min(100%,480px);margin:auto;padding:28px}.workspace{grid-template-columns:58px 220px minmax(340px,1fr);overflow-x:auto}.space-rail{padding-inline:6px}.space-button,.app-glyph{width:42px;height:42px}}::selection{color:#fff;background:color-mix(in srgb,var(--accent) 52%,transparent)}*{scrollbar-width:thin;scrollbar-color:rgba(145,154,182,.28) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#919ab647;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#919ab670}button,input,textarea,select{font-family:inherit}button{transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 82%,white);outline-offset:2px}.workspace{grid-template-columns:72px 280px minmax(420px,1fr) 252px;isolation:isolate;background:linear-gradient(135deg,var(--rail-bg),var(--bg) 28%,var(--content-bg))}.space-rail{gap:9px;padding:13px 10px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 11%,transparent),transparent 24%),var(--rail-bg)}.app-glyph{border-radius:17px;color:#fff;background:linear-gradient(145deg,var(--accent-2),var(--accent));box-shadow:0 8px 26px color-mix(in srgb,var(--accent) 24%,transparent)}.app-glyph:hover{border-radius:13px;transform:translateY(-1px)}.app-glyph.active{box-shadow:0 0 0 2px #eef0ff,0 9px 30px color-mix(in srgb,var(--accent) 31%,transparent)}.space-button{overflow:visible;border-color:transparent;border-radius:17px;background:#181c25}.space-button:hover,.space-button.active{border-radius:13px;border-color:color-mix(in srgb,var(--accent) 44%,transparent);background:color-mix(in srgb,var(--accent) 22%,#171b24);transform:translateY(-1px)}.space-button.active:before{width:4px;left:-12px;background:#edf0ff;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 68%,transparent)}.space-button.add:hover,.space-button.join:hover{color:#08110d;background:var(--green);border-color:var(--green)}.channel-sidebar,.social-sidebar{border-color:var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 160px),var(--sidebar-bg)}.space-header,.social-sidebar>header,.content-header,.friends-header,.dm-header{height:64px;border-color:var(--line);box-shadow:0 1px #0003}.space-header strong,.social-sidebar>header strong{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em}.channel-scroll{padding-top:14px}.channel-section header{color:#8790a3}.channel-row{height:40px;border-radius:9px;font-weight:600}.channel-row:hover{color:#e1e5ed;background:#e1e7ff0e}.channel-row.active{color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent-2) 7%,transparent));box-shadow:inset 3px 0 color-mix(in srgb,var(--accent) 86%,white)}.profile-dock{height:62px;background:#07090dc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-summary{border-radius:9px}.profile-summary:hover{background:#e1e7ff0e!important}.content-panel,.social-content{background:var(--content-bg)}.content-header,.friends-header,.dm-header{padding-inline:20px;background:#12151dd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.content-header strong,.friends-header strong,.dm-header strong{font-weight:750;letter-spacing:-.01em}.messages-scroll,.dm-messages{padding-inline:clamp(16px,2.4vw,34px)}.message,.dm-message{border-radius:8px}.message:hover,.dm-message:hover{background:#e1e7ff07}.message header strong,.dm-message header strong{color:#f1f3f8;font-weight:720}.message p,.dm-message p{color:#d7dbe5}.message-actions{border-color:var(--line-strong);background:#1a1e28;box-shadow:var(--elevation-1)}.message-composer{min-height:52px;border-color:#e1e7ff14;border-radius:12px;background:#1c212c;box-shadow:0 8px 26px #0000001f}.message-composer:focus-within{border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent),0 8px 26px #00000024}.member-sidebar,.social-details{background:var(--sidebar-bg);border-color:var(--line)}.member-row{min-height:46px;padding-inline:8px}.member-row:hover{background:#e1e7ff0d}.avatar,.social-avatar{box-shadow:inset 0 0 0 1px #ffffff29,0 3px 10px #0000002e}.social-nav{gap:3px;padding:12px 9px 7px}.social-nav button{height:40px}.social-nav button:hover{background:#e1e7ff0d}.social-nav button.active{background:color-mix(in srgb,var(--accent) 14%,var(--panel-3));box-shadow:inset 3px 0 color-mix(in srgb,var(--accent) 82%,white)}.dm-list>button:hover{background:#e1e7ff0d}.dm-list>button.active{background:color-mix(in srgb,var(--accent) 13%,var(--panel-3))}.friends-page{padding:clamp(20px,3vw,38px)}.friends-hero,.friend-search,.social-profile-card{border-color:var(--line-strong);box-shadow:0 18px 45px #00000024}.friends-hero{background:radial-gradient(circle at 92% 5%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--panel)}.friend-card{border-color:var(--line);border-radius:10px;padding-inline:10px}.friend-card:hover{background:#e1e7ff06}.call-button:hover,.details-action:hover{transform:translateY(-1px)}.incoming-call{box-shadow:inset 3px 0 var(--green)}.direct-call-dock,.call-stage-mini{background:linear-gradient(90deg,#42d3921a,#42d39206)}.voice-dock{border-color:#42d3923d;background:linear-gradient(180deg,#42d39213,#42d39209)}.voice-stage{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 38%),var(--content-bg)}.voice-stage-icon{border-color:color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:0 0 90px color-mix(in srgb,var(--accent) 13%,transparent)}.voice-controls button{min-height:46px;border-color:var(--line-strong);box-shadow:0 8px 24px #0000001f}.voice-controls button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 34%,transparent);transform:translateY(-1px)}.voice-member-panel input[type=range],.voice-person input[type=range]{accent-color:var(--accent)}.dialog-backdrop{background:#04060ac7}.text-dialog,.screen-picker-dialog,.channel-switcher-dialog{border-color:color-mix(in srgb,var(--accent) 26%,var(--line));box-shadow:var(--elevation-2),0 0 90px color-mix(in srgb,var(--accent) 8%,transparent)}.text-dialog,.channel-switcher-dialog{background:linear-gradient(145deg,#1a1e28,#0e1117)}.audio-settings-dialog{scrollbar-gutter:stable}.device-field select,.text-dialog input,.friend-search form{background-color:#0c0f15}.mic-test>div{height:8px}.mic-test i{box-shadow:0 0 12px color-mix(in srgb,var(--green) 45%,transparent)}.audio-level-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.audio-level-control{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#e1e7ff06}.audio-level-control:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}.audio-level-control>span{min-width:0;display:grid;gap:3px}.audio-level-control strong{color:#d9dde6;font-size:11px}.audio-level-control small{color:var(--muted);font-size:9px;line-height:1.35}.audio-level-control>b{min-width:42px;color:var(--accent);font-size:10px;text-align:right}.audio-level-control input{grid-column:1 / -1;width:100%;height:6px;margin:2px 0 0;accent-color:var(--accent);cursor:pointer}.audio-settings-dialog .dialog-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.audio-level-reset{color:#b8bfce}.load-older-messages{min-height:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border:1px solid var(--line);border-radius:10px;padding:0 14px;color:#aeb5c4;background:#e1e7ff06;cursor:pointer;font-size:10px;font-weight:750}.load-older-messages:hover:not(:disabled){color:#fff;border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.realtime-status{margin-left:auto;border:1px solid rgba(66,211,146,.18);border-radius:999px;padding:5px 9px;color:var(--green)!important;background:#42d3920e;font-size:9px!important;font-weight:800}.realtime-status[data-status=connecting],.realtime-status[data-status=reconnecting]{color:var(--warning)!important;border-color:#f2bd5a33;background:#f2bd5a0f}.realtime-status[data-status=closed]{color:var(--danger)!important;border-color:#ff687533;background:#ff68750f}.message-composer[data-connection-status=connecting],.message-composer[data-connection-status=reconnecting],.message-composer[data-connection-status=closed]{border-color:#f2bd5a3d}.message-composer[data-connection-status=closed]{border-color:#ff687540}.message-composer[data-connection-status]:not([data-connection-status=open]) input{color:var(--muted)}.presence-avatar{width:max-content;flex:none;position:relative;display:inline-flex}.presence-avatar>.presence-dot{position:absolute;right:-1px;bottom:0;border:2px solid var(--sidebar-bg)}.dm-header .presence-avatar>.presence-dot,.dm-welcome .presence-avatar>.presence-dot{border-color:var(--content-bg)}.social-profile-card .presence-avatar>.presence-dot{right:2px;bottom:2px;border-color:var(--panel)}.presence-dot{width:10px;height:10px;flex:none;display:inline-block;border-radius:50%;background:#596170;box-shadow:none}.presence-dot[data-status=online]{background:var(--green);box-shadow:0 0 8px color-mix(in srgb,var(--green) 62%,transparent)}.presence-dot[data-status=idle]{background:var(--warning);box-shadow:0 0 7px #f2bd5a59}.presence-dot[data-status=dnd]{background:var(--danger);box-shadow:0 0 7px #ff68754d}.presence-dot[data-status=invisible],.presence-dot[data-status=offline]{background:#596170}.presence-dot[data-status=unknown]{border:1px solid #737b8b;background:transparent}.profile-popout-status>.presence-dot,.avatar-wrap>.presence-dot,.social-profile-card p>.presence-dot{background:#596170;box-shadow:none}.profile-popout-status>.presence-dot[data-status=online],.avatar-wrap>.presence-dot[data-status=online],.social-profile-card p>.presence-dot[data-status=online]{background:var(--green);box-shadow:0 0 8px color-mix(in srgb,var(--green) 62%,transparent)}.profile-popout-status>.presence-dot[data-status=idle],.avatar-wrap>.presence-dot[data-status=idle],.social-profile-card p>.presence-dot[data-status=idle]{background:var(--warning)}.profile-popout-status>.presence-dot[data-status=dnd],.avatar-wrap>.presence-dot[data-status=dnd],.social-profile-card p>.presence-dot[data-status=dnd]{background:var(--danger)}.profile-popout-status>.presence-dot[data-status=unknown],.avatar-wrap>.presence-dot[data-status=unknown],.social-profile-card p>.presence-dot[data-status=unknown]{border:1px solid #737b8b;background:transparent}.profile-summary>.presence-avatar{min-width:max-content;display:inline-flex!important}.profile-summary>span:last-child{min-width:0;display:grid}.member-presence-group{display:grid;gap:1px;margin-bottom:13px}.member-presence-group>header{padding:7px 6px 4px;color:#7f8797;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.member-presence-group.offline .member-row{color:#858c99}.member-presence-group.offline .member-row .avatar{filter:saturate(.42);opacity:.72}.avatar-wrap>.presence-dot{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border:2px solid #0d0f15}.dm-list>button{position:relative}.dm-list>button>span:nth-child(2){min-width:0;flex:1;display:grid;gap:2px}.dm-unread-badge{min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;padding:0 6px;color:#fff;background:var(--accent);font-size:9px;font-weight:900}.friend-card.presence-offline .social-avatar,.friend-card.presence-unknown .social-avatar{filter:saturate(.5);opacity:.78}.social-profile-card p{display:flex;align-items:center;justify-content:center;gap:5px;line-height:1.4}.social-profile-card p>.presence-dot{width:7px;height:7px;margin:0}.social-profile-card.presence-idle p{color:var(--warning)}.social-profile-card.presence-dnd p{color:var(--danger)}.social-profile-card.presence-offline p,.social-profile-card.presence-unknown p,.social-profile-card.presence-invisible p{color:var(--muted)}.dm-typing-indicator{min-height:25px;margin-inline:25px;opacity:0}.dm-typing-indicator.visible{opacity:1}.presence-field{min-width:0;margin:0;padding:0;border:0}.presence-field>legend{margin-bottom:9px;color:#b3b9c8;font-size:11px;font-weight:700}.presence-field:disabled{opacity:.62}.presence-editor{display:grid;gap:10px;border:1px solid var(--line);border-radius:12px;padding:13px;background:#e1e7ff06}.presence-editor>label{position:relative;display:grid;gap:7px}.presence-editor select{width:100%;height:44px;border:1px solid #2a2f3d;border-radius:11px;padding:0 12px;color:#fff;background:#090b11}.presence-editor select:focus{border-color:#7c8cffb8;box-shadow:0 0 0 4px #a477ff1c;outline:none}.presence-editor>p{margin:-3px 0 1px;color:var(--muted);font-size:9px;line-height:1.4}.presence-editor label>small{position:absolute;right:10px;bottom:15px;color:#6f7787;font-size:8px;font-weight:700}.presence-editor label>input{padding-right:52px}.audio-level-setting,.audio-gain-control,.volume-control,.range-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#e1e7ff06}.audio-level-setting label,.audio-gain-control label,.volume-control label,.range-control label{color:#c9ced9;font-size:12px;font-weight:750}.audio-level-setting output,.audio-gain-control output,.volume-control output,.range-control output{min-width:46px;color:var(--accent);font-size:11px;font-weight:800;text-align:right}.audio-level-setting input[type=range],.audio-gain-control input[type=range],.volume-control input[type=range],.range-control input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent);cursor:pointer}.desktop-updater{border-color:color-mix(in srgb,var(--accent) 32%,transparent);background:#12161ff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--elevation-2)}.audio-playback-unlock{position:fixed;z-index:120;left:50%;bottom:24px;min-height:54px;display:flex;align-items:center;gap:11px;border:1px solid color-mix(in srgb,var(--green) 44%,transparent);border-radius:14px;padding:10px 16px;color:#f6fff9;background:#16221ef5;box-shadow:0 16px 48px #0000007a,0 0 0 1px #49d69a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%);cursor:pointer}.audio-playback-unlock:hover{background:#1d3029fa;border-color:var(--green)}.audio-playback-unlock>svg{flex:none;color:var(--green)}.audio-playback-unlock>span{display:grid;gap:2px;text-align:left}.audio-playback-unlock strong{font-size:12px}.audio-playback-unlock small{color:#aebbb4;font-size:9px}@media(max-width:1180px){.workspace{grid-template-columns:68px 260px minmax(360px,1fr)}.member-sidebar,.social-details{display:none}}@media(max-width:1100px)and (min-width:821px){.auth-page{grid-template-columns:minmax(300px,1fr) minmax(400px,440px);gap:4vw;padding:5vw}.auth-card{padding:36px}.brand-mark{margin-bottom:56px}.auth-intro h1{font-size:clamp(48px,6vw,66px)}.intro-copy{font-size:16px}.feature-row{gap:18px;margin-top:34px}}@media(max-width:880px){.workspace{grid-template-columns:58px 218px minmax(340px,1fr);overflow-x:auto}.space-rail{padding-inline:6px}.space-button,.app-glyph{width:42px;height:42px}.screen-picker-backdrop{padding:18px}.screen-picker-dialog{min-height:min(620px,calc(100vh - 36px))}.screen-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:20px}}@media(max-width:640px){.auth-page{padding:14px}.auth-card{border-radius:20px;padding:23px}.form-grid{grid-template-columns:1fr}.workspace{grid-template-columns:52px 176px minmax(300px,1fr)}.workspace:has(>.social-sidebar){grid-template-columns:52px 82px minmax(300px,1fr)}.workspace:has(>.social-sidebar) .social-sidebar>header{justify-content:center;padding-inline:0}.workspace:has(>.social-sidebar) .social-sidebar>header strong,.workspace:has(>.social-sidebar) .social-nav button:not(.active) b,.workspace:has(>.social-sidebar) .dm-heading span,.workspace:has(>.social-sidebar) .dm-list>button>span:nth-child(2),.workspace:has(>.social-sidebar) .social-profile .profile-summary>span:last-child{display:none}.workspace:has(>.social-sidebar) .social-nav{padding-inline:10px}.workspace:has(>.social-sidebar) .social-nav button{position:relative;justify-content:center;width:100%;padding:0;overflow:hidden;font-size:0}.workspace:has(>.social-sidebar) .social-nav button svg{width:19px;height:19px}.workspace:has(>.social-sidebar) .social-nav button b{position:absolute;right:1px;top:1px;min-width:16px;padding:2px 4px;font-size:8px}.workspace:has(>.social-sidebar) .dm-heading{justify-content:center;padding-inline:0}.workspace:has(>.social-sidebar) .dm-list>button{justify-content:center;padding-inline:0}.workspace:has(>.social-sidebar) .dm-unread-badge{position:absolute;right:2px;top:2px;min-width:16px;height:16px;padding-inline:4px;font-size:7px}.workspace:has(>.social-sidebar) .social-profile{display:grid;grid-template-columns:1fr 1fr;height:auto;padding:6px}.workspace:has(>.social-sidebar) .social-profile .profile-summary{grid-column:1 / -1;justify-content:center}.friends-page{padding:16px}.friends-hero{align-items:flex-start;flex-direction:column;padding:20px}.dm-header,.friends-header,.content-header{padding-inline:14px}.call-button{width:38px;padding:0;justify-content:center;overflow:hidden;font-size:0}.message-composer{margin-inline:12px;margin-bottom:12px}.dialog-backdrop,.screen-picker-backdrop{align-items:end;padding:0}.text-dialog,.screen-picker-dialog{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.screen-picker-dialog{height:94vh;min-height:0}.screen-source-grid{grid-template-columns:1fr;padding:16px}.screen-quality-panel>div{grid-template-columns:1fr 1fr}.screen-picker-dialog>footer{align-items:stretch;flex-direction:column;padding:14px 18px}.screen-picker-dialog>footer>div{display:grid;grid-template-columns:1fr 1fr}.theme-grid,.audio-level-controls,.audio-settings-dialog .dialog-actions{grid-template-columns:1fr}.desktop-updater{right:10px;bottom:10px;width:calc(100vw - 20px)}.audio-playback-unlock{bottom:12px;width:calc(100vw - 24px);max-width:330px;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(hover:none){.screen-share-tools{opacity:1;transform:none}}@media(prefers-contrast:more){:root{--line: rgba(238, 241, 255, .2);--line-strong: rgba(238, 241, 255, .32);--muted: #b0b7c7}.channel-row.active,.social-nav button.active{outline:1px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:-1px}}