: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);--theme-app-bg: var(--color-bg-base);--theme-surface-bg: var(--color-sidebar-bg);--theme-channel-bg: #1e1f22;--theme-card-bg: var(--color-panel-bg);--theme-modal-bg: #11131a;--theme-popover-bg: #232428;--theme-border-color: var(--color-border);--theme-border-strong: var(--color-border-strong);--theme-text-primary: var(--color-text-primary);--theme-text-secondary: var(--color-text-secondary);--theme-text-muted: var(--color-text-muted);--theme-accent-primary: var(--color-accent-blue);--theme-accent-hover: var(--color-accent-blue-hover);--theme-accent-text: #ffffff;--theme-danger: var(--color-danger-red);--theme-success: var(--color-success-green);--theme-warning: var(--color-warning-yellow);--theme-mention-bg: rgba(88, 101, 242, .18);--theme-selected-item-bg: var(--color-active-bg);--theme-hover-item-bg: var(--color-hover-bg);--theme-input-bg: #101114;--theme-button-bg: var(--color-surface);--theme-scrollbar: var(--color-surface-raised);--theme-message-hover: rgba(255, 255, 255, .04);--theme-code-bg: #0c1017;--theme-code-text: #dce3ee;--focus-ring: #8ea1ff;--focus-ring-border: rgba(142, 161, 255, .78);--focus-ring-shadow: 0 0 2px 0 rgba(142, 161, 255, .62), 0 0 7px 1px rgba(88, 101, 242, .35), 0 0 16px 3px rgba(88, 101, 242, .16), 0 0 30px 6px rgba(88, 101, 242, .05);--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);--font-family-ui: "Inter", "gg sans", "Noto Sans", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--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}img{-webkit-user-drag:none;user-drag:none}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:var(--font-family-ui);font-size:14px;font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-wrap:balance}h1{font-weight:var(--font-weight-bold)}strong,b{font-weight:var(--font-weight-semibold)}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,optgroup,option{font-family:var(--font-family-ui);font-size:inherit;line-height:inherit;color:inherit}:where(menu,dialog,[popover],[role=menu],[role=menuitem],[role=dialog],.modal-backdrop,.confirm-modal,.channel-settings-modal,.screen-share-settings-modal,.screen-share-modal,.msg-info-modal,.reaction-picker,.reaction-users-modal,.context-menu,.ctx-menu,.user-popover,.profile-popover,.dm-search-popover,.ping-popover,.pinned-panel){font-family:var(--font-family-ui)}input,select,textarea{background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);font-weight:var(--font-weight-normal);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 transparent;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);min-height:32px;font-weight:var(--font-weight-semibold);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 2px 8px #5865f247;min-height:32px;padding:5px 14px}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 2px 8px #f23f4238;min-height:32px;padding:5px 14px}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.soft-danger{background:transparent;border:1px solid rgba(242,63,66,.4);color:#ffb1b3;min-height:32px;padding:5px 14px}button.soft-danger:hover:not(:disabled){background:var(--color-danger-red-soft);border-color:#f23f428c;color:#ffd0d1}button.soft-danger:active:not(:disabled){background:#f23f422e;transform:translateY(1px)}.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;font-weight:var(--font-weight-semibold);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=radio]{accent-color:var(--accent)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:16px;height:16px;min-width:16px;padding:0;border-radius:50%;border:2px solid var(--color-border-strong);background:transparent;cursor:pointer;position:relative;flex-shrink:0;vertical-align:middle;transition:border-color .15s,background .15s}input[type=checkbox]:hover:not(:disabled){border-color:var(--accent);background:transparent}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";display:block;position:absolute;top:50%;left:50%;width:4px;height:7px;border:2px solid #fff;border-top:none;border-left:none;transform:translate(-50%,-60%) rotate(45deg)}input[type=checkbox]:checked:hover:not(:disabled){background:var(--accent)}input[type=checkbox]:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus-ring-shadow)}input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}input[type=range]{--slider-fill: 0%;--slider-track: rgba(255, 255, 255, .1);--slider-active: var(--accent);--slider-thumb: #ffffff;--slider-track-height: 6px;--slider-thumb-size: 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--slider-thumb-size);margin:0;padding:0;background:transparent;cursor:pointer;outline:none;accent-color:var(--accent)}input[type=range]:focus{outline:none}input[type=range]:disabled{opacity:.5;cursor:not-allowed}input[type=range]::-webkit-slider-runnable-track{height:var(--slider-track-height);border-radius:999px;background:linear-gradient(to right,var(--slider-active) 0%,var(--slider-active) var(--slider-fill),var(--slider-track) var(--slider-fill),var(--slider-track) 100%);border:0}input[type=range]::-moz-range-track{height:var(--slider-track-height);border-radius:999px;background:var(--slider-track);border:0}input[type=range]::-moz-range-progress{height:var(--slider-track-height);border-radius:999px;background:var(--slider-active);border:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:50%;background:var(--slider-thumb);border:0;margin-top:calc((var(--slider-track-height) - var(--slider-thumb-size)) / 2);box-shadow:0 2px 6px #00000080;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer}input[type=range]::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:50%;background:var(--slider-thumb);border:0;box-shadow:0 2px 6px #00000080;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus-visible::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 2px 10px #0009}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus-visible::-moz-range-thumb,input[type=range]:active::-moz-range-thumb{transform:scale(1.15);box-shadow:0 2px 10px #0009}input[type=range]:disabled::-webkit-slider-thumb,input[type=range]:disabled::-moz-range-thumb{transform:none;box-shadow:none}input[type=range].slider-compact{--slider-track-height: 4px;--slider-thumb-size: 12px;height:var(--slider-thumb-size)}.muted{color:var(--text-dim);font-weight:var(--font-weight-normal)}.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:20px}.modal-close-button{position:relative;width:32px;height:32px;min-height:32px;flex:0 0 auto;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#202126;color:var(--color-text-secondary);font-size:0;line-height:1;box-shadow:none}.modal-close-button:before,.modal-close-button:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:999px;background:currentColor}.modal-close-button:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close-button:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-close-button:hover:not(:disabled){background:#2a2b31;border-color:#ffffff38;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:12px 16px 14px;border-top:1px solid var(--color-border-subtle)}.block-modal{width:min(440px,100%);background:#16181d;border:1px solid var(--color-border-strong, #1e1f22);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-in var(--transition-modal) both;padding:22px 20px 16px}.block-modal-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.block-modal-avatar{position:relative;display:inline-flex;margin-bottom:4px}.block-modal-avatar-badge{position:absolute;right:-2px;bottom:-2px;font-size:16px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.block-modal-head h2{margin:2px 0 0;font-size:20px;font-weight:700}.block-modal-sub{margin:0;color:var(--color-text-muted, #949ba4);font-size:14px}.block-modal-points{list-style:none;margin:16px 0 12px;padding:0;display:flex;flex-direction:column}.block-modal-points li{display:flex;align-items:flex-start;gap:12px;padding:12px 2px;border-top:1px solid var(--color-border-subtle, rgba(255,255,255,.06))}.block-modal-points li:last-child{border-bottom:1px solid var(--color-border-subtle, rgba(255,255,255,.06))}.block-modal-points div{display:flex;flex-direction:column;gap:2px}.block-modal-points strong{font-size:14px;font-weight:600}.block-modal-points span{font-size:12.5px;color:var(--color-text-muted, #949ba4)}.block-modal-point-icon{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:1px}.block-modal-point-icon.ok{background:#ffffff14;color:#c7ccd1}.block-modal-point-icon.warn{background:#f0b23229;color:#f0b232}.block-modal-ignore{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 16px;padding:12px 14px;background:#00000040;border-radius:var(--radius-md, 8px)}.block-modal-ignore-text{display:flex;flex-direction:column;gap:2px}.block-modal-ignore-text strong{font-size:14px}.block-modal-ignore-text span{font-size:12px;color:var(--color-text-muted, #949ba4)}.block-modal-ignore-btn{flex:0 0 auto;height:32px;padding:0 14px;border:0;border-radius:var(--radius-sm, 4px);background:var(--color-hover-bg, #4e5058);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.block-modal-ignore-btn:hover{filter:brightness(1.1)}.block-modal-actions{display:flex;justify-content:flex-end;gap:8px}.block-modal-actions button{height:38px;padding:0 18px;border-radius:var(--radius-sm, 4px);font-size:14px;font-weight:600;cursor:pointer}.block-modal-actions button.danger{background:var(--color-danger, #da373c);color:#fff;border:0}.block-modal-actions button.danger:hover{filter:brightness(1.08)}.block-modal-unblock-btn{background:var(--accent, #5865f2);color:#fff;border:0}.block-modal-unblock-btn:hover{filter:brightness(1.08)}.block-modal-actions button:disabled{opacity:.6;cursor:default}.avatar-wrap.is-blocked .avatar-fallback{background:#3a3c42;color:#72767d}.chat-msg-blocked{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 76px;color:var(--color-text-muted, #949ba4);font-size:13px;font-style:italic}.chat-msg-blocked-show{border:0;background:none;padding:0;color:var(--accent, #5865f2);font-size:13px;font-weight:600;font-style:normal;cursor:pointer}.chat-msg-blocked-show:hover{text-decoration:underline}.participant.is-ignored{opacity:.55;filter:grayscale(.6)}.participant.is-ignored:hover{opacity:.8}@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 var(--sidebar-w, 260px) minmax(480px,1fr) var(--right-panel-w, 260px);width:100%;max-width:100vw;height:100dvh;min-height:0;overflow:hidden;background:var(--color-bg-canvas)}.app-shell.no-right-panel{grid-template-columns:72px var(--sidebar-w, 260px) minmax(480px,1fr)}.sidebar,.right-panel{position:relative}.resize-handle{position:absolute;top:0;bottom:0;width:4px;z-index:20;background:transparent;cursor:col-resize;transition:background .12s ease;-webkit-user-select:none;user-select:none;touch-action:none}.resize-handle:before{content:"";position:absolute;top:0;bottom:0;left:-3px;right:-3px}.resize-handle-right{right:-2px}.resize-handle-left{left:-2px}.resize-handle:hover,body.is-resizing .resize-handle{background:#5865f266}body.is-resizing{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.right-panel-toggle{position:absolute;top:56px;right:0;z-index:25;width:18px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.08);border-right:none;border-radius:8px 0 0 8px;background:#191a1d;color:#b5bac1;font-size:12px;line-height:1;cursor:pointer;transition:background .12s ease,color .12s ease}.right-panel-toggle:hover{background:#23252b;color:#fff}.right-panel-close{position:absolute;top:6px;right:6px;z-index:5;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;color:#b5bac1;font-size:14px;line-height:1;cursor:pointer;transition:background .12s ease,color .12s ease}.right-panel-close:hover{background:#ffffff0f;color:#fff}.mobile-header,.mobile-drawer-backdrop{display:none}.app-rail{position:relative;z-index:2;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:visible}.app-rail-top,.app-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.app-rail-top{flex:1 1 auto;min-height:0}.app-rail-bottom{flex:0 0 auto}.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:var(--font-weight-bold);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;width:48px;height:48px;object-fit:cover;border-radius:16px;transition:border-radius var(--transition-base)}.rail-server:hover:not(:disabled) img{border-radius:14px}.rail-server.active img,.rail-server[aria-pressed=true] img{border-radius:14px}.rail-button:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus-ring-shadow)}.rail-divider{width:32px;height:1px;background:#ffffff1f}.server-rail-list{width:64px;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:8px;overflow-y:auto;overflow-x:hidden;padding:0 0 2px;scrollbar-width:none}.server-rail-list::-webkit-scrollbar{width:0;height:0}.server-rail-item,.server-rail-folder{position:relative;width:48px;display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.server-rail-item.has-rail-unread{z-index:50}.server-rail-item.has-rail-unread .rail-button{z-index:2}.server-rail-item.is-dragging-source,.server-rail-folder.is-dragging-source{opacity:.42}.server-rail-drop-indicator{width:42px;height:3px;margin:-5px 0 2px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 0 2px #5865f238}.rail-button.is-folder-drop-target{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px #5865f22e}.rail-folder-button{background:color-mix(in srgb,var(--rail-folder-color, #5865f2) 28%,#17191f);color:#fff;cursor:grab;touch-action:none}.rail-folder-button:active,.rail-server:active{cursor:grabbing}.rail-folder-mini-icons{width:34px;height:34px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;padding:3px;border-radius:12px;background:#0000002e}.rail-folder-mini-icons img,.rail-folder-mini-icons span{width:100%;height:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;object-fit:cover;overflow:hidden;background:var(--rail-folder-color, #5865f2);color:#fff;font-size:10px;font-weight:700}.server-rail-folder-children{width:58px;margin-top:7px;padding:7px 0;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:18px;background:#ffffff0b;box-shadow:inset 2px 0 color-mix(in srgb,var(--rail-folder-color, #5865f2) 68%,transparent)}.server-rail-drag-preview{position:fixed;top:0;left:0;z-index:1600;display:inline-flex;align-items:center;gap:8px;max-width:220px;padding:7px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-md);pointer-events:none;white-space:nowrap}.server-rail-drag-preview strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px}.rail-unread-dot{position:absolute;right:8px;top:8px;z-index:30;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px #040509}.unread-count-badge{min-width:18px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);line-height:1;letter-spacing:0;box-shadow:0 0 0 3px #040509;pointer-events:none;white-space:nowrap}.rail-unread-badge{position:absolute;right:-5px;bottom:-2px;z-index:30}.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{position:relative;min-height:48px;height:48px;display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;background:#0d0f15;border-bottom:1px solid rgba(255,255,255,.075);box-shadow:0 1px #00000059}.sidebar-brand strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand-logo{display:block;width:28px;height:28px;object-fit:contain;border-radius:8px;flex-shrink:0}.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;position:relative;overflow:hidden;transition:background-color var(--transition-base),color var(--transition-base),transform .2s cubic-bezier(.34,1.56,.64,1)}.channel:hover{background:#ffffff0e;color:#dbdee1}.channel:active{transform:scale(.988);transition:background-color 60ms ease,color 60ms ease,transform 60ms ease}.channel.active,.channel[aria-pressed=true]{background:var(--color-sidebar-active);color:#fff}.channel span:not(.badge):not(.channel-count):not(.dm-unread-badge):not(.dm-channel-notif-dot):not(.unread-count-badge):not(.dm-avatar-stack):not(.avatar-wrap):not(.avatar-status):not(.dot){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel.has-unread{color:#fff;font-weight:600}.sidebar-channel-draggable-row{position:relative;margin-bottom:2px}.sidebar-channel-draggable-row.is-dragging-source,.channel-category.is-dragging-source{opacity:.42}.sidebar-channel-line,.sidebar-channel-main{min-width:0}.channel-drop-indicator{height:2px;margin:3px 6px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 0 2px #5865f22e}.channel-category-drop-indicator{height:3px;margin:5px 4px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 0 2px #5865f22e}.channel-category-body-inner[data-channel-drop-category-id]{min-height:8px}.channel-drag-preview{position:fixed;top:0;left:0;z-index:1600;display:inline-flex;align-items:center;gap:8px;max-width:220px;padding:7px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-md);pointer-events:none;white-space:nowrap}.channel-drag-preview strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px}.channel-ripple{position:absolute;z-index:10;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,rgba(88,101,242,.7) 0%,rgba(88,101,242,.28) 40%,transparent 70%);pointer-events:none;will-change:transform,opacity;animation:channel-ripple-expand .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes channel-ripple-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@media (prefers-reduced-motion: reduce){.channel-ripple{animation-duration:.5s!important}}.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;border-radius:var(--radius-sm);color:var(--color-text-secondary)}.context-menu button:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.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}.group-edit-avatar-section{display:flex;flex-direction:column;align-items:center;gap:8px}.group-edit-avatar-wrap{position:relative;width:96px;height:96px}.group-edit-avatar-btn{width:96px;height:96px;border-radius:50%;padding:0;border:2px solid transparent;background:var(--accent-soft, #3a3d44);cursor:pointer;position:relative;overflow:hidden;transition:border-color .12s}.group-edit-avatar-btn:not(:disabled):hover{border-color:var(--color-accent, #5865f2)}.group-edit-avatar-btn:disabled{cursor:not-allowed;opacity:.6}.group-edit-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.group-edit-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px}.group-edit-avatar-pencil{position:absolute;top:0;right:-4px;width:26px;height:26px;border-radius:50%;background:var(--color-surface-raised, #23272f);border:2px solid #11131a;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);pointer-events:none}.group-edit-remove-avatar{background:none;border:none;color:var(--color-text-muted);font-size:12px;cursor:pointer;padding:2px 6px;text-decoration:underline;line-height:1.4}.group-edit-remove-avatar:hover:not(:disabled){color:var(--danger, #ed4245);text-decoration:underline}.group-edit-remove-avatar:disabled{opacity:.5;cursor:not-allowed}.channel-settings-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px;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;transition:background-color .2s ease,color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.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-channel-duration{flex:0 0 auto;margin-left:8px;font-variant-numeric:tabular-nums;font-size:11px;color:var(--ok);font-weight:600}.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 .avatar-wrap{transition:box-shadow 80ms linear}.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)}.peer-volume-control{display:flex;align-items:center;gap:6px;width:100%}.peer-volume-control .peer-volume-label{font-size:11px;flex:0 0 auto}.peer-volume-control .peer-volume-slider{flex:1 1 auto;min-width:0;height:14px;margin:0}.peer-volume-control .peer-volume-value{font-size:10px;flex:0 0 auto;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.peer-volume-control.compact{gap:4px}.peer-volume-control.compact .peer-volume-label{display:none}.peer-volume-control.compact .peer-volume-slider{height:12px}.peer-volume-control.compact .peer-volume-value{font-size:10px;min-width:30px}.user-popover-peer-volume{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.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}.settings-gear-icon{stroke-width:2}.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:var(--color-text-secondary);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}.ping-loading-dots{display:inline-block;letter-spacing:.15em;font-size:11px;animation:ping-loading-blink 1s ease-in-out infinite}@keyframes ping-loading-blink{0%,to{opacity:.35}50%{opacity:1}}.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:not(:disabled){transform:translateY(1px)}.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{position:relative;background:#1e1f22;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.topbar{flex:0 0 auto;height:48px;min-height:48px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;background:#1e1f22;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:#1e1f22}.browser-gateway-view{display:flex;flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;flex-direction:column;background:#1e1f22;overflow:hidden}.browser-gateway-header{flex:0 0 auto;min-height:48px;height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.34);box-shadow:0 1px #ffffff06}.browser-gateway-title{min-width:0;display:flex;flex-direction:column;gap:1px}.browser-gateway-title strong,.browser-gateway-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-gateway-title strong{color:#f2f3f5;font-size:15px;line-height:1.2}.browser-gateway-title span{color:#949ba4;font-size:12px}.browser-gateway-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.browser-gateway-actions button{min-height:32px}.browser-gateway-volume{display:flex;align-items:center;gap:8px;color:#b5bac1;font-size:12px}.browser-gateway-volume.disabled{opacity:.55}.browser-gateway-volume input{width:112px}.browser-gateway-stage{flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden;background:#1e1f22}.browser-gateway-frame{display:block;flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;border:0;background:#111214}.browser-gateway-placeholder{width:min(960px,100%);min-height:min(56vh,520px);margin:auto;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#17181c;color:#b5bac1}.browser-gateway-placeholder img{flex:0 0 auto;border-radius:10px;opacity:.9}.browser-gateway-placeholder div{min-width:0;display:flex;flex-direction:column;gap:3px}.browser-gateway-placeholder strong{color:#f2f3f5;font-size:14px;line-height:1.25}.browser-gateway-placeholder span{color:#949ba4;font-size:12px}.browser-gateway-host{display:flex;flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0}.browser-gateway-host.is-hidden{display:none}.browser-gateway-musicmode{display:flex;align-items:center;gap:4px;color:#b5bac1;font-size:12px}.browser-gateway-musicmode>span{margin-right:2px}.browser-gateway-musicmode button{min-height:28px;padding:3px 9px;border:1px solid rgba(255,255,255,.1);background:#2b2d31;color:#c7ccd1;border-radius:6px;font-size:12px}.browser-gateway-musicmode button.active{background:#3a6df0;border-color:#3a6df0;color:#fff}.browser-gateway-statusbar{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:6px 16px;background:#1a1b1e;border-bottom:1px solid rgba(0,0,0,.3);color:#949ba4;font-size:12px}.browser-gateway-statusbar strong{color:#dbdee1;font-weight:600}.browser-gateway-statusbar .is-keepalive{color:#7dd87d}.browser-gateway-statusbar .is-hint{color:#f5c97a}.browser-gateway-diagnostics{flex:0 0 auto;padding:6px 16px;background:#1a1b1e;border-bottom:1px solid rgba(0,0,0,.3);color:#949ba4;font-size:12px}.browser-gateway-diagnostics>summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:#b5bac1;font-weight:600}.browser-gateway-diagnostics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 16px;margin:8px 0 0}.browser-gateway-diagnostics-grid>div{display:flex;justify-content:space-between;gap:8px}.browser-gateway-diagnostics-grid dt{color:#949ba4}.browser-gateway-diagnostics-grid dd{margin:0;color:#dbdee1;font-weight:600}.browser-gateway-diagnostics-hint{margin:8px 0 0;color:#f5c97a}.gateway-idle-toast.is-info{border-color:#58a85880}.browser-gateway-idle-banner{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#3a2f17;border-bottom:1px solid rgba(250,166,26,.35);color:#f5d9a5;font-size:13px}.browser-gateway-idle-banner button{flex:0 0 auto;min-height:30px}.gateway-idle-toast{position:fixed;right:16px;bottom:16px;z-index:1000;display:flex;align-items:center;gap:14px;max-width:min(360px,calc(100vw - 32px));padding:12px 14px;border-radius:10px;background:#232428;border:1px solid rgba(250,166,26,.45);box-shadow:0 8px 28px #00000073}.gateway-idle-toast-body{min-width:0;display:flex;flex-direction:column;gap:2px}.gateway-idle-toast-body strong{color:#f2f3f5;font-size:13px}.gateway-idle-toast-body span{color:#cdd0d6;font-size:12px}.gateway-idle-toast button{flex:0 0 auto;min-height:30px}.right-panel{background:#191a1d;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.danger{background:var(--danger);color:#fff}.role-badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:2px 6px;border-radius:3px;font-size:10px;line-height:1.2;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;box-shadow:inset 0 0 0 1px #ffffff29}.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)}.profile-nameplate{min-width:0;max-width:100%;display:inline-flex;align-items:center;gap:6px;border-radius:7px;color:inherit}.profile-nameplate>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-nameplate-dark{padding:3px 8px;--nameplate-bg: #2b2d31;background:var(--nameplate-bg);color:#f2f3f5}.profile-nameplate-blue-gradient{padding:3px 8px;--nameplate-bg: linear-gradient(90deg, #2563eb, #22d3ee);background:var(--nameplate-bg);color:#fff}.profile-nameplate-purple-gradient{padding:3px 8px;--nameplate-bg: linear-gradient(90deg, #7c3aed, #db2777);background:var(--nameplate-bg);color:#fff}.profile-nameplate-green-gradient{padding:3px 8px;--nameplate-bg: linear-gradient(90deg, #15803d, #84cc16);background:var(--nameplate-bg);color:#fff}.profile-nameplate-red-orange-gradient{padding:3px 8px;--nameplate-bg: linear-gradient(90deg, #dc2626, #f97316);background:var(--nameplate-bg);color:#fff}.dm-channel .profile-nameplate:not(.profile-nameplate-none),.friend-row .profile-nameplate:not(.profile-nameplate-none){position:static;isolation:auto;background:transparent;color:inherit;padding:0}.dm-channel .profile-nameplate:not(.profile-nameplate-none):before,.friend-row .profile-nameplate:not(.profile-nameplate-none):before{display:none}button.dm-channel-main{position:relative;overflow:hidden}.friend-row{position:relative}.dm-channel:has(.profile-nameplate-dark) button.dm-channel-main:before,.dm-channel:has(.profile-nameplate-blue-gradient) button.dm-channel-main:before,.dm-channel:has(.profile-nameplate-purple-gradient) button.dm-channel-main:before,.dm-channel:has(.profile-nameplate-green-gradient) button.dm-channel-main:before,.dm-channel:has(.profile-nameplate-red-orange-gradient) button.dm-channel-main:before,.friend-row:has(.profile-nameplate-dark):before,.friend-row:has(.profile-nameplate-blue-gradient):before,.friend-row:has(.profile-nameplate-purple-gradient):before,.friend-row:has(.profile-nameplate-green-gradient):before,.friend-row:has(.profile-nameplate-red-orange-gradient):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.22;pointer-events:none;transition:opacity var(--transition-fast);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,.9) 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,.9) 100%)}.dm-channel:hover button.dm-channel-main:before,.dm-channel.active button.dm-channel-main:before,.friend-row:hover:before,.friend-row:focus-within:before{opacity:.48}.dm-channel:has(.profile-nameplate-dark) button.dm-channel-main:before,.friend-row:has(.profile-nameplate-dark):before{background:#2b2d31}.dm-channel:has(.profile-nameplate-blue-gradient) button.dm-channel-main:before,.friend-row:has(.profile-nameplate-blue-gradient):before{background:linear-gradient(90deg,#2563eb,#22d3ee)}.dm-channel:has(.profile-nameplate-purple-gradient) button.dm-channel-main:before,.friend-row:has(.profile-nameplate-purple-gradient):before{background:linear-gradient(90deg,#7c3aed,#db2777)}.dm-channel:has(.profile-nameplate-green-gradient) button.dm-channel-main:before,.friend-row:has(.profile-nameplate-green-gradient):before{background:linear-gradient(90deg,#15803d,#84cc16)}.dm-channel:has(.profile-nameplate-red-orange-gradient) button.dm-channel-main:before,.friend-row:has(.profile-nameplate-red-orange-gradient):before{background:linear-gradient(90deg,#dc2626,#f97316)}.standalone-screen{height:100dvh;overflow-y:auto;padding:24px}.standalone-screen.settings-screen-shell{padding:0;overflow:hidden;background:#0b0b0d}.standalone-screen-inner{width:100%;margin:0 auto}.standalone-screen-inner.settings{--settings-sidebar-width: 258px;max-width:none;height:100dvh;display:flex;flex-direction:column}.standalone-screen-inner.admin{max-width:1100px}.settings-topbar{min-height:46px;display:flex;align-items:center;gap:12px;padding:0 14px 0 18px;border-bottom:1px solid rgba(255,255,255,.075);background:#101012}.settings-topbar h1{min-width:0;flex:1;margin:0;color:var(--color-text-secondary);font-size:16px;line-height:1.2;font-weight:var(--font-weight-semibold);text-wrap:balance}.settings-close-button{position:relative;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#202126;color:var(--color-text-secondary);font-size:0;line-height:1;text-decoration:none;box-shadow:none}.settings-close-button:before,.settings-close-button:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:999px;background:currentColor}.settings-close-button:before{transform:translate(-50%,-50%) rotate(45deg)}.settings-close-button:after{transform:translate(-50%,-50%) rotate(-45deg)}.settings-close-button:hover{background:#2a2b31;border-color:#ffffff38;color:var(--color-text-primary);text-decoration:none}.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{flex:1;min-height:0;display:grid;grid-template-columns:var(--settings-sidebar-width) minmax(0,1fr);gap:0;align-items:stretch;overflow-y:hidden;overflow-x:hidden;scrollbar-width:none}.settings-layout::-webkit-scrollbar{display:none}.settings-nav{position:sticky;top:0;height:calc(100dvh - 46px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:24px 14px 18px;border-right:1px solid rgba(255,255,255,.075);border-radius:0;background:#08080a;border-top:0;border-bottom:0;border-left:0;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-profile{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px;border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:8px;background:#25262b;color:inherit;text-align:left;cursor:pointer;box-shadow:none}.settings-nav-profile:hover,.settings-nav-profile:focus-visible,.settings-nav-profile.is-active{background:#2b2c31;color:var(--color-text-primary);box-shadow:none}.settings-nav-avatar{width:48px;height:48px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;object-fit:cover;background:#f2f3f5;color:#111214;font-size:18px;font-weight:var(--font-weight-bold)}.settings-nav-profile-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.settings-nav-profile-copy strong,.settings-nav-profile-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-nav-group{display:flex;flex-direction:column;gap:2px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-nav-group:last-child{border-bottom:0;padding-bottom:0}.settings-nav-heading{padding:0 8px 4px;color:var(--color-text-muted);font-size:12px;line-height:1.2}.settings-nav a{min-height:36px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:15px;font-weight:var(--font-weight-semibold)}.settings-nav-icon{width:18px;height:18px;flex:0 0 18px;color:currentColor;opacity:.88}.settings-nav a span{min-width:0;overflow:hidden;text-overflow:ellipsis}.settings-nav a:hover,.settings-nav a:focus-visible,.settings-nav a.active{background:#26262b;color:var(--color-text-primary)}.settings-nav a.active{font-weight:var(--font-weight-bold)}.settings-nav-logout-wrap{margin-top:auto;padding-top:14px}.settings-nav-logout{width:100%;min-height:36px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:#f23f43;font-size:15px;font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.settings-nav-logout:hover,.settings-nav-logout:focus-visible{background:#f23f431f}.settings-nav-logout .settings-nav-icon{opacity:1}.settings-content{box-sizing:border-box;width:100%;min-width:0;max-width:none;max-height:calc(100dvh - 46px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:0;margin:0;padding:64px max(8px,calc((100% - 696px)/2)) 90px;scrollbar-width:none}.settings-content.profile-settings-content{padding-inline:max(8px,calc((100% - 700px)/2))}.settings-content::-webkit-scrollbar{display:none}.settings-card,.admin-card{max-width:none;padding:0 0 40px;margin-bottom:40px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.11);border-radius:0;box-shadow:none}.settings-card:last-child{border-bottom:0;margin-bottom:0}.settings-card h2,.admin-card h2{margin:0 0 26px;font-size:24px;line-height:1.25;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-wrap:balance}.settings-card p{margin-top:0}.form-help{font-size:13px;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-card>.form-row{margin-bottom:24px}.settings-card>.form-row>label,.custom-accent-label,.settings-card>label,.settings-card .sound-settings-volume label{color:var(--color-text-secondary);font-size:14px;font-weight:var(--font-weight-semibold)}.settings-card select,.settings-card input[type=text],.settings-card input[type=color]{border-color:#ffffff24;background:#101114}.settings-content button{box-shadow:none}.settings-content button:focus-visible,.settings-close-button:focus-visible,.modal-close-button:focus-visible{outline:0;box-shadow:0 0 0 2px #5865f2ad}.settings-select{position:relative;width:100%;z-index:4}.settings-select:has(.settings-select-menu){z-index:30}.settings-select-trigger{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#101114;color:var(--color-text-primary);text-align:left;box-shadow:none}.settings-select-trigger:hover:not(:disabled),.settings-select-trigger.is-open{background:#15161a;border-color:#ffffff38}.settings-select-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-select-chevron{flex:0 0 auto;width:8px;height:8px;display:inline-block;margin-top:-5px;margin-right:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:var(--color-text-secondary);font-size:0;line-height:0;transform:rotate(45deg)}.settings-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;max-height:236px;padding:6px;overflow-y:auto;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#1a1b20;box-shadow:0 18px 48px #00000075;scrollbar-width:none}.settings-select-menu::-webkit-scrollbar{display:none}.settings-select-option{position:relative;width:100%;min-height:52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:8px 42px 8px 10px;border:0;border-radius:6px;background:transparent;color:var(--color-text-secondary);text-align:left}.settings-select-option:hover,.settings-select-option:focus-visible{background:#303137;color:var(--color-text-primary)}.settings-select-option.active{background:#3a3b42;color:var(--color-text-primary)}.settings-select-option-main,.settings-select-option-desc{max-width:100%;overflow:hidden;text-overflow:ellipsis}.settings-select-option-main{white-space:nowrap;font-weight:var(--font-weight-semibold)}.settings-select-option-desc{color:var(--color-text-muted);font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.settings-select-check{position:absolute;right:12px;top:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);border-radius:50%;background:var(--accent);color:#fff}.settings-select-check:after{content:"";display:block;width:4px;height:7px;border:2px solid #fff;border-top:none;border-left:none;transform:translateY(-1px) rotate(45deg)}.profile-settings-panel{width:100%}.profile-settings-tabs{display:flex;gap:24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.11)}.profile-settings-tabs button{min-height:40px;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.profile-settings-tabs button.active{color:#8ea1ff;border-bottom:2px solid var(--accent)}.profile-settings-form{display:grid;grid-template-columns:minmax(0,360px) minmax(260px,1fr);gap:36px;align-items:start}.profile-editor-column{min-width:0;display:flex;flex-direction:column}.profile-editor-row{display:flex;flex-direction:column;gap:10px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.11)}.profile-editor-row label,.profile-editor-label,.profile-preview-column h2,.settings-profile-nameplate h2{color:var(--color-text-secondary);font-size:16px;font-weight:var(--font-weight-semibold)}.profile-editor-row input[type=text],.profile-editor-row textarea{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#101114;color:var(--color-text-primary)}.profile-editor-row input[type=text]{min-height:40px}.profile-editor-row textarea{min-height:112px;resize:vertical;line-height:1.45}.profile-avatar-control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-editor-upload span,.profile-secondary-button,.profile-save-button{min-height:32px;padding:6px 12px}.profile-secondary-button{border-color:#ffffff29;background:#202126;color:var(--color-text-secondary)}.profile-secondary-button:hover:not(:disabled){background:#2a2b31;color:var(--color-text-primary)}.settings-profile-confirm{flex:1 1 100%}.profile-banner-control{position:relative;width:max-content}.profile-color-picker{position:relative}.profile-color-trigger{width:70px;height:50px;padding:0;position:relative;overflow:hidden;border-radius:4px;background:#111214}.profile-color-trigger-swatch{position:absolute;top:0;right:0;bottom:0;left:0}.profile-color-trigger-icon{position:absolute;right:7px;top:5px;color:#ffffffd1;font-weight:800}.profile-color-popover{position:absolute;left:78px;top:0;z-index:10;width:256px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#111214;box-shadow:0 18px 36px #00000073}.profile-color-area{position:relative;height:152px;border-radius:4px;cursor:crosshair;background-image:linear-gradient(90deg,#fff,#fff0),linear-gradient(0deg,#000,#0000)}.profile-color-area-thumb{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000b3}.profile-hue-slider{width:100%;margin:10px 0;accent-color:var(--accent)}.profile-color-hex-row{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--accent);border-radius:7px;background:#0b0b0d}.profile-color-hex-row input{min-width:0;flex:1;border:0;background:transparent;color:var(--color-text-primary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.profile-eyedropper-button{min-height:28px;padding:4px 8px;font-size:12px}.profile-color-swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:10px}.profile-color-swatches button{width:100%;aspect-ratio:1;min-height:0;padding:0;border-radius:5px}.profile-color-swatches button.active{box-shadow:0 0 0 2px #fff}.profile-bio-count{align-self:flex-end;font-variant-numeric:tabular-nums}.profile-editor-column textarea{resize:none}.profile-nameplate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-nameplate-option{min-width:0;cursor:pointer}.profile-nameplate-option input{position:absolute;opacity:0;pointer-events:none}.profile-nameplate-option .profile-nameplate{width:100%;min-height:38px;justify-content:center;padding-inline:10px;border:1px solid rgba(255,255,255,.12);background-color:#202126}.profile-nameplate-option.active .profile-nameplate{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.profile-save-button{align-self:flex-start}.profile-preview-column{min-width:0;position:sticky;top:64px}.profile-preview-column h2,.settings-profile-nameplate h2{margin:0 0 10px}.settings-profile-preview-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#111214;box-shadow:0 12px 30px #00000052}.settings-preview-banner-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;position:relative;overflow:hidden}.settings-preview-banner-btn:disabled{cursor:default}.settings-profile-preview-banner{height:105px;background:#f2f3f5;background-position:center;background-size:cover;transition:filter var(--transition-fast)}.settings-preview-banner-btn:hover:not(:disabled) .settings-profile-preview-banner{filter:brightness(.7)}.settings-preview-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;color:#fff;opacity:0;transition:opacity var(--transition-fast);pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.5)}.settings-preview-banner-btn:hover:not(:disabled) .settings-preview-banner-overlay{opacity:1}.settings-profile-preview-body{position:relative;padding:54px 16px 16px;display:flex;flex-direction:column}.settings-preview-avatar-btn{position:absolute;left:16px;top:-48px;padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.settings-preview-avatar-btn:disabled{cursor:default}.settings-profile-preview-avatar{padding:6px;border-radius:50%;background:#111214;position:relative}.settings-profile-preview-avatar .avatar-wrap{display:block;transition:filter var(--transition-fast)}.settings-preview-avatar-btn:hover:not(:disabled) .settings-profile-preview-avatar .avatar-wrap{filter:brightness(.55)}.settings-profile-preview-avatar .avatar-status{right:8px;bottom:8px;width:18px;height:18px;border-width:4px;border-color:#111214}.settings-preview-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.settings-preview-avatar-btn:hover:not(:disabled) .settings-preview-avatar-overlay{opacity:1}.profile-status-pill{position:absolute;left:108px;top:-18px;min-height:36px;padding:6px 14px;border-color:#ffffff1a;border-radius:18px;background:#2b2d31;color:var(--color-text-secondary)}.profile-status-pill span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:5px;border-radius:50%;background:#8b9099;color:#2b2d31;font-weight:var(--font-weight-bold)}.settings-profile-preview-nameplate{width:max-content}.settings-profile-preview-body strong{color:var(--color-text-primary);font-size:22px;line-height:1.1}.settings-profile-preview-handle{font-size:13px;margin-top:1px}.settings-profile-preview-section-label{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary)}.settings-profile-preview-bio{margin:6px 0 0;color:var(--color-text-secondary);font-size:13px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}.settings-profile-nameplate{margin-top:24px}.settings-profile-nameplate-row{min-height:42px;display:flex;align-items:center;gap:12px;padding:5px 10px;border-radius:7px}.settings-profile-nameplate-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-control-row input[type=range]{flex:1;min-width:180px}.sound-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px;flex-wrap:wrap}.sound-settings-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sound-volume-lock.is-active{border-color:var(--accent);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--accent)}.sound-settings-list{display:flex;flex-direction:column;gap:8px}.sound-settings-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,1.3fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface)}.sound-settings-toggle{display:inline-flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:36px;background:transparent;border-color:transparent;padding:6px 8px;line-height:1.2}.sound-settings-toggle:hover{background:transparent}.sound-settings-toggle input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:0;align-self:center;flex:0 0 16px}.sound-settings-toggle span{min-width:0}.sound-settings-volume{min-width:0;display:grid;gap:6px}.sound-settings-volume label{color:var(--color-text-secondary);font-size:12px}.sound-settings-volume input[type=range]{width:100%}.sound-settings-row button{min-width:72px}.accent-preset-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.accent-preset{position:relative;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;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.accent-preset:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.accent-preset.active{border-color:var(--accent);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--accent)}.accent-preset input{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.accent-preset-swatch{width:16px;height:16px;flex:0 0 auto;border-radius:50%;box-shadow:0 0 0 2px #ffffff24}.appearance-control-row{margin-bottom:12px}.custom-accent-label{color:var(--text-dim);font-size:12px}input[type=color]{width:42px;height:32px;min-height:32px;padding:3px;cursor:pointer}.density-modes{margin-top:0}.settings-inline-error{margin-top:8px;font-size:12px}.settings-account-form{display:grid;gap:10px;max-width:360px;margin-bottom:16px}.account-info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:14px}.account-info-value{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:220px}.account-info-value span{color:var(--text);font-weight:600}.account-info-value button{min-width:100px}.settings-account-actions{display:flex;justify-content:flex-end;gap:8px}.keybind-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.keybind-row{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface)}.keybind-row.is-recording{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.keybind-info,.keybind-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.keybind-info{min-width:0}.keybind-label{color:var(--color-text-primary);font-size:13px}.keybind-display{min-height:28px;display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text-primary);font-family:var(--font-family-ui);font-size:12px;line-height:1.2}.keybind-display.empty{color:var(--color-text-muted)}.keybind-actions button{min-height:30px;padding:5px 9px}.security-action-list{display:flex;flex-direction:column;gap:0}.security-card{background:transparent;border-color:transparent;padding:0}.security-card h2{margin-bottom:28px;font-size:22px;font-weight:var(--font-weight-semibold)}.security-action-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;border-radius:0;background:transparent}.security-action-button{width:100%;min-height:56px;text-align:left}.security-action-button:hover:not(:disabled){background:transparent}.security-action-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.security-action-copy strong{font-size:14px}.security-action-row>button{width:100px}.security-row-action{margin-left:auto;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.security-row-arrow{flex:0 0 auto;width:9px;height:9px;display:inline-block;margin-left:2px;margin-right:3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:var(--color-text-secondary);transform:rotate(-45deg)}.account-security-modal{width:min(480px,100%);background:#111216;border-color:#ffffff29;border-radius:10px}.devices-modal{width:min(680px,100%)}.account-security-modal .modal-header.compact{align-items:flex-start;min-height:0;padding:24px 24px 8px;border-bottom:0}.password-modal-heading{flex:1;min-width:0}.password-modal-heading h2{margin:0 0 6px;font-size:20px;line-height:1.2}.password-modal-heading p{margin:0;line-height:1.4}.required-mark{color:var(--color-danger-red)}.security-form{display:flex;flex-direction:column;gap:6px;padding:12px 24px 18px}.security-form .form-row{margin-bottom:8px;gap:8px}.security-form input{width:100%;height:40px;background:#0b0c0f;border-color:#ffffff29;border-radius:7px}.account-security-modal .confirm-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 24px 24px;border-top:0}.account-security-modal .confirm-modal-actions button{min-height:40px}.devices-modal-body{max-height:min(68dvh,620px);overflow-y:auto}.device-section{display:flex;flex-direction:column;gap:8px}.device-section+.device-section{margin-top:18px}.device-section h3{margin:0;color:var(--color-text-secondary);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.device-section h2{margin:0 0 16px;color:var(--color-text-muted);font-size:15px;font-weight:var(--font-weight-semibold)}.device-list{display:flex;flex-direction:column;gap:18px}.device-row{min-height:48px;display:flex;align-items:center;gap:12px;padding:0;border:0;border-radius:0;background:transparent}.device-row.current{border-color:transparent;background:transparent}.security-device-icon{width:48px;height:48px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--color-text-secondary);background:var(--color-bg-muted)}.security-device-icon.current{color:#6ee99a;background:#3ba55d29}.device-row-main{min-width:0;flex:1}.device-row-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.device-row-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-title-separator{color:var(--color-text-muted)}.device-row-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:12px}.device-empty{padding:10px 2px;font-size:13px}.device-logout-button{width:36px;height:36px;min-height:36px;flex:0 0 auto;padding:0;color:#ffb1b3;background:transparent;border-color:transparent}.device-logout-button:hover:not(:disabled){color:#fff;background:var(--color-danger-red-soft);border-color:#f23f4252}.devices-actions{align-items:center;flex-wrap:wrap}.devices-settings-screen{max-width:none!important;min-height:calc(100dvh - 48px)}.devices-page-topbar{height:42px;display:flex;align-items:center;gap:10px;margin:0;padding:0 18px;border-bottom:1px solid var(--color-border-subtle);background:#101012}.devices-back-button{width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent;color:var(--color-text-secondary);box-shadow:none}.devices-page-content{width:min(590px,100%);margin:64px auto 0;padding:0 18px 80px}.devices-page-content h1{margin:0 0 4px;font-size:24px}.devices-page-content>p{margin:0 0 40px;line-height:1.45}.devices-page-section+.devices-page-section{margin-top:42px}.devices-loading{margin-bottom:24px}.older-devices-note{display:flex;align-items:center;gap:12px;margin-top:28px}.older-devices-note p{margin:4px 0 0}.logout-all-devices{margin-top:28px}.logout-all-devices h2{margin:0 0 6px;font-size:16px}.logout-all-devices p{margin:0 0 12px}.logout-all-devices button{min-height:32px;padding:5px 12px}.admin-card{margin-bottom:16px}.admin-card[hidden]{display:none}.admin-tabs{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-filter-label input{min-width:220px}.admin-system-card{padding-bottom:14px}.admin-system-header{margin-bottom:0}.admin-system-toggle{min-height:30px;display:inline-flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:12px;cursor:pointer}.admin-system-toggle:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.admin-system-toggle input{margin:0}.admin-system-body{margin-top:12px}.admin-system-state{display:inline-flex;font-size:12px}.admin-system-grid{display:grid;grid-template-columns:minmax(160px,1.25fr) minmax(180px,1.5fr) minmax(96px,.7fr) minmax(96px,.7fr);gap:8px}.admin-system-stat{min-width:0;display:grid;gap:6px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-panel-subtle)}.admin-system-stat span{color:var(--color-text-muted);font-size:11px;line-height:1.2}.admin-system-stat strong{min-width:0;color:var(--color-text-primary);font-size:15px;line-height:1.2;font-weight:700}.admin-system-stat-small strong{font-size:14px}.admin-system-meter{width:100%;height:5px;overflow:hidden;border-radius:var(--radius-pill);background:#ffffff12}.admin-system-meter span{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-success-green),var(--color-accent-blue))}.admin-system-hint{margin:0 0 12px;font-size:12px;line-height:1.4}.admin-monitoring-history{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:8px}.admin-monitoring-history h3{margin:0;font-size:13px;font-weight:600}.monitoring-series{display:flex;flex-direction:column;gap:2px}.monitoring-series-label{font-size:11px;color:var(--color-text-muted)}.monitoring-chart{position:relative;width:100%}.monitoring-chart svg{display:block;width:100%;height:110px;border-radius:var(--radius-sm);background:#ffffff08}.monitoring-chart-grid{stroke:#ffffff0f;stroke-width:1;vector-effect:non-scaling-stroke}.monitoring-chart-cursor{stroke:var(--color-border-strong);stroke-width:1}.monitoring-chart-tip{position:absolute;top:4px;right:6px;display:flex;gap:6px;align-items:baseline;padding:2px 6px;border-radius:var(--radius-sm);background:#0000008c;font-size:11px;pointer-events:none}.monitoring-chart-tip span{color:var(--color-text-muted)}.monitoring-day-picker{display:flex;flex-wrap:wrap;gap:6px}.monitoring-day{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--text);font-size:12px;cursor:pointer}.monitoring-day:hover{border-color:var(--color-border-strong)}.monitoring-day--active{background:var(--color-accent-blue-soft);border-color:var(--color-accent-blue)}.monitoring-tz-note{margin:4px 0 0;font-size:11px}.monitoring-fab{position:fixed;top:12px;right:12px;z-index:1200;min-width:150px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated, rgba(20, 22, 28, .92));box-shadow:0 6px 24px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;overflow:hidden}.monitoring-fab-head{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:none;background:transparent;color:var(--text);font-family:var(--font-family-ui);font-size:inherit;line-height:inherit;font-weight:var(--font-weight-semibold);cursor:pointer}.monitoring-fab-dot{width:7px;height:7px;border-radius:50%;background:var(--color-success-green, #3ba55d);box-shadow:0 0 6px var(--color-success-green, #3ba55d)}.monitoring-fab-body{padding:6px 10px 8px;display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--color-border-subtle)}.monitoring-fab-row{display:flex;justify-content:space-between;gap:12px}.monitoring-fab-sub{color:var(--color-text-muted);font-size:11px}.admin-table-wrap{width:100%;overflow-x:auto}.admin-actions-cell{display:flex;gap:6px;flex-wrap:wrap}.admin-counts-cell{min-width:180px}.admin-counts-cell span{display:inline-block;margin-right:8px;color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.admin-owner-profile{display:grid;gap:8px}.admin-observer-global-banner,.admin-observer-banner{border:1px solid rgba(250,166,26,.35);background:#faa61a1f;color:#ffd38a}.admin-observer-global-banner{margin:12px;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-observer-exit{border:1px solid rgba(250,166,26,.35);background:transparent;color:#ffd38a;border-radius:var(--radius-sm);padding:3px 8px;font-family:var(--font-family-ui);font-size:inherit;line-height:inherit;font-weight:var(--font-weight-semibold);cursor:pointer}.admin-observer-channel-header .channel-header-title{gap:4px}.admin-observer-banner{align-self:flex-start;padding:2px 7px;border-radius:var(--radius-sm);font-size:11px;line-height:1.35}.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:#1e1f22;min-width:0}.channel-header,.dm-header{flex:0 0 auto;min-height:48px;height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#1e1f22;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;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:12px 0 3px;display:flex;flex-direction:column;gap:0}.chat-list::-webkit-scrollbar{width:0;height:0;display:none}.chat-empty{padding:20px 24px;font-size:14px;color:var(--color-text-muted, #949ba4)}.empty-state{display:flex;align-items:center;gap:12px;width:min(420px,calc(100% - 32px));margin:24px;padding:14px 16px;color:#b5bac1;background:#23252b8f;border:1px solid rgba(255,255,255,.06);border-radius:8px}.empty-state-compact{width:auto;margin:8px;padding:9px 10px;gap:9px;background:#ffffff08}.empty-state-icon{flex:0 0 auto;border-radius:8px;opacity:.86}.empty-state-copy{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.3}.empty-state-copy strong{color:#f2f3f5;font-size:14px;font-weight:var(--font-weight-semibold)}.empty-state-copy span{color:#949ba4;font-size:12px}.chat-empty.empty-state{color:#b5bac1}.chat-date-divider{position:relative;display:flex;align-items:center;margin:14px 20px 8px;color:var(--theme-text-secondary, var(--color-text-muted, #949ba4));font-size:12px;font-weight:600;line-height:1;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none}.chat-date-divider:before,.chat-date-divider:after{content:"";flex:1 1 auto;min-width:16px;height:1px;background:var(--theme-border-color, var(--color-border, rgba(255, 255, 255, .08)))}.chat-date-divider time{flex:0 0 auto;padding:0 8px;color:inherit;white-space:nowrap}.chat-msg{position:relative;background:transparent;border:1px solid transparent;border-radius:0;padding:2px 16px;animation:msg-in .22s ease both;transition:background-color var(--transition-base),border-color var(--transition-base)}.chat-msg.is-start{margin-top:16px;padding-top:4px}.chat-msg.is-grouped{padding-top:1px;padding-bottom:1px}.chat-msg:hover,.chat-msg:focus-within{background:transparent;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}:root[data-message-density=compact] .chat-list{padding-top:6px}:root[data-message-density=compact] .chat-date-divider{margin:10px 20px 6px;font-size:11px}:root[data-message-density=compact] .chat-msg{padding-top:0;padding-bottom:0}:root[data-message-density=compact] .chat-msg.is-start{margin-top:8px;padding-top:2px}:root[data-message-density=compact] .chat-msg.is-grouped{padding-top:0;padding-bottom:0}:root[data-message-density=compact] .chat-msg-row{gap:12px}:root[data-message-density=compact] .chat-msg-row .avatar-wrap{margin-top:0}:root[data-message-density=compact] .chat-msg .meta{min-height:18px;margin-bottom:0}:root[data-message-density=compact] .chat-msg .meta strong{font-size:14px}:root[data-message-density=compact] .chat-text{line-height:1.28}:root[data-message-density=compact] .chat-msg-reply{margin-bottom:0;line-height:1.2}.chat-edited{font-size:.72em;opacity:.7;white-space:nowrap}.chat-edit{display:flex;flex-direction:column;gap:4px;max-width:100%}.chat-edit-input{width:100%;min-height:38px;resize:vertical;font-family:var(--font-family-ui);font-size:inherit;line-height:inherit;font-weight:var(--font-weight-normal);color:var(--color-text-primary);background:var(--color-bg-input, #1e1f22);border:1px solid var(--color-border, #3a3c42);border-radius:8px;padding:8px 10px;box-sizing:border-box}.chat-edit-actions{display:flex;gap:12px;font-size:.78em}.chat-link{color:#00a8fc;text-decoration:underline;text-decoration-color:#00a8fc59;cursor:pointer;word-break:break-all}.chat-link:hover{color:#4cc4ff;text-decoration-color:currentColor}.chat-link-invite{font-weight:600}.chat-msg-system{display:flex;align-items:baseline;gap:8px;margin:6px 16px;padding:4px 8px;font-size:12.5px;color:#b5bac1;background:#5865f20f;border-left:2px solid rgba(88,101,242,.6);border-radius:4px;animation:chat-system-notice-in .23s ease both}.chat-msg.chat-msg-system:hover,.chat-msg.chat-msg-system:focus-within{background:#5865f20f;border-color:transparent;border-left-color:#5865f299}.chat-msg-system-text{flex:1;line-height:1.4}.chat-msg-system-time{font-size:11px;opacity:.6;flex-shrink:0}.call-system-time,.call-system-duration{color:var(--ok);font-variant-numeric:tabular-nums;font-weight:600}.call-system-participants{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;background:transparent;color:var(--ok);font-family:var(--font-family-ui);font-size:inherit;line-height:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.call-system-participants:hover,.call-system-participants:focus-visible{color:#70d98b}.chat-list-bottom{width:1px;height:1px;flex:0 0 1px}.chat-jump-latest{position:absolute;left:50%;bottom:84px;z-index:12;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#313338;color:#f2f3f5;box-shadow:0 10px 28px #00000059;font-size:13px;font-weight:600}.chat-jump-latest:hover{background:#3b3d44;color:#fff;border-color:#ffffff29}.chat-jump-latest:active:not(:disabled){transform:translate(-50%) translateY(1px)}.chat-jump-latest svg{width:16px;height:16px}.chat-jump-latest.has-new-messages{gap:9px;padding-left:8px}.chat-new-messages-count{min-width:20px;height:20px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);line-height:1;box-shadow:0 0 0 2px #040509e6}.dm-channel-notif-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f23f42;margin-left:6px;box-shadow:0 0 0 2px #f23f4240;vertical-align:middle;flex-shrink:0}.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:#191a1d;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-hover-actions{position:absolute;top:-10px;right:0;z-index:5;display:inline-flex;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#232428;box-shadow:0 8px 22px #00000057;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity var(--transition-fast),transform var(--transition-fast),border-color var(--transition-base),background-color var(--transition-base)}.chat-msg-system .chat-hover-actions{top:-15px;right:6px}.chat-msg:hover .chat-hover-actions,.chat-msg:focus-within .chat-hover-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.chat-hover-actions:hover,.chat-hover-actions:focus-within{border-color:#ffffff21;background:#2b2d31}.chat-hover-action{width:28px;height:28px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:#b5bac1;box-shadow:none}.chat-hover-actions-sep{display:inline-block;width:1px;height:16px;background:#ffffff38;flex:0 0 auto;align-self:center;margin:0 2px}.chat-hover-action:hover:not(:disabled),.chat-hover-action:focus-visible{background:#ffffff12;color:#f2f3f5}.chat-hover-action:active:not(:disabled){background:#ffffff1c;color:#fff}.chat-hover-react-emoji{font-size:16px;line-height:1}.chat-hover-react-emoji span{display:block;transform:translateY(.5px)}.chat-msg-action{display:none}.chat-text-line{display:flex;align-items:flex-end;gap:8px;min-width:0}.chat-text-line .chat-text{min-width:0}.chat-block-content{position:relative;width:fit-content;max-width:100%}.icon-reaction{display:block;flex:0 0 auto;transform-box:fill-box;transform-origin:center}.chat-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px}.chat-reaction-pill-wrap{position:relative;display:inline-flex}.chat-reaction-pill{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:1px 8px 1px 6px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#2b2d31;color:#d3d6db;font-size:12px;line-height:1;box-shadow:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.chat-reaction-pill:hover:not(:disabled){border-color:#ffffff2e;background:#34363c}.chat-reaction-pill.reacted{border-color:var(--accent);background:#5865f22e;color:#e7e9ff}.chat-reaction-pill:disabled{cursor:default;opacity:.85}.chat-reaction-emoji{font-size:14px;font-weight:var(--font-weight-normal);line-height:1}.chat-reaction-count{font-variant-numeric:tabular-nums;font-weight:600}.chat-reaction-add{display:inline-flex;align-items:center;justify-content:center;width:26px;height:24px;min-height:24px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#2b2d31;color:#b5bac1;cursor:pointer}.chat-reaction-add:hover{border-color:#ffffff2e;background:#34363c;color:#f2f3f5}.chat-reaction-preview{position:absolute;bottom:calc(100% + 6px);left:0;z-index:30;min-width:132px;max-width:220px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#18191c;box-shadow:0 10px 26px #00000073;pointer-events:auto}.chat-reaction-preview:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px}.chat-reaction-preview-emoji{font-size:18px;font-weight:var(--font-weight-normal);display:block;margin-bottom:4px}.chat-reaction-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:12px;color:#d3d6db}.chat-reaction-showall{margin-top:6px;padding:0;border:0;background:transparent;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer}.chat-reaction-showall:hover{text-decoration:underline}.reaction-picker{position:fixed;z-index:1200;width:min(344px,calc(100vw - 8px));height:min(430px,calc(100vh - 8px));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#232428;box-shadow:0 12px 30px #00000080;overflow:hidden}.reaction-picker-tabs{flex:0 0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:2px;padding:6px 6px 4px;border-bottom:1px solid rgba(255,255,255,.07);background:#2b2d31}.reaction-picker-tab{width:100%;height:28px;min-height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#d3d6db;font-size:17px;font-weight:var(--font-weight-normal);line-height:1;cursor:pointer}.reaction-picker-tab:hover,.reaction-picker-tab:focus-visible{background:#ffffff17;outline:none}.reaction-picker-tab:focus-visible,.reaction-picker-item:focus-visible,.reaction-picker-search:focus-visible{box-shadow:0 0 0 2px #5865f2bf}.reaction-picker-search-wrap{flex:0 0 auto;padding:8px;background:#232428}.reaction-picker-search{width:100%;height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#1e1f22;color:#f2f3f5;font-size:13px;outline:none}.reaction-picker-search::placeholder{color:#949ba4}.reaction-picker-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 8px;scrollbar-width:thin}.reaction-picker-section{scroll-margin-top:6px}.reaction-picker-section+.reaction-picker-section{margin-top:8px}.reaction-picker-section-title{position:sticky;top:0;z-index:1;padding:7px 2px 5px;background:#232428;color:#b5bac1;font-size:11px;font-weight:700;line-height:1.2;text-transform:uppercase}.reaction-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.reaction-picker-item{width:100%;aspect-ratio:1;min-height:0;padding:0;border:0;border-radius:6px;background:transparent;font-size:20px;font-weight:var(--font-weight-normal);line-height:1;cursor:pointer}.reaction-picker-item:hover,.reaction-picker-item:focus-visible{background:#ffffff17;outline:none}.reaction-picker-empty{padding:18px 4px 22px;color:#949ba4;font-size:13px;text-align:center}@media (max-width: 420px){.reaction-picker{width:min(312px,calc(100vw - 8px))}.reaction-picker-grid{grid-template-columns:repeat(7,1fr)}}.reaction-users-modal{width:min(360px,92vw);max-height:70vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#2b2d31;box-shadow:0 18px 48px #00000080;overflow:hidden}.reaction-users-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.reaction-users-header strong{flex:1}.reaction-users-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.reaction-users-empty{padding:16px;text-align:center}.reaction-user-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px}.reaction-user-row:hover{background:#ffffff0d}.reaction-user-meta{display:flex;flex-direction:column;line-height:1.2}.chat-input{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding:0 16px 16px;border-top:0;align-items:stretch;background:#1e1f22}.chat-input-shell{min-height:42px;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:transparent;box-shadow:var(--focus-ring-shadow)}.chat-typing-indicator{min-height:16px;padding:0 8px 0 48px;color:#949ba4;font-size:12px;line-height:13px;opacity:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity var(--transition-fast)}.chat-typing-indicator.is-visible{opacity:1}.chat-input input[type=text],.chat-input input:not([type]),.chat-input textarea{width:100%;min-width:0;height:38px;padding:0 8px;border:0;background:transparent;color:#dbdee1;box-shadow:none}.chat-input textarea{height:auto;min-height:38px;max-height:200px;padding-top:9px;padding-bottom:9px;resize:none;overflow-y:hidden;align-self:center;line-height:1.375}.chat-input input[type=text]:hover,.chat-input input:not([type]):hover,.chat-input textarea:hover,.chat-input input[type=text]:focus,.chat-input input:not([type]):focus,.chat-input textarea:focus{background:transparent;border-color:transparent}.chat-input input[type=text]:focus-visible,.chat-input input:not([type]):focus-visible,.chat-input textarea: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:var(--radius-sm);background:transparent;color:var(--color-text-muted);box-shadow:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.attach-btn:hover:not(:disabled){background:var(--color-hover-bg);color:var(--color-text-primary)}.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-input-actions{display:inline-flex;align-items:center;gap:4px}.composer-icon-btn{width:34px;height:34px;min-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);box-shadow:none;cursor:pointer;transition:background-color .19s ease,color .19s ease}.composer-icon-btn:hover:not(:disabled){background:var(--color-hover-bg);color:var(--color-text-primary)}.composer-icon-btn.is-active,.composer-icon-btn.is-active:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.gif-message{position:relative;display:inline-block;max-width:min(320px,100%);border-radius:var(--radius-md);overflow:hidden;background:#0000002e;line-height:0}.gif-message img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}.gif-message-fav{position:absolute;top:6px;left:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:7px;background:#0f0f12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffff59;font-size:13px;line-height:1;cursor:pointer;opacity:0;z-index:2;transition:opacity .15s ease,color .15s ease,transform .12s ease}.gif-message:hover .gif-message-fav,.gif-message-fav:focus-visible{opacity:1}.gif-message-fav:hover,.gif-message-fav:active{color:#f7c948;transform:scale(1.1)}.gif-message-fav.is-fav{opacity:1;color:#f7c948}.gif-message-badge{position:absolute;left:6px;bottom:6px;padding:1px 5px;font-size:10px;font-weight:700;letter-spacing:.5px;color:#fff;background:#0009;border-radius:4px;line-height:1.4;pointer-events:none}.gif-picker .reaction-picker-section-title{background:var(--color-surface-elevated, #2b2d31)}.gif-picker{position:fixed;z-index:1000;width:360px;max-width:calc(100vw - 16px);max-height:440px;display:flex;flex-direction:column;background:var(--color-surface-elevated, #2b2d31);border:1px solid var(--color-border, #1e1f22);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .4));overflow:hidden}.gif-picker-search-wrap{flex:0 0 auto;padding:8px;border-bottom:1px solid var(--color-border, #1e1f22)}.gif-picker-search{width:100%;height:34px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--color-input-bg, #1e1f22);color:var(--color-text-primary, #dbdee1);font-size:14px}.gif-picker-search:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.gif-picker-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px}.gif-picker-grid{column-count:2;column-gap:8px}.gif-picker-card{position:relative;margin:0 0 8px;break-inside:avoid}.gif-picker-item{display:block;width:100%;margin:0;padding:0;border:0;border-radius:var(--radius-sm);overflow:hidden;background:#0003;cursor:pointer}.gif-picker-item img{display:block;width:100%;height:auto}.gif-picker-item:hover,.gif-picker-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.gif-picker-fav{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:#0f0f12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffff4d;font-size:12px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,transform .12s ease}.gif-picker-card:hover .gif-picker-fav,.gif-picker-fav:focus-visible{opacity:1}.gif-picker-fav:hover,.gif-picker-fav:active{color:#f7c948;transform:scale(1.1)}.gif-picker-fav.is-fav{opacity:1;color:#f7c948}.gif-picker-cat-fav.is-empty{background:linear-gradient(135deg,#3a3c42,#2b2d31)}.gif-picker-cat-icon-star{font-size:18px;color:#f7c948;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.gif-picker-tabs{flex:0 0 auto;display:flex;gap:4px;padding:6px 8px 0;border-bottom:1px solid var(--color-border, #1e1f22)}.gif-picker-tab{flex:1 1 0;height:30px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-muted, #949ba4);font-size:13px;font-weight:600;cursor:pointer}.gif-picker-tab:hover{color:var(--color-text-primary, #dbdee1)}.gif-picker-tab.is-active{color:var(--color-text-primary, #dbdee1);border-bottom-color:var(--accent)}.gif-picker-back{width:100%;height:34px;display:flex;align-items:center;gap:6px;padding:0 8px;border:0;border-radius:var(--radius-sm);background:var(--color-input-bg, #1e1f22);color:var(--color-text-primary, #dbdee1);font-size:14px;font-weight:600;cursor:pointer}.gif-picker-back:hover{background:var(--color-hover-bg, #393c41)}.gif-picker-back span[aria-hidden]{font-size:18px;line-height:1}.gif-picker-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gif-picker-cat{position:relative;height:64px;display:flex;align-items:flex-end;padding:6px 8px;border:0;border-radius:var(--radius-sm);overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;isolation:isolate}.gif-picker-cat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000a6,#0000001a 70%);z-index:-1;transition:background .16s ease}.gif-picker-cat:hover:after{background:linear-gradient(to top,#00000080,#0000000d 80%)}.gif-picker-cat:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.gif-picker-cat-label{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}.gif-picker-cat-icon{position:absolute;top:6px;left:8px;font-size:15px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.gif-picker-state{padding:24px 12px;text-align:center;color:var(--color-text-muted, #949ba4);font-size:13px}.gif-picker-state-error{color:var(--color-danger, #f23f43)}.gif-picker-more{width:100%;height:32px;margin-top:2px;border:0;border-radius:var(--radius-sm);background:var(--color-hover-bg, #393c41);color:var(--color-text-primary, #dbdee1);font-size:13px;cursor:pointer}.gif-picker-more:disabled{opacity:.6;cursor:default}.gif-picker-footer{flex:0 0 auto;padding:5px 8px;border-top:1px solid var(--color-border, #1e1f22);color:var(--color-text-muted, #949ba4);font-size:11px;text-align:right}.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:#191a1d;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%}.link-preview-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 168px;align-items:start;gap:10px;width:min(520px,100%);max-width:100%;margin-top:8px;padding:10px 10px 10px 13px;overflow:hidden;background:#191a1d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.link-preview-card.provider-youtube,.link-preview-card.provider-youtube_music{grid-template-columns:minmax(0,1fr);gap:9px;width:min(480px,100%)}.link-preview-card.provider-youtube.is-youtube-short,.link-preview-card.provider-youtube_music.is-youtube-short{width:min(300px,100%)}.link-preview-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:#5865f2}.link-preview-card.provider-youtube .link-preview-accent,.link-preview-card.provider-youtube_music .link-preview-accent{background:#ff3b3b}.link-preview-card.provider-twitch .link-preview-accent{background:#9146ff}.link-preview-card.provider-spotify .link-preview-accent{background:#1ed760}.link-preview-main{display:flex;flex-direction:column;min-width:0;gap:6px}.link-preview-meta{display:flex;align-items:center;gap:7px;min-width:0}.link-preview-label{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-height:18px;padding:2px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:#949ba4;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase}.link-preview-card.provider-youtube .link-preview-label,.link-preview-card.provider-youtube_music .link-preview-label{color:#ffb4b4;background:#ff3b3b1f}.link-preview-card.provider-twitch .link-preview-label{color:#cdb7ff;background:#9146ff24}.link-preview-card.provider-spotify .link-preview-label{color:#a8f0bf;background:#1ed7601f}.link-preview-title{display:-webkit-box;color:#f2f3f5;font-size:14px;font-weight:var(--font-weight-semibold);line-height:1.25;text-decoration:none;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.link-preview-card.provider-youtube .link-preview-title,.link-preview-card.provider-youtube_music .link-preview-title{font-size:15px;line-height:1.3}.link-preview-title:hover{text-decoration:underline}.link-preview-author{color:#b5bac1;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-open{display:inline-flex;align-items:center;gap:5px;width:fit-content;min-height:22px;padding:2px 0;color:#8ea1ff;font-size:12px;font-weight:var(--font-weight-semibold);line-height:1.2;text-decoration:none}.link-preview-open:hover{color:#b7c2ff;text-decoration:underline}.link-preview-thumb,.link-preview-embed{align-self:stretch;width:168px;max-width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-canvas);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm)}.link-preview-card.provider-youtube .link-preview-thumb,.link-preview-card.provider-youtube .link-preview-embed,.link-preview-card.provider-youtube_music .link-preview-thumb,.link-preview-card.provider-youtube_music .link-preview-embed{width:100%}.link-preview-card.provider-youtube.is-youtube-short .link-preview-thumb,.link-preview-card.provider-youtube.is-youtube-short .link-preview-embed,.link-preview-card.provider-youtube_music.is-youtube-short .link-preview-thumb,.link-preview-card.provider-youtube_music.is-youtube-short .link-preview-embed{aspect-ratio:9 / 16}.link-preview-thumb img{display:block;width:100%;height:100%;object-fit:cover}.link-preview-embed{display:block}.attachment{width:fit-content;max-width:min(520px,100%);background:#191a1d;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 transparent;outline-offset:2px;box-shadow:var(--focus-ring-shadow)}.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-close:active:not(:disabled){transform:translate(50%,-50%)}.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 transparent;outline-offset:1px;box-shadow:var(--focus-ring-shadow)}.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:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;background:transparent;border:none;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:var(--font-family-ui);font-size:inherit;line-height:inherit;font-weight:var(--font-weight-semibold)}.ctx-menu-item-label{flex:1 1 auto;min-width:0}.ctx-menu-item-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary, var(--text-dim))}.ctx-menu-item:hover:not(:disabled) .ctx-menu-item-icon{color: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,.ctx-menu-item.ctx-danger .ctx-menu-item-icon{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-family:var(--font-family-ui);font-size:inherit;line-height:inherit;font-weight:var(--font-weight-semibold)}@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-stream-button:hover:not(:disabled){background:#5865f23d;color:#e0ecff;border-color:#5865f280}.participant-list{display:flex;flex-direction:column;gap:2px}.participant-section-header,.participant-role-header{min-height:18px;padding:8px 7px 2px;color:var(--text-dim);font-size:10px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:uppercase}.participant-section-header{margin-top:6px;border-top:1px solid rgba(255,255,255,.06)}.participant-section-header+.participant-role-header{padding-top:6px}.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{min-width:0;display:flex;align-items:center;gap:4px;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{position:relative;flex:1;min-width:0;min-height:44px;padding:6px 40px 6px 7px;border-radius:var(--radius-sm);overflow:hidden;isolation:isolate}.dm-channel-main>:not(.channel-ripple){position:relative;z-index:1}.dm-channel-main .channel-ripple{z-index:0}.dm-channel-main .avatar-wrap{flex:0 0 auto;overflow:visible;z-index:1}.dm-avatar-stack{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;overflow:visible}.dm-avatar-unread{position:absolute;right:-5px;bottom:-3px;z-index:4;min-width:14px;height:14px;padding:0 3px;font-size:9px;box-shadow:0 0 0 2px #111318}.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:"×";display:block;font-size:16px;line-height:1;transform:translateY(-1px)}.dm-channel:hover .dm-close-btn,.dm-channel:focus-within .dm-close-btn{opacity:.82}.dm-channel:hover .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 transparent;outline-offset:1px;box-shadow:var(--focus-ring-shadow)}.dm-empty{font-size:11px;padding:4px 8px}.empty-state.dm-empty,.sidebar-empty-state{margin:8px 4px;padding:9px 10px}.sidebar-empty-state .empty-state-copy strong{font-size:12px}.sidebar-empty-state .empty-state-copy span{font-size:11px}.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:#1e1f22;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 16px;background:#1e1f22}.dm-blocked-notice{display:flex;align-items:center;gap:12px;min-height:42px;padding:8px 12px;border-radius:var(--radius-md);background:#383a40;color:#b5bac1;font-size:13px}.dm-blocked-notice span{min-width:0}.dm-blocked-notice button{margin-left:auto;flex:0 0 auto}.user-popover{position:fixed;z-index:1300;width:340px;max-width:calc(100vw - 16px);padding:0 0 14px;overflow:hidden;background:#111214;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);animation:popout-in var(--transition-modal) both}.user-popover-banner{height:92px;background:#5865f2;background-position:center;background-size:cover}.user-popover-profile{position:relative;padding:46px 14px 12px}.user-popover-avatar-frame{position:absolute;left:14px;top:-46px;padding:5px;border-radius:50%;background:#111214}.user-popover-avatar-frame .avatar-wrap{display:block}.user-popover-avatar-frame .avatar-status{right:8px;bottom:8px;width:18px;height:18px;border-width:4px;border-color:#111214}.user-popover-head{display:flex;gap:12px;align-items:center}.user-popover-mutuals{margin-top:8px;margin-inline:14px;padding-top:8px;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:3px}.user-popover-mutual-line{font-size:12px;line-height:1.35;word-break:break-word}.user-popover-meta{display:flex;flex-direction:column;min-width:0}.user-popover-name{display:flex;align-items:center;gap:6px}.user-popover-name strong{font-size:20px;line-height:1.1}.user-popover-handle{margin-top:4px}.user-popover-status-line{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--color-text-secondary);font-size:13px}.user-popover-status-dot,.profile-status-selector-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#80848e}.status-online{background:#23a55a}.status-idle{background:#f0b232}.status-dnd{background:#f23f43}.status-offline{background:#80848e}.user-popover-section-label{margin:0 14px 4px;padding-top:12px;border-top:1px solid var(--color-border-subtle);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.user-popover-bio{margin:0 14px 12px;padding:0;color:var(--color-text-secondary);font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.user-popover-badges{display:flex;flex-wrap:wrap;gap:4px;margin:0 14px 10px;padding-top:8px;border-top:1px solid var(--border, #40444b)}.user-popover-actions{margin-top:10px;margin-inline:14px;padding-top:10px;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:6px}.user-popover-main-row{display:flex;gap:6px;align-items:stretch}.user-popover-main-row .primary{flex:1;min-width:0}.user-popover-main-row .friend-state-pill,.user-popover-main-row .user-popover-call{flex:0 0 auto}.user-popover-peer-volume{margin:10px 14px 0}.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:0;border-bottom:2px solid transparent;color:var(--text-dim);padding:5px 10px 7px;border-radius:0;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:color var(--transition-fast)}.friends-tabs button:hover{color:var(--text);background:transparent}.friends-tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.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}.empty-state.friends-empty{margin:10px 0;padding:10px 12px}.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;min-width:0}.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:#ffb1b3}.context-menu-danger:hover{background:var(--color-danger-red-soft);color:#ffd0d1}.friends-add-form{display:flex;gap:8px;padding:8px 4px}.friends-add-form input{flex:1}.friends-topbar{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--border);flex-wrap:wrap}.friends-topbar-title{font-size:15px}.friends-topbar-sep{width:1px;height:22px;background:var(--border);margin:0 2px}.friends-topbar-filters{display:flex;gap:4px;flex-wrap:wrap}.friends-topbar-filters button{position:relative;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-dim);padding:5px 10px 7px;border-radius:0;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:color var(--transition-fast)}.friends-topbar-filters button:hover{color:var(--text);background:transparent}.friends-topbar-filters button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.friends-topbar-add{margin-left:auto;padding:5px 12px;font-size:13px}.friends-count-header{font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:8px 4px 4px;border-bottom:1px solid var(--border);margin-bottom:4px}.friend-row-icon-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.friend-row-icon-btn:hover:not(:disabled){color:var(--text);background:var(--color-hover-bg)}.friend-row-icon-btn:active:not(:disabled){transform:translateY(1px)}.friend-row-icon-btn:disabled{opacity:.5;cursor:default}.friend-row-actions{opacity:1}.friend-row-icon-btn.friend-row-more{font-size:18px;line-height:1}.friend-row-actions .primary{padding:4px 10px;font-size:12px;min-height:28px}.dm-call-controls{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.dm-call-controls .sidebar-control-button{width:32px;height:32px}.dm-call-start{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px}.dm-call-start[disabled]{opacity:.6;cursor:default}.dm-header-identity{display:inline-flex;align-items:center;gap:8px;flex:1;min-width:0;padding:3px 6px;border:0;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:inherit;text-align:left;box-shadow:none;transition:background-color var(--transition-fast)}.dm-header-identity:hover{background:#ffffff0d}.dm-header-identity:focus-visible{outline:2px solid transparent;outline-offset:1px;box-shadow:var(--focus-ring-shadow)}.dm-header-actions{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.dm-header-icon-btn{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.dm-header-icon-btn:hover:not(:disabled){color:var(--text);background:var(--color-hover-bg)}.dm-header-icon-btn:disabled{opacity:.5;cursor:default}.dm-header-icon-btn.active{color:var(--text);background:var(--color-active-bg)}.dm-header-icon-btn.danger{background:var(--color-danger-red-soft);color:#ffb1b3;border-color:#f23f4247}.dm-header-icon-btn.danger:hover:not(:disabled){background:#f23f4238;color:#ffd0d1;border-color:#f23f426b}.dm-header-icon-btn.dm-header-join{width:auto;padding:0 12px;gap:6px;background:var(--ok);color:#fff;border-color:transparent}.dm-header-icon-btn.dm-header-join:hover:not(:disabled){filter:brightness(1.08);background:var(--ok);color:#fff}.dm-header-join-label{font-size:13px;font-weight:500}.dm-header.has-active-call .dm-header-status{color:var(--ok)}.dm-header-search-wrap{position:relative}.dm-search-popover{position:absolute;top:calc(100% + 6px);right:0;width:min(360px,80vw);background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #00000059;padding:8px;z-index:40;display:flex;flex-direction:column;gap:6px}.dm-search-popover input{width:100%;padding:6px 10px;font-size:13px;background:var(--color-bg-muted);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm)}.dm-search-results{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.dm-search-empty{padding:10px 4px;font-size:12px}.dm-search-result{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font-family:var(--font-family-ui);font-size:inherit;line-height:inherit;font-weight:var(--font-weight-normal);text-align:left;width:100%;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px}.dm-search-result:hover{background:var(--color-hover-bg)}.dm-search-result-meta{display:flex;gap:8px;align-items:baseline;font-size:12px}.dm-search-result-meta strong{font-size:12px}.dm-search-result-text{font-size:13px;white-space:pre-wrap;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.dm-channel-call-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;color:var(--ok)}.dm-channel-call-indicator svg{width:12px;height:12px}.dm-call-stage{display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px 16px 18px;background:var(--color-surface-elevated);border-bottom:1px solid var(--border)}.dm-call-participants{display:flex;gap:36px;justify-content:center;align-items:flex-end;flex-wrap:wrap}.dm-call-avatar{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.dm-call-avatar .avatar-wrap,.dm-call-avatar>:first-child{border:3px solid transparent;border-radius:50%;transition:border-color 80ms linear,box-shadow 80ms linear}.dm-call-avatar.is-speaking .avatar-wrap,.dm-call-avatar.is-speaking>:first-child{border-color:var(--ok);box-shadow:0 0 0 4px #3ba55c40}.dm-call-avatar.is-deafened .avatar-wrap,.dm-call-avatar.is-deafened>:first-child{border-color:var(--warn)}.dm-call-avatar-name{font-size:13px;color:var(--text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-call-avatar-overlay{position:absolute;top:4px;right:4px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;border-radius:50%;box-shadow:0 0 0 2px var(--color-surface-elevated)}.dm-call-avatar-overlay.muted{background:var(--danger)}.dm-call-avatar.is-clickable{cursor:pointer}.dm-call-avatar.is-clickable:focus-visible{outline:2px solid transparent;outline-offset:4px;border-radius:8px;box-shadow:var(--focus-ring-shadow)}.dm-call-avatar.is-streaming .avatar-wrap,.dm-call-avatar.is-streaming>:first-child{border-color:#7864dcd9;box-shadow:0 0 0 4px #7864dc4d}.dm-call-avatar.is-streaming.is-clickable:hover .avatar-wrap,.dm-call-avatar.is-streaming.is-clickable:hover>:first-child{box-shadow:0 0 0 6px #7864dc73}.dm-call-avatar.is-leaving{pointer-events:none;animation:dm-call-avatar-leave 1.4s ease forwards}.dm-call-avatar.is-leaving .avatar-wrap,.dm-call-avatar.is-leaving>:first-child{border-color:#ed4245d9;box-shadow:0 0 0 4px #ed42452e;filter:grayscale(.35)}.dm-call-avatar.is-leaving .dm-call-avatar-name{color:var(--muted)}.dm-call-avatar-stream-badge{position:absolute;bottom:28px;left:4px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:#7864dcf2;color:#fff;border-radius:50%;box-shadow:0 0 0 2px var(--color-surface-elevated)}.dm-call-avatar-stream-badge .screen-share-icon{background-color:#fff}.dm-call-avatar-left-badge{position:absolute;bottom:28px;left:50%;transform:translate(-50%);min-width:54px;padding:3px 8px;display:inline-flex;align-items:center;justify-content:center;background:#ed4245f2;color:#fff;border-radius:999px;box-shadow:0 0 0 2px var(--color-surface-elevated);font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}@keyframes dm-call-avatar-leave{0%{opacity:1;transform:translateY(0) scale(1)}32%{opacity:.95;transform:translateY(-5px) scale(.98)}to{opacity:0;transform:translateY(12px) scale(.88)}}@media (prefers-reduced-motion: reduce){.dm-call-avatar.is-leaving{animation-duration:1ms}}.chat-msg-author{cursor:pointer}.chat-msg-avatar-wrap{display:inline-flex;cursor:pointer}.dm-call-actions{display:inline-flex;gap:8px;align-items:center;background:var(--color-bg-muted);padding:6px;border-radius:999px}.dm-call-action{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid transparent;color:var(--text);border-radius:50%;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.dm-call-action:hover:not(:disabled){background:var(--color-hover-bg)}.dm-call-action:active:not(:disabled){transform:scale(.94)}.dm-call-action:disabled{opacity:.5;cursor:default}.dm-call-action.active{background:var(--color-active-bg);color:var(--text)}.dm-call-action.camera-active{background:var(--ok);color:#fff}.dm-call-action.dm-call-leave{background:var(--danger);color:#fff;width:56px;border-radius:999px}.dm-call-action.dm-call-leave:hover{background:var(--danger);filter:brightness(1.08)}.incoming-call-banner{position:fixed;right:24px;bottom:96px;width:220px;padding:18px 14px 14px;background:var(--color-surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #00000073;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:80}.incoming-call-name{font-size:15px}.incoming-call-sub{font-size:12px}.incoming-call-actions{display:flex;gap:12px;margin-top:6px}.incoming-call-decline,.incoming-call-accept{width:44px;height:44px;border:none;border-radius:10px;color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.incoming-call-decline{background:var(--danger)}.incoming-call-accept{background:var(--ok)}.incoming-call-decline:hover,.incoming-call-accept:hover{filter:brightness(1.08)}.dm-sidebar-search{padding:2px 4px 6px}.dm-sidebar-search input{width:100%;padding:6px 10px;font-size:12px;background:var(--color-bg-muted);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm)}.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;white-space:nowrap}.user-popover-remove{font-size:12px;width:100%}.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:center;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:transparent;box-shadow:var(--focus-ring-shadow)}.ns-mode input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:16px;height:16px;min-width:16px;padding:0;margin:0;border-radius:50%;border:2px solid var(--color-border-strong);background:transparent;cursor:pointer;position:relative;flex-shrink:0;vertical-align:middle;transition:border-color .15s,background .15s}.ns-mode input[type=radio]:hover:not(:disabled){border-color:var(--accent);background:transparent}.ns-mode input[type=radio]:checked{background:var(--accent);border-color:var(--accent)}.ns-mode input[type=radio]:checked:after{content:"";display:block;position:absolute;top:50%;left:50%;width:4px;height:7px;border:2px solid #fff;border-top:none;border-left:none;transform:translate(-50%,-60%) rotate(45deg)}.ns-mode input[type=radio]:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus-ring-shadow)}.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(340px,calc(100vw - 24px));background:#111214;border:1px solid var(--color-border-strong);border-radius:8px;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:#111214;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.profile-card-banner-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;position:relative;overflow:hidden;flex-shrink:0}.profile-card-banner-btn:disabled{cursor:default}.profile-card-banner-btn:hover:not(:disabled) .profile-card-banner{filter:brightness(.7)}.profile-card-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;color:#fff;opacity:0;transition:opacity var(--transition-fast);pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.5)}.profile-card-banner-btn:hover:not(:disabled) .profile-card-banner-overlay{opacity:1}.profile-card-banner{height:104px;background:#5865f2;background-position:center;background-size:cover;transition:filter var(--transition-fast)}.profile-card-body{position:relative;display:flex;flex-direction:column;gap:8px;padding:54px 14px 14px}.profile-avatar-frame{position:absolute;left:14px;top:-50px;padding:4px;border-radius:50%;background:#111214}.profile-card-avatar-btn{display:block;border:0;background:none;padding:0;cursor:pointer;border-radius:50%;position:relative}.profile-card-avatar-btn:disabled{cursor:default}.profile-card-avatar-btn .avatar-wrap{display:block;transition:filter var(--transition-fast)}.profile-card-avatar-btn:hover:not(:disabled) .avatar-wrap{filter:brightness(.55)}.profile-card-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.profile-card-avatar-btn:hover:not(:disabled) .profile-card-avatar-overlay{opacity:1}.profile-avatar-frame .avatar-wrap{display:block}.profile-avatar-frame .avatar-status{right:7px;bottom:7px;width:18px;height:18px;border:4px solid #111214;box-shadow:0 0 0 1px #00000073}.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;font-size:20px}.profile-handle{font-size:13px}.profile-card-bio{margin:4px 0 2px;padding-top:10px;border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.profile-edit-button{width:100%;justify-content:center;margin-top:4px}.profile-status-row-wrap{margin-top:0;padding-top:0;border-top:1px solid var(--color-border-subtle);position:relative}.profile-status-row{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.profile-status-row:hover:not(:disabled){background:#2b2d31;color:var(--color-text-primary)}.profile-status-row-label{flex:1;font-size:14px}.profile-status-row-chevron{font-size:20px;line-height:1;transition:transform var(--transition-fast);color:var(--color-text-secondary)}.profile-status-row-chevron.open{transform:rotate(90deg)}.profile-status-dropdown{position:absolute;left:0;right:0;bottom:calc(100% + 4px);z-index:10;background:#1e1f22;border:1px solid var(--color-border-strong);border-radius:8px;padding:4px;box-shadow:var(--shadow-lg);animation:popout-in var(--transition-modal) both}.profile-status-option{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.profile-status-option:hover:not(:disabled),.profile-status-option.active{background:#2b2d31;color:var(--color-text-primary)}.profile-status-option-body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.profile-status-option-name{font-size:14px}.profile-status-option-desc{font-size:11px;color:var(--color-text-secondary)}.profile-status-option.active .profile-status-option-name{color:var(--color-text-primary)}.profile-status-check{font-size:13px;color:var(--color-text-primary)}.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:empty{display:none}.profile-live-region:not(:empty){min-height:18px;margin:4px 0 0}.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-stage.banner-mode{width:360px;height:120px;border-radius:6px}.avatar-crop-mask.banner-mode{border-radius:6px}.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: 899px){.resize-handle,.right-panel-toggle{display:none!important}}@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:12px}.chat-msg.is-grouped{padding-top:1px;padding-bottom:1px}.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:none}.chat-hover-actions{top:-8px;right:0}.chat-hover-action{width:30px;height:30px;min-height:30px}.link-preview-card{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}.link-preview-thumb,.link-preview-embed{width:100%}.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:#1e1f22}.chat-input-shell{min-height:48px;grid-template-columns:40px minmax(0,1fr) max-content}.chat-input input[type=text],.chat-input input:not([type]),.chat-input textarea{width:100%;min-width:0;height:44px}.chat-input textarea{height:auto;min-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-close:active:not(:disabled){transform:none}.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.settings-screen-shell{padding:0;overflow:hidden}.standalone-screen .card{padding:16px}.settings-topbar{padding:0 10px}.settings-layout{grid-template-columns:minmax(0,1fr);gap:12px;overflow-y:hidden;overflow-x:hidden}.settings-nav{position:static;height:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;min-height:64px;padding:10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.075)}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-profile,.settings-nav-heading{display:none}.settings-nav-group{flex:0 0 auto;flex-direction:row;gap:4px}.settings-nav a{flex:0 0 auto;white-space:nowrap}.settings-content{width:100%;max-width:none;max-height:calc(100dvh - 110px);overflow-y:auto;padding:24px 14px 54px}.settings-content.profile-settings-content{width:100%;max-width:none}.profile-settings-form{grid-template-columns:minmax(0,1fr);gap:24px}.profile-preview-column{position:static}.settings-card,.admin-card{padding:0 0 28px;margin-bottom:28px}.standalone-screen.settings-screen-shell .settings-card,.standalone-screen.settings-screen-shell .admin-card{padding:0 0 28px}.sound-settings-row{grid-template-columns:minmax(0,1fr);gap:8px}.sound-settings-header-actions,.sound-settings-row button,.sound-settings-toggle{width:100%}.sound-settings-header-actions button{flex:1 1 160px}.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,.devices-actions button,.admin-filter-label,.admin-filter-label select,.admin-system-toggle{width:100%}.device-row{align-items:flex-start;flex-direction:column}.security-action-row{width:100%}.device-row{gap:8px}.device-row-title strong{white-space:normal}.admin-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.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) max-content}.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}}.msg-status{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;vertical-align:middle}.msg-status-sending,.msg-status-delivered{color:var(--color-text-muted)}.msg-status-read{color:#5865f2bf}.msg-status-failed{color:var(--color-danger-red)}.dm-msg-meta{display:flex;align-items:center;gap:3px;margin-top:3px;font-size:10px;color:var(--color-text-muted);line-height:1;-webkit-user-select:none;user-select:none}.dm-msg-meta time{color:var(--color-text-muted);font-size:10px}.chat-msg.msg-sending .chat-text,.chat-msg.msg-sending .attachment-list,.chat-msg.msg-sending .link-preview-card,.chat-msg.msg-queued .chat-text,.chat-msg.msg-queued .attachment-list,.chat-msg.msg-queued .link-preview-card{opacity:.55}.chat-msg.msg-failed .chat-text{color:var(--color-danger-red);opacity:.85}.chat-msg.msg-failed .attachment-list,.chat-msg.msg-failed .link-preview-card{opacity:.7}.queue-status{margin-top:4px;font-size:11px;opacity:.75;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chat-input{position:relative}.chat-input-toast{position:absolute;left:12px;right:12px;bottom:calc(100% + 4px);padding:4px 8px;font-size:12px;color:var(--color-danger-red);background:var(--color-surface-elevated, rgba(20, 20, 20, .9));border-radius:4px;pointer-events:none;box-shadow:0 2px 6px #00000040;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-suggestions{position:absolute;left:12px;bottom:calc(100% + 6px);z-index:20;width:min(320px,calc(100% - 24px));background:var(--color-surface-elevated, var(--bg-3));border:1px solid var(--border);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-md);overflow:hidden}.mention-suggestions-list{max-height:220px;overflow-y:auto;padding:4px}.mention-suggestions-empty{padding:10px 12px;font-size:13px}.mention-suggestion-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm, 6px);cursor:pointer;-webkit-user-select:none;user-select:none}.mention-suggestion-item.is-active,.mention-suggestion-item:hover{background:var(--color-hover-bg)}.mention-suggestion-nick{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-suggestion-username{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-chip{display:inline;padding:0 3px;border-radius:4px;color:var(--accent);background:var(--accent-soft, rgba(88, 101, 242, .18));font-weight:600;cursor:pointer;white-space:nowrap}.mention-chip:hover{background:var(--accent);color:#fff}.mention-chip-self{background:#faa61a38;color:var(--color-accent-yellow, #faa61a)}.mention-chip-self:hover{background:var(--color-accent-yellow, #faa61a);color:#1a1a1a}.chat-reply-preview{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:6px;border-radius:8px;background:var(--accent-soft, rgba(88, 101, 242, .14));border-left:3px solid var(--accent, #5865f2);color:#b5bac1;font-size:13px}.chat-reply-preview>svg{flex:0 0 auto;opacity:.7}.chat-reply-preview-body{display:flex;flex-direction:column;min-width:0;flex:1}.chat-reply-preview-label{font-weight:600;color:var(--accent, #5865f2);line-height:1.3}.chat-reply-preview-text{color:#b5bac1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-preview-close{flex:0 0 auto;border:none;background:transparent;color:#b5bac1;font-size:18px;line-height:1;cursor:pointer;padding:0 4px;border-radius:4px}.chat-reply-preview-close:hover{color:#fff;background:#ffffff14}.chat-msg-reply{display:flex;align-items:center;gap:6px;max-width:100%;margin:0 0 2px;padding:1px 0;border:none;background:transparent;color:#b5bac1;font-size:12.5px;line-height:1.3;cursor:pointer;text-align:left}button.chat-msg-reply:hover .chat-msg-reply-text,button.chat-msg-reply:hover .chat-msg-reply-author{color:#dbdee1}.chat-msg-reply>svg{flex:0 0 auto;width:14px;height:14px;opacity:.55;transform:scaleX(-1)}.chat-msg-reply-author{flex:0 0 auto;font-weight:600;color:var(--accent, #5865f2)}.chat-msg-reply-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-msg-reply-unavailable{cursor:default;font-style:italic;opacity:.75}.chat-msg--highlight{position:relative;z-index:0}.chat-msg--highlight:after{content:"";position:absolute;top:0;right:8px;bottom:0;left:8px;border-radius:8px;background:var(--accent, #5865f2);z-index:-1;pointer-events:none;opacity:0;animation:chat-msg-flash 1.5s ease-in-out}@keyframes chat-msg-flash{0%{opacity:0}18%{opacity:.2}68%{opacity:.2}to{opacity:0}}.chat-msg--highlight .attachment{animation:chat-attach-flash 1.5s ease-in-out}@keyframes chat-attach-flash{0%{box-shadow:0 0 #5865f200}18%{box-shadow:0 0 0 3px #5865f28c}68%{box-shadow:0 0 0 3px #5865f28c}to{box-shadow:0 0 #5865f200}}@media (prefers-reduced-motion: reduce){.chat-msg--highlight:after{animation:chat-msg-flash 1.5s ease-in-out!important}.chat-msg--highlight .attachment{animation:chat-attach-flash 1.5s ease-in-out!important}}.channel-mention-badge{margin-left:auto;min-width:16px;height:16px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-danger-red, #ed4245);color:#fff;font-size:11px;font-weight:700;line-height:1;flex-shrink:0}.chat-msg.msg-failed .queue-status .queue-status-label{color:var(--color-danger-red);opacity:1}.chat-forwarded-label{width:fit-content;max-width:100%;margin:0 0 3px;color:var(--color-text-muted);font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-protection-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--color-border-subtle);background:var(--color-panel-subtle)}.chat-protection-panel.in-modal{margin-top:14px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.chat-protection-hint,.chat-protection-error{flex-basis:100%;font-size:12px}.dm-header-settings{position:relative;display:inline-flex}.dm-settings-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:220px;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel-bg);box-shadow:var(--shadow-lg)}.dm-settings-action{width:100%;text-align:left;padding:7px 9px;border-radius:var(--radius-sm);background:var(--color-surface)}.dm-settings-action.is-active{color:var(--color-danger, #e5534b)}.forward-modal{width:min(430px,92vw);max-height:min(620px,86vh);display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel-bg);box-shadow:var(--shadow-lg);overflow:hidden}.forward-target-list{display:flex;flex-direction:column;gap:4px;margin-top:10px;max-height:360px;overflow-y:auto}.forward-target-row{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:8px 10px;text-align:left;background:transparent}.forward-target-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-weight:700}.forward-target-main{min-width:0;display:flex;flex-direction:column;gap:1px}.forward-target-main strong,.forward-target-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forward-target-empty,.forward-error{padding:8px 2px;font-size:12px}.forward-sections{display:flex;flex-direction:column;gap:14px;margin-top:10px;max-height:420px;overflow-y:auto}.forward-section{display:flex;flex-direction:column;gap:2px}.forward-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);padding:0 2px 4px;border-bottom:1px solid var(--color-border);margin-bottom:4px}.forward-server-row{cursor:pointer}.forward-server-icon-img{width:24px;height:24px;border-radius:var(--radius-sm);object-fit:cover}.forward-server-chevron{margin-left:auto;color:var(--color-text-secondary);font-size:18px;line-height:1}.forward-back-button{background:transparent;border:none;color:var(--color-text-secondary);font-size:14px;font-weight:600;padding:0;cursor:pointer}.forward-back-button:hover:not(:disabled){color:var(--color-text)}.forward-drilldown-title{font-weight:700;margin:2px 0 8px}.queue-status-btn{font-size:11px;padding:0}.msg-info-modal{background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);min-width:260px;max-width:360px;box-shadow:var(--shadow-md);overflow:hidden}.msg-info-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--color-border)}.msg-info-header h3{margin:0;font-size:14px;font-weight:600}.msg-info-body{padding:10px 14px;display:flex;flex-direction:column;gap:6px}.msg-info-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:12px}.msg-info-row-label{color:var(--color-text-muted);flex-shrink:0}.msg-info-row-value{color:var(--color-text-primary);text-align:right;word-break:break-word}.sidebar-settings-trigger{margin-left:auto;opacity:0;flex-shrink:0;transition:opacity var(--transition-base),background-color var(--transition-base)}.sidebar-brand:hover .sidebar-settings-trigger,.sidebar-brand:focus-within .sidebar-settings-trigger{opacity:1}button.secondary{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-secondary);min-height:32px;padding:5px 14px}button.secondary:hover:not(:disabled){background:var(--color-hover-bg);border-color:var(--color-border-strong);color:var(--color-text-primary)}button.btn-ghost{background:transparent;border:1px solid transparent;color:var(--color-text-muted);min-height:28px;padding:3px 8px;font-size:12px;border-radius:var(--radius-xs, 4px)}button.btn-ghost:hover:not(:disabled){background:var(--color-hover-bg);border-color:var(--color-border);color:var(--color-text-primary)}button.btn-ghost:active:not(:disabled){background:var(--color-surface);transform:translateY(1px)}.server-settings-modal{width:min(640px,100%)}.settings-tabs-bar{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.settings-tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:var(--radius-xs) var(--radius-xs) 0 0;padding:8px 10px;cursor:pointer;color:var(--color-text-muted);font-weight:500;font-size:13px;transition:color var(--transition-base),border-color var(--transition-base),background-color var(--transition-base);margin-bottom:-1px}.settings-tab:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-hover-bg);border-color:transparent}.settings-tab--active{color:var(--color-text-primary);border-bottom-color:var(--accent);font-weight:600}.settings-tab--active:hover:not(:disabled){border-bottom-color:var(--accent)}.danger-zone-section{border-top:1px solid var(--color-border);padding-top:14px;margin-top:4px;display:flex;flex-direction:column;gap:8px}.danger-zone-box{background:var(--color-bg-muted);border:1px solid var(--color-border);border-left:3px solid var(--color-danger-red, #f23f42);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.channel-settings-row{display:flex;flex-direction:column;padding:2px 6px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.channel-settings-row:hover{background:var(--color-hover-bg)}.channel-settings-row-main{display:flex;align-items:center;gap:6px;width:100%;min-width:0;min-height:38px}.channel-settings-row-name{flex:1;min-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.channel-settings-actions-cluster{display:flex;align-items:center;gap:4px;flex-shrink:0}.ch-cat-row{display:flex;align-items:center;gap:6px;min-height:38px;padding:2px 6px;margin-bottom:6px}.channel-settings-actions-cluster .btn-ghost{height:28px;min-height:28px}.channel-settings-actions-cluster .ch-btn-icon{width:28px;height:28px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.channel-settings-actions-cluster .ch-btn-rename{width:120px;height:28px;min-height:28px;text-align:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-select-cat{width:132px;flex-shrink:0;font-size:12px;height:28px;padding:0 4px;min-height:unset}.channel-settings-actions-cluster .ch-btn-delete{width:90px;height:28px;min-height:28px;padding:4px 10px;font-size:12px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-icon-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;width:max-content;max-width:200px}.server-icon-actions .avatar-upload-button span{width:100%;box-sizing:border-box;justify-content:center;padding:6px 8px;font-size:13px;white-space:nowrap}.server-icon-actions button{padding:5px 8px;font-size:13px;min-height:32px;text-align:center;justify-content:center;white-space:nowrap}.channel-subpanel{width:100%;display:flex;flex-direction:column;gap:6px;padding:8px 10px;margin-top:4px;background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.channel-subpanel-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.category-label{margin:0;flex:1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.7;color:inherit}.modal-step-indicator{padding:6px 16px;font-size:11px;color:var(--color-text-muted);letter-spacing:.02em;background:var(--color-bg-muted);border-bottom:1px solid var(--color-border-subtle)}.role-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.role-color-swatch:hover:not(:disabled){transform:scale(1.2);box-shadow:0 0 0 3px #fff3}.role-color-swatch--selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.role-color-swatch--selected:hover:not(:disabled){box-shadow:0 0 0 2px var(--accent),0 0 0 4px #ffffff1f}.role-color-swatch--small{width:20px;height:20px}.role-color-native{width:36px;height:28px;padding:2px;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;background:var(--color-input-bg, #40444b);flex-shrink:0}.role-color-native:disabled{opacity:.5;cursor:not-allowed}.role-color-hex{width:90px;font-family:monospace}.role-color-hex.is-invalid{border-color:#ed4245;outline-color:#ed4245}.channel-category-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--transition-base),opacity var(--transition-fast);opacity:1}.channel-category-body-inner{min-height:0;overflow:hidden}.channel-category.is-collapsed>.channel-category-body{grid-template-rows:0fr;opacity:0}@media (prefers-reduced-motion: reduce){.channel-category-body{transition:none}.category-chevron{transition:none!important}}.role-perm-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.role-perm-label:hover{color:var(--color-text-primary)}.role-perm-label:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.5}.roles-tab{display:flex;flex-direction:column;gap:12px}.role-editor-card{background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.role-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border-subtle)}.role-preview-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 7px;border-radius:var(--radius-pill);background:var(--color-bg-muted);border:1px solid var(--color-border);font-size:12px;font-weight:600;letter-spacing:.02em;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);flex-shrink:0}.role-preview-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.role-editor-field{display:flex;flex-direction:column;gap:6px}.role-editor-field>label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.role-color-row{display:flex;gap:8px;align-items:center}.role-color-hex-error{font-size:11px;color:var(--color-danger-red);margin-top:1px}.role-perm-groups{display:flex;flex-direction:column;gap:12px}.role-perm-group{display:flex;flex-direction:column;gap:5px}.role-perm-group-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted);padding-bottom:4px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:2px}.role-perm-group-perms{display:flex;flex-direction:column;gap:4px;padding-left:2px}.role-editor-actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--color-border-subtle);margin-top:2px}.role-list-section{background:var(--color-panel-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.role-list{list-style:none;padding:4px;margin:0;display:flex;flex-direction:column;gap:2px}.role-list-item{display:flex;align-items:center;gap:8px;min-height:38px;padding:4px 8px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.role-list-item:hover{background:var(--color-hover-bg)}.role-list-item.is-dragging-source{opacity:.42}.role-drop-indicator{height:2px;margin:3px 8px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 0 2px #5865f22e}.role-drag-handle{width:20px;height:30px;min-height:30px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-muted);cursor:grab;opacity:.66;touch-action:none;-webkit-user-select:none;user-select:none}.role-drag-handle span{font-size:12px;line-height:1;transform:rotate(90deg)}.role-drag-handle:hover,.role-drag-handle:focus-visible{background:#ffffff0f;color:var(--color-text-primary);opacity:1}.role-drag-handle:disabled{cursor:default;opacity:.22}.role-drag-handle:active:not(:disabled){cursor:grabbing}.role-list-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.role-list-name{flex:1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-list-name-button{min-height:30px;padding:0;border:0;background:transparent;color:var(--color-text-primary);text-align:left;box-shadow:none;cursor:pointer}.role-list-name-button:hover,.role-list-name-button:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}.role-list-name-button:disabled{cursor:default;opacity:.72;text-decoration:none}.role-list-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.role-drag-preview{position:fixed;top:0;left:0;z-index:1600;display:inline-flex;align-items:center;gap:8px;max-width:220px;padding:7px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-md);pointer-events:none;white-space:nowrap}.role-drag-preview strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px}.toast-viewport{position:fixed;right:18px;bottom:18px;z-index:2200;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:min(360px,calc(100vw - 24px));pointer-events:none}.toast{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:start;gap:10px;padding:11px 10px;color:#f2f3f5;background:#181a1ff5;border:1px solid rgba(255,255,255,.08);border-left:3px solid #5865f2;border-radius:8px;box-shadow:0 16px 42px #0000006b;animation:toast-in .23s ease-out both;will-change:opacity,transform;pointer-events:auto}.toast-success{border-left-color:var(--ok, #3ba55d)}.toast-error{border-left-color:var(--danger, #ed4245)}.toast-mark{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:#5865f22e}.toast-success .toast-mark{background:#3ba55d2e;color:#6ee99a}.toast-error .toast-mark{background:#ed42452e;color:#ff9da0}.toast-body{min-width:0;display:flex;flex-direction:column;gap:2px}.toast-body strong{font-size:13px;line-height:1.25}.toast-body span{color:#b5bac1;font-size:12px;line-height:1.35}.toast-close{width:28px;height:28px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#949ba4;background:transparent;border:0;border-radius:6px}.toast-close:hover{color:#fff;background:#ffffff14}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast.is-exiting{animation:toast-out .23s ease-in both}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes chat-system-notice-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast{animation:toast-in .23s ease-out both!important}.toast.is-exiting{animation:toast-out .23s ease-in both!important}.chat-msg-system{animation:chat-system-notice-in .23s ease both!important}}@media (max-width: 640px){.toast-viewport{right:12px;bottom:12px}}@media (max-width: 900px){:root[data-message-density=compact] .chat-list{padding-top:6px}:root[data-message-density=compact] .chat-msg{padding-top:0;padding-bottom:0}:root[data-message-density=compact] .chat-msg.is-start{margin-top:8px;padding-top:2px}}.pin-count-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 3px;border-radius:var(--radius-pill);background:var(--color-accent-blue);color:#fff;font-size:10px;line-height:14px;font-weight:700;text-align:center;pointer-events:none}.channel-header-action,.dm-header-icon-btn{position:relative}.pinned-panel{position:absolute;top:52px;right:12px;z-index:20;width:340px;max-width:calc(100% - 24px);max-height:60%;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 10px);box-shadow:var(--shadow-md);overflow:hidden;animation:backdrop-in var(--transition-modal) both}.pinned-panel-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--color-border);font-size:13px}.pinned-panel-close{width:26px;height:26px;min-height:26px;padding:0;border:0;background:transparent;color:var(--color-text-secondary);font-size:18px;line-height:1;cursor:pointer;border-radius:var(--radius-sm, 6px);box-shadow:none}.pinned-panel-close:hover{background:#ffffff0f;color:var(--color-text-primary)}.pinned-panel-list{flex:1 1 auto;overflow-y:auto;padding:6px}.pinned-panel-empty{padding:16px 12px;text-align:center;font-size:13px}.pinned-item{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:background var(--transition-fast)}.pinned-item:hover{background:#ffffff0d}.pinned-item-main{flex:1 1 auto;min-width:0}.pinned-item-meta{display:flex;align-items:baseline;gap:8px;font-size:12px}.pinned-item-meta strong{color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-item-meta .muted{font-size:11px;flex-shrink:0}.pinned-item-text{margin-top:2px;font-size:13px;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.pinned-item-unpin{flex:0 0 auto;width:22px;height:22px;min-height:22px;padding:0;border:0;background:transparent;color:var(--color-text-muted);font-size:15px;line-height:1;cursor:pointer;border-radius:var(--radius-sm, 6px);box-shadow:none}.pinned-item-unpin:hover{background:#ffffff14;color:var(--color-danger-red)}.report-modal{width:min(460px,100%);max-height:min(86vh,720px);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}.report-modal .icon-btn{width:30px;height:30px;border:none;background:transparent;color:var(--color-text-secondary);font-size:20px;line-height:1;cursor:pointer;border-radius:6px}.report-modal .icon-btn:hover{background:#ffffff14;color:var(--color-text-primary)}.report-subtitle{margin:0;padding:0 18px 4px;color:var(--color-text-secondary);font-size:13px}.report-preview{display:flex;gap:10px;margin:12px 18px;padding:10px 12px;background:#ffffff08;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px)}.report-preview-body{min-width:0;flex:1}.report-preview-head{display:flex;gap:8px;align-items:baseline}.report-preview-author{font-weight:600;font-size:13px;color:var(--color-text-primary)}.report-preview-time{font-size:11px;color:var(--color-text-secondary)}.report-preview-content{margin-top:2px;font-size:13px;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.report-preview-attachment{margin-top:4px;font-size:12px}.report-body{overflow-y:auto;padding:8px 18px 4px}.report-option-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.report-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;text-align:left;background:#ffffff08;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px);color:var(--color-text-primary);font-size:14px;cursor:pointer}.report-option:hover{background:#ffffff12}.report-option.danger{color:var(--color-danger-red);border-color:#ed424559}.report-option-chevron{color:var(--color-text-secondary);font-size:16px}.report-comment{display:flex;flex-direction:column;gap:6px}.report-comment label{font-size:13px;color:var(--color-text-secondary)}.report-comment textarea{width:100%;resize:vertical;padding:8px 10px;background:#00000040;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px);color:var(--color-text-primary);font:inherit}.report-comment-count{font-size:11px;text-align:right}.report-summary{display:flex;flex-direction:column;gap:10px}.report-summary-row{display:flex;flex-direction:column;gap:2px}.report-summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.report-summary-comment{white-space:pre-wrap;word-break:break-word}.report-warning{font-size:12px;color:var(--color-text-secondary);border-left:2px solid var(--color-border-strong);padding-left:10px;margin:4px 0 0}.report-error{margin:8px 0 0;padding:8px 10px;font-size:13px;color:var(--color-danger-red);background:#ed42451a;border-radius:var(--radius-sm, 6px)}.report-actions{display:flex;align-items:center;gap:8px;padding:12px 16px 14px;border-top:1px solid var(--color-border-subtle)}.report-actions-spacer{flex:1}.moderation-screen{padding:24px;max-width:1100px;margin:0 auto}.mod-filter-tabs{display:flex;gap:6px;margin:16px 0;flex-wrap:wrap}.mod-filter-tab{padding:7px 14px;border:1px solid var(--color-border-subtle);background:#ffffff08;color:var(--color-text-secondary);border-radius:999px;cursor:pointer;font-size:13px}.mod-filter-tab.active{background:var(--color-accent, #5865f2);color:#fff;border-color:transparent}.mod-count{opacity:.7;margin-left:4px}.mod-table{width:100%;border-collapse:collapse}.mod-table th,.mod-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--color-border-subtle);font-size:13px}.mod-row{cursor:pointer}.mod-row:hover{background:#ffffff0a}.mod-status{padding:2px 8px;border-radius:999px;font-size:11px;text-transform:capitalize}.mod-status-open{background:#ed42452e;color:#ff8b8e}.mod-status-reviewing{background:#faa61a2e;color:#fc6}.mod-status-resolved{background:#3ba55d2e;color:#74e0a0}.mod-status-dismissed{background:#ffffff14;color:var(--color-text-secondary)}.mod-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;margin-top:12px}.mod-detail-main{display:flex;flex-direction:column;gap:14px}.mod-card{padding:14px 16px;background:#ffffff08;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.mod-card h3{margin:0 0 6px;font-size:14px}.mod-snapshot-note{font-size:12px;margin:0 0 8px}.mod-attachments{list-style:none;margin:6px 0 0;padding:0;font-size:12px}.mod-original-ok{color:#74e0a0;font-size:12px}.mod-meta{display:flex;flex-direction:column;gap:6px;font-size:13px}.mod-meta-label{color:var(--color-text-secondary);margin-right:6px;font-size:12px}.mod-timeout-active{color:#fc6;font-size:13px}.mod-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.mod-timeline li{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}.mod-timeline-time{font-size:11px}.mod-timeline-actor{font-weight:600}.mod-timeline-note{color:var(--color-text-secondary)}.mod-detail-actions{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:16px}.mod-detail-actions button{width:100%}.mod-timeout-form,.mod-note-form{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px)}.mod-timeout-form label,.mod-note-form label{font-size:12px;color:var(--color-text-secondary)}.mod-timeout-form textarea,.mod-note-form textarea,.mod-timeout-form select{width:100%;padding:6px 8px;background:#00000040;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px);color:var(--color-text-primary);font:inherit}.admin-mod-grant{display:flex;gap:8px;margin:12px 0}.admin-mod-grant input{flex:1;padding:7px 10px;background:#00000040;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px);color:var(--color-text-primary)}@media (max-width: 720px){.mod-detail-grid{grid-template-columns:1fr}.mod-detail-actions{position:static}}html[data-theme=white]{color-scheme:light}*{scrollbar-color:var(--theme-scrollbar) transparent}*::-webkit-scrollbar-thumb{background:var(--theme-scrollbar)}*::-webkit-scrollbar-thumb:hover{background-color:var(--theme-border-strong)}.app-shell,.standalone-screen.settings-screen-shell,.standalone-screen,.settings-content,.center-screen{background:var(--theme-app-bg);color:var(--theme-text-primary)}.app-rail,.sidebar,.settings-nav,.right-panel,.settings-topbar,.chat-input,.chat-container,.channel-header,.dm-header{background:var(--theme-surface-bg);color:var(--theme-text-primary);border-color:var(--theme-border-color)}.chat-container,.chat-input{background:var(--theme-channel-bg)}.chat-msg:hover,.chat-msg:focus-within{background:var(--theme-message-hover)}.card,.confirm-modal,.report-modal,.reaction-users-modal,.reaction-picker,.reaction-picker-search-wrap,.reaction-picker-section-title,.context-menu,.ctx-menu,.user-popover,.profile-popover,.dm-search-popover,.ping-popover,.pinned-panel,.link-preview-card,.mod-card,.role-editor-card,.role-list-section,.empty-state,.settings-select-menu,.profile-color-popover{background:var(--theme-card-bg);color:var(--theme-text-primary);border-color:var(--theme-border-color)}.modal-backdrop{background:color-mix(in srgb,var(--theme-app-bg) 78%,transparent)}.modal-header,.confirm-modal-actions,.report-actions,.reaction-picker-tabs,.reaction-users-header,.profile-settings-tabs,.profile-editor-row,.settings-card,.admin-card,.settings-nav-group,.settings-nav-profile,.settings-layout,.right-panel,.sidebar,.chat-hover-actions,.chat-reaction-preview{border-color:var(--theme-border-color)}.chat-text,.chat-msg .meta strong,.channel-header-title strong,.dm-header-meta strong,.empty-state-copy strong,.toast-body strong,.report-preview-author,.report-preview-content,.mod-table td,.mod-table th{color:var(--theme-text-primary)}.muted,.chat-msg .meta,.chat-msg .meta time,.chat-msg-hover-time,.chat-empty,.empty-state,.empty-state-copy span,.channel-header-title .muted,.dm-header-meta .muted,.chat-hover-action,.chat-reaction-add,.reaction-picker-tab,.reaction-picker-section-title,.reaction-picker-empty,.settings-nav a,.settings-nav-heading,.settings-check,.form-help,.report-subtitle,.report-option-chevron,.report-warning,.mod-meta-label,.mod-timeline-note,.toast-body span{color:var(--theme-text-secondary)}.settings-nav a:hover,.settings-nav a:focus-visible,.settings-nav a.active,.settings-nav-profile:hover,.settings-nav-profile:focus-visible,.settings-nav-profile.is-active,.channel:hover,.voice-occupant:hover,.participant:hover,.report-option:hover,.mod-row:hover,.reaction-picker-tab:hover,.reaction-picker-item:hover,.reaction-user-row:hover,.pinned-item:hover,.context-menu-item:hover,.ctx-menu-item:hover{background:var(--theme-hover-item-bg);color:var(--theme-text-primary)}.channel[aria-pressed=true],.settings-select-option.active,.mod-filter-tab.active{background:var(--theme-selected-item-bg);color:var(--theme-text-primary)}input,select,textarea,.chat-edit-input,.reaction-picker-search,.report-comment textarea,.mod-timeout-form textarea,.mod-note-form textarea,.mod-timeout-form select,.admin-mod-grant input,.settings-select-trigger,.profile-editor-row input[type=text],.profile-editor-row textarea,.profile-color-hex-row,.chat-input-shell{background:var(--theme-input-bg);color:var(--theme-text-primary);border-color:var(--theme-border-color)}button,.button-link,.settings-close-button,.modal-close-button,.profile-secondary-button,.chat-reaction-pill,.chat-reaction-add,.chat-msg-action,.chat-hover-actions,.chat-jump-latest,.report-option,.mod-filter-tab,.settings-check,.settings-select-option{background:var(--theme-button-bg);color:var(--theme-text-secondary);border-color:var(--theme-border-color)}button:hover:not(:disabled),.button-link:hover,.settings-close-button:hover,.modal-close-button:hover,.profile-secondary-button:hover:not(:disabled),.chat-reaction-pill:hover:not(:disabled),.chat-reaction-add:hover,.chat-msg-action:hover,.chat-hover-actions:hover,.chat-hover-actions:focus-within,.chat-jump-latest:hover,.settings-select-trigger:hover:not(:disabled),.settings-select-trigger.is-open{background:var(--theme-hover-item-bg);color:var(--theme-text-primary);border-color:var(--theme-border-strong)}button.primary,.button-link.primary{background:var(--theme-accent-primary);border-color:var(--theme-accent-primary);color:var(--theme-accent-text)}button.primary:hover:not(:disabled){background:var(--theme-accent-hover);border-color:var(--theme-accent-hover)}button.danger,.badge.danger,.dm-call-action.end-call{background:var(--theme-danger);border-color:var(--theme-danger);color:#fff}.chat-msg-system,.reply-preview,.mention{background:var(--theme-mention-bg);border-color:var(--theme-accent-primary)}.chat-reaction-pill.reacted,.accent-preset.active,.theme-preset-card.active,.ns-mode.active{background:var(--theme-selected-item-bg);border-color:var(--theme-accent-primary);color:var(--theme-text-primary)}pre,code,.chat-code,.markdown-code{background:var(--theme-code-bg);color:var(--theme-code-text);border-color:var(--theme-border-color)}.toast{color:var(--theme-text-primary);background:var(--theme-popover-bg);border-color:var(--theme-border-color);border-left-color:var(--theme-accent-primary)}.toast-close:hover{color:var(--theme-text-primary);background:var(--theme-hover-item-bg)}.report-preview,.report-option,.mod-card,.mod-filter-tab{background:color-mix(in srgb,var(--theme-card-bg) 84%,var(--theme-text-primary) 6%);border-color:var(--theme-border-color)}.report-option.danger,.report-error,.settings-alert,.mod-status-open{color:var(--theme-danger);background:color-mix(in srgb,var(--theme-danger) 16%,transparent);border-color:color-mix(in srgb,var(--theme-danger) 42%,transparent)}.mod-status-resolved,.badge.ok,.toast-success .toast-mark{color:var(--theme-success);background:color-mix(in srgb,var(--theme-success) 16%,transparent)}.mod-status-reviewing,.mod-timeout-active,.warn-text{color:var(--theme-warning)}.link-preview-card,.pinned-panel,.chat-hover-actions,.chat-reaction-preview,.reaction-picker,.reaction-users-modal,.settings-select-menu{background:var(--theme-popover-bg)}.app-rail,.settings-nav,.sidebar{background:var(--theme-surface-bg)}.main,.chat-container{background:var(--theme-channel-bg)}.right-panel,.settings-nav-profile,.role-list-section{background:var(--theme-card-bg)}.theme-preset-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.theme-preset-card{position:relative;width:48px;height:48px;min-height:48px;display:inline-flex;align-items:stretch;justify-content:stretch;padding:0;border-radius:8px;overflow:visible;box-shadow:none}.theme-preset-preview{width:100%;height:100%;border:1px solid color-mix(in srgb,var(--theme-border-color) 80%,var(--theme-text-primary) 10%);border-radius:8px}.theme-preset-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.theme-preset-check{position:absolute;right:-7px;top:-7px;width:20px;height:20px;border-radius:50%;background:var(--theme-accent-primary);box-shadow:0 0 0 2px var(--theme-app-bg)}.theme-preset-card.active{box-shadow:0 0 0 3px var(--theme-accent-primary)}.theme-preset-check:after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg)}.appearance-sync-check{width:100%;min-height:44px;justify-content:space-between;margin:16px 0 22px;padding:0;border:0;background:transparent;color:var(--theme-text-primary)}.appearance-sync-check input[type=checkbox]{order:2;width:48px;height:24px;min-width:48px;border-radius:999px;border:1px solid var(--theme-border-color);background:color-mix(in srgb,var(--theme-card-bg) 82%,var(--theme-text-primary) 6%)}.appearance-sync-check input[type=checkbox]:after{content:"";position:absolute;top:50%;left:5px;width:16px;height:16px;border:0;border-radius:50%;background:#fff;transform:translateY(-50%);transition:left var(--transition-fast)}.appearance-sync-check input[type=checkbox]:checked:after{left:25px;transform:translateY(-50%)}.appearance-sync-check:hover{background:transparent}.custom-theme-editor{display:flex;flex-direction:column;gap:14px;margin:22px 0 26px;padding:22px 24px 24px;border:1px solid var(--theme-border-color);border-radius:10px;background:color-mix(in srgb,var(--theme-card-bg) 92%,#000 8%)}.custom-theme-editor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.custom-theme-editor-header>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.custom-theme-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.custom-theme-body{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;align-items:start}.custom-theme-fields{display:flex;flex-wrap:wrap;gap:10px 9px}.theme-color-field{position:relative;width:48px;display:flex;flex-direction:column;gap:5px;color:var(--theme-text-muted);font-size:0;font-weight:var(--font-weight-semibold)}.theme-color-field:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:80;width:max-content;max-width:180px;padding:6px 8px;border:1px solid var(--theme-border-color);border-radius:6px;background:var(--theme-popover-bg);color:var(--theme-text-primary);box-shadow:var(--shadow-sm);font-size:12px;line-height:1.25;white-space:normal;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.theme-color-field:before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);z-index:81;width:8px;height:8px;border-right:1px solid var(--theme-border-color);border-bottom:1px solid var(--theme-border-color);background:var(--theme-popover-bg);opacity:0;pointer-events:none;transform:translate(-50%,4px) rotate(45deg);transition:opacity var(--transition-fast),transform var(--transition-fast)}.theme-color-field:hover:after,.theme-color-field:focus-within:after,.theme-color-field:hover:before,.theme-color-field:focus-within:before{opacity:1;transform:translate(-50%) rotate(0)}.theme-color-field:hover:before,.theme-color-field:focus-within:before{transform:translate(-50%) rotate(45deg)}.theme-color-control{display:flex;flex-direction:column;gap:5px}.theme-color-control input[type=color]{width:48px;height:48px;min-height:48px;padding:2px;border-radius:8px;border-color:var(--theme-border-color);background:transparent}.theme-color-control input[type=text]{width:48px;min-height:22px;padding:2px 0;border:0;background:transparent;color:var(--theme-text-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;text-align:center}.theme-color-field.invalid input[type=text]{border-color:var(--theme-danger)}.custom-theme-preview{min-height:150px;display:grid;grid-template-columns:38px minmax(0,1fr);overflow:hidden;border:1px solid var(--theme-border-color);border-radius:10px}.custom-theme-preview-sidebar{min-height:100%}.custom-theme-preview-main{display:flex;flex-direction:column;gap:8px;padding:12px}.custom-theme-preview-main span{display:block;min-height:28px;border:1px solid var(--theme-border-color);border-radius:var(--radius-sm)}.custom-theme-preview-main span:nth-child(2),.custom-theme-preview-main span:nth-child(3){width:58%}.custom-theme-preview-main p{margin:auto 0 0;font-size:12px}.appearance-theme-title h3{margin:0 0 28px;color:var(--theme-text-primary);font-size:24px;line-height:1.2;font-weight:var(--font-weight-semibold)}#settings-appearance{max-width:700px}html[data-theme=white] .modal-backdrop,html[data-theme=white] .img-modal-backdrop{background:#f5f6f8c7}html[data-theme=white] .toast-mark,html[data-theme=white] .chat-new-messages-count,html[data-theme=white] input[type=checkbox]:checked:after{color:#fff}html[data-theme=white] .settings-nav-avatar{background:var(--theme-border-color);color:var(--theme-text-primary)}@media (max-width: 900px){.theme-preset-grid,.custom-theme-fields,.custom-theme-body{grid-template-columns:1fr}.custom-theme-editor-header{flex-direction:column}.custom-theme-actions{justify-content:flex-start}}.settings-card,.admin-card,.settings-content .card.settings-card{background:transparent;box-shadow:none}.settings-card:not(:last-child),.admin-card:not(:last-child){border-bottom-color:var(--theme-border-color)}.consent-row{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--text);cursor:pointer}.consent-row input[type=checkbox]{margin:2px 0 0;flex:0 0 auto;width:16px;height:16px;cursor:pointer}.consent-row-optional{color:var(--text-dim)}.consent-row a{white-space:nowrap}.legal-footer-links{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-size:12px;color:var(--text-dim)}.legal-footer-links a{color:var(--text-dim)}.legal-footer-links a:hover{color:var(--accent)}.legal-page{height:100%;width:100%;overflow-y:auto;background:var(--color-bg-canvas, var(--bg));color:var(--text);padding:32px 20px 64px}.legal-container{max-width:820px;margin:0 auto}.legal-header{margin-bottom:20px}.legal-back{display:inline-block;margin-bottom:14px;font-size:13px;color:var(--text-dim);background:none;border:0;padding:0;cursor:pointer;font-family:inherit}.lang-switcher{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:var(--bg-2);border:1px solid var(--border)}.lang-switcher-fixed{position:fixed;top:16px;right:16px;z-index:20}.lang-switcher-btn{min-width:34px;padding:4px 8px;border:0;border-radius:6px;background:none;color:var(--text-dim);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s,color .12s}.lang-switcher-btn:hover{color:var(--text)}.lang-switcher-btn.is-active{background:var(--accent);color:var(--theme-accent-text, #fff)}.legal-back:hover{color:var(--accent)}.legal-header h1{margin:0 0 6px;font-size:24px;line-height:1.25}.legal-meta{margin:0 0 12px;font-size:13px;color:var(--text-dim)}.legal-body{font-size:14px;line-height:1.6}.legal-section{margin-top:22px}.legal-section h2{font-size:17px;margin:0 0 8px}.legal-section p{margin:0 0 10px;color:var(--text)}.legal-section ul{margin:0 0 10px;padding-left:20px}.legal-section li{margin:4px 0}.legal-muted{color:var(--text-dim);font-size:13px}.legal-footer-nav{margin-top:32px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:14px;font-size:13px}[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}