:root{color-scheme:dark;--color-bg-canvas: #050609;--color-bg-base: #08090d;--color-bg-subtle: #0c0e13;--color-bg-muted: #12151d;--color-sidebar-bg: #040509;--color-sidebar-surface: #090b10;--color-sidebar-hover: #151821;--color-sidebar-active: #1d2130;--color-panel-bg: #0d0f15;--color-panel-subtle: #11141c;--color-surface: #151821;--color-surface-elevated: #191d28;--color-surface-raised: #202434;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-border-subtle: rgba(255, 255, 255, .055);--color-text-primary: #f2f3f5;--color-text-secondary: #b8beca;--color-text-muted: #7d8492;--color-accent-blue: #5865f2;--color-accent-blue-hover: #6875ff;--color-accent-blue-active: #4752c4;--color-accent-blue-soft: rgba(88, 101, 242, .16);--color-danger-red: #f23f42;--color-danger-red-hover: #ff5c5f;--color-danger-red-soft: rgba(242, 63, 66, .14);--color-success-green: #3ba55d;--color-success-green-soft: rgba(59, 165, 93, .15);--color-warning-yellow: #faa61a;--color-warning-yellow-soft: rgba(250, 166, 26, .14);--color-offline-gray: #80848e;--color-hover-bg: rgba(255, 255, 255, .055);--color-active-bg: rgba(88, 101, 242, .2);--focus-ring: #8ea1ff;--focus-ring-shadow: 0 0 0 4px rgba(88, 101, 242, .22);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 999px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 16px;--space-8: 20px;--space-9: 24px;--space-10: 32px;--transition-fast: .12s ease;--transition-base: .16s ease;--transition-slow: .22s ease;--transition-modal: .18s cubic-bezier(.2, .8, .2, 1);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .26);--shadow-md: 0 12px 34px rgba(0, 0, 0, .38);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .55);--shadow-xl: 0 28px 88px rgba(0, 0, 0, .68);--bg: var(--color-bg-base);--bg-2: var(--color-panel-bg);--bg-3: var(--color-surface);--border: var(--color-border);--text: var(--color-text-primary);--text-dim: var(--color-text-muted);--accent: var(--color-accent-blue);--danger: var(--color-danger-red);--ok: var(--color-success-green);--warn: var(--color-warning-yellow)}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;max-width:100%;margin:0;overflow:hidden;overflow-x:hidden;background:var(--color-bg-canvas);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}a:hover{color:var(--color-accent-blue-hover);text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);outline:2px solid transparent;outline-offset:2px;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.78}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--focus-ring)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-ring-shadow)}input:disabled,select:disabled,textarea:disabled{color:var(--color-text-muted);background:var(--color-bg-muted);cursor:not-allowed}textarea{resize:vertical}button{background:var(--color-surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-6);cursor:pointer;touch-action:manipulation;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),filter var(--transition-base),transform var(--transition-fast)}button:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-border-strong)}button:active:not(:disabled){background:var(--color-surface-raised);transform:translateY(1px)}button:disabled{opacity:.52;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 22px #5865f238}button.primary:hover:not(:disabled){background:var(--color-accent-blue-hover);border-color:var(--color-accent-blue-hover)}button.primary:active:not(:disabled){background:var(--color-accent-blue-active);border-color:var(--color-accent-blue-active)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 8px 22px #f23f422e}button.danger:hover:not(:disabled){background:var(--color-danger-red-hover);border-color:var(--color-danger-red-hover)}button.danger-compact{padding:7px 10px;font-size:13px}button.danger-subtle{background:var(--color-danger-red-soft);border-color:#f23f4259;color:#ffb1b3}button.danger-subtle:hover:not(:disabled){background:#f23f4233}.button-link{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text);text-decoration:none;touch-action:manipulation;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.button-link:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong);color:var(--text);text-decoration:none}.button-link:active{background:var(--color-surface-raised);transform:translateY(1px)}.icon-button,.attach-btn,.mobile-icon-button,.img-modal-action,.friend-row-more,.ping-popover-close,.avatar-crop-header button,.peer-volume-header button{display:inline-flex;align-items:center;justify-content:center}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--accent)}.muted{color:var(--text-dim)}.error{color:var(--danger)}.ok{color:var(--ok)}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-raised) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-surface-raised);border:3px solid transparent;border-radius:var(--radius-pill);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#2a3042}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:var(--color-panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:380px;box-shadow:var(--shadow-sm)}.card h1{margin:0 0 8px;font-size:20px}.card p{color:var(--text-dim);margin-top:0}.danger-section{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.danger-section h3{margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#030407b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overscroll-behavior:contain;animation:backdrop-in var(--transition-modal) both}.modal-header{min-height:54px;display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--color-border-subtle)}.modal-header.compact{min-height:48px;padding:14px 16px}.modal-header h2{flex:1;min-width:0;margin:0;color:var(--color-text-primary);font-size:16px;line-height:1.35;text-wrap:balance}.modal-body{padding:16px}.modal-close-button{width:36px;height:36px;min-height:36px;flex:0 0 auto;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;border-color:transparent;color:var(--color-text-muted);line-height:1}.modal-close-button:hover:not(:disabled){background:var(--color-hover-bg);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.confirm-modal{width:min(420px,100%);background:#11131a;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-in var(--transition-modal) both}.confirm-modal h2{margin:0;font-size:16px;line-height:1.35}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px 16px;border-top:1px solid var(--color-border-subtle)}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes popout-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-row label{color:var(--text-dim);font-size:12px}.app-shell{display:grid;grid-template-columns:72px 260px minmax(0,1fr) 260px;width:100%;max-width:100vw;height:100dvh;min-height:0;overflow:hidden;background:var(--color-bg-canvas)}.mobile-header,.mobile-drawer-backdrop{display:none}.app-rail{background:#040509;border-right:1px solid rgba(255,255,255,.055);display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:0;padding:12px 10px;overflow:hidden}.app-rail-top,.app-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:8px}.rail-button{position:relative;width:48px;height:48px;min-height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;background:#17191f;color:var(--color-text-secondary);font-size:17px;font-weight:800;line-height:1;text-decoration:none;box-shadow:none;transition:background-color var(--transition-base),border-radius var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.rail-button:hover:not(:disabled),.rail-link:hover{background:var(--accent);border-radius:14px;color:#fff;text-decoration:none}.rail-button.active,.rail-button[aria-pressed=true]{background:var(--accent);border-radius:14px;color:#fff}.rail-button.active:before,.rail-button[aria-pressed=true]:before{content:"";position:absolute;left:-10px;width:4px;height:28px;border-radius:0 4px 4px 0;background:#fff}.rail-button:disabled{opacity:.45}.rail-server{background:var(--accent);color:#fff}.rail-server img{display:block;border-radius:12px}.rail-divider{width:32px;height:1px;background:#ffffff1f}.rail-unread-dot{position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px #040509}.sidebar{background:#0b0d12;border-right:1px solid rgba(255,255,255,.075);padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0}.sidebar h3{font-size:11px;line-height:1;text-transform:uppercase;color:#858b98;margin:18px 8px 7px;font-weight:700}.sidebar-brand{min-height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#0d0f15;border-bottom:1px solid rgba(255,255,255,.075);box-shadow:0 1px #00000059}.sidebar-brand strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-scroll{flex:1;overflow-y:auto;min-height:0;padding:8px 8px 10px}.channel{width:100%;min-height:32px;display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:#949ba4;text-align:left;box-shadow:none;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.channel:hover{background:#ffffff0e;color:#dbdee1}.channel:active{transform:translateY(1px)}.channel.active,.channel[aria-pressed=true]{background:#353845;color:#fff}.channel span:not(.badge):not(.channel-count):not(.dm-unread-badge):not(.avatar-wrap):not(.avatar-status):not(.dot){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-count{margin-left:auto;font-size:11px;color:var(--text-dim)}.channel-block{margin-bottom:2px}.context-menu{position:fixed;z-index:1200;min-width:160px;padding:4px;background:var(--color-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:popout-in var(--transition-modal) both}.context-menu button{width:100%;border:0;background:transparent;padding:7px 8px;text-align:left}.context-menu button:hover{background:var(--color-hover-bg)}.channel-settings-modal{width:min(420px,100%);background:#11131a;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-in var(--transition-modal) both}.channel-settings-error{margin-top:4px;font-size:12px}.channel-settings-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px 16px;border-top:1px solid var(--color-border-subtle)}.voice-channel-block{margin-bottom:2px}.voice-channel-block.connected{animation:voice-row-in .18s ease both}.voice-channel-row{position:relative;min-height:34px;padding-inline:9px 7px}.voice-channel-row.connected:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:var(--radius-pill);background:var(--ok)}.voice-channel-row.connected{color:#fff;background:#3ba55d1f}.voice-channel-name{flex:1;min-width:0}.voice-occupants{display:flex;flex-direction:column;gap:2px;margin:3px 0 9px 20px;animation:voice-list-in .16s ease both}.voice-occupant-wrap{display:flex;flex-direction:column;gap:1px}.voice-occupant{width:100%;min-height:30px;display:flex;align-items:center;gap:7px;padding:3px 6px;border:0;border-radius:var(--radius-sm);background:transparent;color:#949ba4;text-align:left;box-shadow:none;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.voice-occupant:hover{background:#ffffff0e;color:#dbdee1}.voice-occupant.speaking{color:#fff}.voice-occupant.speaking .avatar-wrap{box-shadow:0 0 0 2px #3ba55db3,0 0 16px #3ba55d59}.voice-occupant-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.voice-occupant-icons{margin-left:auto;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.voice-wave{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--ok)}.voice-streaming-link{width:max-content;max-width:calc(100% - 12px);margin-left:34px;padding:2px 5px;display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--accent);font-size:11px}.voice-streaming-link:hover{background:var(--color-accent-blue-soft)}.voice-mute{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-danger-red-soft);color:var(--danger);border:1px solid rgba(242,63,66,.35)}.voice-deafen,.voice-state-indicator.deafened{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#faa61a24;color:#ffd18a;border:1px solid rgba(250,166,26,.34)}.sidebar-svg-icon{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-user-panel{border-top:1px solid rgba(255,255,255,.075);grid-column:1 / -1;padding:8px;background:#07090d;display:flex;flex-direction:column;gap:8px}.sidebar-voice-panel{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:var(--radius-md);background:#0f1117;animation:voice-panel-in .18s ease both}.sidebar-voice-panel.connected{background:#232838bd;border-color:#5865f242}.sidebar-voice-status{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-voice-wave{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--ok);background:var(--color-success-green-soft)}.sidebar-voice-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.sidebar-voice-meta span{color:#9fb0d2;font-size:11px;text-transform:uppercase;font-weight:700}.sidebar-voice-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.sidebar-ping-indicator{flex:0 0 auto;min-width:76px;min-height:26px;padding:2px 6px;border:1px solid rgba(59,165,93,.22);border-radius:var(--radius-sm);color:var(--ok);background:#3ba55d1f;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.sidebar-ping-indicator:hover:not(:disabled){background:#3ba55d2e;border-color:#3ba55d57;color:#d8ffe4}.sidebar-ping-indicator .sidebar-svg-icon{width:13px;height:13px}.sidebar-voice-streaming{min-height:24px;padding:4px 6px;display:flex;align-items:center;gap:6px;border-radius:var(--radius-sm);color:#cfe0ff;background:var(--color-accent-blue-soft);font-size:12px}.sidebar-voice-actions{display:flex;gap:6px}.sidebar-control-button{width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:var(--radius-sm);background:#fff1;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.sidebar-control-button:hover:not(:disabled){background:#ffffff1f;color:#fff}.sidebar-control-button.active{background:#5865f23d;color:#fff}.sidebar-control-button.camera-active{background:#3ba55d38;color:#dbffe7}.sidebar-control-button.camera-active:hover:not(:disabled){background:#3ba55d52;color:#fff}.sidebar-control-button.deafen-active{background:#faa61a2e;color:#ffd18a}.sidebar-control-button.deafen-active:hover:not(:disabled){background:#faa61a42;color:#fff}.sidebar-control-button.danger{margin-left:auto;background:var(--color-danger-red-soft);color:#ffb1b3}.sidebar-control-button.danger:hover:not(:disabled){background:#f23f4238}.sidebar-voice-error{color:#ffb1b3;font-size:11px;line-height:1.35}.sidebar-voice-deafened{min-height:24px;padding:4px 6px;display:flex;align-items:center;gap:6px;border-radius:var(--radius-sm);color:#ffd18a;background:#faa61a1f;border:1px solid rgba(250,166,26,.2);font-size:12px}.sidebar-user-strip{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-user-identity{flex:1;min-width:0;min-height:38px;display:flex;align-items:center;gap:8px;padding:2px 4px;border:0;border-radius:var(--radius-sm);background:transparent;box-shadow:none;text-align:left}.sidebar-user-identity:hover{background:#ffffff0e}.sidebar-user-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:13px}.sidebar-user-status{font-size:11px}.sidebar-user-quick-actions{display:flex;gap:4px;flex:0 0 auto}.sidebar-settings-button:hover{text-decoration:none}@keyframes voice-row-in{0%{opacity:.72;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes voice-list-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes voice-panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.main{background:#313338;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.topbar{flex:0 0 auto;height:44px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;background:#313338;box-shadow:0 1px #00000047}.topbar strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#313338}.right-panel{background:#2b2d31;border-left:1px solid rgba(255,255,255,.075);padding:10px 8px;overflow-y:auto;min-height:0}.row{display:flex;gap:8px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;font-size:11px;padding:2px 6px;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.badge.ok{background:var(--color-success-green-soft);color:#b9f6cb;border-color:#3ba55d47}.badge.warn{background:var(--color-warning-yellow-soft);color:#ffe2a3;border-color:#faa61a4d}.badge.danger{background:var(--danger);color:#fff}.dot{width:8px;height:8px;border-radius:50%;background:var(--color-offline-gray);display:inline-block;box-shadow:0 0 0 2px #00000073}.dot.ok{background:var(--ok)}.dot.afk{background:var(--warn)}.dot.dnd{background:var(--danger)}.dot.speaking{background:var(--accent);box-shadow:0 0 0 2px #00000073,0 0 10px #5865f2b3}.dot.muted{background:var(--danger)}.avatar-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:#222;overflow:visible}.avatar-img,.avatar-fallback{width:100%;height:100%;border-radius:50%}.avatar-img{object-fit:cover;display:block;background:var(--bg-3)}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#252b3d,#1c2233);color:#dbe4ff;border:1px solid var(--color-border-subtle);font-size:11px;font-weight:700}.avatar-status{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid var(--color-sidebar-bg)}.standalone-screen{height:100dvh;overflow-y:auto;padding:24px}.standalone-screen-inner{width:100%;margin:0 auto}.standalone-screen-inner.settings{max-width:1040px}.standalone-screen-inner.admin{max-width:1100px}.settings-header{min-height:52px;display:flex;align-items:center;gap:16px;margin-bottom:18px}.settings-header h1{min-width:0;flex:1;margin:0;font-size:22px;line-height:1.2;text-wrap:balance}.settings-alert{margin-bottom:14px;padding:10px 12px;border:1px solid rgba(242,63,66,.34);border-radius:var(--radius-md);background:var(--color-danger-red-soft)}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:var(--radius-md);background:var(--color-panel-bg);border:1px solid var(--color-border-subtle)}.settings-nav a{min-height:34px;display:flex;align-items:center;padding:7px 9px;border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none}.settings-nav a:hover,.settings-nav a:focus-visible{background:var(--color-hover-bg);color:var(--color-text-primary)}.settings-content{min-width:0;display:flex;flex-direction:column;gap:16px}.settings-card,.admin-card{max-width:none;padding:18px;background:var(--color-panel-bg);border-color:var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:none}.settings-card h2,.admin-card h2{margin:0 0 12px;font-size:15px;line-height:1.25;color:var(--color-text-primary);text-wrap:balance}.settings-card p{margin-top:0}.form-help{font-size:11px;line-height:1.35}.settings-toggle-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.settings-check{min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}.settings-check:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.settings-check input{margin:0}.settings-control-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-control-row input[type=range]{flex:1;min-width:180px}.settings-inline-error{margin-top:8px;font-size:12px}.admin-card{margin-bottom:16px}.admin-badge-row{display:flex;flex-wrap:wrap;gap:6px}.admin-section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.admin-section-header h2{flex:1;margin:0}.admin-filter-label{display:flex;align-items:center;gap:8px}.admin-filter-label span{color:var(--color-text-muted);font-size:12px}.admin-table-wrap{width:100%;overflow-x:auto}.admin-actions-cell{display:flex;gap:6px;flex-wrap:wrap}.admin-create-form{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end}.admin-create-form label{min-width:0;display:flex;flex-direction:column;gap:6px;color:var(--color-text-muted);font-size:12px}.admin-create-form input,.admin-create-form select{width:100%}.chat-container{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#313338;min-width:0}.channel-header,.dm-header{flex:0 0 auto;min-height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#313338;border-bottom:1px solid rgba(0,0,0,.34);box-shadow:0 1px #ffffff06}.channel-header-main,.dm-header-meta{min-width:0;flex:1}.channel-header-main{display:flex;align-items:center;gap:10px}.channel-header-icon{color:#80848e;font-size:24px;font-weight:700;line-height:1}.channel-header-title,.dm-header-meta{display:flex;flex-direction:column;gap:1px}.channel-header-title strong,.dm-header-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2f3f5;font-size:15px;line-height:1.2}.channel-header-title .muted,.dm-header-meta .muted{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#949ba4;font-size:12px}.channel-header-actions{display:flex;align-items:center;gap:4px}.channel-header-action{width:34px;height:34px;min-height:34px;padding:0;border:0;background:transparent;color:#b5bac1;box-shadow:none}.channel-header-action:hover:not(:disabled){background:#ffffff0f;color:#fff}.chat-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;padding:12px 0 18px;display:flex;flex-direction:column;gap:0}.chat-msg{position:relative;background:transparent;border:1px solid transparent;border-radius:0;padding:2px 16px;content-visibility:auto;contain-intrinsic-size:72px;animation:msg-in .22s ease both;transition:background-color var(--transition-base),border-color var(--transition-base)}.chat-msg.is-start{margin-top:12px;padding-top:4px}.chat-msg:hover,.chat-msg:focus-within{background:#2e3035;border-color:transparent}.chat-msg .meta{min-height:21px;display:flex;align-items:baseline;gap:8px;margin-bottom:1px;color:#949ba4;font-size:12px}.chat-msg .meta strong{color:#f2f3f5;font-size:15px;font-weight:600}.chat-msg .meta time{color:#949ba4;font-size:11px}.chat-msg-row{display:flex;gap:16px;align-items:flex-start;min-width:0}.chat-msg-row .avatar-wrap{flex:0 0 auto;margin-top:2px}.chat-msg-body{position:relative;min-width:0;flex:1;padding-right:38px}.chat-msg-hover-time{flex:0 0 40px;width:40px;padding-top:3px;color:#949ba4;font-size:10px;line-height:1.5;text-align:right;opacity:0;transition:opacity var(--transition-fast)}.chat-msg:hover .chat-msg-hover-time,.chat-msg:focus-within .chat-msg-hover-time{opacity:1}.chat-text{max-width:100%;color:#dbdee1;line-height:1.42;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.chat-msg-action{display:inline-flex;align-items:center;justify-content:center;opacity:0;margin-left:auto;width:32px;height:28px;padding:0;line-height:1;border:1px solid rgba(255,255,255,.08);background:#2b2d31;color:#b5bac1;box-shadow:0 4px 12px #00000038;transition:opacity var(--transition-fast),background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.chat-msg-action-floating{position:absolute;top:-4px;right:0}.chat-msg:hover .chat-msg-action,.chat-msg:focus-within .chat-msg-action{opacity:1}.chat-msg-action:hover{color:#fff;background:#3b3d44;border-color:#ffffff21}.chat-input{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:0 16px 22px;border-top:0;align-items:stretch;background:#313338}.chat-input-shell{min-height:48px;display:grid;grid-template-columns:40px minmax(0,1fr) max-content;align-items:center;gap:4px;padding:0 6px;background:#383a40;border:1px solid transparent;border-radius:var(--radius-md);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.chat-input-shell:focus-within{border-color:#8ea1ff94;box-shadow:var(--focus-ring-shadow)}.chat-input input[type=text],.chat-input input:not([type]){width:100%;min-width:0;height:44px;padding:0 8px;border:0;background:transparent;color:#dbdee1;box-shadow:none}.chat-input input[type=text]:hover,.chat-input input:not([type]):hover,.chat-input input[type=text]:focus,.chat-input input:not([type]):focus{background:transparent;border-color:transparent}.chat-input input[type=text]:focus-visible,.chat-input input:not([type]):focus-visible{outline:2px solid transparent;box-shadow:none}.attach-btn{width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#4e5058;color:#dbdee1;box-shadow:none}.attach-btn:hover:not(:disabled){background:#5c5f68;color:#fff}.chat-send-btn{min-width:44px;height:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:var(--accent);color:#fff;box-shadow:none}.chat-send-btn:hover:not(:disabled){background:var(--color-accent-blue-hover)}.chat-send-label{font-size:13px;font-weight:600;white-space:nowrap}.chat-send-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-container.drag-active:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px dashed var(--accent);border-radius:var(--radius-lg);pointer-events:none;box-shadow:inset 0 0 0 1px #5865f200;animation:drag-glow 1.6s ease-in-out infinite alternate}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0506099e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:5;animation:drop-in .18s ease both}.drop-overlay-inner{background:var(--color-surface-elevated);border:1px solid var(--accent);border-radius:var(--radius-xl);padding:18px 24px;text-align:center;box-shadow:var(--shadow-md),0 0 24px #5865f252;animation:pop-in .22s cubic-bezier(.2,.7,.2,1) both}.drop-icon{font-size:28px;line-height:1;margin-bottom:6px;animation:bounce 1.2s ease-in-out infinite}.drop-title{font-weight:600;font-size:15px}.drop-sub{font-size:12px;margin-top:2px}@keyframes drag-glow{0%{box-shadow:inset 0 0 0 1px #5865f20d}to{box-shadow:inset 0 0 0 1px #5865f28c,inset 0 0 24px #5865f238}}@keyframes drop-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.upload-card{flex:0 0 auto;display:grid;grid-template-columns:64px 1fr;gap:10px;margin:0 16px 10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#2b2d31;animation:card-in .22s ease both}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.upload-card-thumb{width:64px;height:64px;background:#1e1f22;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center}.upload-card-thumb img,.upload-card-thumb video{width:100%;height:100%;object-fit:cover;display:block;animation:img-fade-in .32s ease both}.thumb-fallback{color:var(--text-dim);font-size:22px}.upload-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.upload-card-row{display:flex;align-items:center;gap:8px}.upload-card-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.upload-card-x{width:24px;height:24px;padding:0;line-height:1;font-size:16px;background:transparent;border:1px solid rgba(255,255,255,.1)}.upload-card-meta{font-size:11px}.compressing-pulse{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.upload-card{border-left:3px solid transparent}.upload-card.state-selected{border-left-color:var(--text-dim)}.upload-card.state-compressing{border-left-color:var(--warn)}.upload-card.state-ready,.upload-card.state-uploading{border-left-color:var(--accent)}.upload-card.state-processing{border-left-color:var(--warn)}.upload-card.state-done{border-left-color:var(--ok)}.upload-card.state-failed{border-left-color:var(--danger)}.upload-progress{height:6px;background:var(--color-bg-muted);border-radius:var(--radius-pill);overflow:hidden;margin-top:4px}.upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--color-accent-blue-hover));width:0%;transition:width .15s linear}.upload-progress-fill.indeterminate{width:40%!important;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(250%)}}.attachment-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:100%}.attachment{width:fit-content;max-width:min(520px,100%);background:#2b2d31;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:4px;overflow:hidden}.attachment-media{display:block;max-width:100%;max-height:min(420px,58vh);width:auto;height:auto;border-radius:var(--radius-sm);background:var(--color-bg-canvas);object-fit:contain}.attachment-media.loading{opacity:0;filter:blur(8px)}.attachment-media.loaded{animation:img-fade-in .35s ease both}@keyframes img-fade-in{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}.attachment-meta{font-size:11px;margin-top:4px}.attachment-file{display:inline-flex;max-width:100%;padding:9px 11px;background:#1e1f22;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:#dbdee1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-image-btn{display:block;padding:0;margin:0;background:transparent;border:none;cursor:zoom-in;border-radius:var(--radius-sm);max-width:100%}.attachment-image-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.img-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#030407db;display:flex;align-items:center;justify-content:center;padding:24px;animation:backdrop-in var(--transition-modal) both;overscroll-behavior:contain;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes img-modal-fade{0%{opacity:0}to{opacity:1}}.img-modal-frame{position:relative;max-width:min(96vw,1600px);max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:8px;animation:modal-in var(--transition-modal) both}.img-modal-stage{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:calc(92vh - 56px);min-width:min(320px,calc(100vw - 48px));min-height:min(220px,calc(100dvh - 160px))}.img-modal-img{display:block;max-width:min(94vw,1600px);max-height:calc(92vh - 56px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);background:var(--color-bg-canvas);box-shadow:var(--shadow-lg)}.img-modal-img.is-loading{opacity:0}.img-modal-img.is-loaded{opacity:1;transition:opacity .15s ease}.img-modal-spinner{position:absolute;width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:img-modal-spin .8s linear infinite}@keyframes img-modal-spin{to{transform:rotate(360deg)}}.img-modal-error{padding:24px 32px;background:var(--color-panel-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px}.img-modal-caption{max-width:80vw;font-size:12px;color:var(--text-dim);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.img-modal-close{position:absolute;top:-8px;right:-8px;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#191d28eb;color:#fff;border:1px solid var(--color-border-strong);border-radius:999px;cursor:pointer;box-shadow:var(--shadow-sm);transform:translate(50%,-50%)}.img-modal-close svg{width:24px;height:24px;display:block}.img-modal-close:hover{background:var(--color-surface-raised)}.img-modal-actions{position:fixed;right:24px;bottom:24px;z-index:2;display:flex;gap:6px;padding:6px;background:#191d28e0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-md)}.img-modal-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.img-modal-action svg{width:24px;height:24px;display:block}.img-modal-action:hover{background:var(--color-hover-bg);color:#fff}.img-modal-action:active{transform:translateY(1px)}.img-modal-action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.img-modal-toast{position:absolute;left:50%;bottom:-36px;transform:translate(-50%);padding:6px 10px;font-size:12px;border-radius:var(--radius-sm);background:var(--color-panel-bg);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm);white-space:nowrap;animation:img-modal-fade .12s ease both}.img-modal-toast-error{color:var(--danger);border-color:#f23f4266}.ctx-menu{position:fixed;z-index:9999;min-width:220px;max-width:360px;background:var(--color-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:4px;font-size:12px;color:var(--text);animation:popout-in var(--transition-modal) both}@keyframes ctx-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ctx-menu-header{padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.ctx-menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font:inherit}.ctx-menu-item:hover:not(:disabled){background:var(--color-hover-bg)}.ctx-menu-item:disabled{color:var(--text-dim);cursor:not-allowed}.ctx-menu-item.ctx-danger{color:var(--danger)}.ctx-menu-item.ctx-danger:hover:not(:disabled){background:var(--color-danger-red-soft)}.ctx-menu-sep{height:1px;background:var(--border);margin:4px 6px}.ctx-meta{display:flex;flex-direction:column;gap:3px}.ctx-meta-row{display:flex;justify-content:space-between;gap:12px}.ctx-meta-row>span:first-child{font-size:11px}.ctx-meta-row>span:last-child{color:var(--text);text-align:right;word-break:break-word;max-width:220px}.ctx-meta-sep{height:1px;background:var(--border);margin:6px 0}.ctx-attachment+.ctx-attachment{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.link-btn{background:transparent;border:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.voice-channel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.voice-toolbar{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--color-panel-bg)}.voice-device-row{padding:8px 16px;border-bottom:1px solid var(--border);display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:var(--color-bg-subtle)}.voice-media-area{flex:1 1 auto;min-height:0;padding:12px 16px;display:grid;gap:12px;overflow-y:auto;overflow-x:hidden;background:#10131b}.voice-media-area.has-screen-share.has-camera{grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start}.voice-media-area.single-media.has-camera:not(.has-screen-share){align-content:start}.voice-camera-strip{flex:0 0 auto;max-height:250px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,260px));align-items:start;gap:10px;overflow-y:auto;overflow-x:hidden;background:transparent}.voice-media-area.single-media.has-camera:not(.has-screen-share) .voice-camera-strip{grid-template-columns:minmax(320px,min(720px,100%));max-height:none}.voice-media-area.has-screen-share.has-camera .voice-camera-strip{grid-template-columns:minmax(0,1fr);max-height:min(62dvh,620px)}.voice-media-area.has-screen-share.has-camera .voice-camera-tile{min-height:0}.voice-camera-tile{position:relative;width:100%;aspect-ratio:16 / 9;min-height:118px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-md);background:#06080d;box-shadow:var(--shadow-sm)}.voice-camera-video{display:block;width:100%;height:100%;object-fit:cover;background:#06080d;cursor:zoom-in}.voice-camera-tile.local .voice-camera-video{transform:scaleX(-1)}.voice-camera-popout-button{position:absolute;right:8px;top:8px;z-index:2;width:32px;height:32px;min-height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text);background:#06080db8;border:1px solid rgba(255,255,255,.12);opacity:0;transition:opacity var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.voice-camera-tile:hover .voice-camera-popout-button,.voice-camera-tile:focus-within .voice-camera-popout-button{opacity:1}.voice-camera-popout-button:hover{background:#202430f0;border-color:#fff3}.voice-camera-popout-button .sidebar-svg-icon,.voice-camera-placeholder .sidebar-svg-icon,.voice-camera-floating-button .sidebar-svg-icon{width:17px;height:17px}.voice-camera-label{position:absolute;left:8px;right:8px;bottom:8px;min-height:24px;padding:4px 7px;display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-sm);color:#fff;background:#06080db8;font-size:12px;font-weight:700;overflow:hidden;pointer-events:none}.voice-camera-label span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-camera-live-dot{width:7px;height:7px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--ok);box-shadow:0 0 0 3px #3ba55d2e}.voice-camera-waiting{height:100%;display:flex;align-items:center;justify-content:center;padding:12px;color:var(--text-dim);font-size:12px;text-align:center}.voice-camera-tile.pip-placeholder{border-color:#ffffff1f;background:#030407}.voice-camera-placeholder{height:100%;min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;color:var(--text-dim);text-align:center;font-size:12px;font-weight:700}.voice-camera-placeholder .sidebar-svg-icon{color:var(--text-dim)}.voice-camera-placeholder-button{min-height:30px;padding:5px 9px;border-radius:var(--radius-sm);font-size:12px}.voice-camera-floating{position:fixed;z-index:1200;display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:#05070b;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-md);box-shadow:0 18px 50px #00000073,var(--shadow-md)}.voice-camera-floating.fullscreen{right:0!important;bottom:0!important;left:0!important;top:0!important;width:auto!important;height:auto!important;z-index:1600;border:0;border-radius:0;background:#000;box-shadow:none}.voice-camera-floating.fullscreen .voice-camera-floating-header{background:#0a0c11f0}.voice-camera-floating.fullscreen .voice-camera-floating-video-wrap{background:#000}.voice-camera-floating.fullscreen .voice-camera-floating-video{object-fit:contain;cursor:zoom-out}.voice-camera-floating.fullscreen .voice-camera-floating-drag{cursor:default}.voice-camera-floating-close{font-size:14px;font-weight:700;line-height:1}.voice-camera-floating-header{flex:0 0 auto;height:36px;display:flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;background:#11151f;border-bottom:1px solid rgba(255,255,255,.08);-webkit-user-select:none;user-select:none}.voice-camera-floating-drag{flex:1 1 auto;min-width:0;height:100%;display:inline-flex;align-items:center;gap:7px;cursor:grab;touch-action:none}.voice-camera-floating-drag strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.voice-camera-floating-actions{display:inline-flex;align-items:center;gap:4px}.voice-camera-floating-button{width:28px;height:28px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text);background:transparent;border-color:transparent}.voice-camera-floating-button:hover,.voice-camera-floating-button:focus-visible{background:#ffffff14;border-color:#ffffff1f}.voice-camera-floating-video-wrap{flex:1 1 auto;min-height:0;background:#020306}.voice-camera-floating-video{display:block;width:100%;height:100%;object-fit:cover;background:#020306;cursor:zoom-in}.voice-camera-floating.local .voice-camera-floating-video{transform:scaleX(-1)}.voice-camera-resize-handle{position:absolute;z-index:3;width:22px;height:22px;min-height:22px;padding:0;border:0;border-radius:0;background:transparent}.voice-camera-resize-handle:after{content:"";position:absolute;width:9px;height:9px;border-color:#ffffff59;opacity:0;transition:opacity var(--transition-base),border-color var(--transition-base)}.voice-camera-floating:hover .voice-camera-resize-handle:after,.voice-camera-resize-handle:focus-visible:after{opacity:1}.voice-camera-resize-handle:hover:after,.voice-camera-resize-handle:focus-visible:after{border-color:#ffffffb8}.voice-camera-resize-handle.nw{top:0;left:0;cursor:nwse-resize}.voice-camera-resize-handle.ne{top:0;right:0;cursor:nesw-resize}.voice-camera-floating .voice-camera-resize-handle.nw,.voice-camera-floating .voice-camera-resize-handle.ne{top:36px}.voice-camera-resize-handle.sw{bottom:0;left:0;cursor:nesw-resize}.voice-camera-resize-handle.se{right:0;bottom:0;cursor:nwse-resize}.voice-camera-resize-handle.nw:after{top:5px;left:5px;border-left:2px solid;border-top:2px solid}.voice-camera-resize-handle.ne:after{top:5px;right:5px;border-right:2px solid;border-top:2px solid}.voice-camera-resize-handle.sw:after{bottom:5px;left:5px;border-left:2px solid;border-bottom:2px solid}.voice-camera-resize-handle.se:after{right:5px;bottom:5px;border-right:2px solid;border-bottom:2px solid}.voice-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-content:start;gap:10px;padding:12px}.voice-grid.with-media{flex:0 0 auto;max-height:240px}.voice-tile{background:var(--color-panel-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),background-color var(--transition-base)}.voice-tile:hover{background:var(--color-panel-subtle);border-color:var(--color-border-strong)}.voice-tile .name{font-weight:600}.voice-tile .voice-state-indicator{margin-left:auto}.voice-deafened-badge{display:inline-flex;align-items:center;gap:5px;color:#ffd18a;background:#faa61a1f;border-color:#faa61a3d}.voice-volume-row{gap:8px;align-items:center}.voice-volume-label{flex:0 0 92px;font-size:12px;white-space:nowrap}.voice-volume-slider{display:none;flex:1;min-width:0;width:100%;accent-color:var(--accent)}.voice-volume-open{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 9px;font-size:12px}.ping-indicator-button{min-width:90px;padding:2px 6px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:12px;line-height:1.35;font-variant-numeric:tabular-nums}.ping-indicator-button:hover,.ping-indicator-button:focus-visible{background:var(--color-hover-bg);border-color:var(--border);color:var(--text)}.ping-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1150;display:grid;place-items:center;padding:20px;background:#03040794;overscroll-behavior:contain;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:backdrop-in var(--transition-modal) both}.ping-popover{width:min(390px,calc(100vw - 32px));background:#11131a;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-in var(--transition-modal) both}.ping-popover-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.ping-popover-header h2{flex:1;margin:0;font-size:15px}.ping-popover-close{width:32px;height:32px;padding:0;line-height:1}.ping-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 14px 8px}.ping-stat{min-width:0;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--color-panel-bg)}.ping-stat.wide{grid-column:1 / -1}.ping-stat span{display:block;margin-bottom:3px;color:var(--text-dim);font-size:11px}.ping-stat strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.ping-collecting{margin:0 14px 8px;padding:8px;border-radius:var(--radius-sm);background:#5865f21c;color:var(--color-text-secondary);font-size:12px}.ping-graph-title{padding:3px 14px 8px;color:var(--text-dim);font-size:12px}.ping-graph{display:block;width:calc(100% - 28px);height:128px;margin:0 14px 14px;border:1px solid var(--border);border-radius:6px;background:var(--color-bg-canvas)}.ping-graph-axis{stroke:#ffffff29;stroke-width:1}.ping-graph-grid{stroke:#ffffff14;stroke-width:1;stroke-dasharray:4 5}.ping-graph-line{fill:none;stroke:var(--color-accent-blue-hover);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ping-graph-point{fill:var(--color-accent-blue-hover)}.ping-graph-loss{fill:var(--danger);stroke:#ffd0d0;stroke-width:1}.ping-graph-empty{fill:var(--text-dim);font-size:12px}.screen-share-strip{padding:7px 16px;border-bottom:1px solid var(--border);display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12px}.screen-audio-toggle{display:inline-flex;align-items:center;gap:6px}.screen-audio-toggle input{margin:0}.screen-share-icon{width:13px;height:9px;display:inline-block;flex:0 0 auto;border:1px solid currentColor;border-radius:2px;position:relative}.screen-share-icon:after{content:"";position:absolute;left:3px;right:3px;bottom:-4px;height:1px;background:currentColor}.screen-share-badge{width:100%;min-height:28px;padding:5px 7px;display:flex;align-items:center;gap:7px;border-color:#5865f259;background:var(--color-accent-blue-soft);color:#cfe0ff;font-size:12px}.screen-share-badge .muted{margin-left:auto;font-size:11px}.screen-share-dock-slot{flex:0 0 auto;min-height:220px;max-height:none;margin:0;display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#04060a;box-shadow:var(--shadow-sm)}.voice-media-area.single-media:not(.has-camera) .screen-share-dock-slot{width:100%;justify-self:center;align-self:start}.voice-media-area.single-media:not(.has-camera) .screen-share-docked-viewer{width:100%}.voice-media-area.single-media:not(.has-camera) .screen-share-docked-viewer .screen-share-video-wrap{width:100%;max-width:100%}.screen-share-docked-viewer,.screen-share-pip-window{--stream-aspect-ratio: 1.7777778;--stream-video-width: 100%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:#05070b}.screen-share-docked-viewer{width:100%}.screen-share-pip-window{position:fixed;z-index:1200;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-md);box-shadow:0 18px 50px #00000073,var(--shadow-md)}.screen-share-pip-window.fullscreen{top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;z-index:1600;border:0;border-radius:0;background:#000;box-shadow:none}.screen-share-pip-placeholder{width:100%;min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:18px;color:var(--text-dim);text-align:center;font-size:13px;font-weight:700;background:#030407}.screen-share-pip-placeholder .sidebar-svg-icon{width:22px;height:22px;color:var(--text-dim)}.screen-share-pip-placeholder-button{min-height:32px;padding:6px 10px;border-radius:var(--radius-sm);font-size:12px}.screen-share-title,.screen-share-pip-drag{min-width:0;display:inline-flex;align-items:center;gap:8px}.screen-share-title{flex:1 1 auto}.screen-share-title strong,.screen-share-pip-drag strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-share-pip-header{flex:0 0 auto;height:36px;display:flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;background:#11151f;border-bottom:1px solid rgba(255,255,255,.08);-webkit-user-select:none;user-select:none}.screen-share-pip-window.fullscreen .screen-share-pip-header{background:#0a0c11f0}.screen-share-pip-drag{flex:1 1 auto;height:100%;cursor:grab;touch-action:none}.screen-share-pip-drag .screen-share-icon{color:#cfe0ff}.screen-share-pip-actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding-right:8px}.screen-share-pip-button{width:28px;height:28px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text);background:transparent;border-color:transparent}.screen-share-pip-button:hover,.screen-share-pip-button:focus-visible{background:#ffffff14;border-color:#ffffff1f}.screen-share-close-button{position:relative;z-index:5}.screen-share-pip-button .sidebar-svg-icon,.screen-share-header-actions .sidebar-svg-icon{width:16px;height:16px}.screen-share-pip-window .screen-share-video-wrap{flex:1 1 auto}.screen-share-pip-window.fullscreen .screen-share-video-wrap{background:#000}.screen-share-docked-viewer .screen-share-video-wrap{width:var(--stream-video-width);max-width:100%;aspect-ratio:var(--stream-aspect-ratio);align-self:center;flex:0 0 auto}.screen-share-pip-window .screen-share-footer{flex:0 0 auto;min-height:42px;padding:7px 9px}.screen-share-pip-window .voice-camera-resize-handle:after{opacity:0}.screen-share-pip-window .voice-camera-resize-handle.nw,.screen-share-pip-window .voice-camera-resize-handle.ne{top:36px}.screen-share-pip-window.fullscreen .voice-camera-resize-handle{display:none}.screen-share-pip-window:hover .voice-camera-resize-handle:after,.screen-share-pip-window .voice-camera-resize-handle:focus-visible:after{opacity:1}.screen-share-backdrop{z-index:1200}.screen-share-backdrop.expanded{padding:0;display:block;background:var(--color-bg-canvas);overflow:hidden}.screen-share-notice{padding:7px 16px;border-bottom:1px solid var(--border);color:var(--warn);background:#e6a23c14;font-size:12px}.screen-share-settings-modal{width:min(420px,calc(100vw - 32px));background:#11131a;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-in var(--transition-modal) both}.screen-share-settings-header,.screen-share-settings-actions{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.screen-share-settings-header h2{flex:1;margin:0;font-size:16px;line-height:1.35}.screen-share-settings-body{display:flex;flex-direction:column;gap:14px;padding:16px}.screen-share-settings-field{display:flex;flex-direction:column;gap:7px;color:var(--text-dim);font-size:12px}.screen-share-settings-field select{width:100%;color:var(--text)}.screen-share-settings-check{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%}.screen-share-settings-check input{margin:0}.screen-share-settings-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);border-bottom:0}.screen-share-modal{width:min(1180px,calc(100vw - 40px));height:min(760px,calc(100vh - 40px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative;background:var(--color-bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-in var(--transition-modal) both}.screen-share-modal.expanded{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-canvas);box-shadow:none;overflow:hidden;transform:none;grid-template-rows:none;z-index:1201}.screen-share-modal.expanded>.screen-share-video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:0;padding:0}.screen-share-modal.expanded .screen-share-video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;margin:0;padding:0;transform:none}.screen-share-header,.screen-share-footer{min-height:48px;padding:10px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.screen-share-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-share-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.screen-share-header-actions button{flex:0 0 auto;margin-left:0;display:inline-flex;align-items:center;gap:6px}.screen-share-video-wrap{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-canvas);overflow:hidden}.screen-share-video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;margin:0;padding:0;transform:none;background:var(--color-bg-canvas)}.screen-share-modal.expanded .screen-share-video-wrap{width:100%;height:100%;flex:1 1 auto}.screen-share-expanded-overlay{position:absolute;top:12px;left:12px;right:12px;z-index:2;min-height:44px;padding:8px 10px;display:flex;align-items:center;gap:12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:#0d0f15d1;box-shadow:var(--shadow-md)}.screen-share-expanded-overlay strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-share-expanded-controls{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.screen-share-expanded-controls .screen-share-audio{margin-left:0}.screen-share-footer{border-top:1px solid var(--border);border-bottom:0;flex-wrap:wrap;font-size:12px}.screen-share-audio{flex:0 1 260px;min-width:180px;display:flex;align-items:center;gap:8px}.screen-share-audio input[type=range]{flex:1 1 auto;min-width:96px;width:160px;accent-color:var(--accent)}.screen-share-audio-percent{min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.screen-share-audio-el{display:none}.screen-share-local-notice{min-height:36px;padding:9px 12px;border-top:1px solid var(--border);color:var(--warn);background:#e6a23c14;font-size:12px}@media (max-width: 720px){.screen-share-expanded-overlay{align-items:flex-start;flex-direction:column}.screen-share-expanded-controls{width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap}.screen-share-audio{margin-left:0;flex-wrap:wrap}}.participant-stream-button{width:max-content;margin-top:5px;padding:4px 6px;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#cfe0ff;border-color:#5865f259;background:var(--color-accent-blue-soft)}.participant-list{display:flex;flex-direction:column;gap:2px}.participant{display:flex;align-items:flex-start;gap:8px;padding:6px 7px;border-radius:var(--radius-sm);transition:background-color var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.participant[role=button]{cursor:pointer}.participant[data-online="0"]{opacity:.55}.participant:hover{background:#ffffff0e}.participant-text{display:flex;flex-direction:column;min-width:0;flex:1}.participant-name{color:var(--text);font-size:13px;line-height:1.2}.participant-status{font-size:11px;line-height:1.25;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.participant .avatar-wrap{margin-top:1px}.participant.clickable{cursor:pointer}.dm-channel{position:relative;display:flex;gap:4px;align-items:center;min-width:0;min-height:44px;border-radius:var(--radius-sm)}.dm-channel-main{flex:1;min-width:0;min-height:44px;padding:6px 40px 6px 7px;border-radius:var(--radius-sm)}.dm-channel-main .avatar-wrap{flex:0 0 auto;overflow:visible;z-index:1}.dm-channel-main .avatar-status{z-index:2;overflow:visible;border-color:#111318}.dm-channel.active .dm-channel-main{background:#35373c;color:#fff}.dm-channel:not(.active):hover .dm-channel-main{background:#ffffff0e;color:#dbdee1}.dm-channel-main:active{transform:none}.dm-channel-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.dm-channel-title{display:flex;align-items:center;min-width:0}.dm-channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.dm-channel-preview{font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-channel.has-unread .dm-channel-name{color:var(--text);font-weight:600}.dm-channel.has-unread .dm-channel-preview{color:var(--text)}.dm-unread-badge{background:var(--danger);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.4}.dm-channel-unread{position:absolute;right:10px;top:50%;z-index:2;max-width:34px;pointer-events:none;transform:translateY(-50%)}.dm-close-btn{position:absolute;right:5px;top:50%;z-index:3;transform:translateY(-50%);width:28px;height:28px;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;background:#07080c29;border:none;color:#b5bac1;font-size:0;line-height:1;padding:0;border-radius:50%;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-base),color var(--transition-base)}.dm-close-btn:before{content:"x";font-size:17px;line-height:1}.dm-channel:hover .dm-close-btn,.dm-channel:focus-within .dm-close-btn,.dm-channel.active .dm-close-btn{opacity:.82}.dm-channel:hover .dm-channel-unread,.dm-channel:focus-within .dm-channel-unread{opacity:0}.dm-close-btn:hover{background:#f23f422e;color:#ff9da0}.dm-close-btn:active:not(:disabled){background:#f23f4238;transform:translateY(-50%)}.dm-close-btn:focus-visible{opacity:1;transform:translateY(-50%);outline:2px solid rgba(88,101,242,.65);outline-offset:1px}.dm-empty{font-size:11px;padding:4px 8px}.dm-sidebar-error{margin:2px 8px 6px;padding:6px 8px;font-size:11px}.dm-hidden-toggle{background:transparent;border:none;color:var(--text-dim);font-size:11px;padding:6px 8px;text-align:left;cursor:pointer;border-radius:var(--radius-sm);margin-top:4px}.dm-hidden-toggle:hover{color:var(--text);background:var(--color-hover-bg)}.dm-channel-hidden{opacity:.65}.dm-channel-hidden .dm-channel-name{font-size:12px}.dm-restore-btn{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-dim);cursor:pointer}.dm-restore-btn:hover{color:var(--accent);border-color:var(--accent)}.dm-header{padding:0 16px;background:#313338;border-bottom:1px solid rgba(0,0,0,.34)}.dm-header .avatar-wrap{overflow:visible}.dm-header-meta{justify-content:center;gap:0}.dm-header-meta strong{font-size:17px;line-height:1.25}.dm-header-status{display:inline-flex;align-items:center;gap:6px;color:#949ba4;font-size:12px;line-height:1.2}.dm-header-status .dot{width:7px;height:7px;box-shadow:none}.dm-header-block{min-height:32px;font-size:12px;padding:4px 10px;border-radius:var(--radius-sm);background:transparent;border:1px solid rgba(255,255,255,.1);color:#b5bac1;cursor:pointer}.dm-header-block:hover{color:var(--danger);border-color:var(--danger)}.dm-header-block.unblock:hover{color:var(--ok);border-color:var(--ok)}.chat-input-disabled{border-top:0;padding:0 16px 22px;background:#313338}.dm-blocked-notice{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:var(--radius-md);background:#383a40;color:#b5bac1;font-size:13px}.dm-blocked-notice button{margin-left:auto}.user-popover{position:fixed;z-index:1300;width:260px;padding:14px;background:var(--color-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:popout-in var(--transition-modal) both}.user-popover-head{display:flex;gap:12px;align-items:center}.user-popover-meta{display:flex;flex-direction:column;min-width:0}.user-popover-name{display:flex;align-items:center;gap:6px}.user-popover-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.user-popover-actions button{flex:1;min-width:100px}.friends-panel{display:flex;flex-direction:column;height:100%;min-height:0;padding:12px 16px;gap:8px;overflow:hidden}.friends-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);padding-bottom:6px}.friends-tabs button{position:relative;background:transparent;border:1px solid transparent;color:var(--text-dim);padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px}.friends-tabs button:hover{color:var(--text);background:var(--color-hover-bg)}.friends-tabs button.active{color:var(--text);background:var(--color-active-bg);border-color:#5865f247}.friends-tab-badge{font-size:10px;padding:0 5px;min-width:16px}.friends-search{padding:2px 0}.friends-search input{width:100%;padding:6px 10px;font-size:13px}.friends-body{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:1px}.friends-empty{padding:14px 4px}.friends-error{color:var(--danger);font-size:12px}.friends-section{font-size:11px;text-transform:uppercase;color:var(--text-dim);margin:10px 4px 4px;letter-spacing:.04em}.friend-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);border-top:1px solid transparent;transition:background-color var(--transition-base),border-color var(--transition-base)}.friend-row+.friend-row{border-top-color:var(--border)}.friend-row:hover{background:var(--color-hover-bg);border-top-color:transparent}.friend-row:hover+.friend-row{border-top-color:transparent}.friend-row-meta{flex:1;min-width:0;display:flex;flex-direction:column}.friend-row-name{display:flex;gap:6px;align-items:center}.friend-row-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.friend-row-name .muted{font-size:12px}.friend-row-status{font-size:11px;margin-top:1px}.friend-row-badge{font-size:10px;padding:0 5px;min-width:16px;margin-left:2px}.friend-row-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.friend-row:hover .friend-row-actions,.friend-row:focus-within .friend-row-actions{opacity:1}.friend-row-actions button{padding:5px 10px;font-size:12px}.friend-row-more{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;font-size:16px;line-height:1}.friend-row-more:hover{color:var(--text);background:var(--color-hover-bg)}.friend-context-menu{min-width:160px}.context-menu-danger{color:var(--danger)}.context-menu-danger:hover{background:var(--color-danger-red-soft);color:var(--danger)}.friends-add-form{display:flex;gap:8px;padding:8px 4px}.friends-add-form input{flex:1}.friend-state-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;font-size:12px;font-weight:500;background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:default;min-width:100px}.user-popover-remove{font-size:12px}.vu-meter{flex:1;min-width:160px;height:10px;background:var(--color-bg-muted);border:1px solid var(--border);border-radius:var(--radius-pill);overflow:hidden}.vu-bar{height:100%;background:linear-gradient(90deg,var(--ok),var(--warn),var(--danger));width:0%;transition:width .08s linear}.warn-text{color:var(--warn)}.ns-modes{display:flex;flex-direction:column;gap:6px;margin-top:4px}.ns-mode{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.ns-mode:hover{background:var(--color-surface-elevated)}.ns-mode.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),var(--focus-ring-shadow)}.ns-mode input[type=radio]{margin-top:3px}.ns-mode-body{display:flex;flex-direction:column;gap:2px}.ns-status{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:12px}.ns-subhead{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:14px 0 6px}.ns-grid{display:grid;grid-template-columns:max-content auto;gap:4px 16px;font-size:12px;align-items:center}.avatar-settings-row{display:flex;gap:12px;align-items:center}.avatar-settings-body{display:flex;flex-direction:column;gap:6px;min-width:0}.avatar-settings-name{font-weight:700}.avatar-upload-button input{display:none}.avatar-upload-button span{display:inline-flex;width:max-content;background:var(--color-surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.avatar-upload-button span:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.profile-popover{position:fixed;left:84px;bottom:92px;z-index:40;width:min(380px,calc(100vw - 24px));background:#11131a;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:0;overflow:hidden;animation:popout-in var(--transition-modal) both}.profile-popover:after{content:"";position:absolute;left:16px;bottom:-7px;width:12px;height:12px;transform:rotate(45deg);background:#11131a;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.profile-card-form{position:relative;display:flex;flex-direction:column}.profile-card-banner{height:76px;background:linear-gradient(135deg,#5865f2d1,#3ba55d57),#222839}.profile-head{display:flex;gap:14px;align-items:flex-start;padding:0 16px 12px;margin-top:-34px}.profile-avatar-frame{flex:0 0 auto;padding:4px;border-radius:50%;background:#11131a}.profile-avatar-frame .avatar-wrap{display:block}.profile-avatar-frame .avatar-status{right:7px;bottom:7px;width:13px;height:13px;border:3px solid #11131a;box-shadow:0 0 0 1px #00000073}.profile-head-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;padding-top:44px;padding-bottom:0}.profile-title-row{display:flex;gap:6px;align-items:center;min-width:0}.profile-title-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-avatar-upload span{padding:6px 9px;font-size:12px}.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.profile-avatar-reset{align-self:flex-start;padding:6px 9px;font-size:12px}.profile-inline-confirm{display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid rgba(242,63,66,.28);border-radius:var(--radius-md);background:var(--color-danger-red-soft);font-size:12px}.profile-inline-confirm-actions{display:flex;gap:6px;flex-wrap:wrap}.profile-inline-confirm-actions button{padding:5px 8px;font-size:12px}.profile-avatar-help{font-size:11px;margin:0 16px 12px;line-height:1.35}.profile-popover input[readonly]{color:var(--text-dim)}.profile-popover .form-row{margin-inline:16px}.profile-message{font-size:12px;margin:0}.profile-live-region{min-height:18px;margin:0 16px 10px}.profile-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px 16px;border-top:1px solid var(--color-border-subtle);background:#0000001f}.avatar-crop-backdrop{z-index:1300}.avatar-crop-modal{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:#11131a;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-in var(--transition-modal) both}.avatar-crop-header,.avatar-crop-actions{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--color-border-subtle)}.avatar-crop-header h2{flex:1;margin:0;font-size:16px}.avatar-crop-header button{width:36px;height:36px;padding:0}.avatar-crop-body{min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;align-items:center;gap:14px}.avatar-crop-stage{position:relative;width:256px;height:256px;max-width:100%;overflow:hidden;border-radius:50%;background:var(--color-bg-canvas);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-image{position:absolute;left:50%;top:50%;display:block;max-width:none;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.avatar-crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,255,255,.78);box-shadow:inset 0 0 0 999px #00000014,0 0 0 999px #00000038;pointer-events:none}.avatar-crop-controls{width:100%;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.avatar-crop-controls label{display:flex;flex-direction:column;gap:7px;color:var(--text-dim);font-size:12px}.avatar-crop-controls input[type=range]{width:100%}.avatar-crop-preview-row{width:100%;display:flex;align-items:center;gap:10px}.avatar-crop-preview{position:relative;width:64px;height:64px;overflow:hidden;border-radius:50%;background:var(--color-bg-canvas);border:1px solid var(--border)}.avatar-crop-preview img{position:absolute;left:50%;top:50%;display:block;max-width:none;pointer-events:none}.avatar-crop-error{width:100%;font-size:12px}.avatar-crop-actions{justify-content:flex-end;border-top:1px solid var(--color-border-subtle);border-bottom:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);font-size:12px}th{color:var(--color-text-secondary);font-weight:600}.peer-volume-backdrop{z-index:1250}.peer-volume-sheet{width:min(420px,calc(100vw - 32px));background:var(--color-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-in var(--transition-modal) both}.peer-volume-header{min-height:48px;padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.peer-volume-header strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peer-volume-header button{width:36px;height:36px;padding:0}.peer-volume-control{padding:16px;display:flex;flex-direction:column;gap:12px}.peer-volume-control input{width:100%;accent-color:var(--accent)}@media (max-width: 768px){html,body,#root{height:100%;min-height:100%;width:100%;max-width:100%;overscroll-behavior:none}button,input,select,textarea{font-size:16px}button{min-height:42px;padding:9px 12px}.app-shell{position:relative;width:100dvw;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0,1fr);height:100dvh;max-width:100dvw;overflow:hidden}.app-rail{display:none}.mobile-header{grid-row:1;grid-column:1;min-width:0;min-height:52px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:env(safe-area-inset-top) 8px 0;min-height:calc(52px + env(safe-area-inset-top));background:var(--color-panel-bg);border-bottom:1px solid var(--border);z-index:50}.mobile-header-title{min-width:0;text-align:center;display:flex;flex-direction:column;line-height:1.15}.mobile-header-title strong,.mobile-header-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-header-title span{margin-top:2px;color:var(--text-dim);font-size:11px}.mobile-icon-button{width:44px;height:44px;min-height:44px;padding:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent}.mobile-icon-button span{width:18px;height:2px;border-radius:2px;background:var(--text)}.participants-toggle{gap:3px}.participants-toggle span{width:6px;height:6px;border-radius:50%}.main{grid-row:2;grid-column:1;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.topbar{display:none}.content{min-width:0;min-height:0;height:100%;overflow:hidden}.sidebar,.right-panel{position:fixed;top:0;bottom:0;z-index:1100;width:min(340px,88vw);max-width:88vw;height:100dvh;max-height:100dvh;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-x:hidden;pointer-events:none;transition:transform var(--transition-modal);box-shadow:var(--shadow-xl);will-change:transform}.sidebar{left:0;transform:translate(-102%)}.right-panel{padding-inline:10px}.right-panel{right:0;transform:translate(102%);border-left:1px solid var(--border)}.sidebar.mobile-open,.right-panel.mobile-open{transform:translate(0);pointer-events:auto}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#0000009e;animation:backdrop-in var(--transition-modal) both}.sidebar-scroll{padding-bottom:18px}.sidebar-user-panel{flex:0 0 auto;padding-bottom:max(8px,env(safe-area-inset-bottom))}.channel{min-height:42px;padding:9px 10px}.voice-occupant{min-height:36px}.voice-streaming-link{min-height:34px;padding:7px 8px}.sidebar-control-button,.dm-restore-btn,.dm-hidden-toggle{min-height:44px}.sidebar-control-button{width:44px;height:44px}.dm-close-btn{opacity:1;width:36px;height:36px;min-width:36px;min-height:36px}.chat-container{min-width:0;height:100%;max-height:100%;overflow:hidden}.channel-header,.dm-header{position:relative;z-index:3;min-height:50px;flex:0 0 auto}.chat-list{flex:1 1 0;min-height:0;padding:8px 0 14px;gap:0}.chat-msg{max-width:100%;padding:2px 10px}.chat-msg.is-start{margin-top:10px}.chat-msg-row{gap:10px}.chat-msg-row .avatar-wrap{width:36px!important;height:36px!important}.chat-msg-hover-time{flex-basis:36px;width:36px;color:transparent}.chat-msg .meta{gap:6px}.chat-msg .meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-msg-action{display:inline-flex;align-items:center;justify-content:center}.chat-input{position:sticky;bottom:0;z-index:4;flex:0 0 auto;display:flex;gap:8px;padding:0 8px max(10px,env(safe-area-inset-bottom));background:#313338}.chat-input-shell{min-height:48px;grid-template-columns:40px minmax(0,1fr) 44px}.chat-input input[type=text],.chat-input input:not([type]){width:100%;min-width:0;height:44px}.chat-send-btn{height:44px;min-height:44px;min-width:44px;padding-inline:0}.chat-send-label{display:none}.chat-input .error{font-size:12px}.attach-btn{width:44px;height:44px}.chat-input-disabled,.upload-card{margin-bottom:max(10px,env(safe-area-inset-bottom))}.upload-card{grid-template-columns:54px minmax(0,1fr);margin-inline:8px}.upload-card-thumb{width:54px;height:54px}.attachment,.attachment-image-btn,.attachment-media,.attachment-file{width:auto;max-width:100%}.attachment-media{height:auto;max-height:58dvh}.ctx-menu,.context-menu{max-width:calc(100vw - 16px)}.voice-toolbar{gap:8px;padding:10px 8px;flex:0 0 auto}.voice-toolbar button{flex:1 1 auto;min-width:92px;min-height:44px}.voice-toolbar .danger{margin-left:0!important}.voice-device-row{padding:8px}.voice-device-row label,.voice-device-row select{width:100%}.voice-media-area,.voice-media-area.has-screen-share.has-camera{grid-template-columns:minmax(0,1fr);padding:8px}.voice-camera-strip,.voice-media-area.single-media.has-camera:not(.has-screen-share) .voice-camera-strip,.voice-media-area.has-screen-share.has-camera .voice-camera-strip{grid-template-columns:minmax(0,1fr);max-height:220px;padding:0}.voice-camera-tile{min-height:0}.screen-share-dock-slot{min-height:180px;max-height:none;margin:0}.voice-grid{min-height:0;grid-template-columns:minmax(0,1fr);padding:8px}.voice-tile{border-radius:6px}.voice-volume-slider{display:none}.voice-volume-label{flex:1}.voice-volume-open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 10px}.modal-backdrop,.ping-popover-backdrop{padding:0;align-items:end;place-items:end center;overflow:hidden}.confirm-modal,.channel-settings-modal,.screen-share-settings-modal,.ping-popover,.peer-volume-sheet{width:100%;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:12px 12px 0 0;overflow:auto;overscroll-behavior:contain}.profile-popover,.user-popover{left:8px!important;right:8px;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;z-index:1300}.profile-popover:after{display:none}.user-popover-actions,.profile-actions,.channel-settings-actions,.screen-share-settings-actions,.confirm-modal-actions{gap:8px}.user-popover-actions button,.user-popover-actions .friend-state-pill,.profile-actions button,.channel-settings-actions button,.screen-share-settings-actions button,.confirm-modal-actions button{min-height:44px}.img-modal-backdrop{padding:8px;width:100dvw;height:100dvh;overflow:hidden}.img-modal-frame{width:100%;max-width:100%;max-height:calc(100dvh - 16px);min-width:0}.img-modal-stage{min-width:0;width:100%;max-height:calc(100dvh - 120px - env(safe-area-inset-bottom))}.img-modal-img{max-width:calc(100vw - 16px);max-height:calc(100dvh - 120px - env(safe-area-inset-bottom))}.img-modal-close{top:4px;right:4px;transform:none;width:44px;height:44px}.img-modal-actions{position:fixed;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));margin:0}.avatar-crop-modal{width:100%;max-height:100dvh;border-radius:12px 12px 0 0}.avatar-crop-stage{width:min(256px,calc(100vw - 48px));height:min(256px,calc(100vw - 48px))}.avatar-crop-controls{grid-template-columns:1fr}.screen-share-backdrop{padding:0;width:100dvw;height:100dvh;overflow:hidden}.screen-share-modal{width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;border-radius:0;border-left:0;border-right:0;transform:none}.screen-share-modal.expanded{top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh}.screen-share-header,.screen-share-footer{min-height:54px;padding:8px}.screen-share-header-actions{gap:6px}.screen-share-header-actions button{min-height:40px;padding:7px 9px}.screen-share-expanded-overlay{top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;max-width:calc(100% - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top));overflow-y:auto}.screen-share-audio{width:100%}.screen-share-audio input[type=range]{flex:1;min-width:120px}.screen-share-pip-window{max-width:calc(100dvw - 16px)}.screen-share-pip-header{height:42px}.screen-share-pip-window .screen-share-footer{max-height:96px;overflow-y:auto}.friends-panel{padding:8px}.friends-tabs{overflow-x:auto;scrollbar-width:none}.friends-tabs::-webkit-scrollbar{display:none}.friends-tabs button{min-height:40px;white-space:nowrap}.friend-row{min-height:52px;padding:8px}.friend-row-actions{opacity:1}.friends-add-form{flex-direction:column}.dm-header{padding:0 8px}.dm-header-block{min-height:38px}.standalone-screen{height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 10px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden}.standalone-screen .card{padding:16px}.settings-header{margin-bottom:12px}.settings-layout{grid-template-columns:minmax(0,1fr);gap:12px}.settings-nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav a{flex:0 0 auto;white-space:nowrap}.settings-toggle-list,.settings-control-row,.admin-section-header{align-items:stretch;flex-direction:column}.settings-check,.settings-control-row input[type=range],.settings-control-row button,.admin-filter-label,.admin-filter-label select{width:100%}.admin-create-form{grid-template-columns:minmax(0,1fr)}.danger-section{align-items:flex-start;flex-direction:column}.vu-meter{min-width:100%}table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}.standalone-screen-inner.admin .admin-create-form{grid-template-columns:1fr!important}}@media (max-width: 430px){.right-panel{top:auto;left:0;right:0;bottom:0;width:100dvw;max-width:100dvw;height:min(72dvh,560px);max-height:calc(100dvh - 56px - env(safe-area-inset-top));padding:10px 10px max(10px,env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--border);border-radius:12px 12px 0 0;transform:translateY(102%)}.right-panel.mobile-open{transform:translateY(0)}.sidebar{width:min(330px,92dvw);max-width:92dvw}.chat-input-shell{grid-template-columns:44px minmax(0,1fr) 44px}.chat-msg-body{padding-right:30px}.upload-card{grid-template-columns:46px minmax(0,1fr);gap:8px;padding:8px}.upload-card-thumb{width:46px;height:46px}.screen-share-expanded-overlay{font-size:12px}}[data-lk-theme=default]{color-scheme:dark;--lk-bg: #111;--lk-bg2: rgb(29.75, 29.75, 29.75);--lk-bg3: rgb(42.5, 42.5, 42.5);--lk-bg4: rgb(55.25, 55.25, 55.25);--lk-bg5: #444444;--lk-fg: #fff;--lk-fg2: rgb(244.8, 244.8, 244.8);--lk-fg3: rgb(234.6, 234.6, 234.6);--lk-fg4: rgb(224.4, 224.4, 224.4);--lk-fg5: rgb(214.2, 214.2, 214.2);--lk-border-color: rgba(255, 255, 255, .1);--lk-accent-fg: #fff;--lk-accent-bg: #1f8cf9;--lk-accent2: rgb(50.867826087, 150.2, 249.532173913);--lk-accent3: rgb(70.7356521739, 160.4, 250.0643478261);--lk-accent4: rgb(90.6034782609, 170.6, 250.5965217391);--lk-danger-fg: #fff;--lk-danger: #f91f31;--lk-danger2: rgb(249.532173913, 50.867826087, 67.2713043478);--lk-danger3: rgb(250.0643478261, 70.7356521739, 85.5426086957);--lk-danger4: rgb(250.5965217391, 90.6034782609, 103.8139130435);--lk-success-fg: #fff;--lk-success: #1ff968;--lk-success2: rgb(50.867826087, 249.532173913, 117.3930434783);--lk-success3: rgb(70.7356521739, 250.0643478261, 130.7860869565);--lk-success4: rgb(90.6034782609, 250.5965217391, 144.1791304348);--lk-control-fg: var(--lk-fg);--lk-control-bg: var(--lk-bg2);--lk-control-hover-bg: var(--lk-bg3);--lk-control-active-bg: var(--lk-bg4);--lk-control-active-hover-bg: var(--lk-bg5);--lk-connection-excellent: #06db4d;--lk-connection-good: #f9b11f;--lk-connection-poor: #f91f31;--lk-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size: 16px;--lk-line-height: 1.5;--lk-border-radius: .5rem;--lk-box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);--lk-drop-shadow: rgba(255, 255, 255, .2) 0px 0px 24px;--lk-grid-gap: .5rem;--lk-control-bar-height: 69px;--lk-chat-header-height: 69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border:0;border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap;font-size:inherit;line-height:inherit;-webkit-user-select:none;user-select:none}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{display:inline-flex;align-items:stretch;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{position:relative;flex-shrink:0}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{display:inline-block;content:"";width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;border-left:.125em solid;border-bottom:.125em solid;transform:rotate(-45deg);transform-origin:center center}.lk-disconnect-button{font-weight:600;color:var(--lk-danger);border:1px solid var(--lk-danger)}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg: var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg: var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);position:absolute;top:0;left:0;padding:.25rem;margin-left:.25rem;margin-top:.25rem;border-radius:50%;font-size:.5rem;line-height:.75;background:var(--lk-accent-bg)}.lk-media-device-select:not(:last-child){padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--lk-border-color)}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{width:100%;justify-content:start;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{width:max-content;position:absolute;top:0;left:0;z-index:5;min-width:10rem;padding:.5rem;margin-bottom:.25rem;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow)}.lk-device-menu-heading{padding:.25rem .5rem;font-weight:700;opacity:.65}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (max-width: 600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);transition:opacity ease-in-out .15s;opacity:0}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{padding:.5rem .875rem;border-inline:1px solid var(--lk-bg)}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{position:absolute;height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:fit-content;padding:.2rem .5rem;bottom:calc(var(--lk-grid-gap)/2);left:50%;transform:translate(-50%);border-radius:2rem;opacity:1;display:flex;gap:.2rem;align-items:center}.lk-pagination-indicator span{display:inline-block;width:.4rem;height:.4rem;border-radius:9999999px;background-color:var(--lk-fg);opacity:.35;transition:opacity linear .2s}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count: 1;--lk-row-count: 1;display:grid;grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:var(--lk-grid-gap);width:100%;height:100%;max-width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{display:grid;grid-template-columns:1fr 5fr;gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{position:absolute;top:10px;right:10px;width:20%;height:auto}@media (max-width: 600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{max-height:100%;display:flex;gap:var(--lk-grid-gap)}.lk-carousel>*{flex-shrink:0;aspect-ratio:16/10;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps: calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps: calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{position:relative;width:var(--lk-indicator-size, 1rem);height:var(--lk-indicator-size, 1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg: var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{width:100%;height:100%;object-fit:cover;object-position:center;background-color:#000}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{width:100%;height:100%;min-height:160px;background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;display:flex;justify-content:space-around;align-items:center}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--lk-bg);gap:var(--lk-va-bar-gap, 24px)}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width, 12px);border-radius:var(--lk-va-bar-border-radius, 32px);background-color:var(--lk-va-bar-bg, rgba(136, 136, 136, .2));transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg, rgb(136, 136, 136));transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width: 2.5px;position:relative;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;border-radius:var(--lk-border-radius)}.lk-participant-tile:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;transition-delay:.5s;transition-duration:.4s;pointer-events:none}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{transition-delay:0s;transition-duration:.2s;border-width:var(--lk-speaking-indicator-width)}.lk-participant-tile .lk-focus-toggle-button{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor]{opacity:1;transition-delay:0}.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--lk-bg2);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;border-radius:var(--lk-border-radius)}.lk-participant-tile .lk-participant-placeholder svg{height:100%;width:auto;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{position:absolute;right:.25rem;bottom:.25rem;left:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;line-height:1}.lk-participant-metadata-item{display:flex;align-items:center;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2)}.lk-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow)}.lk-spinner{animation:lk-rotate 2s infinite linear}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{position:relative;width:100%;height:100%;--lk-has-imported-styles: "true"}.lk-room-container *[class^=lk-],.lk-room-container *[class*=" lk-"]{box-sizing:border-box}.lk-audio-conference{position:relative;width:100%;height:100%}.lk-audio-conference-stage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lk-chat{display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end}.lk-chat-header{height:var(--lk-chat-header-height);padding:.75rem;position:relative;display:flex;align-items:center;justify-content:center}.lk-chat-header .lk-close-button{position:absolute;right:0;transform:translate(-50%);background-color:#0000}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{display:flex;width:100%;max-height:100%;flex-direction:column;gap:.25rem;overflow:auto}.lk-chat-entry{display:flex;flex-direction:column;gap:.25rem;margin:0 .25rem}.lk-chat-entry .lk-meta-data{font-size:.75rem;color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{margin-left:auto;align-self:flex-end}.lk-chat-entry .lk-edit-button{background:none;float:right;margin:0;padding:0 .25rem;border-radius:0;font-size:12px}.lk-chat-entry .lk-message-body{display:inline-block;border-radius:15px;padding:.25rem .75rem;word-break:break-word;width:fit-content;max-width:calc(100% - 32px)}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{text-decoration:underline;color:inherit}.lk-chat-entry *{margin-block-start:.25em;margin-block-end:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{display:flex;gap:.75rem;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-chat-form-input{font-size:inherit;line-height:inherit;width:100%}@media (max-width: 600px){.lk-chat{position:fixed;top:0;right:0;max-width:100%;bottom:var(--lk-control-bar-height)}}.lk-control-bar,.lk-agent-control-bar{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg: transparent;--lk-va-bar-width: 2px;--lk-va-bar-gap: 4px;--lk-va-bar-border-radius: 1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);padding:.625rem 1rem;background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius)}.lk-prejoin{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;margin-inline:auto;background-color:var(--lk-bg);width:min(100%,480px);align-items:stretch}.lk-prejoin .lk-video-container{position:relative;width:100%;height:auto;aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{display:block;width:100%;height:100%;object-fit:cover}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/10;background-color:#000;display:grid;place-items:center}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media (max-width: 400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.lk-prejoin .lk-join-button{--lk-control-fg: var(--lk-accent-fg);--lk-control-bg: var(--lk-accent-bg);--lk-control-hover-bg: var(--lk-accent2);--lk-control-active-bg: var(--lk-accent3);--lk-control-active-hover-bg: var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:calc(100% - var(--lk-control-bar-height))}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{position:relative;display:flex;align-items:stretch;height:100%}.lk-video-conference-inner{display:flex;flex-direction:column;align-items:stretch;width:100%}.lk-settings-menu-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lk-bg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);min-width:50vw;min-height:50vh;max-width:100%;max-height:100%;overflow-y:auto}