:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090f;--bg-soft:#0a0d16;--panel:#0e1220;--panel-2:#121829;--panel-3:#171f33;--line:#ffffff12;--line-strong:#ffffff21;--text:#e9edf7;--muted:#98a1b8;--dim:#6b7488;--accent:#7c8cff;--accent-2:#a06bff;--accent-soft:#7c8cff29;--brand:#ff4d6d;--brand-2:#b3123a;--green:#3ddc97;--red:#ff5d6c;--amber:#ffc857;--font:"Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}a{color:#a5b6ff;text-decoration:none}::selection{background:#7c8cff59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff17 padding-box content-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e padding-box content-box;border:3px solid #0000}:focus-visible{outline-offset:2px;outline:2px solid #7c8cffa6}.app-frame{background:radial-gradient(1100px 520px at 78% -12%, #7c8cff14, transparent 60%), var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.titlebar{-webkit-app-region:drag;user-select:none;border-bottom:1px solid #ffffff0b;flex:0 0 38px;align-items:center;gap:10px;height:38px;padding-left:14px;display:flex}.titlebar-brand{color:var(--text);align-items:center;gap:8px;display:flex}.titlebar-logo{color:#fff;background:linear-gradient(140deg, var(--brand), var(--brand-2));border-radius:7px;place-items:center;width:22px;height:22px;display:grid;box-shadow:0 4px 14px #ff4d6d59}.titlebar-name{letter-spacing:.02em;font-size:12.5px;font-weight:650}.titlebar-status{color:var(--muted);border:1px solid var(--line);background:#ffffff09;border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;display:flex}.titlebar-status i{background:var(--dim);border-radius:50%;width:6px;height:6px}.titlebar-status.online i{background:var(--green);box-shadow:0 0 8px #3ddc97cc}.titlebar-status.connecting i{background:var(--amber)}.titlebar-drag{flex:1;height:100%}.window-controls{-webkit-app-region:no-drag;height:100%;display:flex}.window-controls button{width:46px;height:100%;color:var(--muted);place-items:center;transition:background .12s,color .12s;display:grid}.window-controls button:hover{color:var(--text);background:#ffffff0f}.window-controls .window-close:hover{color:#fff;background:#e5484d}.auth-screen{flex:1;place-items:center;padding:24px;display:grid;position:relative;overflow:hidden}.auth-glow{filter:blur(90px);opacity:.6;pointer-events:none;border-radius:50%;position:absolute}.auth-glow-a{background:radial-gradient(circle,#7c8cff6b,#0000 65%);width:560px;height:560px;top:-180px;left:8%}.auth-glow-b{background:radial-gradient(circle,#a06bff4d,#0000 65%);width:520px;height:520px;bottom:-200px;right:4%}.auth-grid{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:radial-gradient(circle at 50% 45%,#000,#0000 72%)}.auth-card{backdrop-filter:blur(20px);background:#0e1220bd;border:1px solid #ffffff17;border-radius:24px;width:min(400px,100%);max-height:calc(100vh - 48px);padding:32px 32px 24px;animation:.45s rise;position:relative;overflow-y:auto;box-shadow:0 30px 90px #0000008c}.auth-logo{color:#fff;background:linear-gradient(140deg, var(--brand), var(--brand-2));border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto 16px;display:grid;box-shadow:0 12px 30px #ff4d6d59}.auth-title{text-align:center;letter-spacing:-.02em;margin:0;font-size:30px}.auth-tagline{text-align:center;color:var(--muted);margin:6px 0 26px;font-size:13px}.auth-form{flex-direction:column;gap:16px;display:flex}.avatar-field{flex-direction:column;align-items:center;gap:8px;margin-bottom:2px;display:flex}.avatar-picker{background:#ffffff08;border:2px dashed #ffffff29;border-radius:50%;width:82px;height:82px;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.avatar-picker:hover{border-color:#7c8cff99}.avatar-picker img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{width:100%;height:100%;color:var(--dim);place-items:center;display:grid}.avatar-picker-overlay{color:#fff;opacity:0;background:#080a108c;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.avatar-picker:hover .avatar-picker-overlay{opacity:1}.avatar-hint{color:var(--dim);font-size:11px}.avatar-hint em{opacity:.65;font-style:normal}.field{flex-direction:column;gap:7px;display:flex}.field>span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700}.remember-row{color:var(--muted);cursor:pointer;user-select:none;align-items:center;gap:8px;font-size:11px;display:flex}.remember-row input{width:15px;height:15px;accent-color:var(--accent)}.remember-row span{line-height:1.3}.field input,.server-input-wrap input,.input-with-icon{border:1px solid var(--line);width:100%;color:var(--text);background:#090d17;border-radius:12px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder,.server-input-wrap input::placeholder{color:var(--dim)}.field input:focus,.server-input-wrap input:focus{border-color:#7c8cff8c;box-shadow:0 0 0 3px #7c8cff1f}.server-field{flex-direction:column;gap:8px;display:flex}.server-toggle{color:var(--dim);text-align:left;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.server-toggle:hover{color:var(--muted)}.server-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-toggle .rotated{transform:rotate(180deg)}.server-input-wrap input{padding:10px 12px;font-size:12.5px}.server-input-wrap p{color:var(--dim);margin:6px 2px 0;font-size:10.5px;line-height:1.45}.btn{color:var(--text);white-space:nowrap;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s,filter .15s,border-color .15s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg, var(--accent), #9179ff);color:#fff;box-shadow:0 8px 22px #7c8cff47}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{color:var(--muted);border-color:var(--line);background:0 0}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-soft{color:var(--text);background:#ffffff0f}.btn-soft:hover{background:#ffffff1c}.btn-danger{color:#ff9aa2;background:#ff5d6c24;border-color:#ff5d6c4d}.btn-danger:hover{background:#ff5d6c3d}.btn:disabled{opacity:.55;cursor:default;filter:none}.btn-block{width:100%}.btn-lg{border-radius:12px;padding:12px 22px;font-size:14px}.btn-sm{border-radius:9px;padding:7px 11px;font-size:11.5px}.btn-loading{align-items:center;gap:8px;display:inline-flex}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{width:14px;height:14px}.form-error{color:#ff9aa2;background:#ff5d6c1a;border:1px solid #ff5d6c40;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.form-error button{color:#ffd0d4;align-self:flex-start;padding:0;font-size:11.5px;text-decoration:underline}.auth-switch{color:var(--muted);margin:18px auto 0;font-size:12px;display:block}.auth-switch:hover{color:var(--text)}.auth-footnote{text-align:center;color:var(--dim);margin:14px 0 0;font-size:10.5px;line-height:1.4}.splash{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.splash-logo{color:#fff;background:linear-gradient(140deg, var(--brand), var(--brand-2));border-radius:24px;place-items:center;width:76px;height:76px;margin-bottom:8px;animation:2.2s ease-in-out infinite breathe;display:grid;box-shadow:0 20px 50px #ff4d6d66}.splash strong{letter-spacing:-.01em;font-size:20px}.splash-sub{color:var(--dim);font-size:12px}.splash-loader{background:#ffffff12;border-radius:99px;width:140px;height:3px;margin-top:14px;overflow:hidden}.splash-loader i{background:linear-gradient(90deg, var(--brand), var(--brand-2));border-radius:99px;width:40%;height:100%;animation:1.2s ease-in-out infinite load;display:block}.workspace{flex:1;min-height:0;display:flex}.server-rail{user-select:none;background:linear-gradient(#070a11,#080b13);border-right:1px solid #ffffff0a;flex-direction:column;flex:0 0 74px;align-items:center;gap:8px;width:74px;padding:10px 0 12px;display:flex}.rail-brand{color:#fff;background:linear-gradient(140deg, var(--brand), var(--brand-2));border:1px solid #ffffff1f;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 20px #ff4d6d38}.rail-separator{background:var(--line);flex:0 0 1px;width:34px;height:1px;margin:2px 0}.rail-scroll{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:9px;width:100%;min-height:0;padding:2px 0;display:flex;overflow-y:auto}.rail-scroll::-webkit-scrollbar{display:none}.rail-bottom{flex:none}.rail-item{place-items:center;width:100%;display:grid;position:relative}.rail-icon{color:#090c14db;border-radius:16px;place-items:center;width:46px;height:46px;font-size:15px;font-weight:700;transition:border-radius .18s,transform .18s;display:grid}.server-avatar{color:#fff;border-radius:12px;place-items:center;font-weight:700;display:grid;overflow:hidden}.server-avatar img{object-fit:cover;width:100%;height:100%;display:block}.server-avatar>span{color:#090c14db;place-items:center;width:100%;height:100%;display:grid}.rail-item .server-avatar{border-radius:16px}.rail-item.is-active .server-avatar,.rail-item:hover .server-avatar{border-radius:14px}.server-settings-form{gap:18px}.server-settings-top{align-items:flex-start;gap:18px;display:flex}.server-photo-picker{border:1px solid var(--line);background:#080c16;border-radius:20px;flex:0 0 92px;width:92px;height:92px;padding:0;position:relative;overflow:hidden}.server-photo-picker .server-avatar{border-radius:20px}.server-photo-overlay{color:#fff;opacity:0;background:#080a108c;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.server-photo-picker:hover .server-photo-overlay{opacity:1}.server-settings-fields{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.server-photo-actions{gap:8px;display:flex}.server-members-section{border:1px solid var(--line);background:#ffffff04;border-radius:12px;overflow:hidden}.server-members-head{justify-content:space-between;align-items:center;padding:11px 14px 4px;display:flex}.server-members-head .settings-section-title{padding:0}.server-members-count{color:var(--dim);background:#ffffff0d;border-radius:99px;padding:2px 7px;font-size:9px;font-weight:650}.server-members-hint{color:var(--dim);margin:0;padding:0 14px 9px;font-size:10px;line-height:1.4}.server-members-list{border-top:1px solid var(--line);max-height:300px;overflow-y:auto}.server-member-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 14px;display:flex}.server-member-row:last-child{border-bottom:0}.server-member-row:hover{background:#ffffff06}.server-member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.server-member-name em{color:var(--dim);margin-left:5px;font-size:10px;font-style:normal}.server-member-voice-kick{color:#ff9aa2;background:#ff5d6c17;border:1px solid #ff5d6c29;border-radius:7px;flex:0 0 27px;place-items:center;width:27px;height:27px;display:grid}.server-member-voice-kick:hover{color:#fff;background:#ff5d6c38}.server-member-voice-kick:disabled{opacity:.6}.server-member-role{border:1px solid var(--line);color:var(--dim);white-space:nowrap;background:#ffffff08;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:9.5px;font-weight:600;display:inline-flex}.server-member-role.is-owner{color:#ffd27a;background:#ffc85714;border-color:#ffc85740}.server-member-role.is-co-owner{color:#d5c5ff;background:#b18cff14;border-color:#b18cff40}.server-role-switch{border:1px solid var(--line);background:#ffffff06;border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex}.server-role-option{color:var(--dim);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-size:9.5px;font-weight:600;transition:color .12s,background .12s;display:inline-flex}.server-role-option:hover:not(:disabled){color:var(--text);background:#ffffff0d}.server-role-option.is-active{color:#dfe4ff;background:#7c8cff29}.server-role-option.is-co-owner.is-active{color:#e4d8ff;background:#b18cff2e}.server-role-option:disabled{opacity:.6}.rail-item:hover .rail-icon{border-radius:14px;transform:translateY(-1px)}.rail-item.is-active .rail-icon{border-radius:14px;box-shadow:0 8px 22px #0006}.rail-pill{opacity:0;background:#fff;border-radius:0 3px 3px 0;width:3px;height:30px;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(.4)}.rail-item.is-active .rail-pill{opacity:1;transform:translateY(-50%)scaleY(1)}.rail-item.has-unread:not(.is-active) .rail-pill{opacity:.55;transform:translateY(-50%)scaleY(.45)}.rail-unread-dot{background:#fff;border:2px solid #080b13;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:12px}.rail-voice-dot{background:var(--green);border:2.5px solid #080b13;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:12px}.rail-add-icon{width:46px;height:46px;color:var(--muted);border:1px dashed #ffffff2e;border-radius:16px;place-items:center;transition:color .15s,border-color .15s,background .15s,border-radius .18s;display:grid}.rail-add:hover .rail-add-icon{color:var(--green);background:#3ddc9714;border-color:#3ddc978c;border-radius:14px}.rail-settings-icon{width:44px;height:44px;color:var(--dim);border-radius:14px;place-items:center;transition:color .15s,background .15s;display:grid}.rail-settings:hover .rail-settings-icon{color:var(--text);background:#ffffff0d}.channel-sidebar{background:linear-gradient(#0a0d17,#090c14);border-right:1px solid #ffffff0a;flex-direction:column;flex:0 0 264px;width:264px;min-height:0;display:flex}.sidebar-empty{color:var(--dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:20px;font-size:12.5px;display:flex}.server-header{user-select:none;border-bottom:1px solid #ffffff0b;flex-direction:column;flex:none;gap:9px;min-height:112px;padding:12px 12px 10px 14px;display:flex}.server-header-main{align-items:center;gap:12px;min-width:0;display:flex}.server-header-avatar{border:1px solid #ffffff1a;border-radius:16px;flex:0 0 52px;box-shadow:0 8px 22px #00000047}.server-header-info{flex:1;min-width:0}.server-header-info h1{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.server-header-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;display:flex}.server-header-members{color:var(--dim);white-space:nowrap;font-size:10px}.server-role{border:1px solid var(--line);color:var(--dim);letter-spacing:.04em;white-space:nowrap;border-radius:99px;align-items:center;gap:3px;padding:2px 7px;font-size:9px;font-weight:650;display:inline-flex}.server-role.is-owner{color:#ffd27a;background:#ffc85714;border-color:#ffc85740}.server-role.is-co-owner{color:#c9b5ff;background:#b18cff14;border-color:#b18cff3d}.server-header-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;padding-top:8px;display:flex}.server-action{border:1px solid var(--line);color:var(--muted);background:#ffffff09;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:10.5px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.server-action:hover{color:var(--text);border-color:var(--line-strong);background:#ffffff12}.server-action svg{color:var(--dim)}.server-action-group{align-items:center;gap:2px;margin-left:auto;display:flex}.channel-scroll{flex:1;min-height:0;padding:14px 10px 8px;overflow-y:auto}.channel-group{margin-bottom:18px}.group-head{color:var(--dim);justify-content:space-between;align-items:center;padding:0 6px 6px;display:flex}.group-head.is-draggable{cursor:grab}.group-head.is-dragging{opacity:.45}.group-head.is-drop-target{box-shadow:inset 0 2px 0 var(--accent);border-radius:7px}.group-grip{opacity:.4;transition:opacity .12s}.group-head:hover .group-grip{opacity:.9}.group-title{color:inherit;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-family:inherit;font-size:10px;font-weight:700;display:flex}.group-title:hover{color:var(--muted)}.group-chevron{transition:transform .15s}.group-chevron.is-collapsed{transform:rotate(-90deg)}.group-add{width:20px;height:20px;color:var(--dim);opacity:0;border-radius:6px;place-items:center;transition:opacity .15s,background .15s,color .15s;display:grid}.channel-group:hover .group-add{opacity:1}.group-add:hover{color:var(--text);background:#ffffff12}.group-channels{flex-direction:column;gap:2px;display:flex}.channel-row{width:100%;color:var(--muted);text-align:left;cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:8px 9px;transition:background .12s,color .12s;display:flex;position:relative}.channel-row.is-draggable{cursor:grab}.channel-row.is-dragging{opacity:.45}.channel-row.is-drop-target{box-shadow:inset 0 2px 0 var(--accent)}.channel-grip{width:12px;color:var(--dim);opacity:0;cursor:grab;flex:0 0 12px;place-items:center;margin-left:-4px;transition:opacity .12s;display:grid}.channel-row:hover .channel-grip,.channel-row:focus-within .channel-grip{opacity:.7}.channel-row:hover{color:var(--text);background:#ffffff0b}.channel-row.is-active{color:#fff;background:#7c8cff24}.channel-icon{color:var(--dim);flex:none;place-items:center;display:grid}.channel-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.channel-row.has-unread .channel-name{color:var(--text);font-weight:600}.channel-delete{width:22px;height:22px;color:var(--dim);opacity:0;border-radius:6px;flex:0 0 22px;place-items:center;transition:opacity .12s,color .12s,background .12s;display:grid}.channel-row:hover .channel-delete,.channel-row:focus-within .channel-delete{opacity:1}.channel-delete:hover{color:#ff8b96;background:#ff5d6c1f}.channel-badge{background:var(--accent);color:#fff;text-align:center;border-radius:99px;min-width:18px;padding:2px 6px;font-size:9.5px;font-weight:700}.channel-people{color:var(--green);background:#3ddc971f;border-radius:99px;padding:1px 6px;font-size:9.5px;font-weight:600}.group-empty{color:var(--dim);margin:0;padding:4px 8px;font-size:11px}.voice-member-list{flex-direction:column;gap:1px;padding:2px 0 4px 22px;display:flex}.voice-member{color:var(--muted);text-align:left;border-radius:8px;align-items:center;gap:7px;min-width:0;padding:4px 7px;font-size:12px;display:flex}.voice-member:hover{color:var(--text);background:#ffffff0a}.voice-member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.voice-member-name em{color:var(--dim);margin-left:5px;font-size:9.5px;font-style:normal}.voice-member-icon.accent{color:var(--accent)}.voice-status{cursor:pointer;background:linear-gradient(135deg,#3ddc971f,#7c8cff0f);border:1px solid #3ddc9733;border-radius:12px;flex:none;align-items:center;gap:10px;margin:6px 10px 0;padding:9px 10px;display:flex}.voice-status-bars{flex:none;align-items:flex-end;gap:2px;height:18px;display:flex}.voice-status-bars i{background:var(--green);border-radius:2px;width:3px;animation:1.1s ease-in-out infinite eq}.voice-status-bars i:first-child{height:8px;animation-delay:0s}.voice-status-bars i:nth-child(2){height:16px;animation-delay:.18s}.voice-status-bars i:nth-child(3){height:11px;animation-delay:.34s}.voice-status-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.voice-status-text strong{color:#d9fff0;font-size:11.5px}.voice-status-text span{color:#d9fff099;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.voice-status-hangup{color:#ff9aa2;background:#ff5d6c1f;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;display:grid}.voice-status-hangup:hover{background:#ff5d6c42}.user-panel{user-select:none;background:#05070c8c;border-top:1px solid #ffffff0d;flex:0 0 62px;align-items:center;gap:8px;height:62px;padding:0 10px 0 12px;display:flex}.user-identity{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.user-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.user-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.user-status{color:var(--dim);align-items:center;gap:4px;font-size:10px;display:flex}.user-status i{background:var(--dim);border-radius:50%;width:5px;height:5px}.user-status.online i{background:var(--green)}.user-actions{gap:1px;display:flex}.icon-btn{width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;transition:background .12s,color .12s;display:grid}.icon-btn:hover{color:var(--text);background:#ffffff12}.icon-btn.is-danger{color:var(--red);background:#ff5d6c1f}.content-pane{background:radial-gradient(900px 380px at 72% -18%,#7c8cff0e,#0000 60%),#0a0d16;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.content-header{user-select:none;border-bottom:1px solid #ffffff0d;flex:0 0 60px;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 18px 0 20px;display:flex}.channel-title{min-width:0;color:var(--muted);align-items:center;gap:9px;display:flex}.channel-title h2{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:650;overflow:hidden}.header-chip{border:1px solid var(--line);color:var(--dim);white-space:nowrap;background:#ffffff0a;border-radius:99px;flex:none;padding:3px 8px;font-size:10px}.header-chip.accent{color:#c3cbff;background:#7c8cff1f;border-color:#7c8cff4d}.header-chip.warn{color:#ffd28a;background:#ffc8571a;border-color:#ffc85752}.voice-chip{color:#b7f5da;background:#3ddc9714;border-color:#3ddc9740;align-items:center;gap:5px;display:inline-flex}.voice-chip i{background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #3ddc97e6}.header-actions{flex:none;align-items:center;gap:10px;display:flex}.header-participants{color:var(--dim);font-size:11px}.member-stack{align-items:center;padding-left:7px;display:flex}.member-stack .avatar{border:2px solid #0a0d16;margin-left:-7px}.member-stack .avatar:first-child{margin-left:0}.member-stack-more{color:var(--dim);margin-left:6px;font-size:10px}.chat-view{position:relative}.messages-scroll{flex:1;min-height:0;padding:20px 24px 6px;overflow-y:auto}.messages-loading{text-align:center;color:var(--dim);padding:46px;font-size:12px}.day-divider{color:var(--dim);align-items:center;gap:12px;margin:18px 0 10px;font-size:10.5px;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.message{border-radius:10px;gap:12px;padding:6px 10px;display:flex;position:relative}.message:hover{background:#ffffff06}.message.has-delete{padding-right:38px}.message-delete{width:24px;height:24px;color:var(--dim);opacity:0;border-radius:6px;place-items:center;transition:opacity .12s,color .12s,background .12s;display:grid;position:absolute;top:6px;right:8px}.message:hover .message-delete,.message:focus-within .message-delete,.message-delete:disabled{opacity:1}.message-delete:hover{color:#ff8b96;background:#ff5d6c1f}.message.is-grouped{padding-top:1px;padding-bottom:2px}.message-gutter{flex:0 0 38px;justify-content:center;align-items:flex-start;width:38px;padding-top:2px;display:flex}.message-hover-time{color:var(--dim);opacity:0;padding-top:3px;font-size:9.5px}.message:hover .message-hover-time{opacity:1}.message-body{flex:1;min-width:0}.message-head{align-items:baseline;gap:8px;margin-bottom:1px;display:flex}.message-head strong{color:#f1f4ff;font-size:13px;font-weight:650}.message-head time{color:var(--dim);font-size:9.5px}.message-text{color:#d5dbea;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.52}.message-text a{color:#a5b6ff;text-underline-offset:2px;text-decoration:underline}.chat-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:420px;margin:8vh auto 0;padding:20px;display:flex}.chat-empty-icon{color:#aab5ff;background:#7c8cff1a;border:1px solid #7c8cff2e;border-radius:19px;place-items:center;width:66px;height:66px;margin-bottom:4px;display:grid}.chat-empty h2{letter-spacing:-.01em;margin:0;font-size:19px}.chat-empty p{color:var(--muted);margin:0 0 6px;font-size:12.5px;line-height:1.55}.message-skeleton{flex-direction:column;gap:20px;padding:14px 10px;display:flex}.skeleton-row{gap:12px;display:flex}.skeleton-avatar{background:#ffffff0f;border-radius:50%;flex:none;width:38px;height:38px}.skeleton-row>div{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d) 0 0/200% 100%;border-radius:6px;width:70%;height:10px;animation:1.4s linear infinite shimmer}.skeleton-line.short{width:30%}.composer-wrap{padding:8px 20px 14px;position:relative}.composer{border:1px solid var(--line);background:#0f1421;border-radius:14px;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.composer:focus-within{border-color:#7c8cff66;box-shadow:0 0 0 3px #7c8cff12}.composer textarea{resize:none;max-height:180px;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:6px 0;font-size:13.5px;line-height:1.45}.composer textarea::placeholder{color:var(--dim)}.composer-send{color:#fff;background:var(--accent);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;transition:background .15s,opacity .15s;display:grid}.composer-send:hover{background:#8b99ff}.composer-send:disabled{color:var(--dim);cursor:default;background:#ffffff0f}.composer-hint{color:var(--dim);justify-content:space-between;padding:6px 4px 0;font-size:9.5px;display:flex}.composer-hint .is-limit{color:var(--amber)}.jump-bottom{z-index:4;width:36px;height:36px;color:var(--text);border:1px solid var(--line-strong);background:#1a2135;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:100px;right:30px;box-shadow:0 10px 26px #00000073}.jump-bottom:hover{background:#222b44}.voice-view{position:relative}.voice-preview{flex:1;place-items:center;padding:24px;display:grid;overflow-y:auto}.preview-card{text-align:center;background:linear-gradient(#151c30e6,#0c101ceb);border:1px solid #ffffff14;border-radius:24px;width:min(490px,100%);padding:38px 36px 30px;animation:.35s rise;box-shadow:0 30px 80px #00000061}.preview-icon{color:#b7c7ff;background:linear-gradient(135deg,#7c8cff38,#3ddc971a);border:1px solid #7c8cff47;border-radius:22px;place-items:center;width:76px;height:76px;margin:0 auto 18px;display:grid}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin:0 0 6px;font-size:9.5px;font-weight:700}.preview-card h2{letter-spacing:-.01em;margin:0 0 10px;font-size:25px}.preview-text{max-width:340px;color:var(--muted);margin:0 auto 20px;font-size:13px;line-height:1.55}.preview-occupants{border:1px solid var(--line);background:#ffffff06;border-radius:10px;justify-content:center;align-items:center;gap:10px;max-width:370px;margin:0 auto 18px;padding:8px 11px;display:flex}.preview-occupants-avatars{flex:none;padding-left:6px;display:flex}.preview-occupants-avatars .avatar{border:2px solid #0c111d;border-radius:50%;margin-left:-6px}.preview-occupants-text{min-width:0;color:var(--muted);text-align:left;overflow-wrap:anywhere;font-size:11px;line-height:1.35}.preview-warning{color:var(--amber);background:#ffc85714;border:1px solid #ffc85733;border-radius:10px;margin:0 0 16px;padding:8px 12px;font-size:11.5px;line-height:1.45}.preview-features{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:16px;margin-top:22px;font-size:10.5px;display:flex}.preview-features span{align-items:center;gap:5px;display:flex}.voice-stage{flex:1;min-height:0;padding:16px 20px 8px;display:flex;overflow:hidden}.screen-grid{flex:1;grid-template-columns:1fr;place-items:center;gap:12px;min-height:0;display:grid;overflow:auto}.screen-grid.is-multi{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-content:start;place-items:stretch stretch}.screen-tile{aspect-ratio:16/9;background:#05070c;border:1px solid #ffffff14;border-radius:14px;width:100%;max-width:1280px;max-height:100%;margin:auto;position:relative;overflow:hidden}.screen-tile video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.screen-waiting{width:100%;height:100%;color:var(--dim);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.screen-overlay{color:#dfe5f5;background:linear-gradient(#0000,#04060c80 35%,#04060ceb);align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.screen-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.screen-name em{color:var(--dim);font-style:normal;font-weight:400}.screen-quality{color:#bfe8ff;background:#5cc8ff1f;border:1px solid #5cc8ff40;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:9.5px}.screen-fullscreen{color:#dfe5f5;background:#ffffff14;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.screen-fullscreen:hover{background:#ffffff2e}.screen-fullscreen-overlay{z-index:500;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen-fullscreen-overlay video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.screen-fullscreen-top{z-index:2;color:#fff;background:linear-gradient(#000000c7,#0000);align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.screen-fullscreen-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.screen-fullscreen-close{color:#fff;background:#ffffff1f;border-radius:10px;place-items:center;width:38px;height:38px;margin-left:auto;display:grid}.screen-fullscreen-close:hover{background:#ffffff3d}.screen-fullscreen-hint{z-index:2;color:#ffffffa6;background:#0000008c;border:1px solid #ffffff1f;border-radius:99px;padding:5px 10px;font-size:10.5px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.voice-lounge{isolation:isolate;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;min-height:0;padding:12px;display:flex;position:relative;overflow-y:auto}.voice-lounge:before{content:"";filter:blur(28px);opacity:.9;pointer-events:none;z-index:-1;background:radial-gradient(circle at 32% 38%,#ff4d6d1a,#0000 58%),radial-gradient(circle at 67% 46%,#7c8cff24,#0000 60%),radial-gradient(circle at 50% 78%,#3ddc9711,#0000 62%);border-radius:50%;width:min(760px,92%);height:min(480px,78%);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.lounge-hint{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.lounge-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #3ddc97cc}.participant-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;max-width:980px;display:flex}.participant-tile{flex-direction:column;align-items:center;min-width:0;display:flex}.participant-card{background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff12;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:13px;width:236px;min-height:178px;padding:23px 16px 18px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.participant-card:hover{background:#ffffff0f}.participant-card.is-speaking{border-color:#3ddc9766;box-shadow:0 0 0 1px #3ddc972e,0 12px 34px #0000004d}.participant-name{text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin-top:9px;font-size:13.5px;font-weight:600;overflow:hidden}.participant-name em{color:var(--dim);margin-left:4px;font-size:10px;font-style:normal}.participant-state{flex-wrap:wrap;justify-content:center;gap:5px;min-height:20px;display:flex}.p-badge{color:var(--muted);background:#ffffff0d;border-radius:99px;align-items:center;gap:4px;padding:3px 7px;font-size:9.5px;display:inline-flex}.p-badge.accent{color:#b9c3ff;background:#7c8cff1f}.lounge-empty{color:var(--dim);text-align:center;margin:0;font-size:11.5px}.participants-strip{border-top:1px solid #ffffff0a;align-items:center;gap:12px;min-height:46px;padding:8px 22px;display:flex}.strip-label{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-size:9.5px;font-weight:700}.strip-items{flex-wrap:wrap;flex:1;gap:8px;display:flex}.mini-participant{color:var(--muted);background:#ffffff0a;border-radius:99px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.mini-participant.is-speaking{color:#d9ffe9;background:#3ddc971a}.mini-participant .muted{color:var(--red)}.mini-participant .accent{color:var(--accent)}.strip-quality{color:var(--dim);font-size:9.5px}.voice-controls-wrap{justify-content:center;padding:10px 20px 18px;display:flex}.voice-controls{border:1px solid var(--line);backdrop-filter:blur(10px);background:#0f1421e0;border-radius:16px;gap:8px;padding:8px;display:flex;box-shadow:0 16px 40px #00000059}.voice-control{color:var(--muted);background:#ffffff08;border-radius:11px;align-items:center;gap:7px;padding:9px 14px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.voice-control:hover{color:var(--text);background:#ffffff14}.voice-control.is-off{color:var(--red);background:#ff5d6c1a}.voice-control.is-live{color:#b9c3ff;background:#7c8cff29}.voice-control-hangup{color:#ff8a94;background:#ff5d6c1f}.voice-control-hangup:hover{color:#fff;background:#ff5d6c38}.audio-sink{display:none}.avatar{border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-initials{letter-spacing:.02em;color:#090b12d1;border-radius:50%;place-items:center;width:100%;height:100%;font-weight:700;display:grid}.avatar.is-speaking:after{content:"";border:2px solid var(--green);border-radius:50%;animation:1.2s ease-in-out infinite speak;position:absolute;inset:-3px;box-shadow:0 0 12px #3ddc978c}.avatar.is-dim img,.avatar.is-dim .avatar-initials{opacity:.55}.modal-backdrop{z-index:100;backdrop-filter:blur(6px);background:#03050aad;place-items:center;padding:20px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal-card{background:linear-gradient(#111728,#0c101a);border:1px solid #ffffff17;border-radius:20px;flex-direction:column;width:100%;max-height:90vh;animation:.2s rise;display:flex;box-shadow:0 40px 120px #0009}.modal-head{justify-content:space-between;gap:16px;padding:22px 22px 0;display:flex}.modal-head h2{letter-spacing:-.01em;margin:0 0 4px;font-size:18px}.modal-head p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.modal-close{flex:none}.modal-body{padding:18px 22px 22px;overflow-y:auto}.modal-form{flex-direction:column;gap:16px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.confirm-dialog{align-items:flex-start;gap:12px;padding:2px 0 18px;display:flex}.confirm-icon{border:1px solid var(--line);border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.confirm-icon.is-danger{color:#ff8b96;background:#ff5d6c1a;border-color:#ff5d6c33}.confirm-icon.is-neutral{color:#aab5ff;background:#7c8cff1a;border-color:#7c8cff33}.confirm-icon.is-brand{color:#ffc2cc;background:linear-gradient(145deg,#ff4d6d29,#7c8cff1a);border-color:#ff4d6d38}.confirm-text{color:var(--muted);margin:3px 0 0;font-size:12.5px;line-height:1.55}.modal-note{color:var(--dim);margin:14px 0 0;font-size:11px;line-height:1.5}.modal-note code{color:var(--muted);background:#ffffff0f;border-radius:5px;padding:1px 5px;font-size:10.5px}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice-card{border:1px solid var(--line);text-align:left;background:#ffffff05;border-radius:14px;flex-direction:column;gap:6px;padding:16px;transition:border-color .16s,background .16s,transform .16s;display:flex}.choice-card:hover{background:#7c8cff12;border-color:#7c8cff59;transform:translateY(-1px)}.choice-card strong{font-size:13px}.choice-card p{color:var(--dim);margin:0;font-size:11px;line-height:1.4}.choice-icon{width:38px;height:38px;color:var(--muted);background:#ffffff0f;border-radius:11px;place-items:center;margin-bottom:4px;display:grid}.choice-icon.accent{color:#aab5ff;background:#7c8cff24}.input-with-icon{align-items:center;gap:9px;padding:0 13px;display:flex}.input-with-icon svg{color:var(--dim);flex:none}.input-with-icon input{background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-size:14px}.input-with-icon input:focus{box-shadow:none;border-color:#0000}.input-with-icon:focus-within{border-color:#7c8cff8c;box-shadow:0 0 0 3px #7c8cff1f}.code-input{text-align:center;letter-spacing:.2em;text-transform:uppercase;font-weight:700;font-size:20px!important}.screen-picker{flex-direction:column;display:flex}.screen-tabs{border-bottom:1px solid var(--line);align-items:center;gap:4px;margin-bottom:14px;padding-bottom:10px;display:flex}.screen-tabs button{color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:11.5px;display:flex}.screen-tabs button.is-active{color:#dfe4ff;background:#7c8cff24}.screen-tabs button span{color:var(--dim);font-size:10px}.screen-refresh{color:var(--dim);margin-left:auto;padding:6px 10px;font-size:10.5px}.screen-picker-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-height:330px;padding-right:4px;display:grid;overflow-y:auto}.source-card{border:1px solid var(--line);text-align:left;background:#080b13;border-radius:11px;padding:0;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.source-card:hover{border-color:#fff3}.source-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #7c8cff4d}.source-thumb{aspect-ratio:16/9;background:#05070c;display:block;overflow:hidden}.source-thumb img{object-fit:cover;width:100%;height:100%}.source-thumb-fallback{height:100%;color:var(--dim);justify-content:center;align-items:center;display:flex}.source-thumb-fallback img{width:32px;height:32px}.source-meta{align-items:center;gap:7px;min-width:0;padding:8px 9px;display:flex}.source-app-icon{border-radius:4px;flex:none;width:16px;height:16px}.source-name{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.source-check{background:#0006;border:2px solid #ffffff73;border-radius:50%;width:16px;height:16px;position:absolute;top:8px;right:8px}.source-card.is-selected .source-check{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px #0b0f1a}.screen-picker-loading,.screen-picker-empty{min-height:220px;color:var(--dim);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.screen-audio{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:10px 12px;font-size:12px;display:flex}.screen-audio input{accent-color:var(--accent);margin-top:2px}.screen-audio span{flex-direction:column;gap:2px;display:flex}.screen-audio strong{font-size:11.5px;font-weight:600}.screen-audio em{color:var(--dim);font-size:10px;font-style:normal}.screen-picker-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;display:flex}.screen-picker-actions>div{gap:8px;display:flex}.screen-hint{color:var(--dim);font-size:10px}.invite-body{flex-direction:column;gap:16px;display:flex}.invite-block{flex-direction:column;gap:7px;display:flex}.invite-label{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-size:9.5px;font-weight:700}.invite-code-row{align-items:center;gap:8px;display:flex}.invite-code{color:#dfe4ff;letter-spacing:.16em;text-align:center;background:#080c16;border:1px dashed #7c8cff59;border-radius:10px;flex:1;padding:10px 14px;font-size:21px;font-weight:700}.invite-address{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#080c16;border-radius:10px;flex:1;padding:11px 12px;font-size:12px;overflow-x:auto}.invite-address-select{border:1px solid var(--line);min-width:0;color:var(--muted);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080c16;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:11.5px}.invite-address-select:focus{border-color:#7c8cff80}.invite-hint{color:var(--amber);margin:2px 0 0;font-size:10px}.invite-steps{color:var(--muted);margin:2px 0 0;padding-left:18px;font-size:11.5px;line-height:1.7}.invite-steps li::marker{color:var(--accent)}.settings-body{flex-direction:column;gap:16px;display:flex}.settings-profile{border:1px solid var(--line);background:#ffffff08;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.settings-profile strong{margin-bottom:3px;font-size:15px;display:block}.settings-avatar-button{border:1px solid var(--line);background:#080c16;border-radius:50%;flex:0 0 64px;width:64px;height:64px;position:relative;overflow:hidden}.settings-avatar-button .avatar{border-radius:50%}.settings-avatar-overlay{color:#fff;opacity:0;background:#080a1094;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.settings-avatar-button:hover .settings-avatar-overlay,.settings-avatar-button:disabled .settings-avatar-overlay{opacity:1}.settings-profile-copy{flex-direction:column;align-items:flex-start;display:flex}.settings-avatar-link{color:#a5b6ff;margin-top:4px;font-size:11px}.settings-avatar-link:hover{color:#d6dcff}.settings-avatar-link:disabled{opacity:.55}.settings-status{color:var(--dim);align-items:center;gap:5px;font-size:10.5px;display:flex}.settings-status i{background:var(--dim);border-radius:50%;width:5px;height:5px}.settings-status.online i{background:var(--green)}.settings-group{border:1px solid var(--line);border-radius:14px;overflow:hidden}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.settings-row:last-child{border-bottom:0}.settings-row strong{margin-bottom:2px;font-size:12px;display:block}.settings-row span{color:var(--dim);font-size:10.5px;line-height:1.4;display:block}.settings-row>svg{color:var(--dim);flex:none}.settings-danger{background:#ff5d6c0d;border:1px solid #ff5d6c2e;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.settings-danger strong{color:#ffb3b9;margin-bottom:2px;font-size:12px;display:block}.settings-danger span{color:var(--dim);font-size:10px}.settings-section-title{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);padding:12px 14px 6px;font-size:9.5px;font-weight:700}.settings-field{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:8px 14px 12px;display:flex}.settings-field>span{letter-spacing:.07em;text-transform:uppercase;color:var(--dim);font-size:9.5px;font-weight:600}.settings-field select{border:1px solid var(--line);width:100%;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090d17;border-radius:9px;outline:none;padding:9px 10px;font-size:12px}.settings-field select:focus{border-color:#7c8cff80;box-shadow:0 0 0 3px #7c8cff1a}.settings-field select:disabled{opacity:.6}.settings-hint{color:var(--dim);margin:0;padding:0 14px 12px;font-size:10px;line-height:1.45}.mic-test{align-items:center;gap:10px;padding:8px 14px 10px;display:flex}.mic-meter{background:#ffffff0f;border-radius:99px;flex:1;height:7px;overflow:hidden}.mic-meter i{background:linear-gradient(90deg, var(--green), var(--accent));border-radius:99px;height:100%;transition:width 80ms linear;display:block}.settings-empty{color:var(--dim);margin:0;padding:10px 14px 12px;font-size:11px;line-height:1.45}.volume-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 14px;display:flex}.volume-row:last-child{border-bottom:0}.volume-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11.5px;overflow:hidden}.volume-mute{width:24px;height:24px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.volume-mute:hover{color:var(--text);background:#ffffff0f}.volume-row input[type=range]{width:110px;accent-color:var(--accent)}.volume-value{text-align:right;width:34px;color:var(--dim);font-size:10px}kbd{border:1px solid var(--line-strong);font-family:var(--font);color:var(--muted);white-space:nowrap;background:#ffffff0d;border-radius:6px;padding:3px 6px;font-size:9.5px;display:inline-block}.welcome-pane{text-align:center;justify-content:center;align-items:center;padding:32px;overflow-y:auto}.welcome-logo{color:#fff;background:linear-gradient(140deg, var(--brand), var(--brand-2));border-radius:23px;place-items:center;width:74px;height:74px;margin-bottom:6px;display:grid;box-shadow:0 18px 46px #ff4d6d52}.welcome-pane h1{letter-spacing:-.025em;margin:6px 0 0;font-size:33px}.welcome-sub{max-width:460px;color:var(--muted);margin:10px 0 6px;font-size:13.5px;line-height:1.55}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.welcome-features{grid-template-columns:repeat(3,1fr);gap:10px;width:min(720px,100%);margin-top:32px;display:grid}.feature-card{border:1px solid var(--line);text-align:left;background:#ffffff06;border-radius:14px;padding:16px}.feature-card svg{color:var(--accent)}.feature-card strong{margin:8px 0 3px;font-size:12px;display:block}.feature-card p{color:var(--dim);margin:0;font-size:10.5px;line-height:1.45}.welcome-footnote{color:var(--dim);margin-top:26px;font-size:10.5px}.home-pane{flex-direction:column;gap:18px;padding:24px;display:flex;overflow-y:auto}.home-hero{border:1px solid var(--line);background:linear-gradient(135deg,#7c8cff1a,#a06bff0a);border-radius:20px;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:26px;display:flex}.home-hero h1{letter-spacing:-.02em;margin:2px 0 6px;font-size:27px}.home-hero .welcome-actions{justify-content:flex-start}.home-members{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.home-members-label{color:var(--dim);align-items:center;gap:6px;font-size:10.5px;display:flex}.home-member-avatars{padding-left:7px;display:flex}.home-member-avatars .avatar{border:2px solid #0d1220;margin-left:-7px}.home-member-avatars .avatar:first-child{margin-left:0}.home-channels{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.home-channel-card{border:1px solid var(--line);text-align:left;background:#ffffff06;border-radius:14px;align-items:center;gap:11px;padding:14px;transition:border-color .15s,background .15s;display:flex}.home-channel-card:hover{background:#7c8cff0f;border-color:#7c8cff4d}.home-channel-icon{width:40px;height:40px;color:var(--muted);background:#ffffff0d;border-radius:11px;place-items:center;display:grid}.home-channel-icon.voice{color:#a9e8cd;background:#3ddc971a}.home-channel-card strong{margin-bottom:2px;font-size:12.5px;display:block}.home-channel-card em{color:var(--dim);font-size:10px;font-style:normal}.toast-stack{z-index:200;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:50px;right:18px}.toast{border:1px solid var(--line-strong);max-width:440px;color:var(--text);text-align:left;pointer-events:auto;background:#161d2f;border-radius:11px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;animation:.2s rise;display:flex;box-shadow:0 16px 40px #00000080}.toast-mark{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.toast-error .toast-mark{background:var(--red)}.toast-success .toast-mark{background:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.02)}}@keyframes load{0%{transform:translate(-110%)}to{transform:translate(360%)}}@keyframes speak{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes eq{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1100px){.voice-control span{display:none}.voice-control{padding:10px}.welcome-features{grid-template-columns:1fr;max-width:420px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.group-title{letter-spacing:.08em;font-size:11px}.channel-row{gap:9px;padding:9px 10px}.channel-name{font-size:13.5px}.channel-badge{background:linear-gradient(135deg, var(--brand), #d81f45);min-width:19px;padding:2px 7px;font-size:10.5px;box-shadow:0 2px 8px #ff4d6d38}.channel-people{color:#8cf0bd;background:#3ddc971f;border:1px solid #3ddc9733;align-items:center;gap:5px;padding:2px 7px;font-size:10.5px;font-weight:700;line-height:1.2;display:inline-flex}.channel-people:before{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #3ddc97bf}.channel-row.is-voice.has-people:not(.is-active){background:#3ddc9709}.channel-row.is-voice.has-people:not(.is-active) .channel-icon{color:var(--green)}.channel-row.is-active{background:#7c8cff13}.channel-row.is-active:before{content:"";background:linear-gradient(180deg, var(--brand), var(--accent));border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.channel-row.is-active .channel-icon{color:#aab5ff}.group-empty{font-size:12px}.voice-member-list{background:0 0;border:0;border-radius:0;flex-direction:column;gap:2px;margin:4px 5px 7px 18px;padding:0;display:flex}.voice-member{background:0 0;border:0;border-radius:8px;gap:9px;width:100%;padding:7px 6px;font-size:13px;transition:background .12s,color .12s}.voice-member:hover{background:#ffffff0b}.voice-member.is-self{background:0 0}.voice-member.is-speaking{background:#ffffff09}.voice-member .avatar{box-shadow:none;flex:none}.voice-member .avatar.is-speaking:after{display:none}.voice-speaking-dot{background:var(--green);border-radius:50%;flex:0 0 5px;width:5px;height:5px;box-shadow:0 0 6px #3ddc97b3}.voice-member-name{font-size:13px;font-weight:550}.voice-member.is-self .voice-member-name{color:#f0f3ff}.voice-member-name em{background:#ffffff0d;border-radius:5px;margin-left:5px;padding:1px 4px;font-size:10px}.voice-member-icon.muted{color:#ff8b96}.user-panel{flex-direction:column;flex:none;align-items:stretch;gap:4px;height:auto;padding:8px 10px 7px 12px}.user-panel-main{align-items:center;gap:8px;display:flex}.user-meta strong{font-size:14px}.user-status{font-size:11px}.user-panel .user-identity{gap:9px}.user-panel .icon-btn{width:30px;height:30px}.user-isolation{width:100%;color:var(--dim);text-align:left;border-radius:7px;align-items:center;gap:6px;padding:4px 6px;font-size:10.5px;font-weight:600;transition:background .12s,color .12s;display:flex}.user-isolation:hover{color:var(--muted);background:#ffffff0b}.user-isolation.is-on{color:#bfead5;background:#3ddc970d}.user-isolation>svg{opacity:.8;flex:none}.mini-switch{border:1px solid var(--line);background:#ffffff0f;border-radius:99px;flex:0 0 30px;width:30px;height:16px;margin-left:auto;padding:2px;transition:background .15s,border-color .15s}.mini-switch i{background:var(--dim);border-radius:50%;width:10px;height:10px;transition:transform .15s,background .15s;display:block}.user-isolation.is-on .mini-switch{background:#3ddc9729;border-color:#3ddc974d}.user-isolation.is-on .mini-switch i{background:var(--green);transform:translate(14px)}.header-participants{font-size:12px}.message-text{font-size:14px;line-height:1.58}.message-head strong{font-size:13.5px}.message-head time{font-size:10.5px}.day-divider{font-size:11.5px}.messages-loading{font-size:13px}.composer textarea{font-size:14px}.composer-hint{font-size:10.5px}.modal-head h2{font-size:19px}.modal-head p{font-size:13px}.field>span{font-size:11px}.modal-note{font-size:12px}.btn{font-size:13.5px}.btn-sm{font-size:12px}.confirm-text{font-size:13px}.settings-status{font-size:11px}.settings-row strong{font-size:13px}.settings-row span{font-size:11.5px}.settings-danger span{font-size:11px}.settings-section-title,.settings-field>span{font-size:10.5px}.settings-field select{font-size:13px}.settings-hint{font-size:11px}.settings-toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.settings-toggle-row strong{margin-bottom:2px;font-size:13px;display:block}.settings-toggle-row span{color:var(--dim);font-size:11.5px;line-height:1.4;display:block}.switch{border:1px solid var(--line);background:#ffffff12;border-radius:99px;flex:0 0 38px;width:38px;height:22px;padding:2px;transition:background .15s,border-color .15s;position:relative}.switch span{background:var(--dim);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;display:block}.switch.is-on{background:#3ddc972e;border-color:#3ddc9759}.switch.is-on span{background:var(--green);transform:translate(16px)}.server-member-name{font-size:13px}.server-members-hint{font-size:11px}.server-member-role{font-size:10px}.server-role-option{padding:5px 8px;font-size:10.5px}.server-role{font-size:10px}.server-header-members{font-size:10.5px}.server-action{font-size:11px}.remember-row{font-size:12px}.auth-tagline{font-size:14px}.auth-switch{font-size:13px}.auth-footnote{font-size:11.5px}.invite-label{font-size:10.5px}.invite-hint{font-size:11px}.invite-address-select{font-size:13px}.choice-card p{font-size:12px}.welcome-footnote{font-size:11.5px}@keyframes berry-live{0%,to{opacity:1;box-shadow:0 0 7px #3ddc97d9}50%{opacity:.55;box-shadow:0 0 2px #3ddc974d}}.voice-preview{isolation:isolate;padding:28px 24px;position:relative}.voice-preview:before{content:"";filter:blur(26px);opacity:.9;pointer-events:none;z-index:-1;background:radial-gradient(circle at 32% 38%,#ff4d6d1c,#0000 58%),radial-gradient(circle at 68% 45%,#7c8cff29,#0000 60%),radial-gradient(circle at 50% 78%,#3ddc9712,#0000 62%);border-radius:50%;width:min(720px,92%);height:min(460px,78%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-card{width:min(560px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;padding:18px 28px 12px;position:relative}.preview-icon{color:#eef1ff;background:linear-gradient(145deg,#ff4d6d38,#7c8cff2e);border:1px solid #ffffff21;border-radius:28px;width:88px;height:88px;margin-bottom:20px;position:relative;box-shadow:0 20px 55px #00000057,inset 0 1px #ffffff17}.preview-icon:after{content:"";pointer-events:none;border:1px solid #ffffff0e;border-radius:34px;position:absolute;inset:-9px}.preview-card .eyebrow{letter-spacing:.17em;color:#c8d2eb85;justify-content:center;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;display:flex}.preview-card .eyebrow:before{content:"";background:var(--brand);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #ff4d6d8c}.preview-card h2{letter-spacing:-.025em;background:linear-gradient(135deg,#fff 8%,#dfe4ff 58%,#ffc2cc 112%);-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px;font-size:34px;font-weight:750;line-height:1.1}.preview-text{color:#9ba6bf;max-width:370px;margin-bottom:18px;font-size:13.5px;line-height:1.55}.preview-text.is-empty{justify-content:center;align-items:center;gap:8px;max-width:none;display:flex}.preview-text.is-empty:before{content:"";background:#c8d2eb52;border-radius:50%;width:6px;height:6px}.preview-occupants{background:#ffffff0a;border:0;border-radius:12px;max-width:390px;padding:9px 12px}.preview-occupants-text{font-size:11.5px}.preview-card .btn-primary.btn-lg{background:linear-gradient(135deg,#7c8cff 0%,#a06bff 68%,#ff6b86 145%);border-radius:14px;min-width:230px;padding:13px 30px;font-size:14px;box-shadow:0 12px 32px #7c8cff42}.preview-card .btn-primary.btn-lg:hover{filter:brightness(1.07);transform:translateY(-1px)}.preview-features{gap:8px;margin-top:22px;font-size:11px}.preview-features span{background:#ffffff06;border:1px solid #ffffff0f;border-radius:99px;padding:5px 9px}.preview-features svg{opacity:.7}.social-sidebar{background:linear-gradient(#0a0d17,#090c14);border-right:1px solid #ffffff0a;flex-direction:column;flex:0 0 280px;width:280px;min-height:0;display:flex}.social-header{justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 16px 12px;display:flex}.social-eyebrow{color:var(--brand);letter-spacing:.14em;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.social-header h1{letter-spacing:-.025em;margin:0;font-size:23px}.social-tabs{border-bottom:1px solid var(--line);gap:3px;padding:0 10px 10px;display:flex}.social-tab{min-width:0;color:var(--dim);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 5px;font-size:10.5px;font-weight:600;display:flex}.social-tab span{text-overflow:ellipsis;overflow:hidden}.social-tab:hover{color:var(--muted);background:#ffffff0b}.social-tab.is-active{color:#dfe4ff;background:#7c8cff24}.social-tab em{background:var(--brand);color:#fff;border-radius:99px;min-width:15px;padding:1px 4px;font-size:9px;font-style:normal;font-weight:700}.social-sidebar-scroll{flex:1;min-height:0;padding:10px;overflow-y:auto}.social-list{flex-direction:column;gap:3px;display:flex}.social-person{width:100%;color:var(--muted);text-align:left;border-radius:9px;align-items:center;gap:9px;padding:7px 8px;display:flex}.social-person:hover{color:var(--text);background:#ffffff0b}.social-person.is-active{color:var(--text);background:#7c8cff1f}.social-person-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.social-person-main strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.social-person-main span{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.social-person-icon{color:var(--dim);opacity:0;flex:none}.social-person:hover .social-person-icon{opacity:1}.social-unread{background:var(--brand);color:#fff;text-align:center;border-radius:99px;min-width:18px;padding:2px 6px;font-size:9.5px;font-weight:700}.social-empty{color:var(--dim);text-align:center;flex-direction:column;align-items:center;gap:7px;padding:34px 16px;display:flex}.social-empty svg{color:var(--muted);opacity:.65}.social-empty span{color:var(--muted);font-size:12px;font-weight:600}.social-empty small{max-width:180px;font-size:10.5px;line-height:1.45}.social-request{border-radius:9px;align-items:center;gap:8px;padding:8px;display:flex}.social-request:hover{background:#ffffff09}.social-request-actions{gap:3px;display:flex}.social-request-accept,.social-request-decline{border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.social-request-accept{color:var(--green);background:#3ddc971f}.social-request-decline{color:var(--dim);background:#ffffff0a}.social-request-decline:hover{color:#ff8b96;background:#ff5d6c1f}.social-request-status{color:var(--dim);white-space:nowrap;font-size:9px}.social-view{padding:30px 36px 40px;overflow-y:auto}.social-page-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.social-page-head h1{letter-spacing:-.025em;margin:3px 0 4px;font-size:32px}.social-page-sub{color:var(--muted);margin:0;font-size:12.5px}.social-add-card{border:1px solid var(--line);background:linear-gradient(120deg,#ff4d6d0b,#7c8cff0b);border-radius:15px;align-items:center;gap:12px;padding:13px 14px;display:flex}.social-add-icon{color:#ffc2cc;background:#ff4d6d1a;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.social-add-copy{flex:1;min-width:0}.social-add-copy strong{margin-bottom:2px;font-size:13px;display:block}.social-add-copy span{color:var(--dim);font-size:10.5px}.social-add-form{gap:6px;width:min(330px,100%);display:flex}.social-add-form input{border:1px solid var(--line);background:#080c16;border-radius:8px;outline:0;flex:1;min-width:0;padding:8px 10px;font-size:12px}.social-add-form input:focus{border-color:#7c8cff73;box-shadow:0 0 0 3px #7c8cff14}.social-section{margin-top:26px}.social-section-title{color:var(--dim);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.social-section-title em{letter-spacing:0;background:#ffffff0d;border-radius:99px;padding:1px 6px;font-size:9px;font-style:normal}.social-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.request-card{border:1px solid var(--line);background:#ffffff05;border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.request-card-copy{flex:1;min-width:0}.request-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.request-card-copy span{color:var(--dim);margin-top:2px;font-size:10px;display:block}.request-card-actions{flex-direction:column;gap:4px;display:flex}.request-card-status{white-space:nowrap;color:var(--dim)!important;margin:0!important;font-size:9px!important}.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.friend-card{border:1px solid var(--line);background:#ffffff05;border-radius:12px;align-items:center;gap:10px;padding:11px;transition:border-color .12s,background .12s;display:flex}.friend-card-open{min-width:0;color:inherit;text-align:left;flex:1;align-items:center;gap:10px;display:flex}.friend-card-open:hover .friend-card-main strong{color:#dfe4ff}.friend-card:hover{background:#7c8cff0b;border-color:#7c8cff38}.friend-card-main{flex:1;min-width:0}.friend-card-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.friend-card-main span{color:var(--dim);margin-top:2px;font-size:10px;display:block}.friend-message{width:30px;height:30px;color:var(--muted);background:#ffffff0d;border-radius:8px;place-items:center;display:grid}.friend-message:hover{color:#fff;background:var(--accent)}.social-friends-empty{text-align:center;border:1px dashed var(--line);border-radius:16px;padding:40px 20px}.social-friends-empty-icon{width:54px;height:54px;color:var(--muted);background:#ffffff0a;border-radius:16px;place-items:center;margin:0 auto 10px;display:grid}.social-friends-empty h2{margin:0 0 5px;font-size:16px}.social-friends-empty p,.social-inline-empty{color:var(--dim);margin:0;font-size:11.5px;line-height:1.5}.dm-view{flex-direction:column;min-height:0;padding:0;display:flex}.dm-header{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:13px 24px;display:flex}.dm-header h2{margin:0 0 2px;font-size:17px}.dm-header span{color:var(--dim);font-size:10.5px}.dm-scroll{flex-direction:column;flex:1;gap:9px;min-height:0;padding:22px 28px;display:flex;overflow-y:auto}.dm-message{align-items:flex-end;gap:8px;max-width:68%;display:flex}.dm-message.is-mine{flex-direction:row-reverse;align-self:flex-end}.dm-message-body{min-width:0}.dm-message-head{align-items:baseline;gap:7px;margin-bottom:3px;display:flex}.dm-message-head strong{font-size:11.5px}.dm-message-head time{color:var(--dim);font-size:9.5px}.dm-bubble{border:1px solid var(--line);color:#d9dfed;white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff0b;border-radius:12px 12px 12px 4px;padding:8px 11px;font-size:13px;line-height:1.5}.dm-message.is-mine .dm-bubble{color:#f0f2ff;background:linear-gradient(135deg,#7c8cff33,#a06bff26);border-color:#7c8cff33;border-radius:12px 12px 4px}.dm-composer-wrap{padding:8px 20px 14px}.dm-empty{text-align:center;color:var(--muted);margin:auto;padding:30px}.dm-empty svg{color:var(--accent)}.dm-empty h2{color:var(--text);margin:10px 0 4px;font-size:18px}.dm-empty p{max-width:320px;margin:0;font-size:12px;line-height:1.5}.dm-welcome{text-align:center;max-width:420px;margin:auto}.dm-welcome-icon{color:#c5ceff;background:linear-gradient(145deg,#ff4d6d24,#7c8cff26);border:1px solid #ffffff17;border-radius:22px;place-items:center;width:74px;height:74px;margin:0 auto 16px;display:grid}.dm-welcome h1{margin:7px 0;font-size:28px}.dm-welcome p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.members-drawer-layer{z-index:60;backdrop-filter:blur(2px);animation:fade .24s var(--ease-soft);background:#03050a47;position:fixed;inset:38px 0 0 74px}.members-drawer{border-left:1px solid var(--line);width:min(340px,100%);height:100%;animation:drawer-in-right .4s var(--ease-soft);background:#0b0f1b;flex-direction:column;margin-left:auto;display:flex;box-shadow:-20px 0 50px #0000004d}.members-drawer-head{justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 16px 12px;display:flex}.members-drawer-eyebrow{color:var(--brand);letter-spacing:.14em;font-size:9px;font-weight:700}.members-drawer-head h2{margin:4px 0 2px;font-size:21px}.members-drawer-head p{color:var(--dim);margin:0;font-size:10.5px}.members-search{border:1px solid var(--line);color:var(--dim);background:#080c16;border-radius:8px;align-items:center;gap:7px;margin:0 12px 8px;padding:7px 9px;display:flex}.members-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.members-drawer-list{flex:1;padding:4px 8px 10px;overflow-y:auto}.members-drawer-row{width:100%;color:var(--muted);text-align:left;border-radius:10px;align-items:center;gap:9px;padding:8px;display:flex}.members-drawer-row:hover{color:var(--text);background:#ffffff0b}.members-drawer-name{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.members-drawer-name strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.members-drawer-name em{color:var(--dim);margin-left:5px;font-size:9.5px;font-style:normal}.members-drawer-role{color:var(--dim);font-size:9.5px}.members-drawer-role.is-owner{color:#ffd27a}.members-drawer-role.is-co-owner{color:#d5c5ff}.members-drawer-empty{color:var(--dim);text-align:center;padding:20px 10px;font-size:11px}.user-profile-card{text-align:center;flex-direction:column;align-items:center;padding:4px 0 20px;display:flex}.user-profile-card h2{align-items:center;gap:8px;margin:12px 0 5px;font-size:22px;display:flex}.user-profile-card h2 em{color:var(--dim);background:#ffffff0f;border-radius:6px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:500}.user-profile-role{border:1px solid var(--line);color:var(--dim);border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.user-profile-role.is-owner{color:#ffd27a;background:#ffc85712;border-color:#ffc85740}.user-profile-role.is-co-owner{color:#d5c5ff;background:#b18cff12;border-color:#b18cff40}.user-profile-card p{max-width:300px;color:var(--muted);margin:12px 0 0;font-size:11.5px;line-height:1.5}.profile-actions{flex-wrap:wrap;justify-content:center}.profile-remove{color:#ff9aa2}.profile-remove:hover{color:#ffc2cc;background:#ff5d6c14}.rail-friends-icon{width:46px;height:46px;color:var(--muted);background:#ffffff0e;border:1px solid #ffffff12;border-radius:15px;place-items:center;transition:border-radius .15s,background .15s,color .15s;display:grid}.rail-friends:hover .rail-friends-icon,.rail-friends.is-active .rail-friends-icon{color:#fff;background:linear-gradient(145deg,#ff4d6d80,#7c8cff80);border-radius:13px}@keyframes drawer-in{0%{opacity:.5;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes drawer-in-right{0%{opacity:.35;transform:translate(42px)}to{opacity:1;transform:translate(0)}}.members-rail-button{z-index:55;width:40px;height:76px;color:var(--muted);border:1px solid var(--line);backdrop-filter:blur(12px);background:#0e1220e0;border-right:0;border-radius:14px 0 0 14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:width .15s,color .15s,background .15s;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-8px 0 24px #0000002e}.members-rail-button:hover{width:46px;color:var(--text);background:#141a2cf2}.members-rail-count{color:#c8d0ff;background:#7c8cff29;border-radius:99px;min-width:16px;padding:1px 4px;font-size:8.5px;font-weight:700;line-height:1.3}.members-rail-tip{z-index:2;border:1px solid var(--line);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;background:#151b2b;border-radius:7px;padding:6px 9px;font-size:10.5px;font-weight:600;transition:opacity .12s,transform .12s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)translate(4px);box-shadow:0 8px 22px #0000004d}.members-rail-button:hover .members-rail-tip{opacity:1;transform:translateY(-50%)translate(0)}:root{--ease-soft:cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth}button,.channel-row,.rail-icon,.rail-pill,.voice-member,.friend-card,.social-person,.members-rail-button,.modal-card,.members-drawer,.preview-card{transition-timing-function:var(--ease-soft)}.channel-row,.social-person,.friend-card,.voice-member,.members-rail-button{transition-duration:.2s}.icon-btn,.social-tab,.server-action,.settings-toggle-row .switch,.switch span{transition-timing-function:var(--ease-soft);transition-duration:.2s}.modal-card{animation-duration:.26s;animation-timing-function:var(--ease-soft)}.members-drawer{animation-duration:.4s;animation-timing-function:var(--ease-soft)}.preview-card{animation-duration:.45s;animation-timing-function:var(--ease-soft)}@media (width<=900px){.social-add-card{flex-wrap:wrap;align-items:flex-start}.social-add-form{width:100%}.social-request-grid,.friends-grid{grid-template-columns:1fr}}