@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f3f4f8;background:#08090d;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #08090d;--panel: #0f1118;--panel-2: #131620;--panel-3: #181c28;--line: rgba(255, 255, 255, .075);--muted: #8a91a4;--accent: #ff5ca8;--accent-2: #9d73ff;--green: #49d69a;--danger: #ff6875;--rail-bg: #08090e;--sidebar-bg: #0d0f15;--content-bg: #101219}:root[data-theme=violet]{--bg: #0b0712;--panel: #151020;--panel-2: #1b1429;--panel-3: #241a35;--muted: #9b8daa;--accent: #c56cff;--accent-2: #7657ff;--green: #50deb0;--rail-bg: #09060f;--sidebar-bg: #110b1b;--content-bg: #150e20}:root[data-theme=ocean]{--bg: #050d11;--panel: #0a171d;--panel-2: #0e2028;--panel-3: #15303a;--muted: #7f9ba5;--accent: #38d9c5;--accent-2: #4d8dff;--green: #3be6a5;--rail-bg: #040b0e;--sidebar-bg: #081319;--content-bg: #0a171d}:root[data-theme=oled]{--bg: #000;--panel: #08080b;--panel-2: #0d0d12;--panel-3: #17171e;--muted: #85858f;--accent: #ff66b3;--accent-2: #a87cff;--rail-bg: #000;--sidebar-bg: #050506;--content-bg: #09090c}*{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(255,92,168,.2),transparent 65%)}.ambient-two{width:420px;height:420px;right:-180px;top:-200px;background:radial-gradient(circle,rgba(157,115,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:Space Grotesk;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:Space Grotesk;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:Space Grotesk;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:#ff5ca8b8;box-shadow:0 0 0 4px #9d73ff1c;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 #c952c538}.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(255,92,168,.3);border-radius:28px;display:grid;place-items:center;color:var(--accent);background:#9d73ff0f;box-shadow:0 0 80px #c952c529;margin-bottom:28px}.empty-page h1{font-family:Space Grotesk;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:#ff5ca866}.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:Space Grotesk;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(255,92,168,.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(255,92,168,.26);border-top:1px solid rgba(255,92,168,.26);background:#181b24;transform:rotate(45deg)}.invite-popover strong{color:var(--green);font:800 9px Inter,sans-serif}.invite-popover code{color:#f2f3f7;font:700 11px Space Grotesk,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:#ff5ca833;background:#ff5ca80e}.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 Manrope,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,#ff5ca826,#9d73ff0e)}.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(255,92,168,.34);border-radius:7px;padding:0 7px;color:#ff78b8;background:#ff5ca81f;box-shadow:0 0 18px #ff5ca814;cursor:pointer;opacity:1;transition:background .15s,border-color .15s,transform .15s}.voice-member-stream:hover{color:#fff;border-color:#ff5ca8b3;background:#ff5ca83d;transform:translateY(-1px)}.voice-member-stream>span{width:5px;height:5px;border-radius:50%;background:#ff5c86;box-shadow:0 0 8px #ff5c86;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 #ff5c86}}.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:#ff5ca833;background:#ff5ca814}.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(255,92,168,.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,#ff5ca8d9,#9d73ffcc)}.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(255,92,168,.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(255,92,168,.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:#ff5ca814}.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:Space Grotesk;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:#9d73ff29}.mention.mine{color:#1a111c;background:linear-gradient(110deg,#ff7ab9,#ba8aff)}.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(157,115,255,.18);border-radius:11px;padding:9px 10px;color:var(--accent-2);background:#9d73ff0e}.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{display:grid;gap:5px;border-top:1px solid rgba(73,214,154,.2);padding: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;display:flex;gap:5px}.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:Space Grotesk;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:Space Grotesk;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:Space Grotesk;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}.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:Space Grotesk;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(157,115,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(255,92,168,.25);display:grid;place-items:center;color:var(--accent);background:#9d73ff12;box-shadow:0 0 80px #c952c524;margin-bottom:20px}.voice-stage h2{font-family:Space Grotesk;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:#ff5ca814;cursor:pointer;font-size:9px;font-weight:800}.watch-stream-button:hover{color:#fff;background:#ff5ca82e}.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(255,92,168,.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{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:#ff5ca861;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{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}.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(255,92,168,.25);border-radius:18px;color:#e8eaf0;background:#12141c;box-shadow:0 35px 100px #000000a6,0 0 70px #9d73ff14;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 Manrope,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,#ff5ca821,#9d73ff0e)}.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(255,92,168,.25);border-radius:24px;background:linear-gradient(145deg,#191b27fc,#0b0d13fc);box-shadow:0 32px 90px #00000094,0 0 70px #9d73ff17;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(255,92,168,.26);border-radius:16px;color:var(--accent);background:linear-gradient(145deg,#9d73ff1f,#ff5ca814);box-shadow:0 0 38px #c952c51f}.text-dialog .eyebrow{margin:0 0 -8px}.text-dialog h2{margin:0;font-family:Space Grotesk;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:#ff5ca8b8;box-shadow:0 0 0 4px #9d73ff1c;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 #c952c552;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(255,92,168,.22);border-radius:24px;background:#11131a;box-shadow:0 38px 110px #000000ad,0 0 90px #9d73ff14;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:Space Grotesk;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:#ff5ca83d;background:linear-gradient(120deg,#ff5ca824,#9d73ff14)}.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 #ff5ca81a,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,#ff5ca821,#9d73ff14);box-shadow:0 0 0 2px #ff5ca812}.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(255,92,168,.22);border-radius:15px;color:var(--accent);background:#9d73ff14}.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:#ff5ca8a6;box-shadow:0 0 0 3px #9d73ff1a}.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,#9d73ff80,#ff5ca87a)}.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 #ff5ca81a}}.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(255,92,168,.26);border-radius:12px;background:#20232d;box-shadow:0 16px 45px #00000059;padding:12px 15px;cursor:pointer;font-size:12px;transform:translate(-50%)}.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:#ff5ca852}.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(255,92,168,.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:#9d73ff1a}.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}}