@import"https://fonts.googleapis.com/css2?family=Boldonse&display=swap";@import"https://fonts.googleapis.com/css2?family=Special+Elite&family=Anton&family=Courier+Prime:wght@400;700&display=swap";:root{--background: #36393f;--background-primary: #2f3136;--background-secondary: #36393f;--surface: #2f3136;--surface-hover: #40444b;--text: #dcddde;--text-normal: #dcddde;--text-muted: #8e9297;--text-secondary: #b9bbbe;--icon: #b9bbbe;--icon-hover: #dcddde;--primary: #5865f2;--primary-hover: #4752c4;--secondary: #57f287;--success: #43b581;--danger: #ed4245;--warning: #faa61a;--info: #00b0f0;--border: #4f545c;--border-bottom: #4f545c;--hover: #40444b;--background-modifier-hover: #40444b;--server-list-background: #1e1f22;--bottom: #36393f;--primary-rgb: 88, 101, 242;--secondary-rgb: 87, 242, 135;--danger-rgb: 237, 66, 69;--success-rgb: 67, 181, 129;--voice-speaking-color: var(--success, #43b581);--in-app-notif-bg: var(--surface, #2f3136)}body{margin:0;padding:0;font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--background);color:var(--text);height:100vh;overflow:hidden}#root{height:100vh;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--primary, #5865f2) var(--surface, #2f3136)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--surface, #2f3136);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--primary, #5865f2);border-radius:999px;border:2px solid var(--surface, #2f3136)}*::-webkit-scrollbar-thumb:hover{background:var(--primary-hover, #4752c4)}[data-theme-preset=cyberpunk]{--cp-red: #e8192e;--cp-red-muted: #9a2830;--cp-cyan: #00f0f0;--cp-yellow: #fcee09;--cp-yellow-muted: #c9ba00;--cp-red-border: #5c1820;--cp-glow-red: 0 0 8px rgba(232, 25, 46, .35);--cp-glow-cyan: 0 0 8px rgba(0, 240, 240, .35);--cp-glow-yellow: 0 0 8px rgba(252, 238, 9, .35);--text: #fcee09;--text-normal: #fcee09;--text-muted: #c9ba00;--text-secondary: #e8d908;--icon: #fcee09;--icon-hover: #fff176;--user-panel-btn-bg: transparent;--user-panel-btn-bg-hover: rgba(252, 238, 9, .12);--user-panel-btn-bg-active: rgba(252, 238, 9, .2);--user-panel-btn-color: var(--cp-yellow);--user-panel-btn-border: 1px solid var(--cp-yellow);--voice-speaking-color: var(--cp-cyan)}[data-theme-preset=cyberpunk] body,[data-theme-preset=cyberpunk] #root{background:radial-gradient(ellipse at center,transparent 35%,rgba(80,8,12,.42) 100%),var(--background);color:var(--cp-yellow)}[data-theme-preset=cyberpunk] .message-item:not(.own) .message-body{background:transparent;color:var(--cp-cyan);border:1px solid var(--cp-cyan);border-radius:4px;text-shadow:var(--cp-glow-cyan)}[data-theme-preset=cyberpunk] .message-item.own .message-body{background:transparent;color:var(--cp-yellow);border:1px solid var(--cp-yellow);border-radius:4px;text-shadow:var(--cp-glow-yellow)}[data-theme-preset=cyberpunk] .message-item:hover{background:#e8192e0f}[data-theme-preset=cyberpunk] .message-username,[data-theme-preset=cyberpunk] .member-list-name{color:var(--cp-cyan);text-shadow:var(--cp-glow-cyan)}[data-theme-preset=cyberpunk] .message-item.own .message-username{color:var(--cp-yellow);text-shadow:var(--cp-glow-yellow)}[data-theme-preset=cyberpunk] .message-item:not(.own) .message-link{color:var(--cp-cyan)}[data-theme-preset=cyberpunk] .message-item.own .message-link{color:var(--cp-yellow)}[data-theme-preset=cyberpunk] .message-item.own .message-meta .message-time{color:color-mix(in srgb,var(--cp-yellow) 55%,transparent)}[data-theme-preset=cyberpunk] .channel-item,[data-theme-preset=cyberpunk] .channel-item .channel-icon,[data-theme-preset=cyberpunk] .channel-item .channel-name,[data-theme-preset=cyberpunk] .category-header,[data-theme-preset=cyberpunk] .category-name{color:var(--cp-yellow)}[data-theme-preset=cyberpunk] .channel-item:hover:not(.active){background:#fcee0914;color:var(--cp-yellow)}[data-theme-preset=cyberpunk] .channel-item.active,[data-theme-preset=cyberpunk] .channel-item.active:hover{background:#00f0f01a;color:var(--cp-cyan);box-shadow:inset 3px 0 0 var(--cp-cyan);border-radius:0 4px 4px 0}[data-theme-preset=cyberpunk] .channel-item.active .channel-icon,[data-theme-preset=cyberpunk] .channel-item.active .channel-name,[data-theme-preset=cyberpunk] .channel-item.active .private-channel-icon{color:var(--cp-cyan);text-shadow:var(--cp-glow-cyan)}[data-theme-preset=cyberpunk] .channel-item.active .settings-button{color:var(--cp-cyan)!important;opacity:.85}[data-theme-preset=cyberpunk] .channel-item.active .settings-button:hover{background:#e8192e26!important;opacity:1}[data-theme-preset=cyberpunk] .friends-button,[data-theme-preset=cyberpunk] .chat-list-header h3,[data-theme-preset=cyberpunk] .friends-panel__header,[data-theme-preset=cyberpunk] .chat-header,[data-theme-preset=cyberpunk] .server-info h3{color:var(--cp-yellow);text-shadow:var(--cp-glow-yellow)}[data-theme-preset=cyberpunk] .friends-panel__tab{color:var(--cp-yellow-muted);background:transparent}[data-theme-preset=cyberpunk] .friends-panel__tab:hover{color:var(--cp-yellow);background:#fcee0914}[data-theme-preset=cyberpunk] .friends-panel__tab.active{color:var(--cp-yellow);background:transparent;border-bottom:2px solid var(--cp-cyan);border-radius:0;box-shadow:0 2px 8px #00f0f033}[data-theme-preset=cyberpunk] .create-button,[data-theme-preset=cyberpunk] .save-button,[data-theme-preset=cyberpunk] .settings-btn--primary{background:transparent;border:1px solid var(--cp-cyan);color:var(--cp-cyan);text-shadow:var(--cp-glow-cyan)}[data-theme-preset=cyberpunk] .create-button:hover,[data-theme-preset=cyberpunk] .save-button:hover,[data-theme-preset=cyberpunk] .settings-btn--primary:hover{background:#00f0f01a;border-color:var(--cp-cyan);color:var(--cp-cyan)}[data-theme-preset=cyberpunk] .voice-call-title,[data-theme-preset=cyberpunk] .voice-call-title svg,[data-theme-preset=cyberpunk] .voice-call-title span{color:var(--cp-yellow);text-shadow:var(--cp-glow-yellow);background:transparent!important}[data-theme-preset=cyberpunk] .voice-call-chrome{--vc-icon: var(--cp-cyan);--vc-icon-hover: color-mix(in srgb, var(--cp-cyan) 82%, #ffffff)}[data-theme-preset=cyberpunk] .audio-message{--am-wave-color: var(--cp-yellow-muted);--am-progress-color: var(--cp-cyan);--am-cursor-color: var(--cp-cyan);background:transparent;border-color:var(--cp-red-border);color:var(--cp-yellow)}[data-theme-preset=cyberpunk] *{scrollbar-color:var(--cp-yellow) var(--surface)}[data-theme-preset=cyberpunk] *::-webkit-scrollbar-thumb{background:var(--cp-yellow)}[data-theme-preset=cyberpunk] *::-webkit-scrollbar-thumb:hover{background:#fff176}[data-theme-preset=cyberpunk] .chat-item:hover:not(.active){background:#fcee0914}[data-theme-preset=cyberpunk] .chat-item.active,[data-theme-preset=cyberpunk] .chat-item.active:hover{background:#00f0f01a;box-shadow:inset 3px 0 0 var(--cp-cyan)}[data-theme-preset=cyberpunk] .chat-item .chat-name{color:var(--cp-yellow)}[data-theme-preset=cyberpunk] .chat-item.active .chat-name{color:var(--cp-cyan);text-shadow:var(--cp-glow-cyan)}[data-theme-preset=cyberpunk] .friends-button.active{background:#e8192e26;color:var(--cp-yellow);box-shadow:inset 3px 0 0 var(--cp-red)}[data-theme-preset=night-city]{--text: #4ee2c0;--text-normal: #4ee2c0;--text-muted: #4ee2c0;--text-secondary: #4ee2c0;--icon: #4ee2c0;--icon-hover: #7af0d8;--nc-text-glow: 0 0 6px rgba(78, 226, 192, .28);--user-panel-btn-bg: #fcee09;--user-panel-btn-bg-hover: #d4c908;--user-panel-btn-bg-active: #b8ad07;--user-panel-btn-color: #0a0a0a;--voice-speaking-color: #4ee2c0}[data-theme-preset=night-city] body,[data-theme-preset=night-city] #root{color:#4ee2c0}[data-theme-preset=night-city] .create-button,[data-theme-preset=night-city] .save-button,[data-theme-preset=night-city] .settings-btn--primary{color:var(--text-on-primary, #0a0a0a);text-shadow:none}[data-theme-preset=night-city] .channel-item,[data-theme-preset=night-city] .channel-item .channel-icon,[data-theme-preset=night-city] .channel-item .channel-name,[data-theme-preset=night-city] .category-header,[data-theme-preset=night-city] .category-name{color:#4ee2c0;text-shadow:var(--nc-text-glow)}[data-theme-preset=night-city] .channel-item:hover:not(.active){color:#4ee2c0}[data-theme-preset=night-city] .channel-item.active,[data-theme-preset=night-city] .channel-item.active:hover{background:#d4c908;color:#4ee2c0;font-weight:500;text-shadow:0 0 8px rgba(78,226,192,.5)}[data-theme-preset=night-city] .channel-item.active .channel-icon,[data-theme-preset=night-city] .channel-item.active .channel-name,[data-theme-preset=night-city] .channel-item.active .private-channel-icon{color:#4ee2c0;text-shadow:0 0 8px rgba(78,226,192,.5)}[data-theme-preset=night-city] .channel-item.active .settings-button{color:#4ee2c0!important;opacity:.85}[data-theme-preset=night-city] .channel-item.active .settings-button:hover{background:#0a0a0a33!important;opacity:1}[data-theme-preset=night-city] .voice-call-title,[data-theme-preset=night-city] .voice-call-title svg,[data-theme-preset=night-city] .voice-call-title span{color:var(--text);text-shadow:var(--nc-text-glow);background:transparent!important}[data-theme-preset=night-city] .voice-call-chrome{--vc-icon: var(--text, #4ee2c0);--vc-icon-hover: color-mix(in srgb, var(--text, #4ee2c0) 82%, #ffffff)}[data-theme-preset=cyberpunk] .call-mode-modal,[data-theme-preset=cyberpunk] .incoming-call-card,[data-theme-preset=cyberpunk] .global-incoming-call-card{border-color:var(--cp-red);box-shadow:var(--cp-glow-red)}[data-theme-preset=cyberpunk] .call-mode-modal h3,[data-theme-preset=cyberpunk] .incoming-call-user,[data-theme-preset=cyberpunk] .global-incoming-call-user,[data-theme-preset=cyberpunk] .join-preview-title,[data-theme-preset=cyberpunk] .join-preview-user-name{color:var(--cp-yellow);text-shadow:var(--cp-glow-yellow)}[data-theme-preset=cyberpunk] .call-mode-modal p,[data-theme-preset=cyberpunk] .incoming-call-text,[data-theme-preset=cyberpunk] .global-incoming-call-text{color:var(--cp-yellow-muted)}[data-theme-preset=cyberpunk] .call-mode-button.notify{border-color:var(--cp-cyan);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cp-cyan) 30%,transparent),var(--cp-glow-cyan)}[data-theme-preset=cyberpunk] .call-mode-button.direct{border-color:var(--cp-yellow);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cp-yellow) 30%,transparent),var(--cp-glow-yellow)}[data-theme-preset=cyberpunk] .chat-voice-call-join-preview{border-bottom-color:var(--cp-red)}[data-theme-preset=cyberpunk] .chat-voice-call-join-preview:after{background:linear-gradient(90deg,transparent 0%,var(--cp-cyan) 20%,var(--cp-cyan) 80%,transparent 100%)}[data-theme-preset=cyberpunk] .join-preview-controls{border-color:var(--cp-red);background:color-mix(in srgb,var(--background-primary, #0a0a0a) 80%,transparent)}[data-theme-preset=cyberpunk] .join-preview-btn.join,[data-theme-preset=cyberpunk] .incoming-call-button.accept,[data-theme-preset=cyberpunk] .global-incoming-call-button.accept{background:var(--cp-cyan);color:#0a0a0a}[data-theme-preset=cyberpunk] .join-preview-btn.disabled{background:color-mix(in srgb,var(--cp-red) 25%,transparent);color:var(--cp-yellow-muted);border:1px solid var(--cp-red-border)}[data-theme-preset=night-city] .call-mode-modal,[data-theme-preset=night-city] .incoming-call-card,[data-theme-preset=night-city] .global-incoming-call-card{border-color:color-mix(in srgb,var(--text) 35%,transparent);box-shadow:0 14px 30px #00000080}[data-theme-preset=night-city] .call-mode-modal h3,[data-theme-preset=night-city] .incoming-call-user,[data-theme-preset=night-city] .global-incoming-call-user,[data-theme-preset=night-city] .join-preview-title,[data-theme-preset=night-city] .join-preview-user-name{text-shadow:var(--nc-text-glow)}[data-theme-preset=night-city] .call-mode-button.notify{border-color:color-mix(in srgb,var(--text) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 20%,transparent)}[data-theme-preset=night-city] .call-mode-button.direct{border-color:color-mix(in srgb,#fcee09 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fcee09 20%,transparent)}[data-theme-preset=night-city] .chat-voice-call-join-preview:after{background:linear-gradient(90deg,transparent 0%,var(--text) 20%,var(--text) 80%,transparent 100%)}[data-theme-preset=cyberpunk]{--in-app-notif-bg: #12080c}[data-theme-preset=cyberpunk] .in-app-notifications__hide-all{color:var(--cp-cyan);text-shadow:var(--cp-glow-cyan)}[data-theme-preset=cyberpunk] .in-app-notifications__list{box-shadow:0 8px 28px #00000080,0 0 0 1px var(--cp-red)}[data-theme-preset=cyberpunk] .in-app-notification-card{border-top-color:color-mix(in srgb,var(--cp-red) 55%,transparent)}[data-theme-preset=cyberpunk] .in-app-notification-card__title{color:var(--cp-yellow);text-shadow:var(--cp-glow-yellow)}[data-theme-preset=cyberpunk] .in-app-notification-card__message{color:var(--cp-yellow-muted)}[data-theme-preset=night-city]{--in-app-notif-bg: #0a1218}[data-theme-preset=night-city] .in-app-notifications__hide-all{color:var(--text);text-shadow:var(--nc-text-glow)}[data-theme-preset=night-city] .in-app-notification-card__title{text-shadow:var(--nc-text-glow)}[data-theme-mode=light]{color-scheme:light}[data-theme-mode=light] .app,[data-theme-mode=light] body,[data-theme-mode=light] .loading-container,[data-theme-mode=light] .loading-spinner{background-color:var(--background)!important;color:var(--text)!important}[data-theme-mode=light] .home-page,[data-theme-mode=light] .main-layout,[data-theme-mode=light] .content-area{background-color:var(--background-primary)!important}[data-theme-mode=light] .home-content{color:var(--text)}[data-theme-mode=light] .spinner{border-color:var(--border);border-top-color:var(--primary)}[data-theme-mode=light] .server-info h3,[data-theme-mode=light] .server-info .dropdown-arrow{color:var(--text);text-shadow:none}[data-theme-mode=light] .server-info:hover{background-color:var(--surface-hover)!important}[data-theme-mode=light] [class*=username]{color:var(--text)!important}[data-theme-mode=light] [class*=user-status-text]{color:var(--text-muted)!important}[data-theme-mode=light] [class*=user-identity-button]:hover [class*=username]{color:var(--text)!important}[data-theme-mode=light] [class*=user-identity-button]:hover [class*=user-status-text]{color:var(--text-secondary)!important}[data-theme-mode=light] [class*=user-avatar-status]{border-color:var(--surface)!important}[data-theme-mode=light] [class*=status-menu]{background-color:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 8px 24px #0000001f!important}[data-theme-mode=light] [class*=status-menu-item]{color:var(--text)!important}[data-theme-mode=light] [class*=voice-control-button]:not([class*=Muted]):not([class*=Moderated]){background:var(--surface-hover)!important;color:var(--text)!important}[data-theme-mode=light] [class*=voice-control-button]:not([class*=Muted]):not([class*=Moderated]):hover{background:var(--border)!important}[data-theme-mode=light] .modal-overlay{background-color:#00000073}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit}.btn:focus{outline:none;box-shadow:0 0 0 2px #5865f24d}.btn--primary{background:var(--primary, #5865f2);color:var(--text, #ffffff)}.btn--primary:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.btn--secondary{background:var(--background-secondary, #4f545c);color:var(--text, #ffffff);border:1px solid var(--border, #4f545c)}.btn--secondary:hover:not(:disabled){background:var(--hover, #5d6269)}.btn--danger{background:var(--danger, #f04747);color:var(--text, #ffffff)}.btn--danger:hover:not(:disabled){background:var(--danger-hover, #d73a49)}.btn--ghost{background:transparent;color:var(--text-secondary, #b9bbbe);border:1px solid var(--border, #4f545c)}.btn--ghost:hover:not(:disabled){background:var(--hover, #4f545c);color:var(--text, #ffffff)}.btn--small{padding:8px 16px;font-size:14px;min-height:32px}.btn--medium{padding:10px 20px;font-size:16px;min-height:40px}.btn--large{padding:12px 24px;font-size:16px;min-height:48px}.btn--disabled{background:var(--background-secondary, #4f4f4f);color:var(--text-secondary, #b9bbbe);cursor:not-allowed;transform:none}.btn--disabled:hover{background:var(--background-secondary, #4f4f4f);transform:none}.form-field{display:flex;flex-direction:column;margin-bottom:20px}.form-field__label{display:block;color:var(--text-secondary, #b9bbbe);margin-bottom:8px;font-size:14px;font-weight:600;text-transform:uppercase}.form-field__required{color:var(--danger, #f04747);margin-left:4px}.form-field__input{width:100%;padding:12px;background:#2f313600;border:1px solid var(--border, #4f545c);border-radius:4px;color:var(--text, #ffffff);font-size:16px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-field__input:focus{outline:none;border-color:var(--primary, #5865f2);box-shadow:0 0 0 2px #5865f24d}.form-field__input--error{border-color:var(--danger, #f04747)}.form-field__input--error:focus{border-color:var(--danger, #f04747);box-shadow:0 0 0 2px #f047474d}.form-field__input:disabled{background:var(--background-secondary, #36393f);color:var(--text-secondary, #b9bbbe);cursor:not-allowed}.form-field__error{color:var(--danger, #f04747);font-size:14px;margin-top:4px}.user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;box-sizing:border-box}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.server-icon{width:48px;height:48px;border-radius:50%;background:var(--background, #2f3136);color:var(--text, #dcddde);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;font-size:16px;font-weight:600}.server-icon:hover{border-radius:16px;background:var(--primary, #5865f2)}.server-icon.active{background:var(--primary, #5865f2);border-radius:16px}.server-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:border-radius .2s ease}.server-icon:hover .server-avatar-image{border-radius:16px}.server-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background, #2f3136);color:var(--text, #dcddde);border-radius:50%;transition:all .2s ease}.server-icon:hover .server-initials,.server-icon.active .server-initials{background:var(--primary, #5865f2);color:#fff;border-radius:16px}.server-icon:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:8px;height:24px;background-color:var(--text, #dcddde);border-radius:0 4px 4px 0;opacity:0;transition:all .2s ease}.server-icon.active:before{opacity:1}.server-icon:hover:before{opacity:1}.notification-button{width:48px;height:48px;border-radius:50%;background:var(--background, #2f3136);color:var(--text, #dcddde);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;font-size:16px}.notification-button:hover{background:var(--primary, #5865f2);color:#fff;border-radius:16px}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#ed4245;color:#fff;border-radius:10px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;padding:0 6px;box-shadow:0 2px 4px #0003}.notification-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface, #36393f);border-radius:8px;padding:20px;z-index:1000;box-shadow:0 8px 25px #0000004d}.notification-panel-content h3{margin:0 0 16px;color:var(--text, #dcddde)}.notification-panel-content p{margin:0 0 16px;color:var(--text-secondary, #8e9297)}.notification-panel-content button{background:var(--primary, #5865f2);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.message-input-container{position:relative;padding:.575rem;background:var(--bottom);border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.message-input-form{width:100%}.input-wrapper{display:flex;align-items:center;gap:12px;background:var(--background);border:1px solid var(--border);border-radius:20px;padding:8px 12px;transition:all .2s ease;flex:1}.input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.message-input{flex:1;background:none;border:none;color:var(--text);font-size:14px;line-height:1.4;resize:none;min-height:20px;max-height:120px;outline:none;font-family:inherit;padding:4px 0}.message-input:disabled{opacity:.6;cursor:not-allowed}.input-actions{display:flex;align-items:center;gap:8px}.media-button,.voice-button,.send-button{background:none;border:none;color:var(--textMuted);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.media-button:hover,.voice-button:hover{color:var(--text);background:var(--hover)}.send-button{background:var(--primary);color:#fff}.send-button:hover:not(:disabled){background:var(--primary-hover, #4752c4);transform:scale(1.05)}.send-button:disabled{background-color:var(--textMuted);cursor:not-allowed;transform:none}.recording-controls{display:flex;align-items:center;gap:12px;background-color:#ed42451a;padding:8px 12px;border-radius:20px;border:1px solid rgba(237,66,69,.3)}.recording-indicator{display:flex;align-items:center;gap:8px}.recording-dot{width:8px;height:8px;background-color:#ed4245;border-radius:50%;animation:recording-blink 1s infinite}@keyframes recording-blink{0%,50%{opacity:1}51%,to{opacity:.3}}.recording-time{color:var(--text, #dcddde);font-size:14px;font-weight:500;font-family:Courier New,monospace;min-width:35px}.stop-recording-button{background:#ed4245;color:#fff;border:none;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all .2s ease}.stop-recording-button:hover{background:#d73c3c;transform:scale(1.05)}@media (max-width: 768px){.message-input-container{padding:8px}.input-wrapper{padding:6px 10px;gap:8px}.message-input{font-size:16px;/}.media-button,.voice-button,.send-button{width:32px;height:32px;padding:6px}.recording-controls{padding:6px 10px;gap:8px}}.voice-participant-context-menu{position:fixed;z-index:1100;background:var(--background-secondary, #111214);border:1px solid var(--border, #1e1f22);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px 0;min-width:220px;overflow:hidden}.voice-participant-context-menu button{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text, #f2f3f5);font-size:14px;text-align:left;cursor:pointer}.voice-participant-context-menu button:hover{background:var(--hover, #2e3035)}.video-call-container{width:100%;height:100%;background:transparent;display:flex;flex-direction:column;position:relative;min-height:0;overflow:hidden;container-type:inline-size;container-name:call-container}.video-grid-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;min-height:0;max-height:100%}.video-grid{display:flex;flex-wrap:wrap;gap:8px;width:100%;height:100%;align-content:center;justify-content:center;padding:0 8px;min-height:0;max-height:100%;overflow:hidden}.video-tile{position:relative;background:#1e1f22;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;aspect-ratio:16 / 9;max-height:100%;height:auto}.video-tile .tile-border{position:absolute;inset:0;border:2px solid transparent;border-radius:8px;pointer-events:none;transition:all .15s ease}.video-tile:hover .tile-border{border-color:#ffffff1a}.video-tile.speaking{z-index:10;box-shadow:inset 0 0 0 3px #23a55a,inset 0 0 20px #23a55a99!important;animation:speaking-tile-glow 1.2s ease-in-out infinite!important}.video-tile.speaking:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#23a55a26,#23a55a0d);pointer-events:none;z-index:1;border-radius:8px;animation:speaking-overlay-pulse 1.2s ease-in-out infinite}.video-tile.speaking .tile-border{border:3px solid #23a55a!important;border-radius:8px;box-shadow:inset 0 0 10px #23a55a66}@keyframes speaking-tile-glow{0%,to{box-shadow:inset 0 0 0 3px #23a55a,inset 0 0 20px #23a55a99}50%{box-shadow:inset 0 0 0 4px #2dc770,inset 0 0 30px #23a55acc}}@keyframes speaking-overlay-pulse{0%,to{opacity:1}50%{opacity:.7}}.tile-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.tile-background{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1e1f22}.tile-avatar-bg{width:120px;height:120px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tile-bottom-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;display:flex;align-items:center;justify-content:space-between;z-index:2}.bottom-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.mic-status{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#000c;border-radius:3px;flex-shrink:0;color:#f2f3f5}.mic-status.muted{color:#fff}.mic-status.speaking{background:#3ba55c33;color:#3ba55c}.mic-status.silent{background:#000c;color:#b5bac1}.mic-status.server-moderated,.headset-status.server-moderated{background:#f0b2322e;box-shadow:inset 0 0 0 1px #f0b2328c}.headset-status.muted{color:#ed4245}.tile-mod-badge{position:absolute;right:-3px;bottom:-3px;color:#f0b232!important;background:#1e1f22;border-radius:50%;padding:1px}.mic-status,.headset-status{position:relative}.headset-status{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#000c;border-radius:3px;flex-shrink:0}.participant-name{color:#f2f3f5;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.8)}.tile-settings-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#000c;border:none;border-radius:3px;cursor:pointer;color:#f2f3f5;opacity:0;transition:all .2s ease;flex-shrink:0}.video-tile:hover .tile-settings-btn{opacity:1}.tile-settings-btn:hover{background:#000000f2;color:#fff}.tile-volume-controls{display:flex;align-items:center;gap:8px;position:relative}.tile-volume-btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#00000080;border:none;border-radius:50%;cursor:pointer;color:#f2f3f5;opacity:1;transition:all .2s ease;flex-shrink:0;padding:4px}.tile-volume-btn:hover{background:#000000b3;transform:scale(1.1)}.tile-volume-btn.muted{background:#ed42451a!important;animation:mutePulse 2s infinite}.tile-volume-btn.muted:hover{background:#ed424533!important;transform:scale(1.1)}.tile-volume-btn.muted svg{color:#ed4245}.tile-volume-btn.speaking{background:transparent}.tile-volume-btn.speaking svg{color:#3ba55c}.tile-volume-btn.silent svg{color:#b5bac1}.volume-control{position:absolute;bottom:8px;right:8px;background-color:#00000080;border-radius:50%;transition:all .2s ease;z-index:10;padding:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.volume-control:hover{background-color:#000000b3;transform:scale(1.1)}.volume-control.muted{background-color:#ed42451a!important;animation:mutePulse 2s infinite}.volume-control.muted:hover{background-color:#ed424533!important;transform:scale(1.1)}.volume-control.speaking{background-color:transparent}.volume-control.speaking svg{color:#3ba55c}.volume-control.silent{background-color:transparent}.volume-control.silent svg{color:#b5bac1}@keyframes mutePulse{0%{box-shadow:0 0 #ed424566}70%{box-shadow:0 0 0 10px #ed424500}to{box-shadow:0 0 #ed424500}}.volume-slider-container{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#000000e6;border-radius:8px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1100;box-shadow:0 4px 12px #00000080}.volume-percentage{color:#f2f3f5;font-size:11px;font-weight:600;min-width:40px;text-align:center}.video-grid[data-user-count="1"]{display:flex;justify-content:center;align-items:center}.video-grid[data-user-count="1"] .video-tile{width:100%;max-width:800px;height:auto}.video-grid[data-user-count="2"]{flex-direction:column;gap:8px}.video-grid[data-user-count="2"] .video-tile{width:100%;max-width:600px}@container call-container (min-width: 600px){.video-grid[data-user-count="2"]{flex-direction:row}.video-grid[data-user-count="2"] .video-tile{width:calc(50% - 4px);max-width:none}}.video-grid[data-user-count="3"]{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;margin:0 auto}.video-grid[data-user-count="3"] .video-tile{width:min(calc(50% - 4px),calc(((100% - 8px) / 2) * 16 / 9));flex-shrink:0}@container call-container (max-width: 500px){.video-grid[data-user-count="3"] .video-tile{width:100%}}.video-grid[data-user-count="4"]{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;margin:0 auto}.video-grid[data-user-count="4"] .video-tile{width:min(calc(50% - 4px),calc(((100% - 8px) / 2) * 16 / 9));flex-shrink:0}@container call-container (max-width: 500px){.video-grid[data-user-count="4"] .video-tile{width:100%}}.video-call-container.dm-grid-fit .video-grid[data-user-count="3"] .video-tile,.video-call-container.dm-grid-fit .video-grid[data-user-count="4"] .video-tile{height:calc((100% - 8px)/2);width:auto;max-width:calc(50% - 4px)}@container call-container (max-width: 500px){.video-call-container.dm-grid-fit .video-grid[data-user-count="3"] .video-tile,.video-call-container.dm-grid-fit .video-grid[data-user-count="4"] .video-tile{width:100%;max-width:100%;height:auto}}.video-grid[data-user-count="5"]{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;margin:0 auto}.video-grid[data-user-count="5"] .video-tile{width:min(calc(33.333% - 5.33px),calc(((100% - 8px) / 2) * 16 / 9));flex-shrink:0}@container call-container (max-width: 500px){.video-grid[data-user-count="5"] .video-tile{width:100%}}@container call-container (min-width: 500px) and (max-width: 800px){.video-grid[data-user-count="5"] .video-tile{width:calc(50% - 4px)}}.video-grid[data-user-count="6"]{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;margin:0 auto}.video-grid[data-user-count="6"] .video-tile{width:min(calc(33.333% - 5.33px),calc(((100% - 16px) / 3) * 16 / 9));flex-shrink:0}@container call-container (max-width: 500px){.video-grid[data-user-count="6"] .video-tile{width:100%}}@container call-container (min-width: 500px) and (max-width: 750px){.video-grid[data-user-count="6"] .video-tile{width:calc(50% - 4px)}}.video-grid[data-user-count="7"]{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;margin:0 auto}.video-grid[data-user-count="7"] .video-tile{width:min(calc(33.333% - 5.33px),calc(((100% - 16px) / 3) * 16 / 9));flex-shrink:0}@container call-container (max-width: 500px){.video-grid[data-user-count="7"] .video-tile{width:100%}}@container call-container (min-width: 500px) and (max-width: 800px){.video-grid[data-user-count="7"] .video-tile{width:calc(50% - 4px)}}.video-grid[data-user-count="8"]{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;margin:0 auto}.video-grid[data-user-count="8"] .video-tile{width:min(calc(25% - 6px),calc(((100% - 16px) / 3) * 16 / 9));flex-shrink:0}@container call-container (max-width: 500px){.video-grid[data-user-count="8"] .video-tile{width:100%}}@container call-container (min-width: 500px) and (max-width: 800px){.video-grid[data-user-count="8"] .video-tile{width:calc(50% - 4px)}}.video-grid[data-user-count="9"]{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;margin:0 auto}.video-grid[data-user-count="9"] .video-tile{width:min(calc(33.333% - 5.33px),calc(((100% - 16px) / 3) * 16 / 9));flex-shrink:0}@container call-container (max-width: 500px){.video-grid[data-user-count="9"] .video-tile{width:100%}}@container call-container (min-width: 500px) and (max-width: 700px){.video-grid[data-user-count="9"] .video-tile{width:calc(50% - 4px)}}.pagination-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:2px solid #5865f2;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination-arrow:hover{background:#5865f2;transform:translateY(-50%) scale(1.1)}.pagination-arrow:active{transform:translateY(-50%) scale(.95)}.pagination-arrow-left{left:20px}.pagination-arrow-right{right:20px}.pagination-info{text-align:center;padding:10px;color:#b9bbbe;font-size:14px}.focused-mode{display:flex;flex-direction:column}.focused-view{flex:1;display:flex;flex-direction:column;padding:20px;gap:16px;overflow:hidden;max-height:100%;min-height:0;height:100%}.video-call-container.dm-grid-fit.focused-mode .focused-view{padding:10px 14px 12px;gap:10px}.video-call-container.dm-grid-fit.focused-mode .focused-user-wrapper{align-items:flex-start}.video-call-container.dm-grid-fit.focused-mode .focused-tile{width:min(100%,980px);max-height:min(66vh,360px);margin:0 auto}.video-call-container.dm-grid-fit.focused-mode .bottom-users-container{width:100%;justify-content:center;padding:0;gap:8px;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.video-call-container.dm-grid-fit.focused-mode .bottom-users-grid{justify-content:center;max-width:100%;gap:8px}.video-call-container.dm-grid-fit.focused-mode .bottom-users-grid .small-tile{width:min(320px,calc((100% - 8px)/2));min-width:150px;max-width:380px}.focused-user-wrapper{flex:1;display:flex;justify-content:center;align-items:center;min-height:0;overflow:hidden;max-width:100%;max-height:100%;height:100%}.focused-tile{width:100%;max-width:1200px;max-height:100%;aspect-ratio:16 / 9;cursor:pointer;height:auto}.bottom-users-container{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 60px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-users-grid{display:flex;gap:8px;justify-content:flex-start;flex-wrap:nowrap;max-width:1300px;overflow:hidden}.bottom-users-grid .small-tile{flex-shrink:0;width:200px;min-width:150px;max-width:250px}.small-tile{aspect-ratio:16 / 9;flex-shrink:0;background:#1e1f22}.small-tile.speaking .tile-border{border-color:#23a55a;border-width:2px;animation:speaking-glow-small 1.5s ease-in-out infinite}.small-tile.speaking{transform:scale(1.02)}@keyframes speaking-glow-small{0%,to{border-color:#23a55a;box-shadow:0 0 0 1px #23a55a4d,0 0 10px #23a55a66}50%{border-color:#2dc770;box-shadow:0 0 0 2px #2dc77066,0 0 15px #23a55a99}}.small-tile .tile-avatar-bg{width:48px;height:48px}.small-tile .tile-bottom-overlay{padding:6px}.small-tile .mic-status{width:16px;height:16px}.small-tile .participant-name{font-size:11px}.small-tile .tile-settings-btn{width:20px;height:20px}.bottom-users-container .pagination-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:2px solid #5865f2;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;z-index:10}.bottom-users-container .pagination-arrow:hover{background:#5865f2;transform:translateY(-50%) scale(1.1)}.bottom-users-container .pagination-arrow:active{transform:translateY(-50%) scale(.95)}.bottom-users-container .pagination-arrow-left{left:10px}.bottom-users-container .pagination-arrow-right{right:10px}.screen-share-tile{position:relative;background:#1e1f22;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;aspect-ratio:16 / 9}.screen-share-tile .tile-border{position:absolute;inset:0;border-radius:8px;pointer-events:none;z-index:1}.screen-share-tile .tile-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.screen-share-tile .tile-video{width:100%;height:100%;object-fit:contain;background:#000}.tile-video{width:100%;height:100%;object-fit:cover;background:#1e1f22}.tile-video-mirrored{transform:scaleX(-1)}.screen-share-tile .tile-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:12px;z-index:2}.screen-share-tile .tile-info{display:flex;flex-direction:column;gap:4px}.screen-share-tile .tile-name{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.screen-share-tile .screen-share-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#b9bbbe}.screen-share-tile .screen-share-indicator{width:8px;height:8px;background:#5865f2;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.screen-share-content .tile-video{width:100%;height:100%;object-fit:contain;background:#000}.screen-share-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#b9bbbe}.screen-share-status .status-indicator{width:8px;height:8px;background:#5865f2;border-radius:50%;animation:pulse 2s infinite}.screen-share-status .status-text{font-size:12px;color:#b9bbbe}.close-screen-share-btn{background:#ed4245;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s ease;margin-left:8px}.close-screen-share-btn:hover{background:#da373c}.close-screen-share-btn:active{transform:scale(.95)}.screen-share-fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:0;padding:0;background:#5865f240;color:#b9bbbe;border:none;border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.screen-share-fullscreen-btn:hover{background:#5865f280;color:#fff}.screen-share-fullscreen-btn:active{transform:scale(.95)}.video-tile.screen-share-tile:fullscreen,.video-tile.screen-share-tile:-webkit-full-screen,.video-tile.screen-share-tile:-moz-full-screen{max-width:none;max-height:none;width:100vw;height:100vh;border-radius:0;background:#000}.video-tile.screen-share-tile:fullscreen .tile-content,.video-tile.screen-share-tile:-webkit-full-screen .tile-content,.video-tile.screen-share-tile:-moz-full-screen .tile-content{width:100%;height:100%}.video-tile.screen-share-tile:fullscreen .tile-video,.video-tile.screen-share-tile:-webkit-full-screen .tile-video,.video-tile.screen-share-tile:-moz-full-screen .tile-video{width:100%;height:100%;object-fit:contain}@container call-container (max-width: 600px){.video-tile{max-width:100%!important}.video-grid{padding:0 8px!important}.focused-view{padding:10px!important}}@container call-container (max-width: 400px){.video-tile{max-width:100%!important}.small-tile{max-width:120px!important;min-width:80px!important}.focused-tile{max-width:100%!important}.video-grid{padding:8px!important;gap:4px}.focused-view{padding:8px!important;gap:6px!important}.video-grid[data-user-count="2"] .video-tile,.video-grid[data-user-count="3"] .video-tile,.video-grid[data-user-count="4"] .video-tile{width:100%!important;max-width:100%!important}}.test-controls{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:1100;background:#000000b3;padding:8px 16px;border-radius:8px;backdrop-filter:blur(10px)}.test-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.test-btn-add{background:#3ba55d;color:#fff}.test-btn-add:hover{background:#2d8049;transform:scale(1.02)}.test-btn-remove{background:#ed4245;color:#fff}.test-btn-remove:hover:not(:disabled){background:#c73e3e;transform:scale(1.02)}.test-btn:disabled{background:#555;color:#888;cursor:not-allowed;transform:none}.message-status{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;user-select:none;flex-shrink:0;vertical-align:middle}.message-status--sent{color:#ffffff8c}.message-status--delivered{color:#ffffffb3}.message-status--read{color:#8be9ff}.message-status--sending{color:#ffffff73;font-size:10px}.message-status--failed{color:#ed4245;font-weight:700}.message-status--on-light{margin-left:4px}.message-status--on-light.message-status--sent,.message-status--on-light.message-status--delivered,.message-status--on-light.message-status--sending{color:#949ba4}.message-status--on-light.message-status--read{color:var(--primary, #5865f2)}.message-status--on-light.message-status--failed{color:#ed4245}.user-message .message-status--sent,.user-message .message-status--delivered,.user-message .message-status--read,.user-message .message-status--sending{color:var(--text-muted, #8e9297)}.user-message .message-status--read{color:var(--primary, #5865f2)}@font-face{font-family:PPSupplyMono;src:url(https://assets.codepen.io/7558/PPSupplyMono-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal}.ghost-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.tp-dfwv{display:none!important}.ghost-background *{margin:0;padding:0;box-sizing:border-box}.ghost-background html,.ghost-background body{width:100%;height:100%;overflow:hidden;background-color:#111;letter-spacing:-.03em}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:1;transition:opacity 1s ease-out}.preloader.fade-out{opacity:0;pointer-events:none}.preloader-content{text-align:center;color:#e0e0e0}.ghost-loader{position:relative;width:64px;height:64px;margin:0 auto 30px;display:flex;justify-content:center;align-items:center}.ghost-svg{filter:drop-shadow(0 0 20px rgba(255,255,255,.3));animation:ghostFloat 3s ease-in-out infinite}.ghost-body{fill:#fff;opacity:.9}.ghost-eye{fill:#000;animation:eyePulse 2s ease-in-out infinite;transform-origin:center}.left-eye{animation-delay:0s}.right-eye{animation-delay:.1s}@keyframes ghostFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes eyePulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.loading-text{font-family:PPSupplyMono,monospace;font-size:12px;text-transform:uppercase;opacity:1;margin-bottom:12px;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.1}}.loading-progress{width:96px;height:1px;margin:0 auto;border-radius:1px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#00ff80,#0c6);opacity:.1;width:0%;transition:width .8s ease}.content{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;color:#e0e0e0;opacity:0;transition:opacity 1.5s ease-in}.content.fade-in{opacity:1}.quote-container{max-width:90%;overflow:hidden}.quote{font-family:Boldonse,system-ui;font-size:6vw;line-height:1.3;font-weight:400;letter-spacing:-.02em;margin-bottom:5vh;text-transform:uppercase}.author{font-family:PPSupplyMono,monospace;font-size:12px;text-transform:uppercase;opacity:.7;margin-top:2vh}.ghost-background canvas{opacity:1!important;transition:opacity .4s ease-in}.ghost-background canvas.fade-in{opacity:1!important}.ghost-background.ghost-background--background-only canvas{opacity:1!important;transition:none!important}@media (max-width: 768px){.quote{font-size:8vw}.author{font-size:10px}}.auth-qr-section{display:flex;flex-direction:column;gap:12px}.auth-qr-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;border-radius:8px;background:#ffffff0a}.auth-qr-image{width:220px;height:220px;border-radius:6px;background:#fff;padding:8px}.auth-qr-hint{margin:0;color:var(--text-secondary);font-size:13px;text-align:center}.auth-qr-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-qr-modal{position:relative;width:min(100%,380px);padding:36px 28px 24px;border-radius:16px;background:#2f31366b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 48px #00000040;display:flex;flex-direction:column;align-items:center;gap:14px}.auth-qr-close{position:absolute;top:10px;right:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:var(--text-muted, #8e9297);font-size:22px;line-height:1;cursor:pointer}.auth-qr-close:hover{background:var(--hover, #40444b);color:var(--text, #dcddde)}.auth-qr-title{margin:0;width:100%;text-align:center;font-size:18px;font-weight:600;color:var(--text, #dcddde)}.auth-qr-error{width:100%;margin-top:0}.auth-qr-modal .auth-qr-box{width:100%;background:#ffffff0f}.auth-qr-modal .auth-qr-image{width:min(280px,72vw);height:min(280px,72vw)}body{font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--background);margin:0;padding:0}.auth-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:100vh;padding-left:50px}.auth-box{position:relative;padding:40px;border-radius:10px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:400px;z-index:10}.auth-header{text-align:center;margin-bottom:30px}.auth-header h2{color:var(--text);font-size:28px;margin:0 0 10px;font-weight:600}.auth-header p{color:var(--text-secondary);font-size:16px;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-error{color:var(--danger);font-size:14px;margin-top:10px;text-align:center;padding:12px;background-color:#f047471a;border-radius:4px;border:1px solid rgba(240,71,71,.3)}.auth-success{color:#3ba55d;font-size:14px;text-align:center;padding:12px;background-color:#3ba55d1f;border-radius:4px;border:1px solid rgba(59,165,93,.35)}.auth-info{color:var(--text-secondary);font-size:14px;text-align:center;line-height:1.5}.auth-submit{width:100%;padding:12px;background:#4752c400;color:var(--text);border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.auth-submit:hover:not(:disabled){background:var(--primary-hover)}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{background:var(--background-secondary);cursor:not-allowed;transform:none}.auth-link{margin-top:20px;color:var(--text-secondary);text-align:center;font-size:14px}.auth-link a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.auth-link a:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width: 480px){.auth-container{align-items:center;padding-left:0}.auth-box{padding:20px;margin:20px}.auth-header h2{font-size:24px}.auth-header p{font-size:14px}}.soundpad-config-section{display:flex;flex-direction:column;gap:16px}.soundpad-section{display:flex;flex-direction:column;gap:10px}.soundpad-section h3{margin:0;font-size:15px;font-weight:600;color:var(--text, #dcddde)}.soundpad-hint{margin:0;color:var(--text-secondary, #8e9297);font-size:13px;line-height:1.45}.soundpad-hint a{color:var(--primary, #5865f2)}.soundpad-field label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary, #8e9297)}.soundpad-field select,.soundpad-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border, #4f545c);background:var(--background-secondary, #2b2d31);color:var(--text, #dcddde);font-size:14px;box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.soundpad-field select:focus,.soundpad-input:focus{border-color:var(--primary, #5865f2);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary, #5865f2) 28%,transparent)}.soundpad-actions{display:flex;gap:10px;flex-wrap:wrap}.soundpad-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:600;font-size:14px;transition:background-color .15s ease,opacity .15s ease}.soundpad-btn--compact{padding:7px 10px;min-height:34px}.soundpad-btn--primary{background:var(--primary, #5865f2);color:var(--text-on-primary, #fff)}.soundpad-btn--primary:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.soundpad-btn--secondary{background:var(--background-secondary, #2b2d31);color:var(--text, #dcddde);border:1px solid var(--border, #4f545c)}.soundpad-btn--secondary:hover:not(:disabled){background:var(--surface-hover, #35373c)}.soundpad-btn--ghost{background:transparent;color:var(--text-secondary, #8e9297);border:1px solid var(--border, #4f545c)}.soundpad-btn--ghost:hover:not(:disabled){background:var(--surface-hover, #35373c);color:var(--text, #dcddde)}.soundpad-btn--danger{background:var(--danger, #ed4245);color:#fff}.soundpad-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger, #ed4245) 85%,#000)}.soundpad-btn:disabled{opacity:.55;cursor:not-allowed}.soundpad-status{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--background-secondary, #2b2d31) 80%,transparent);border:1px solid var(--border, #4f545c);font-size:13px;line-height:1.45;color:var(--text, #dcddde)}.soundpad-status--ok{border-color:color-mix(in srgb,var(--success, #43b581) 45%,var(--border, #4f545c));background:color-mix(in srgb,var(--success, #43b581) 10%,transparent)}.soundpad-status--warn{border-color:color-mix(in srgb,var(--warning, #faa61a) 45%,var(--border, #4f545c));background:color-mix(in srgb,var(--warning, #faa61a) 10%,transparent);color:var(--text, #dcddde)}.soundpad-checkbox{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:14px;line-height:1.4;color:var(--text, #dcddde);cursor:pointer}.soundpad-checkbox input{margin-top:3px;flex-shrink:0;accent-color:var(--primary, #5865f2)}.soundpad-monitor-field{padding:12px;border-radius:8px;background:var(--background-secondary, #2b2d31);border:1px solid var(--border, #4f545c)}.soundpad-monitor-toggle{margin-bottom:10px}.soundpad-monitor-volume-label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary, #8e9297)}.soundpad-field input[type=range],.soundpad-monitor-field input[type=range]{width:100%;accent-color:var(--primary, #5865f2);cursor:pointer}.soundpad-slots{display:flex;flex-direction:column;gap:8px}.soundpad-slot{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(120px,160px) auto auto;gap:8px;align-items:center;padding:10px;border-radius:8px;background:var(--background-secondary, #2b2d31);border:1px solid var(--border, #4f545c)}.soundpad-slot__hotkey-edit{display:flex;gap:6px;align-items:center;grid-column:3 / span 3}.soundpad-hotkey-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;padding:6px 10px;border-radius:8px;border:1px dashed var(--border, #4f545c);background:var(--background-secondary, #2b2d31);color:var(--text-secondary, #8e9297);font-size:12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.soundpad-hotkey-btn--set{border-style:solid;color:var(--text, #dcddde);font-weight:600}.soundpad-hotkey-btn:hover{border-color:var(--primary, #5865f2);color:var(--text, #dcddde);background:color-mix(in srgb,var(--primary, #5865f2) 8%,transparent)}.soundpad-hotkey-input{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid var(--primary, #5865f2);background:var(--background-secondary, #2b2d31);color:var(--text, #dcddde);font-size:12px;text-align:center;outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary, #5865f2) 22%,transparent)}.soundpad-slot input[type=text],.soundpad-slot input[type=number]{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border, #4f545c);background:var(--background-secondary, #2b2d31);color:var(--text, #dcddde)}.soundpad-upload{display:inline-flex;align-items:center;gap:8px}.soundpad-modal-root{position:fixed;inset:0;z-index:11000;display:flex;align-items:center;justify-content:center;padding:20px}.soundpad-modal-root__backdrop{position:absolute;inset:0;border:none;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.soundpad-modal-root__dialog{position:relative;width:min(520px,100%);max-height:min(86vh,720px);display:flex;flex-direction:column;background:var(--surface, #2f3136);border:1px solid var(--border, #3f4147);border-radius:10px;box-shadow:0 16px 40px #00000073;overflow:hidden;animation:soundpadModalIn .2s ease-out}@keyframes soundpadModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.soundpad-modal-root__close{flex-shrink:0;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #b5bac1);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.soundpad-modal-root__close:hover{background:var(--hover, rgba(79, 84, 92, .32));color:var(--text, #f2f3f5)}.soundpad-modal-root__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border, #4f545c);flex-shrink:0}.soundpad-modal-root__title-block{min-width:0}.soundpad-modal-root__title-row{display:flex;align-items:center;gap:10px}.soundpad-modal-root__title-icon{font-size:22px!important;color:var(--primary, #5865f2);flex-shrink:0}.soundpad-modal-root__title{margin:0;font-size:20px;font-weight:700;line-height:1.2;color:var(--text, #f2f3f5)}.soundpad-modal-root__subtitle{margin:4px 0 0 32px;font-size:13px;line-height:1.4;color:var(--text-muted, #8e9297)}.soundpad-modal-root__body{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 16px;display:flex;flex-direction:column}.soundpad-modal-root__body::-webkit-scrollbar{width:6px}.soundpad-modal-root__body::-webkit-scrollbar-track{background:transparent}.soundpad-modal-root__body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted, #8e9297) 55%,transparent);border-radius:999px}.soundpad-modal-root__body::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #8e9297)}.soundpad-modal-section{display:flex;flex-direction:column;gap:12px;padding:14px 0}.soundpad-modal-section__title{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary, #8e9297)}.soundpad-modal-section__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.soundpad-modal-section__count{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--primary, #5865f2);background:color-mix(in srgb,var(--primary, #5865f2) 12%,transparent)}.soundpad-modal-section__hint{margin-top:-4px}.soundpad-modal-section__checkbox{margin-top:2px}.soundpad-modal-divider{height:1px;background:var(--border, #4f545c);opacity:.65;flex-shrink:0}.soundpad-panel{padding:14px;border-radius:10px;background:var(--background-secondary, #2b2d31);border:1px solid var(--border, #4f545c);display:flex;flex-direction:column;gap:12px}.soundpad-panel--nested{margin-top:2px;background:color-mix(in srgb,var(--background, #1e1f22) 55%,var(--background-secondary, #2b2d31))}.soundpad-panel__title{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary, #8e9297)}.soundpad-panel__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.soundpad-panel__count{min-width:24px;height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--primary, #5865f2);background:color-mix(in srgb,var(--primary, #5865f2) 14%,transparent);border:1px solid color-mix(in srgb,var(--primary, #5865f2) 30%,transparent)}.soundpad-range-field{display:flex;flex-direction:column;gap:8px}.soundpad-range-field--compact{flex:1;min-width:0}.soundpad-range-field--disabled{opacity:.45;pointer-events:none}.soundpad-range-field__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.soundpad-range-field__head label{font-size:13px;color:var(--text, #dcddde)}.soundpad-range-field__value{font-size:12px;font-weight:600;color:var(--primary, #5865f2);font-variant-numeric:tabular-nums}.soundpad-range{width:100%;height:6px;accent-color:var(--primary, #5865f2);cursor:pointer}.soundpad-upload-card{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.soundpad-upload-card .soundpad-input{flex:1 1 180px}.soundpad-upload-card__btn{flex-shrink:0;white-space:nowrap}.soundpad-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;text-align:center;color:var(--text-muted, #8e9297)}.soundpad-empty__icon{font-size:28px!important;opacity:.45}.soundpad-empty p{margin:0;font-size:13px;line-height:1.45}.soundpad-slot-card{padding:10px 4px;border-radius:6px;border:none;border-bottom:1px solid color-mix(in srgb,var(--border, #4f545c) 70%,transparent);background:transparent;display:flex;flex-direction:column;gap:10px;transition:background-color .15s ease}.soundpad-slot-card:last-child{border-bottom:none}.soundpad-slot-card:hover{background:var(--surface-hover, #35373c)}.soundpad-slot-card__top{display:flex;align-items:center;gap:10px}.soundpad-slot-card__name{flex:1;min-width:0}.soundpad-slot-card__actions{display:flex;gap:6px;flex-shrink:0}.soundpad-icon-btn{width:34px;height:34px;border:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.soundpad-icon-btn--play{background:color-mix(in srgb,var(--primary, #5865f2) 16%,transparent);color:var(--primary, #5865f2)}.soundpad-icon-btn--play:hover{background:color-mix(in srgb,var(--primary, #5865f2) 28%,transparent)}.soundpad-icon-btn--danger{background:color-mix(in srgb,var(--danger, #ed4245) 12%,transparent);color:var(--danger, #ed4245)}.soundpad-icon-btn--danger:hover{background:color-mix(in srgb,var(--danger, #ed4245) 22%,transparent)}.soundpad-slot-card__bottom{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.soundpad-slot-card__hotkey-edit{display:flex;gap:6px;align-items:center;flex:1 1 180px;min-width:0}.soundpad-slot-card__bottom .soundpad-hotkey-btn{flex:1 1 140px;max-width:220px}@media (max-width: 560px){.soundpad-modal-root{padding:10px}.soundpad-modal-root__dialog{max-height:94vh}.soundpad-slot-card__bottom{flex-direction:column;align-items:stretch}.soundpad-slot-card__bottom .soundpad-hotkey-btn{max-width:none}.soundpad-upload-card{flex-direction:column}.soundpad-upload-card__btn{width:100%}}[data-theme-preset=cyberpunk] .soundpad-modal-root__dialog{background:var(--surface, #161010);border-color:color-mix(in srgb,var(--cp-cyan) 35%,var(--cp-red-border));box-shadow:0 0 20px #00f0f01a,0 16px 40px #0000008c}[data-theme-preset=cyberpunk] .soundpad-modal-root__header{border-bottom-color:color-mix(in srgb,var(--cp-cyan) 22%,var(--cp-red-border))}[data-theme-preset=cyberpunk] .soundpad-modal-divider{background:color-mix(in srgb,var(--cp-cyan) 22%,var(--cp-red-border));opacity:1}[data-theme-preset=cyberpunk] .soundpad-modal-root__body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--cp-cyan) 50%,var(--cp-red-border))}[data-theme-preset=cyberpunk] .soundpad-modal-root__body::-webkit-scrollbar-thumb:hover{background:var(--cp-cyan)}[data-theme-preset=cyberpunk] .soundpad-modal-section__title{color:var(--cp-cyan);text-shadow:var(--cp-glow-cyan)}[data-theme-preset=cyberpunk] .soundpad-modal-root__subtitle,[data-theme-preset=cyberpunk] .soundpad-modal-section__hint,[data-theme-preset=cyberpunk] .soundpad-hint{color:var(--cp-yellow-muted)}[data-theme-preset=cyberpunk] .soundpad-range-field__head label,[data-theme-preset=cyberpunk] .soundpad-checkbox{color:var(--cp-yellow)}[data-theme-preset=cyberpunk] .soundpad-input{border-color:color-mix(in srgb,var(--cp-cyan) 30%,var(--cp-red-border));background:color-mix(in srgb,var(--background, #0c0808) 80%,transparent)}[data-theme-preset=cyberpunk] .soundpad-input:focus{border-color:var(--cp-cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--cp-cyan) 25%,transparent)}[data-theme-preset=cyberpunk] .soundpad-btn--primary{color:#0a0a0a;text-shadow:none}[data-theme-preset=cyberpunk] .soundpad-slot-card{border-bottom-color:color-mix(in srgb,var(--cp-cyan) 15%,var(--cp-red-border))}[data-theme-preset=cyberpunk] .soundpad-slot-card:hover{background:#00f0f00f}.participant-volume-settings{display:flex;flex-direction:column;gap:12px}.participant-volume-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.participant-volume-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 12px;align-items:center;padding:10px 12px;border-radius:6px;background:var(--background, #2f3136);border:1px solid var(--border, #4f545c)}.participant-volume-row__info{display:flex;justify-content:space-between;gap:8px;grid-column:1 / 2}.participant-volume-row__name{color:var(--text, #dcddde);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-volume-row__percent{color:var(--text-secondary, #8e9297);font-size:13px;flex-shrink:0}.participant-volume-row__slider{grid-column:1 / 2;color:var(--primary, #5865f2)!important}.participant-volume-row__remove{grid-column:2 / 3;grid-row:1 / 3;align-self:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary, #8e9297);font-size:20px;line-height:1;cursor:pointer}.participant-volume-row__remove:hover{background:var(--hover, #40444b);color:var(--text, #dcddde)}.profile-customize__preview{position:relative;margin-bottom:12px;padding-bottom:32px;overflow:visible}.profile-customize__preview-banner{height:80px;border-radius:10px;border:1px solid var(--border, #3f4147);overflow:hidden;background-repeat:no-repeat}.profile-customize__preview-avatar{position:absolute;left:16px;bottom:0;width:56px;height:56px;border-radius:50%;border:4px solid var(--background, #1e1f22);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-weight:700;font-size:20px;z-index:1;box-shadow:0 4px 12px #00000040}.profile-customize__preview-avatar img{width:100%;height:100%;object-fit:cover}.profile-customize__nameplate-preview{margin-bottom:12px;max-width:280px}.profile-customize__nameplate-demo{min-height:42px;border-radius:6px;border:1px solid var(--border, #3f4147)}.profile-customize__nameplate-label{display:block;font-size:15px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.profile-customize__block{margin-top:16px}.profile-customize__heading{display:flex;align-items:center;gap:6px}.profile-customize__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.profile-customize__btn,.profile-customize__btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;margin-top:0;padding:8px 14px;border-radius:6px;border:none;background:var(--primary, #5865f2);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.profile-customize__btn-primary:hover:not(:disabled),.profile-customize__btn:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.profile-customize__btn-primary:disabled,.profile-customize__btn:disabled{opacity:.55;cursor:not-allowed}.profile-customize__btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:1px solid var(--border, #3f4147);background:transparent;color:var(--text-secondary, #b5bac1);font-size:13px;font-weight:600;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.profile-customize__btn-secondary:hover:not(:disabled){color:var(--danger, #ed4245);background:#ed424514}.profile-customize__btn-secondary:disabled{opacity:.55;cursor:not-allowed}.profile-customize__swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.profile-customize__swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .12s ease}.profile-customize__swatch:hover:not(:disabled){transform:scale(1.08)}.profile-customize__swatch.is-active{border-color:#fff;box-shadow:0 0 0 2px var(--surface, #36393f)}.profile-customize__swatch:disabled{opacity:.6;cursor:not-allowed}.profile-customize__color-picker{display:flex;flex-direction:column;gap:10px}.profile-customize__rgb-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.profile-customize__picker-label{position:relative;flex-shrink:0;cursor:pointer}.profile-customize__picker-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.profile-customize__picker-preview{display:block;width:40px;height:40px;border-radius:8px;border:2px solid var(--border, #4f545c);box-shadow:inset 0 0 0 1px #00000026}.profile-customize__picker-preview.is-active{border-color:#fff;box-shadow:0 0 0 2px var(--primary, #5865f2)}.profile-customize__rgb-fields{display:flex;gap:8px;flex:1;min-width:180px}.profile-customize__rgb-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.profile-customize__rgb-field span{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-muted, #949ba4)}.profile-customize__rgb-field input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:4px;border:1px solid var(--border, #4f545c);background:var(--background, #2f3136);color:var(--text, #dbdee1);font-size:14px;outline:none}.profile-customize__rgb-field input:focus{border-color:var(--primary, #5865f2)}.profile-customize__rgb-apply{padding:8px 12px;border-radius:4px;border:none;background:var(--primary, #5865f2);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.profile-customize__rgb-apply:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.profile-customize__rgb-apply:disabled{opacity:.55;cursor:not-allowed}.profile-customize__hex-value{margin:0}.profile-customize__hex-value code{color:var(--text, #dbdee1);font-family:Consolas,Courier New,monospace}.app-sound-settings__error{margin:12px 16px 0}.app-sound-settings__status{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.4;color:var(--text-muted, #949ba4);background:var(--hover, rgba(79, 84, 92, .24))}.app-sound-settings__status.is-custom{color:var(--success, #43b581);background:#43b5811f}.app-sound-settings__actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.app-sound-settings__file-btn{position:relative;overflow:hidden;cursor:pointer}.app-sound-settings__file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.app-sound-settings__footer{margin-top:0}.active-call-overlay-position-picker{display:flex;flex-direction:column;gap:10px;width:min(100%,320px)}.active-call-overlay-position-picker.is-disabled{opacity:.55;pointer-events:none}.active-call-overlay-position-picker__screen{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:10px;border:1px solid var(--border, #3f4147);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--surface, #2b2d31);overflow:hidden;touch-action:none}.active-call-overlay-position-picker__inner{position:absolute;inset:10%;border:1px dashed rgba(255,255,255,.08);border-radius:6px;cursor:crosshair;touch-action:none}.active-call-overlay-position-picker__marker{position:absolute;width:56px;pointer-events:none}.active-call-overlay-position-picker__marker-chip{display:block;width:56px;height:18px;border-radius:999px;background:#18191ce0;border:2px solid #43b581;box-shadow:0 0 0 1px #00000059,0 4px 12px #00000059}.active-call-overlay-position-picker__hint{margin:0;font-size:12px;line-height:1.45;color:var(--text-muted, #949ba4)}.active-call-overlay-position-picker__presets{display:flex;flex-wrap:wrap;gap:6px}.active-call-overlay-position-picker__preset{padding:5px 10px;border-radius:6px;border:1px solid var(--border, #3f4147);background:var(--background, #1e1f22);color:var(--text, #dbdee1);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.active-call-overlay-position-picker__preset:hover:not(:disabled){background:var(--surface, #2b2d31);border-color:color-mix(in srgb,var(--primary, #5865f2) 45%,var(--border, #3f4147))}.active-call-overlay-position-picker__preset:disabled{cursor:not-allowed}.settings-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px}.settings-modal__backdrop{position:absolute;inset:0;border:none;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.settings-modal__shell{position:relative;display:flex;width:min(920px,100%);height:min(680px,calc(100vh - 48px));background:var(--background, #1e1f22);border:1px solid var(--border, #3f4147);border-radius:12px;box-shadow:0 24px 48px #00000073,inset 0 1px #ffffff0a;overflow:hidden;animation:settingsModalIn .22s ease-out}@keyframes settingsModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-modal__sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface, #2b2d31);border-right:1px solid var(--border, #3f4147)}.settings-modal__sidebar-head{padding:20px 16px 12px}.settings-modal__sidebar-head h2{margin:0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted, #949ba4)}.settings-modal__nav{flex:1;overflow-y:auto;padding:4px 8px 12px;display:flex;flex-direction:column;gap:2px}.settings-modal__tab{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #b5bac1);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}.settings-modal__tab svg{font-size:20px;flex-shrink:0;opacity:.85}.settings-modal__tab:hover{background:var(--hover, rgba(79, 84, 92, .32));color:var(--text, #f2f3f5)}.settings-modal__tab--active{background:var(--primary, #5865f2);color:#fff}.settings-modal__tab--active svg{opacity:1}.settings-modal__sidebar-foot{padding:12px 16px 16px;border-top:1px solid var(--border, #3f4147)}.settings-modal__user{display:flex;align-items:center;gap:10px;min-width:0}.settings-modal__user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary, #5865f2);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-modal__user-name{font-size:13px;font-weight:600;color:var(--text, #f2f3f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-modal__user-meta{min-width:0}.settings-modal__user-hint{font-size:11px;color:var(--text-muted, #949ba4)}.settings-modal__main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--background, #1e1f22)}.settings-modal__page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--border, #3f4147);flex-shrink:0}.settings-modal__page-header h1{margin:0;font-size:20px;font-weight:700;color:var(--text, #f2f3f5)}.settings-modal__close{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #b5bac1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.settings-modal__close:hover{background:var(--hover, rgba(79, 84, 92, .32));color:var(--text, #f2f3f5)}.settings-modal__content{flex:1;overflow-y:auto;padding:20px 24px 28px}.settings-modal__content::-webkit-scrollbar{width:8px}.settings-modal__content::-webkit-scrollbar-thumb{background:var(--border, #3f4147);border-radius:4px}.settings-panel__title{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #949ba4)}.settings-panel__desc{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--text-secondary, #b5bac1)}.settings-panel__card{background:var(--surface, #2b2d31);border:1px solid var(--border, #3f4147);border-radius:10px;overflow:hidden}.settings-panel__card--flush,.settings-embedded-block{padding:14px 16px 16px}.settings-modal__content .participant-volume-settings .setting-description{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--text-secondary, #b5bac1)}.settings-modal__content .participant-volume-settings .hotkey-reset-btn{margin-top:12px;padding:8px 14px;border-radius:6px;border:1px solid rgba(237,66,69,.35);background:transparent;color:var(--danger, #ed4245);font-size:13px;font-weight:600;cursor:pointer}.settings-modal__content .participant-volume-settings .hotkey-reset-btn:hover{background:#ed42451a}@media (max-width: 720px){.settings-modal__content .app-sound-settings__actions{width:100%;justify-content:flex-start}}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px}.settings-row+.settings-row{border-top:1px solid var(--border, #3f4147)}.settings-row__info{flex:1;min-width:0}.settings-row__title{display:block;font-size:15px;font-weight:600;color:var(--text, #f2f3f5);line-height:1.35}.settings-row__title--with-icon{display:inline-flex;align-items:center;gap:8px}.settings-row__title-icon{color:var(--text-muted, #949ba4);font-size:18px!important}.settings-row__desc{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--text-secondary, #b5bac1)}.settings-row__control{flex-shrink:0;display:flex;align-items:center;gap:8px}.settings-row--stacked{flex-direction:column;align-items:stretch}.settings-row__control--wide{width:100%;justify-content:flex-start}.settings-row__value{font-size:14px;color:var(--text, #f2f3f5);word-break:break-all}.settings-switch{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.settings-switch input{position:absolute;opacity:0;width:0;height:0}.settings-switch__slider{width:40px;height:22px;border-radius:999px;background:var(--border, #4e5058);transition:background-color .2s ease;position:relative}.settings-switch__slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease}.settings-switch input:checked+.settings-switch__slider{background:var(--primary, #5865f2)}.settings-switch input:checked+.settings-switch__slider:after{transform:translate(18px)}.settings-switch input:focus-visible+.settings-switch__slider{box-shadow:0 0 0 2px #5865f273}.settings-switch--disabled{opacity:.45;cursor:not-allowed}.settings-select{min-width:180px;padding:8px 12px;border-radius:6px;border:1px solid var(--border, #3f4147);background:var(--background, #1e1f22);color:var(--text, #f2f3f5);font-size:14px;cursor:pointer;outline:none}.settings-select:focus{border-color:var(--primary, #5865f2)}.settings-field{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.settings-field+.settings-field{border-top:1px solid var(--border, #3f4147)}.settings-field label,.settings-field__label{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-muted, #949ba4);text-transform:uppercase}.settings-field input,.settings-field select{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:6px;border:1px solid var(--border, #3f4147);background:var(--background, #1e1f22);color:var(--text, #f2f3f5);font-size:14px;outline:none;transition:border-color .15s ease}.settings-field input:focus,.settings-field select:focus{border-color:var(--primary, #5865f2)}.settings-field select{cursor:pointer}.settings-form-actions{padding:12px 16px 16px;border-top:1px solid var(--border, #3f4147)}.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.settings-btn--primary{background:var(--primary, #5865f2);color:#fff}.settings-btn--primary:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.settings-btn--primary:disabled{opacity:.55;cursor:not-allowed}.settings-btn--ghost{background:transparent;color:var(--text-secondary, #b5bac1);border:1px solid var(--border, #3f4147)}.settings-btn--ghost:hover{background:var(--hover, rgba(79, 84, 92, .24));color:var(--text, #f2f3f5)}.settings-btn--danger{background:transparent;color:var(--danger, #ed4245);border:1px solid rgba(237,66,69,.35)}.settings-btn--danger:hover{background:#ed42451a}.settings-alert{margin:0 16px 12px;padding:10px 12px;border-radius:6px;font-size:13px;line-height:1.4}.settings-alert--error{background:#ed42451f;color:#ff8a8d;border:1px solid rgba(237,66,69,.25)}.settings-alert--success{background:#43b5811f;color:#6ee7a8;border:1px solid rgba(67,181,129,.25)}.settings-hotkey{min-width:72px;padding:6px 12px;border-radius:6px;border:1px solid var(--border, #3f4147);background:var(--background, #1e1f22);color:var(--text, #f2f3f5);font-family:Consolas,Courier New,monospace;font-size:13px;font-weight:600;text-align:center}.settings-hotkey-input{min-width:140px;padding:8px 12px;border-radius:6px;border:2px solid var(--primary, #5865f2);background:var(--background, #1e1f22);color:var(--text, #f2f3f5);font-family:Consolas,Courier New,monospace;font-size:13px;font-weight:600;text-align:center;outline:none;cursor:pointer}.settings-hotkey-input::placeholder{color:var(--text-muted, #949ba4);font-family:inherit;font-weight:400}.settings-icon-btn{width:34px;height:34px;border:none;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease}.settings-icon-btn--save{background:#43b5812e;color:#6ee7a8}.settings-icon-btn--save:hover{background:#43b58147}.settings-icon-btn--cancel{background:#ed424524;color:#ff8a8d}.settings-icon-btn--cancel:hover{background:#ed42453d}.settings-modal__content .setting-section,.settings-modal__content .setting-item{margin-bottom:0}.settings-modal__content .setting-subheading{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text, #f2f3f5)}.settings-modal__content .setting-description{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--text-secondary, #b5bac1)}.settings-modal__content .setting-section>h3,.settings-modal__content .account-error{margin:0 0 12px;padding:10px 12px;border-radius:6px;font-size:13px;background:#ed42451f;color:#ff8a8d;border:1px solid rgba(237,66,69,.25)}.settings-modal__content .profile-customize>h3{display:none}.settings-modal__content .profile-customize__preview{margin-bottom:12px;padding-bottom:32px;overflow:visible;border:none;border-radius:0}.settings-modal__content .profile-customize__block{margin-top:20px;padding:16px;background:var(--surface, #2b2d31);border:1px solid var(--border, #3f4147);border-radius:10px}.settings-modal__content .soundpad-config-section{gap:20px}.settings-modal__content .soundpad-section{padding:16px;background:var(--surface, #2b2d31);border:1px solid var(--border, #3f4147);border-radius:10px}.settings-modal__content .participant-volume-settings{width:100%}.settings-volume-control{display:flex;align-items:center;gap:12px;min-width:180px}.settings-volume-control__range{flex:1 1 auto;width:100%;accent-color:var(--primary, #5865f2)}.settings-volume-control__value{flex:0 0 auto;min-width:42px;color:var(--text-muted, #b5bac1);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}@media (max-width: 768px){.settings-modal{padding:0}.settings-modal__shell{width:100%;height:100vh;max-height:100vh;border-radius:0;border:none;flex-direction:column}.settings-modal__sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border, #3f4147);max-height:42vh}.settings-modal__nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:8px}.settings-modal__tab{flex-shrink:0;white-space:nowrap}.settings-modal__sidebar-foot{display:none}.settings-row{flex-direction:column;align-items:stretch}.settings-row__control{justify-content:flex-start}}.profile-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px}.profile-modal__backdrop{position:absolute;inset:0;border:none;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.profile-modal__card{position:relative;width:min(440px,100%);max-height:min(90vh,720px);display:flex;flex-direction:column;background:var(--background, #1e1f22);border:1px solid var(--border, #3f4147);border-radius:12px;box-shadow:0 24px 48px #00000073,inset 0 1px #ffffff0a;overflow:hidden;animation:profileModalIn .22s ease-out}@keyframes profileModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-modal__banner{position:relative;height:132px;background-size:cover;background-position:center;background-repeat:no-repeat}.profile-modal__banner-shade{position:absolute;inset:0;background:linear-gradient(to bottom,#0000000d,#00000059)}.profile-modal__banner-actions{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:2}.profile-modal__edit-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:none;border-radius:16px;background:#00000073;color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.profile-modal__edit-btn:hover{background:#000000a6}.profile-modal__close{position:static;flex-shrink:0;width:32px;height:32px;border:none;border-radius:50%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease;z-index:2}.profile-modal__close:hover{background:#000000a6}.profile-modal__hero{position:relative;padding:0 20px 16px;margin-top:-44px}.profile-modal__avatar-wrap{position:relative;width:92px;height:92px}.profile-modal__avatar-ring{position:relative;width:92px;height:92px;padding:4px;border-radius:50%;background:linear-gradient(135deg,var(--profile-accent, #5865f2),color-mix(in srgb,var(--profile-accent, #5865f2) 55%,#ffffff));box-shadow:0 8px 24px #00000059}.profile-modal__avatar{width:100%;height:100%;border-radius:50%;border:4px solid var(--background, #1e1f22);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-size:34px;font-weight:700}.profile-modal__avatar-img{width:100%;height:100%;object-fit:cover}.profile-modal__avatar-status{position:absolute;right:5px;bottom:5px;width:20px;height:20px;border-radius:50%;border:4px solid var(--background, #1e1f22);box-sizing:border-box;z-index:2;pointer-events:none}.profile-modal__identity{margin-top:12px}.profile-modal__nameplate{min-height:42px;border-radius:6px}.profile-modal__nameplate .user-nameplate__content{padding:6px 12px}.profile-modal__name{margin:0;font-size:22px;font-weight:700;color:var(--text, #f2f3f5);line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.45)}.profile-modal__body{flex:1;min-height:0;overflow-y:auto;padding:8px 20px 20px}.profile-modal__panel{display:flex;flex-direction:column;gap:20px}.profile-modal__section-title{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted, #949ba4)}.profile-modal__section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.profile-modal__section-head .profile-modal__section-title{margin:0}.profile-modal__text-btn{border:none;background:transparent;color:var(--primary, #5865f2);font-size:12px;font-weight:600;cursor:pointer;padding:0}.profile-modal__text-btn:hover{text-decoration:underline}.profile-modal__bio{margin:0;font-size:14px;line-height:1.55;color:var(--text, #dbdee1);white-space:pre-wrap;word-break:break-word}.profile-modal__bio.is-empty{color:var(--text-muted, #949ba4);font-style:italic}.profile-modal__bio-edit{display:flex;flex-direction:column;gap:8px}.profile-modal__bio-input{width:100%;min-height:96px;padding:10px 12px;border-radius:8px;border:1px solid var(--border, #3f4147);background:var(--surface, #2b2d31);color:var(--text, #dbdee1);font-size:14px;line-height:1.5;resize:vertical;outline:none;font-family:inherit;box-sizing:border-box}.profile-modal__bio-input:focus{border-color:var(--primary, #5865f2)}.profile-modal__bio-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-modal__bio-count{font-size:11px;color:var(--text-muted, #949ba4)}.profile-modal__bio-actions{display:flex;gap:8px}.profile-modal__info-list{display:flex;flex-direction:column;gap:10px}.profile-modal__info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:var(--surface, #2b2d31);border:1px solid var(--border, #3f4147)}.profile-modal__info-label{font-size:12px;color:var(--text-muted, #949ba4)}.profile-modal__info-value{font-size:13px;color:var(--text, #dbdee1);text-align:right}.profile-modal__copy-id{position:relative;display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-secondary, #b5bac1);cursor:pointer;padding:0;font-size:12px}.profile-modal__copy-id code{font-family:Consolas,Courier New,monospace}.profile-modal__copy-id:hover{color:var(--text, #f2f3f5)}.profile-modal__copy-hint{position:absolute;top:calc(100% + 4px);right:0;font-size:11px;color:var(--success, #43b581);white-space:nowrap}.profile-modal__hint{margin:-4px 0 10px;font-size:12px;color:var(--text-muted, #949ba4);line-height:1.4}.profile-modal__swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.profile-modal__swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .12s ease,border-color .12s ease}.profile-modal__swatch:hover:not(:disabled){transform:scale(1.08)}.profile-modal__swatch.is-active{border-color:#fff;box-shadow:0 0 0 2px var(--background, #1e1f22)}.profile-modal__swatch:disabled{opacity:.6;cursor:not-allowed}.profile-modal__upload-row{display:flex;flex-wrap:wrap;gap:8px}.profile-modal__btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.profile-modal__btn:disabled{opacity:.55;cursor:not-allowed}.profile-modal__btn--primary{background:var(--primary, #5865f2);color:#fff}.profile-modal__btn--primary:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.profile-modal__btn--secondary{background:var(--surface, #2b2d31);color:var(--text, #dbdee1);border:1px solid var(--border, #3f4147)}.profile-modal__btn--secondary:hover:not(:disabled){background:var(--hover, #35373c)}.profile-modal__btn--ghost{background:transparent;color:var(--text-muted, #949ba4)}.profile-modal__btn--ghost:hover:not(:disabled){color:var(--danger, #ed4245);background:#ed424514}.profile-modal__error{margin:0 0 12px;padding:8px 10px;border-radius:6px;background:#ed42451f;border:1px solid rgba(237,66,69,.25);color:#f38688;font-size:12px}@media (max-width: 480px){.profile-modal{padding:12px;align-items:flex-end}.profile-modal__card{max-height:92vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.profile-modal__edit-label{display:none}.profile-modal__edit-btn{width:32px;padding:0;justify-content:center}}.create-server-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px}.create-server-modal__backdrop{position:absolute;inset:0;border:none;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.create-server-modal__dialog{position:relative;width:min(440px,100%);max-height:min(92vh,720px);overflow-y:auto;background:var(--background, #1e1f22);border:1px solid var(--border, #3f4147);border-radius:12px;box-shadow:0 24px 48px #00000073,inset 0 1px #ffffff0a;padding:24px 24px 20px;animation:createServerModalIn .22s ease-out}@keyframes createServerModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-server-modal__close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #b5bac1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.create-server-modal__close:hover:not(:disabled){background:var(--hover, rgba(79, 84, 92, .32));color:var(--text, #f2f3f5)}.create-server-modal__close:disabled{opacity:.5;cursor:not-allowed}.create-server-modal__intro{text-align:center;padding:0 12px 8px}.create-server-modal__title{margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.25;color:var(--text, #f2f3f5)}.create-server-modal__subtitle{margin:0;font-size:14px;line-height:1.45;color:var(--text-secondary, #b5bac1)}.create-server-modal__form{display:flex;flex-direction:column;align-items:stretch;margin-top:20px}.create-server-modal__icon-picker{position:relative;align-self:center;width:80px;height:80px;margin-bottom:20px;padding:0;border:none;border-radius:50%;background:var(--surface, #2b2d31);cursor:pointer;overflow:visible;transition:transform .15s ease,box-shadow .15s ease}.create-server-modal__icon-picker:hover:not(:disabled){transform:scale(1.03);box-shadow:0 8px 20px #00000047}.create-server-modal__icon-picker:disabled{opacity:.65;cursor:not-allowed}.create-server-modal__icon-image,.create-server-modal__icon-placeholder{width:80px;height:80px;border-radius:50%;object-fit:cover}.create-server-modal__icon-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;font-size:28px;font-weight:700}.create-server-modal__icon-badge{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:var(--primary, #5865f2);border:3px solid var(--background, #1e1f22);color:#fff;display:flex;align-items:center;justify-content:center}.create-server-modal__field-label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted, #949ba4)}.create-server-modal__required{color:var(--danger, #ed4245)}.create-server-modal__input{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:6px;border:1px solid var(--border, #3f4147);background:var(--surface, #2b2d31);color:var(--text, #f2f3f5);font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.create-server-modal__input:focus{border-color:var(--primary, #5865f2);box-shadow:0 0 0 2px #5865f238}.create-server-modal__input:disabled{opacity:.65}.create-server-modal__textarea{width:100%;box-sizing:border-box;min-height:84px;padding:11px 12px;margin-bottom:4px;border-radius:6px;border:1px solid var(--border, #3f4147);background:var(--surface, #2b2d31);color:var(--text, #f2f3f5);font-size:14px;line-height:1.45;font-family:inherit;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.create-server-modal__textarea:focus{border-color:var(--primary, #5865f2);box-shadow:0 0 0 2px #5865f238}.create-server-modal__textarea:disabled{opacity:.65}.create-server-modal__textarea::placeholder{color:var(--text-muted, #949ba4)}.create-server-modal__row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:16px;padding:14px 16px;border-radius:8px;border:1px solid var(--border, #3f4147);background:var(--surface, #2b2d31)}.create-server-modal__row-info{flex:1;min-width:0}.create-server-modal__row-title{display:block;font-size:14px;font-weight:600;color:var(--text, #f2f3f5)}.create-server-modal__row-desc{margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--text-secondary, #b5bac1)}.create-server-modal__switch{position:relative;display:inline-flex;flex-shrink:0;margin-top:2px;cursor:pointer}.create-server-modal__switch input{position:absolute;opacity:0;width:0;height:0}.create-server-modal__switch-slider{width:40px;height:22px;border-radius:999px;background:var(--border, #4e5058);transition:background-color .2s ease;position:relative}.create-server-modal__switch-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease}.create-server-modal__switch input:checked+.create-server-modal__switch-slider{background:var(--primary, #5865f2)}.create-server-modal__switch input:checked+.create-server-modal__switch-slider:after{transform:translate(18px)}.create-server-modal__switch input:focus-visible+.create-server-modal__switch-slider{box-shadow:0 0 0 2px #5865f273}.create-server-modal__error{margin:12px 0 0;padding:10px 12px;border-radius:6px;background:#ed42451f;border:1px solid rgba(237,66,69,.25);color:#ff8a8d;font-size:13px}.create-server-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:4px}.create-server-modal__back{border:none;background:transparent;color:var(--text, #f2f3f5);font-size:14px;font-weight:500;cursor:pointer;padding:8px 4px;transition:color .15s ease}.create-server-modal__back:hover:not(:disabled){color:var(--primary, #5865f2)}.create-server-modal__back:disabled{opacity:.5;cursor:not-allowed}.create-server-modal__submit{min-width:96px;padding:10px 18px;border:none;border-radius:8px;background:var(--primary, #5865f2);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.create-server-modal__submit:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.create-server-modal__submit:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 480px){.create-server-modal{padding:12px}.create-server-modal__dialog{padding:20px 16px 16px}}.notifications-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notifications-modal{width:440px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;background:var(--surface, #36393f);border:1px solid var(--border, #4f545c);border-radius:8px;box-shadow:0 8px 32px #0006;overflow:hidden;animation:notificationsModalIn .3s ease-out}@keyframes notificationsModalIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.notifications-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--border, #4f545c)}.notifications-modal__title-block{min-width:0}.notifications-modal__title{margin:0;color:var(--text, #dcddde);font-size:24px;font-weight:600;line-height:1.2}.notifications-modal__subtitle{margin:4px 0 0;font-size:13px;color:var(--text-secondary, #8e9297)}.notifications-modal__close{background:none;border:none;color:var(--text-secondary, #8e9297);font-size:24px;cursor:pointer;padding:4px;border-radius:4px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.notifications-modal__close:hover{background:var(--background, #2f3136);color:var(--text, #dcddde)}.notifications-modal__body{flex:1;min-height:0;overflow-y:auto;padding:16px 20px 20px}.notifications-modal__state{padding:32px 12px;text-align:center;color:var(--text-secondary, #8e9297)}.notifications-modal__state--error{color:var(--danger, #ed4245)}.notifications-modal__empty-title{margin:12px 0 0;font-size:16px;font-weight:600;color:var(--text, #dcddde)}.notifications-modal__empty-text{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--text-secondary, #8e9297)}.notifications-modal__spinner{width:28px;height:28px;margin:0 auto 12px;border-radius:50%;border:3px solid var(--border, #4f545c);border-top-color:var(--primary, #5865f2);animation:notificationsSpin .8s linear infinite}@keyframes notificationsSpin{to{transform:rotate(360deg)}}.notifications-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.notifications-modal__item{width:100%;border:1px solid var(--border, #4f545c);background:var(--background, #2f3136);color:var(--text, #dcddde);border-radius:8px;padding:10px 12px;display:flex;align-items:flex-start;gap:10px;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.notifications-modal__item:hover{border-color:var(--primary, #5865f2);background:var(--hover, #40444b)}.notifications-modal__item.is-unread{border-color:var(--primary, #5865f2);background:#5865f21f}.notifications-modal__item.is-read{opacity:.85}.notifications-modal__item-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary, #8e9297);margin-top:1px}.notifications-modal__item.is-unread .notifications-modal__item-icon{color:var(--text, #dcddde)}.notifications-modal__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notifications-modal__item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.notifications-modal__item-type{font-size:12px;font-weight:600;color:var(--primary, #5865f2)}.notifications-modal__item-time{font-size:12px;color:var(--text-secondary, #8e9297);white-space:nowrap}.notifications-modal__item-location{font-size:13px;font-weight:600;color:var(--text, #dcddde);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notifications-modal__item-sender{font-size:12px;color:var(--text-secondary, #8e9297)}.notifications-modal__item-text{font-size:13px;line-height:1.35;color:var(--text, #dcddde);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.notifications-modal__item-delete{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary, #8e9297);opacity:0;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.notifications-modal__item:hover .notifications-modal__item-delete,.notifications-modal__item:focus-within .notifications-modal__item-delete{opacity:1}.notifications-modal__item-delete:hover{background:#ed42452e;color:var(--danger, #ed4245)}.add-friend-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.add-friend-modal__backdrop{position:absolute;inset:0;border:none;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.add-friend-modal__dialog{position:relative;width:min(480px,100%);max-height:min(85vh,640px);display:flex;flex-direction:column;background:var(--background, #1e1f22);border:1px solid var(--border, #3f4147);border-radius:12px;box-shadow:0 24px 48px #00000073,inset 0 1px color-mix(in srgb,var(--text, #fff) 6%,transparent);overflow:hidden;animation:addFriendModalIn .22s ease-out}@keyframes addFriendModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.add-friend-modal__close{position:absolute;top:14px;right:14px;z-index:1;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #b5bac1);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.add-friend-modal__close:hover{background:var(--hover, rgba(79, 84, 92, .32));color:var(--text, #f2f3f5)}.add-friend-modal__header{padding:28px 24px 0;text-align:center}.add-friend-modal__icon-wrap{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary, #5865f2) 18%,transparent);color:var(--primary, #5865f2)}.add-friend-modal__icon-wrap svg{font-size:26px}.add-friend-modal__title{margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.25;color:var(--text, #f2f3f5)}.add-friend-modal__subtitle{margin:0;font-size:14px;line-height:1.45;color:var(--text-secondary, #b5bac1)}.add-friend-modal__search{position:relative;margin:20px 20px 0;flex-shrink:0}.add-friend-modal__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px!important;color:var(--text-muted, #8e9297);pointer-events:none}.add-friend-modal__search-input{width:100%;height:42px;padding:0 14px 0 40px;box-sizing:border-box;border:1px solid var(--border, #4f545c);border-radius:8px;background:var(--background-secondary, #2b2d31);color:var(--text, #dcddde);font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.add-friend-modal__search-input::placeholder{color:var(--text-muted, #8e9297)}.add-friend-modal__search-input:focus{border-color:var(--primary, #5865f2);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary, #5865f2) 28%,transparent)}.add-friend-modal__error{margin:12px 20px 0;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.4;color:var(--danger, #ed4245);background:color-mix(in srgb,var(--danger, #ed4245) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger, #ed4245) 32%,transparent)}.add-friend-modal__body{flex:1;min-height:0;margin-top:16px;padding:0 12px 16px;overflow-y:auto}.add-friend-modal__body::-webkit-scrollbar{width:8px}.add-friend-modal__body::-webkit-scrollbar-thumb{background:var(--border, #4f545c);border-radius:4px}.add-friend-modal__state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px 20px;text-align:center;font-size:14px;color:var(--text-muted, #8e9297)}.add-friend-modal__state--hint{padding:28px 20px}.add-friend-modal__state-icon{font-size:40px!important;color:var(--text-muted, #8e9297);opacity:.65}.add-friend-modal__spinner{width:28px;height:28px;border:3px solid color-mix(in srgb,var(--primary, #5865f2) 22%,transparent);border-top-color:var(--primary, #5865f2);border-radius:50%;animation:addFriendSpin .7s linear infinite}@keyframes addFriendSpin{to{transform:rotate(360deg)}}.add-friend-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.add-friend-modal__row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:background-color .15s ease}.add-friend-modal__row:hover{background:var(--surface-hover, #35373c)}.add-friend-modal__avatar-wrap{position:relative;flex-shrink:0}.add-friend-modal__status-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--background, #1e1f22)}.add-friend-modal__row:hover .add-friend-modal__status-dot{border-color:var(--surface-hover, #35373c)}.add-friend-modal__user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.add-friend-modal__user-name{font-size:15px;font-weight:600;color:var(--text, #dcddde);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-friend-modal__user-status{font-size:12px;color:var(--text-muted, #8e9297)}.add-friend-modal__user-status--success{color:var(--success, #43b581)}.add-friend-modal__user-status--pending{color:var(--primary, #5865f2)}.add-friend-modal__user-status--danger{color:var(--danger, #ed4245)}.add-friend-modal__add-btn{display:inline-flex!important;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.add-friend-modal__badge{flex-shrink:0;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.add-friend-modal__badge--success{color:var(--success, #43b581);background:color-mix(in srgb,var(--success, #43b581) 14%,transparent);border:1px solid color-mix(in srgb,var(--success, #43b581) 35%,transparent)}.add-friend-modal__badge--pending{color:var(--primary, #5865f2);background:color-mix(in srgb,var(--primary, #5865f2) 14%,transparent);border:1px solid color-mix(in srgb,var(--primary, #5865f2) 35%,transparent)}.add-friend-modal__badge--danger{color:var(--danger, #ed4245);background:color-mix(in srgb,var(--danger, #ed4245) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger, #ed4245) 32%,transparent)}.add-friend-modal__badge--muted{color:var(--text-muted, #8e9297);background:color-mix(in srgb,var(--text-muted, #8e9297) 12%,transparent);border:1px solid var(--border, #4f545c)}@media (max-width: 520px){.add-friend-modal{padding:12px}.add-friend-modal__dialog{max-height:92vh}.add-friend-modal__header{padding-top:24px}}.forward-message-modal{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:20px}.forward-message-modal__backdrop{position:absolute;inset:0;border:none;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.forward-message-modal__dialog{position:relative;width:min(520px,100%);max-height:min(88vh,720px);display:flex;flex-direction:column;background:var(--surface, #2f3136);border:1px solid var(--border, #4f545c);border-radius:10px;box-shadow:0 16px 40px #00000073;overflow:hidden;animation:forwardMessageModalIn .2s ease-out}@keyframes forwardMessageModalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.forward-message-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border, #4f545c);flex-shrink:0}.forward-message-modal__header-main{display:flex;align-items:center;gap:10px;min-width:0}.forward-message-modal__header-icon{font-size:22px!important;color:var(--primary, #5865f2);flex-shrink:0}.forward-message-modal__title{margin:0;font-size:18px;font-weight:700;color:var(--text, #f2f3f5)}.forward-message-modal__header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.forward-message-modal__icon-btn,.forward-message-modal__close{width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #b5bac1);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.forward-message-modal__icon-btn:hover,.forward-message-modal__close:hover{background:var(--hover, rgba(79, 84, 92, .32));color:var(--text, #f2f3f5)}.forward-message-modal__preview{margin:12px 16px 0;padding:10px 12px;border-radius:8px;background:var(--background-secondary, #2b2d31);border-left:3px solid var(--primary, #5865f2);flex-shrink:0}.forward-message-modal__preview-label{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--primary, #5865f2)}.forward-message-modal__preview-author{display:block;font-size:13px;font-weight:600;color:var(--text, #dcddde)}.forward-message-modal__preview-text{margin:4px 0 0;font-size:13px;line-height:1.4;color:var(--text-muted, #8e9297);word-break:break-word}.forward-message-modal__preview-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:140px;overflow-y:auto}.forward-message-modal__preview-list-item{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--border, #3f4147)}.forward-message-modal__preview-list-item:last-child{padding-bottom:0;border-bottom:none}.forward-message-modal__preview-more{font-size:12px;color:var(--text-muted, #8e9297)}.forward-message-modal__search{position:relative;margin:12px 16px 0;flex-shrink:0}.forward-message-modal__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px!important;color:var(--text-muted, #8e9297);pointer-events:none}.forward-message-modal__search-input{width:100%;height:38px;padding:0 14px 0 40px;box-sizing:border-box;border:1px solid var(--border, #4f545c);border-radius:999px;background:var(--background-secondary, #2b2d31);color:var(--text, #dcddde);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.forward-message-modal__search-input::placeholder{color:var(--text-muted, #8e9297)}.forward-message-modal__search-input:focus{border-color:var(--primary, #5865f2);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary, #5865f2) 24%,transparent)}.forward-message-modal__list-wrap{flex:1;min-height:180px;margin:12px 16px 0;border-radius:10px;background:var(--background-secondary, #2b2d31);border:1px solid var(--border, #4f545c);overflow:hidden;display:flex;flex-direction:column}.forward-message-modal__list{list-style:none;margin:0;padding:4px 0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px}.forward-message-modal__list::-webkit-scrollbar{width:6px}.forward-message-modal__list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted, #8e9297) 55%,transparent);border-radius:999px}.forward-message-modal__row{display:flex;align-items:center;gap:12px;margin:0 4px;padding:9px 12px;border-radius:8px;cursor:pointer;user-select:none;transition:background-color .15s ease,box-shadow .15s ease;outline:none}.forward-message-modal__row:hover{background:var(--surface-hover, #35373c)}.forward-message-modal__row:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary, #5865f2) 45%,transparent)}.forward-message-modal__row--selected{background:color-mix(in srgb,var(--primary, #5865f2) 14%,transparent)}.forward-message-modal__row--selected:hover{background:color-mix(in srgb,var(--primary, #5865f2) 20%,transparent)}.forward-message-modal__avatar-wrap{position:relative;flex-shrink:0}.forward-message-modal__saved-icon{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--background-secondary, #36393f);color:var(--text-secondary, #b5bac1)}.forward-message-modal__channel-badge{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:5px;background:var(--background-secondary, #2b2d31);border:1px solid var(--border, #4f545c);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;color:var(--text-muted, #8e9297)}.forward-message-modal__server-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;background:var(--background-secondary, #2b2d31);border:1px solid var(--border, #4f545c)}.forward-message-modal__server-fallback{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary, #5865f2) 22%,var(--background-secondary, #2b2d31));border:1px solid color-mix(in srgb,var(--primary, #5865f2) 40%,var(--border, #4f545c));color:var(--text, #dcddde);font-size:15px;font-weight:700}.forward-message-modal__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.forward-message-modal__name{display:block;font-size:15px;font-weight:600;line-height:1.25;color:var(--text, #dcddde);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forward-message-modal__subtitle{display:block;font-size:12px;line-height:1.3;color:var(--text-muted, #8e9297);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forward-message-modal__check{flex-shrink:0;font-size:22px!important;color:var(--primary, #5865f2)}.forward-message-modal__check-placeholder{width:22px;height:22px;flex-shrink:0}.forward-message-modal__state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 16px;text-align:center;color:var(--text-muted, #8e9297);font-size:14px}.forward-message-modal__spinner{width:26px;height:26px;border:3px solid color-mix(in srgb,var(--primary, #5865f2) 22%,transparent);border-top-color:var(--primary, #5865f2);border-radius:50%;animation:forwardMessageSpin .7s linear infinite}@keyframes forwardMessageSpin{to{transform:rotate(360deg)}}.forward-message-modal__footer{display:flex;align-items:flex-end;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--border, #4f545c);flex-shrink:0}.forward-message-modal__comment{flex:1;min-width:0;min-height:38px;max-height:88px;padding:9px 14px;border:1px solid var(--border, #4f545c);border-radius:999px;background:var(--background-secondary, #2b2d31);color:var(--text, #dcddde);font-size:14px;font-family:inherit;resize:none;outline:none;line-height:1.35;transition:border-color .15s ease,box-shadow .15s ease}.forward-message-modal__comment::placeholder{color:var(--text-muted, #8e9297)}.forward-message-modal__comment:focus{border-color:var(--primary, #5865f2);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary, #5865f2) 24%,transparent)}.forward-message-modal__send{flex-shrink:0;min-width:108px;height:38px;border:none;border-radius:999px;padding:0 16px;background:var(--primary, #5865f2);color:var(--text-on-primary, #fff);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.forward-message-modal__send:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.forward-message-modal__send:disabled{opacity:.5;cursor:not-allowed}.forward-message-modal__toast{position:absolute;left:50%;bottom:76px;transform:translate(-50%);padding:8px 14px;border-radius:8px;background:color-mix(in srgb,var(--background, #1e1f22) 88%,transparent);border:1px solid var(--border, #4f545c);color:var(--text, #dcddde);font-size:13px;white-space:nowrap;pointer-events:none;animation:forwardMessageToast 2s ease forwards}@keyframes forwardMessageToast{0%,70%{opacity:1}to{opacity:0}}.forward-message-modal__error{margin:0 16px 12px;padding:10px 12px;border-radius:8px;font-size:13px;color:var(--danger, #ed4245);background:color-mix(in srgb,var(--danger, #ed4245) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger, #ed4245) 32%,transparent)}[data-theme-preset=cyberpunk] .forward-message-modal__dialog{background:var(--surface, #161010);border-color:color-mix(in srgb,var(--cp-cyan) 35%,var(--cp-red-border))}[data-theme-preset=cyberpunk] .forward-message-modal__header,[data-theme-preset=cyberpunk] .forward-message-modal__footer{border-color:color-mix(in srgb,var(--cp-cyan) 22%,var(--cp-red-border))}[data-theme-preset=cyberpunk] .forward-message-modal__title{color:var(--cp-cyan);text-shadow:var(--cp-glow-cyan)}[data-theme-preset=cyberpunk] .forward-message-modal__preview{background:#00000059;border-left-color:var(--cp-yellow)}[data-theme-preset=cyberpunk] .forward-message-modal__preview-author{color:var(--cp-cyan)}[data-theme-preset=cyberpunk] .forward-message-modal__preview-text{color:var(--cp-yellow-muted)}[data-theme-preset=cyberpunk] .forward-message-modal__list-wrap{background:#00000047;border-color:color-mix(in srgb,var(--cp-cyan) 18%,var(--cp-red-border))}[data-theme-preset=cyberpunk] .forward-message-modal__list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--cp-cyan) 50%,var(--cp-red-border))}[data-theme-preset=cyberpunk] .forward-message-modal__preview-label,[data-theme-preset=cyberpunk] .forward-message-modal__header-icon,[data-theme-preset=cyberpunk] .forward-message-modal__check{color:var(--cp-cyan)}[data-theme-preset=cyberpunk] .forward-message-modal__row:hover:not(.forward-message-modal__row--selected){background:#00f0f00f}[data-theme-preset=cyberpunk] .forward-message-modal__row--selected,[data-theme-preset=cyberpunk] .forward-message-modal__row--selected:hover{background:#00f0f01a;box-shadow:inset 2px 0 0 var(--cp-cyan)}[data-theme-preset=cyberpunk] .forward-message-modal__row:focus-visible{box-shadow:0 0 0 2px #00f0f059}[data-theme-preset=cyberpunk] .forward-message-modal__name{color:var(--cp-cyan)}[data-theme-preset=cyberpunk] .forward-message-modal__subtitle{color:var(--cp-yellow-muted)}[data-theme-preset=cyberpunk] .forward-message-modal__channel-badge{background:#161010;border-color:var(--cp-cyan);color:var(--cp-cyan)}[data-theme-preset=cyberpunk] .forward-message-modal__server-fallback{background:#00f0f01a;border-color:color-mix(in srgb,var(--cp-cyan) 55%,var(--cp-red-border));color:var(--cp-cyan)}[data-theme-preset=cyberpunk] .forward-message-modal__server-icon{border-color:color-mix(in srgb,var(--cp-cyan) 35%,var(--cp-red-border))}[data-theme-preset=cyberpunk] .forward-message-modal__search-input,[data-theme-preset=cyberpunk] .forward-message-modal__comment{background:#00000059;border-color:color-mix(in srgb,var(--cp-cyan) 28%,var(--cp-red-border));color:var(--cp-yellow)}[data-theme-preset=cyberpunk] .forward-message-modal__search-input::placeholder,[data-theme-preset=cyberpunk] .forward-message-modal__comment::placeholder{color:var(--cp-yellow-muted)}[data-theme-preset=cyberpunk] .forward-message-modal__search-input:focus,[data-theme-preset=cyberpunk] .forward-message-modal__comment:focus{border-color:var(--cp-cyan);box-shadow:0 0 0 2px #00f0f033}[data-theme-preset=cyberpunk] .forward-message-modal__search-icon{color:var(--cp-cyan)}[data-theme-preset=cyberpunk] .forward-message-modal__send{background:var(--cp-yellow);color:#0a0a0a;border:1px solid var(--cp-yellow)}[data-theme-preset=cyberpunk] .forward-message-modal__send:hover:not(:disabled){background:#fff176;border-color:#fff176}@media (max-width: 560px){.forward-message-modal{padding:10px}.forward-message-modal__footer{flex-direction:column;align-items:stretch}.forward-message-modal__send{width:100%}}.poll-results-modal{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:24px}.poll-results-modal__backdrop{position:absolute;inset:0;border:none;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.poll-results-modal__dialog{position:relative;width:min(440px,100%);max-height:min(calc(100vh - 48px),680px);display:flex;flex-direction:column;background:var(--surface, #2b2d31);border:1px solid var(--border, #3f4147);border-radius:12px;box-shadow:0 24px 48px #00000073;overflow:hidden;animation:pollResultsModalIn .2s ease-out}@keyframes pollResultsModalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.poll-results-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border, #3f4147);flex-shrink:0}.poll-results-modal__header-main{display:flex;align-items:center;gap:10px;min-width:0}.poll-results-modal__header-icon{font-size:22px!important;color:var(--primary, #5865f2);flex-shrink:0}.poll-results-modal__title{margin:0;font-size:18px;font-weight:700;color:var(--text, #f2f3f5)}.poll-results-modal__close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-muted, #949ba4);cursor:pointer;flex-shrink:0}.poll-results-modal__close-btn:hover{background:var(--surface-hover, rgba(255, 255, 255, .06));color:var(--text, #f2f3f5)}.poll-results-modal__summary{flex-shrink:0;padding:16px 18px 12px;border-bottom:1px solid var(--border, #3f4147)}.poll-results-modal__question{margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.4;color:var(--text, #f2f3f5)}.poll-results-modal__total{margin:0;font-size:13px;line-height:1.35;color:var(--text-muted, #949ba4)}.poll-results-modal__content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.poll-results-modal__option-group+.poll-results-modal__option-group{border-top:1px solid var(--border, #3f4147)}.poll-results-modal__option-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;background:#ffffff0a}.poll-results-modal__option-text{min-width:0;font-size:14px;font-weight:600;line-height:1.35;color:var(--text, #f2f3f5)}.poll-results-modal__option-stats{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.poll-results-modal__option-percent{font-size:14px;font-weight:600;color:var(--primary, #5865f2)}.poll-results-modal__option-count{font-size:13px;color:var(--text-muted, #949ba4);white-space:nowrap}.poll-results-modal__voters{list-style:none;margin:0;padding:0}.poll-results-modal__voter{display:flex;align-items:center;gap:12px;padding:10px 18px}.poll-results-modal__voter+.poll-results-modal__voter{border-top:1px solid rgba(255,255,255,.05)}.poll-results-modal__voter-name{font-size:15px;font-weight:500;line-height:1.3;color:var(--text, #f2f3f5)}.poll-results-modal__empty-voters{padding:12px 18px 14px;font-size:13px;color:var(--text-muted, #949ba4)}.add-member-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.add-member-modal-container{background:linear-gradient(135deg,#2f3136,#36393f);color:#fff;border-radius:16px;width:500px;max-width:90vw;max-height:80vh;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a;backdrop-filter:blur(20px);overflow:hidden;display:flex;flex-direction:column;animation:addMemberModalSlideIn .3s cubic-bezier(.4,0,.2,1)}position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); display: flex; align-items: center; justify-content: center; z-index: 1000; backdrop-filter: blur(5px); } .add-member-modal-container{background:linear-gradient(135deg,#2f3136,#36393f);color:#fff;border-radius:16px;width:500px;max-width:90vw;max-height:80vh;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a;backdrop-filter:blur(20px);overflow:hidden;display:flex;flex-direction:column;animation:addMemberModalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes addMemberModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-member-modal-header{background:linear-gradient(135deg,#36393f,#2f3136);border-bottom:1px solid #40444b;color:#fff;padding:20px 24px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.add-member-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.add-member-close-button{background:none;border:none;color:#b9bbbe;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.add-member-close-button:hover{background:#ffffff1a;color:#fff}.add-member-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:24px}.add-member-header-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:16px;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:12px}.add-member-info h4{margin:0 0 4px;color:#fff;font-size:1.1rem;font-weight:600}.add-member-info p{margin:0;color:#b9bbbe;font-size:.875rem}.add-member-refresh-button{background:#5865f2;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-member-refresh-button:hover:not(:disabled){background:#4752c4;transform:translateY(-1px)}.add-member-refresh-button:disabled{background:#40444b;color:#72767d;cursor:not-allowed;transform:none}.add-member-search-container{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;transition:all .3s ease}.add-member-search-container:focus-within{border-color:#5865f2;background:#5865f21a}.add-member-search-icon{color:#b9bbbe;margin-right:12px;font-size:1.2rem}.add-member-search-input{flex:1;background:none;border:none;color:#fff;font-size:.9rem;outline:none}.add-member-search-input::placeholder{color:#72767d}.add-member-search-button{background:#5865f2;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:12px}.add-member-search-button:hover:not(:disabled){background:#4752c4;transform:translateY(-1px)}.add-member-search-button:disabled{background:#40444b;color:#72767d;cursor:not-allowed;transform:none}.add-member-error{background:#ed42451a;border:1px solid rgba(237,66,69,.3);color:#ed4245;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.875rem}.add-member-results{flex:1;overflow:auto}.add-member-results-list{display:flex;flex-direction:column;gap:12px}.add-member-result-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease}.add-member-result-item:hover{background:#ffffff1a;border-color:#5865f24d;transform:translateY(-1px)}.add-member-user-info{display:flex;align-items:center;gap:12px;flex:1}.add-member-user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0}.add-member-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.add-member-user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.add-member-username{color:#fff;font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-member-email{color:#b9bbbe;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-member-status{color:#43b581;font-size:.8rem;font-weight:500}.add-member-loading{text-align:center;padding:48px 32px;border-radius:12px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px dashed rgba(255,255,255,.2)}.add-member-loading-spinner{width:40px;height:40px;border:3px solid rgba(88,101,242,.3);border-top:3px solid #5865f2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.add-member-loading-text{color:#b9bbbe;font-size:.875rem}.add-member-add-button{background:#5865f2;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;flex-shrink:0}.add-member-add-button:hover:not(:disabled){background:#4752c4;transform:translateY(-1px)}.add-member-add-button:disabled{background:#40444b;color:#72767d;cursor:not-allowed;transform:none}.add-member-empty-state{text-align:center;padding:48px 32px;border-radius:12px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px dashed rgba(255,255,255,.2)}.add-member-empty-icon{font-size:3rem;margin-bottom:16px;color:#b9bbbe}.add-member-empty-text{color:#b9bbbe;margin:0 0 8px;font-size:1.125rem;font-weight:600}.add-member-empty-description{color:#72767d;margin:0;font-size:.875rem}@media (max-width: 768px){.add-member-modal-overlay{padding:16px}.add-member-modal-container{width:95vw!important;max-width:95vw!important}.add-member-search-container{flex-direction:column;gap:12px}.add-member-search-button{margin-left:0;width:100%}.add-member-result-item{flex-direction:column;align-items:stretch;gap:12px}.add-member-add-button{width:100%;justify-content:center}}.search-header{padding:7px;background:var(--surface, #36393f);border-bottom:1px solid var(--border, #4f545c);height:52px}.search-bar{position:relative;width:100%}.search-bar-input{width:100%;padding:8px 12px;background:var(--background, #2f3136);border:1px solid var(--border, #4f545c);border-radius:4px;color:var(--text, #dcddde);font-size:14px;outline:none;transition:border-color .2s ease}.search-bar-input:focus{border-color:var(--primary, #5865f2)}.search-bar-input::placeholder{color:var(--text-secondary, #8e9297)}.image-preview-overlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:20px}.image-preview-backdrop{position:absolute;inset:0;border:none;background:#000000e6;background-image:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.image-preview-container{position:relative;z-index:1;background:#000;border-radius:8px;box-shadow:0 20px 40px #0000004d;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;width:fit-content;height:fit-content}.image-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#000000e6;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;min-height:60px;position:relative;z-index:10}.image-preview-title{flex:1;min-width:0;color:#fff}.image-preview-title-content{display:flex;align-items:center;gap:12px}.image-preview-icon-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border-radius:6px}.image-preview-title-icon{width:16px;height:16px;color:#fff}.image-preview-filename{font-size:14px;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-preview-info{font-size:12px;color:#ffffffb3;margin:0}.image-preview-controls{display:flex;align-items:center;gap:8px}.image-preview-zoom-controls{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:4px 8px;border-radius:6px}.image-preview-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background-color .2s ease}.image-preview-btn:hover{background:#fff3}.image-preview-btn:disabled{opacity:.5;cursor:not-allowed}.image-preview-icon{width:16px;height:16px}.image-preview-zoom-text{font-size:12px;color:#fff;font-weight:500;min-width:40px;text-align:center}.image-preview-reset{font-size:12px;font-weight:600}.image-preview-content{display:flex;align-items:center;justify-content:center;background:#000;position:relative;min-height:200px;min-width:200px}.image-preview-image-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:calc(95vh - 120px);cursor:grab;overflow:hidden}.image-preview-image-container:active{cursor:grabbing}.image-preview-image{max-width:calc(95vw - 32px);max-height:calc(95vh - 120px);width:auto;height:auto;object-fit:contain;transition:transform .1s ease;-webkit-user-select:none;user-select:none;pointer-events:auto;display:block}.image-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffffb3}.image-preview-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.image-preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ef4444;text-align:center}.image-preview-retry{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.image-preview-retry:hover{background:#dc2626}@media (max-width: 768px){.image-preview-overlay{padding:10px}.image-preview-container{max-width:100vw;max-height:100vh;border-radius:0}.image-preview-header{padding:8px 12px;min-height:50px}.image-preview-controls{gap:4px}.image-preview-btn{width:28px;height:28px}.image-preview-icon{width:14px;height:14px}.image-preview-zoom-controls{gap:4px;padding:2px 6px}.image-preview-content{min-height:150px;min-width:150px}}.audio-message{--am-wave-color: var(--text-muted, #b9bbbe);--am-progress-color: var(--primary, #5865f2);--am-cursor-color: var(--text, #ffffff);display:flex;align-items:center;border-radius:10px;max-width:340px;min-width:0;background-color:var(--surface, #2f3136);padding:8px;margin:4px 0;border:1px solid var(--border, #40444b);color:var(--text, inherit);transition:all .2s ease}.audio-message:hover{border-color:var(--primary, #5865f2);box-shadow:0 2px 8px color-mix(in srgb,var(--primary, #5865f2) 10%,transparent)}.audio-message .play-pause-button{background:none;border:none;font-size:20px;cursor:pointer;margin-right:10px;color:var(--am-progress-color);display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;transition:all .2s ease}.audio-message .play-pause-button svg{color:inherit}.audio-message .play-pause-button:hover{background-color:color-mix(in srgb,var(--am-progress-color) 12%,transparent);transform:scale(1.05)}.audio-message .waveform-container{flex:0 0 200px;width:200px;height:40px;border-radius:10px;position:relative;overflow:hidden;cursor:pointer}.audio-message .duration{flex-shrink:0;font-size:12px;color:var(--text-muted, #b9bbbe);margin-left:8px;white-space:nowrap;font-variant-numeric:tabular-nums}.audio-message .error-message{color:var(--danger, #dc3545);font-size:12px;padding:8px;background-color:color-mix(in srgb,var(--danger, #dc3545) 10%,transparent);border-radius:4px;border:1px solid color-mix(in srgb,var(--danger, #dc3545) 20%,transparent)}.audio-message.playing .play-pause-button{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.audio-message{max-width:100%;padding:6px}.audio-message .waveform-container{flex:1 1 auto;width:auto;min-width:56px;height:32px!important}.audio-message .play-pause-button{width:28px;height:28px}.audio-message .duration{font-size:12px}}.whithin-video-player{position:relative;width:100%;max-width:640px;max-height:360px;background:#1e1e1e;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9}.whithin-video-player__video{display:block;width:100%;height:100%;object-fit:contain;vertical-align:middle}.whithin-video-player__center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;z-index:2}.whithin-video-player__center-play:hover{background:#5865f2e6;transform:translate(-50%,-50%) scale(1.05)}.whithin-video-player__center-play:active{transform:translate(-50%,-50%) scale(.98)}.whithin-video-player__controls{position:absolute;bottom:0;left:0;right:0;padding:12px 12px 8px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:#dcddde;opacity:0;transition:opacity .2s ease;z-index:2}.whithin-video-player__controls.visible{opacity:1}.whithin-video-player__progress-wrap{position:absolute;top:-6px;left:0;right:0;height:6px;cursor:pointer;background:#fff3;border-radius:3px}.whithin-video-player__progress-fill{position:absolute;left:0;top:0;height:100%;background:#5865f2;border-radius:3px;pointer-events:none;transition:width .05s linear}.whithin-video-player__progress{-webkit-appearance:none;appearance:none;position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;cursor:pointer;margin:0}.whithin-video-player__progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 2px #00000080;margin-top:-4px;cursor:pointer;transition:transform .1s}.whithin-video-player__progress::-webkit-slider-thumb:hover{transform:scale(1.2)}.whithin-video-player__progress::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 2px #00000080;border:none;cursor:pointer}.whithin-video-player__bar{display:flex;align-items:center;gap:8px;padding-top:4px}.whithin-video-player__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:#dcddde;cursor:pointer;border-radius:4px;transition:background .15s,color .15s}.whithin-video-player__btn:hover{background:#ffffff1a;color:#fff}.whithin-video-player__time{font-size:12px;color:#b9bbbe;min-width:90px;margin-right:4px}.whithin-video-player__volume{display:flex;align-items:center;gap:4px;margin-left:auto}.whithin-video-player__volume-range{-webkit-appearance:none;appearance:none;width:72px;height:4px;background:#ffffff4d;border-radius:2px;cursor:pointer}.whithin-video-player__volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#dcddde;cursor:pointer}.whithin-video-player__volume-range::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#dcddde;border:none;cursor:pointer}.whithin-video-player:fullscreen,.whithin-video-player:-webkit-full-screen,.whithin-video-player:-moz-full-screen{max-width:none;max-height:none;width:100vw;height:100vh;border-radius:0;aspect-ratio:auto}.whithin-video-player:fullscreen .whithin-video-player__video,.whithin-video-player:-webkit-full-screen .whithin-video-player__video,.whithin-video-player:-moz-full-screen .whithin-video-player__video{width:100%;height:100%;object-fit:contain}.media-file{border:1px solid #e0e0e0;border-radius:8px;padding:12px;margin:8px 0;background:#f9f9f9;transition:all .2s ease}.media-file:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.media-file:has(.media-file-card){padding:0;margin:4px 0;background:transparent;border:none}.media-file:has(.media-file-card):hover{box-shadow:none}.media-file:has(.media-file-card) .media-content{margin-top:0}.media-file-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.media-file-icon-large{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e9ecef;border-radius:8px}.media-file-details{flex:1;min-width:0}.media-file-name{font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.media-file-meta{display:flex;gap:12px;font-size:12px;color:#666}.media-file-actions{display:flex;gap:8px}.media-action-btn{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s ease}.media-action-btn:hover{background-color:#f0f0f0}.delete-btn:hover{background-color:#ffebee}.download-btn:hover{background-color:#e3f2fd}.media-error{color:#d32f2f;font-size:12px;margin-bottom:8px;padding:4px 8px;background:#ffebee;border-radius:4px}.media-content{margin-top:8px}.media-image-container{position:relative;max-width:100%;min-height:200px;overflow:hidden}.media-image{width:100%;max-width:400px;max-height:300px;object-fit:contain;cursor:pointer;transition:opacity .3s ease;display:block}.media-image.media-loading{opacity:0;position:absolute;pointer-events:none}.media-image:hover{opacity:.92}.media-skeleton{position:relative;width:100%;max-width:400px;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-skeleton-video{height:225px}.skeleton-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite}.skeleton-icon{font-size:48px;opacity:.3;z-index:1}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.media-video.media-loading{opacity:0;position:absolute;pointer-events:none}.media-fullscreen-overlay{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.media-fullscreen-content{position:relative;max-width:90vw;max-height:90vh;background:#1e1e1e;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0009;border:1px solid #3c3c3c}.media-fullscreen-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.media-fullscreen-close{position:absolute;top:16px;right:16px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.media-fullscreen-close:hover{background:#000000e6}.media-video-container{max-width:100%}.media-video-container--player{position:relative;max-width:640px}.media-video-container--player .media-skeleton{position:absolute;inset:0;z-index:1}.media-video-container--player .whithin-video-player.media-loading{opacity:0;pointer-events:none}.media-video{max-width:100%;max-height:300px;border-radius:4px}.media-audio-container{max-width:100%}.media-audio{width:100%;max-width:400px}.media-file-container{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.media-file-download-link{text-decoration:none;color:inherit;transition:background-color .2s,border-color .2s}.media-file-download-link:hover{background-color:#f9f9f9;border-color:#5865f2}.media-file-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px}.media-file-info{flex:1}.media-file-name{font-weight:500;color:#333;margin-bottom:4px}.media-file-size{font-size:12px;color:#666}.media-file-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#36393f;border-radius:8px;text-decoration:none;color:inherit;transition:background-color .15s ease;max-width:420px}.media-file-card:hover{background:#3c3f44}.media-file-card__icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#c5c8e3;background:#00000026}.media-file-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.media-file-card__name{font-size:14px;font-weight:500;color:#5865f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-file-card:hover .media-file-card__name{text-decoration:underline}.media-file-card__size{font-size:12px;color:#8e9297}.media-video-note-shell{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:200px;max-width:min(200px,72vw);max-height:min(200px,72vw);cursor:pointer;outline:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.media-video-note-shell:focus-visible{filter:drop-shadow(0 0 0 2px rgba(88,101,242,.9)) drop-shadow(0 4px 12px rgba(0,0,0,.4))}.media-video-note__ring{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}.media-video-note__ring-track{stroke:#ffffff38;stroke-width:3.2}.media-video-note__ring-progress{stroke:#5865f2;stroke-width:3.2;stroke-linecap:round}.media-video-note{position:relative;z-index:1;width:176px;height:176px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#1a1c1f;flex-shrink:0}.media-video-note__video{width:100%;height:100%;object-fit:cover;display:block;vertical-align:middle}.media-video-note__skeleton{position:absolute;inset:0;border-radius:50%;z-index:2}.media-video-note__badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,.35) 0%,transparent 65%)}@media (max-width: 768px){.media-file-header{flex-direction:column;align-items:flex-start;gap:8px}.media-file-actions{align-self:flex-end}.media-image,.media-video{max-height:200px}}.message-media-album{position:relative;display:flex;flex-direction:column;gap:2px;max-width:min(100%,420px);border-radius:8px;overflow:hidden}.message-media-album--with-caption{border-bottom-left-radius:0;border-bottom-right-radius:0}.message-media-album__row{display:flex;gap:2px;width:100%}.message-media-album__row--tall{height:240px}.message-media-album__row--short{height:118px}.message-media-album__column{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.message-media-album__cell{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background:#2b2d31;border:none;padding:0;cursor:pointer}.message-media-album__cell img{width:100%;height:100%;object-fit:cover;display:block}.message-media-album__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000038;pointer-events:none}.message-media-album__play-icon{width:36px;height:36px;border-radius:999px;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center}.message-media-album__time{position:absolute;right:6px;bottom:6px;z-index:1;padding:2px 6px;border-radius:10px;background:#00000073;color:#ffffffeb;font-size:11px;font-weight:500;line-height:1.2;pointer-events:none}.message-file-group{display:flex;flex-direction:column;gap:6px;width:100%}.message-media-block{display:flex;flex-direction:column;gap:6px;margin-top:4px;min-width:0;max-width:100%}.message--media-only .message-media-block{margin-top:0}.replied-image{max-width:200px;max-height:120px;border-radius:4px;object-fit:cover;border:1px solid #40444b}.replied-video{max-width:200px;max-height:120px;border-radius:4px;border:1px solid #40444b}.replied-video-note-wrap{display:inline-block;vertical-align:middle;cursor:pointer;border-radius:50%;overflow:hidden;line-height:0;outline:none}.replied-video-note-wrap:focus-visible{box-shadow:0 0 0 2px #5865f2d9}.replied-video--note{width:88px;height:88px;max-width:88px;max-height:88px;border-radius:50%;object-fit:cover;display:block}.replied-text{color:#b9bbbe;font-size:13px;line-height:1.4;word-break:break-word;white-space:pre-wrap}.replied-link{color:#66b3ff;text-decoration:underline;text-underline-offset:2px}.replied-link:hover{color:#9bd0ff}.replied-message-content .audio-message{max-width:100%;transform:scale(.8);transform-origin:left center;margin:2px 0;border:1px solid rgba(88,101,242,.2)}.replied-message-content .audio-message .waveform-container{width:150px!important;height:30px!important}.replied-message-content .audio-message .play-pause-button{transform:scale(.8);color:#5865f2}.replied-message-content .audio-message .duration{font-size:.8em;color:#b9bbbe}.sticker-message{display:block;line-height:0;margin:0;padding:0}.sticker-message__media{display:block;width:auto;height:auto;max-width:100%;vertical-align:top;pointer-events:none;user-select:none}.sticker-message__media--300{max-width:min(300px,85vw);max-height:min(300px,70vh)}.sticker-message__media--240{max-width:min(240px,100%);max-height:240px}.sticker-message__media--180{max-width:min(180px,100%);max-height:180px}.sticker-message__media--64{max-width:64px;max-height:64px}.sticker-message__media--48{max-width:48px;max-height:48px}.message-item{display:flex;gap:12px;padding:8px 16px;transition:background-color .2s ease;position:relative;max-width:70%;margin-bottom:8px}.message-item:hover{background:var(--hover)}.message-item .message-avatar,.message-item .user-avatar{flex-shrink:0;position:relative}.message-item.own{flex-direction:row-reverse}.message-item.own .message-content{align-items:flex-end}.message-item.own .message-body{background:var(--primary);color:#fff;border-radius:18px 18px 4px}.message-item:not(.own) .message-body{background:var(--surface);color:var(--text);border-radius:18px 18px 18px 4px}.message-avatar{flex-shrink:0;margin-top:4px}.message-content{display:flex;flex-direction:column;gap:4px;max-width:70%;min-width:0}.message-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px}.message-username{font-weight:600;color:var(--text, #dcddde);font-size:16px;line-height:1.375rem}.message-time{color:var(--text-muted, #949ba4);font-size:12px}.message-edited{color:var(--text-muted, #949ba4);font-size:11px}.message-body{padding:8px 12px;word-wrap:break-word;position:relative}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin-top:4px}.message-item.own .message-meta .message-time{color:#ffffff8c}.message-text{line-height:1.4;font-size:14px;white-space:pre-wrap;word-break:break-word}.message-item.own .message-link{color:#fff;text-decoration-color:#ffffffe6}.message-item.own .message-link:hover{color:#e6eeff}.message-content{display:flex;flex-direction:column;gap:8px}.message-media{display:flex;flex-direction:column;gap:8px;margin-top:8px;min-width:0;max-width:100%}.message-media .media-image-container{overflow:hidden;border-radius:8px}.message-image{margin:4px 0}.message-image-content{max-width:100%;max-height:300px;border-radius:8px;object-fit:cover;cursor:pointer}.message-image-content:hover{opacity:.92}.message-voice{margin:4px 0}.voice-message{display:flex;align-items:center;gap:8px;background-color:color-mix(in srgb,var(--surface-hover, #40444b) 55%,transparent);padding:8px 12px;border-radius:20px;border:1px solid var(--border, #4f545c);color:var(--text, inherit)}.play-pause-button{background:none;border:none;color:var(--primary, inherit);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.play-pause-button:hover{background-color:color-mix(in srgb,var(--primary, #5865f2) 12%,transparent)}.waveform-container{flex:1;height:20px;border-radius:10px;position:relative;overflow:hidden}.waveform{height:100%;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--text-muted, #b9bbbe) 60%,transparent) 50%,transparent 100%);animation:waveform 2s ease-in-out infinite}@keyframes waveform{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.duration{font-size:12px;color:inherit;opacity:.8;font-family:Courier New,monospace}.message-file{display:flex;align-items:center;gap:12px;background-color:#ffffff1a;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background-color .2s ease}.message-file:hover{background-color:#ffffff26}.file-icon{color:var(--primary, #5865f2);flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-weight:500;font-size:14px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:inherit;opacity:.7;margin-top:2px}.replied-message{background-color:#ffffff1a;border-left:4px solid var(--primary, #5865f2);padding:8px 12px;margin-bottom:8px;border-radius:0 8px 8px 0;cursor:pointer;transition:background-color .2s ease}.replied-message:hover{background-color:#ffffff26}.replied-message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.replied-message-header strong{color:var(--primary, #5865f2);font-size:12px;font-weight:600}.replied-message-header span{color:inherit;opacity:.7;font-size:12px}.replied-message-content{color:inherit;opacity:.8;font-size:13px;line-height:1.3;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forwarded-message{background-color:#ffffff0d;border-left:4px solid var(--secondary, #57f287);padding:8px 12px;margin-bottom:8px;border-radius:0 8px 8px 0;position:relative}.forwarded-message:before{content:"↱";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:linear-gradient(45deg,var(--primary, #5865f2),var(--secondary, #57f287));border-radius:2px}.forwarded-message-header{color:inherit;opacity:.7;font-size:12px;margin-bottom:4px}.forwarded-message-content{color:inherit;font-size:13px;line-height:1.3}.forwarded-message-media{width:fit-content;max-width:100%}.context-menu{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px 0;min-width:150px;z-index:1000}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text);text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease}.context-menu-item-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;font-size:18px;opacity:.9}.context-menu-item:hover{background:var(--hover)}.context-menu-item.danger:hover{background-color:rgba(var(--danger-rgb),.1)}@media (max-width: 768px){.message-item{padding:6px 12px;gap:8px}.message-content{max-width:85%}.message-body{padding:6px 10px}.message-text{font-size:16px}.message-image-content{max-height:200px}.voice-message{padding:6px 10px}.message-file{padding:10px}}.message-search{position:relative;display:flex;align-items:center}.message-search-field{display:flex;align-items:center;gap:6px;width:168px;height:32px;padding:0 8px;background:var(--background-primary, #1e1f22);border:1px solid transparent;border-radius:4px;transition:width .2s ease,border-color .15s ease,background-color .15s ease}.message-search-field.is-focused,.message-search-field.has-value{width:240px;background:var(--background, #2b2d31);border-color:var(--border, #3f4147)}.message-search-field.is-focused{border-color:var(--primary, #5865f2)}.message-search-icon{flex-shrink:0;width:18px!important;height:18px!important;color:var(--icon, var(--text-muted, #949ba4))}.message-search-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text, #dbdee1);font-size:13px;line-height:1.2;outline:none;padding:0}.message-search-input::placeholder{color:var(--text-muted, #949ba4)}.message-search-clear,.message-search-results-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:3px;background:transparent;color:var(--icon, var(--text-muted, #949ba4));cursor:pointer;transition:color .15s ease,background-color .15s ease}.message-search-clear:hover,.message-search-results-close:hover{color:var(--icon-hover, var(--text, #dbdee1));background:var(--hover, #35373c)}.message-search-results{position:absolute;top:calc(100% + 6px);right:0;width:min(360px,calc(100vw - 32px));background:var(--background, #2b2d31);border:1px solid var(--border, #3f4147);border-radius:6px;box-shadow:0 8px 24px #00000059;max-height:320px;overflow:hidden;z-index:1000}.message-search-results-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border, #3f4147)}.message-search-results-title{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #949ba4)}.message-search-results-list{max-height:268px;overflow-y:auto}.message-search-result-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid rgba(79,84,92,.35)}.message-search-result-item:hover{background:var(--hover, #35373c)}.message-search-result-item:last-child{border-bottom:none}.message-search-result-user{flex-shrink:0}.message-search-result-main{flex:1;min-width:0}.message-search-result-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.message-search-result-username{font-size:14px;font-weight:600;color:var(--text, #f2f3f5)}.message-search-result-date{font-size:11px;color:var(--text-muted, #949ba4);white-space:nowrap}.message-search-result-content{font-size:13px;color:var(--text-secondary, #b5bac1);line-height:1.35;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-search-loading,.message-search-empty{padding:20px 12px;text-align:center;color:var(--text-muted, #949ba4);font-size:13px}@media (max-width: 768px){.message-search-field,.message-search-field.is-focused,.message-search-field.has-value{width:140px}.message-search-results{width:min(300px,calc(100vw - 24px))}}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-channel-modal{background:var(--background, #36393f);border-radius:8px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:modalSlideIn .2s ease-out;pointer-events:auto}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-channel-modal form{display:flex;flex-direction:column;min-height:0;flex:1}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 8px}.modal-header-text{min-width:0}.modal-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text, #ffffff);line-height:1.25}.modal-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-muted, #8e9297);line-height:1.4}.close-button{flex-shrink:0;background:none;border:none;color:var(--text-muted, #8e9297);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:color .2s ease,background-color .2s ease}.close-button:hover{color:var(--text, #ffffff);background:var(--hover, #40444b)}.modal-body{padding:8px 16px 16px;overflow-y:auto;flex:1;min-height:0}.form-section-label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;color:var(--text-muted, #8e9297);text-transform:uppercase;letter-spacing:.04em}.form-group:last-child{margin-bottom:0}.channel-type-list{border:none;margin:0 0 20px;padding:0;min-inline-size:0}.channel-type-option{display:flex;align-items:flex-start;gap:10px;padding:8px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.channel-type-option:hover{background:var(--hover, #40444b)}.channel-type-radio-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.channel-type-radio{width:20px;height:20px;margin-top:2px;border-radius:50%;border:2px solid var(--text-muted, #8e9297);box-sizing:border-box;position:relative;flex-shrink:0}.channel-type-option.selected .channel-type-radio{border-color:var(--primary, #5865f2)}.channel-type-option.selected .channel-type-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--primary, #5865f2)}.channel-type-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.channel-type-head{display:flex;align-items:center;gap:6px}.channel-type-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted, #8e9297);font-size:15px}.channel-type-icon .MuiSvgIcon-root{font-size:18px}.channel-type-name{font-size:15px;font-weight:500;color:var(--text, #ffffff);line-height:1.3}.channel-type-desc{font-size:13px;line-height:1.35;color:var(--text-muted, #8e9297)}.channel-name-group{position:relative;z-index:2;margin-bottom:20px}.channel-name-group .form-section-label{text-transform:none;letter-spacing:normal;font-size:13px;font-weight:600;color:var(--text, #ffffff);margin-bottom:10px}.channel-name-field{position:relative}.channel-name-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;color:var(--text, #ffffff);font-size:18px;font-weight:500;line-height:1;pointer-events:none;user-select:none}.channel-name-prefix svg,.channel-name-prefix .MuiSvgIcon-root{font-size:18px;color:var(--text-muted, #b5bac1)}.channel-name-input{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px 10px 34px;background:var(--background-primary, #1e1f22);border:1px solid var(--border, #3f4147);border-radius:4px;color:var(--text, #ffffff);font-size:16px;line-height:1.25;transition:border-color .15s ease}.channel-name-field[data-channel-type="4"] .channel-name-input,.channel-name-field[data-channel-type="5"] .channel-name-input{padding-left:40px}.channel-name-input:focus{outline:none;border-color:var(--primary, #5865f2)}.channel-name-field.has-error .channel-name-input{border-color:var(--danger, #ed4245)}.channel-name-input::placeholder{color:var(--text-muted, #8e9297)}.private-channel-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.private-channel-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text, #ffffff);margin-bottom:4px}.private-icon{color:var(--text-muted, #8e9297);font-size:14px;flex-shrink:0}.private-channel-desc{margin:0;font-size:13px;line-height:1.4;color:var(--text-muted, #8e9297)}.member-picker{margin-top:12px}.member-picker .member-list{max-height:180px;overflow-y:auto;padding:8px;background:var(--surface, #2f3136);border:1px solid var(--border, #4f545c);border-radius:4px}.member-option{display:flex;align-items:center;gap:10px;padding:8px 4px;cursor:pointer;font-size:14px;color:var(--text, #ffffff)}.member-option input[type=checkbox]{margin:0;accent-color:var(--primary, #5865f2)}.member-name{flex:1}.members-loading,.no-members{padding:12px;color:var(--text-muted, #8e9297);font-size:13px}.error-message{margin-top:6px;font-size:12px;color:var(--danger, #ed4245)}.submit-error{text-align:center;margin-top:16px}.modal-footer{display:flex;gap:12px;padding:16px;background:var(--background, #36393f)}.cancel-button,.create-button{flex:1;padding:11px 16px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;border:none;transition:background-color .2s ease}.cancel-button{background:var(--surface, #2f3136);color:var(--text, #ffffff)}.cancel-button:hover{background:var(--hover, #40444b)}.create-button{background:var(--primary, #5865f2);color:#fff}.create-button:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.create-button:disabled{opacity:.5;cursor:not-allowed}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border, #4f545c);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted, #8e9297)}.modal-content{background:var(--surface);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000004d;border:1px solid var(--border)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text)}.close-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{color:var(--text);background:var(--hover)}.modal-body{padding:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text);font-size:14px}.form-group input{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text);font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary)}.form-group input.error{border-color:var(--error)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{color:var(--error);font-size:12px;margin-top:4px}.channel-members-section .private-icon{margin-right:6px;color:var(--text-muted);font-size:12px}.channel-members-list{max-height:200px;overflow-y:auto;padding:8px 0;margin-bottom:10px}.channel-member-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--background);border-radius:6px;margin-bottom:6px}.channel-member-row .member-name{font-size:14px;color:var(--text)}.remove-member-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:4px;cursor:pointer;transition:all .2s ease}.remove-member-btn:hover:not(:disabled){color:var(--error);border-color:var(--error)}.remove-member-btn:disabled{opacity:.6;cursor:not-allowed}.add-member-to-channel{margin-top:8px}.add-member-select{width:100%;padding:10px 12px;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;cursor:pointer}.add-member-select:focus{outline:none;border-color:var(--primary)}.channel-members-section .members-loading{padding:12px;color:var(--text-muted);font-size:13px}.channel-info{background:var(--background);border:1px solid var(--border);border-radius:6px;padding:16px;margin-top:20px}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-label{font-weight:500;color:var(--text-muted);font-size:14px}.info-value{color:var(--text);font-size:14px}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid var(--border);background:var(--background);border-radius:0 0 8px 8px}.footer-actions{display:flex;gap:12px}.cancel-button,.save-button,.delete-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.cancel-button{background:var(--background);color:var(--text);border:1px solid var(--border)}.cancel-button:hover{background:var(--hover)}.save-button{background:var(--primary);color:#fff}.save-button:hover{background:var(--primary-hover)}.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.delete-button{background:var(--error);color:#fff}.delete-button:hover{background:var(--error-hover)}.delete-button:disabled{opacity:.6;cursor:not-allowed}.private-channel-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.private-channel-info{flex:1;min-width:0}.private-channel-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px}.private-channel-desc{margin:0;font-size:13px;line-height:1.4;color:var(--text-muted)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.form-section-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text);font-size:14px}.member-picker .member-list{max-height:180px;overflow-y:auto;padding:8px;background:var(--background);border:1px solid var(--border);border-radius:6px}.member-option{display:flex;align-items:center;gap:10px;padding:8px;border-radius:4px;cursor:pointer}.member-option:hover{background:var(--hover)}.member-option .member-name{font-size:14px;color:var(--text)}.member-picker .members-loading,.member-picker .no-members{padding:12px;color:var(--text-muted);font-size:13px}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--background-secondary);border-radius:8px;padding:20px;width:100%;max-width:400px;box-shadow:0 4px 12px #0000004d;color:var(--text);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:10px}.modal-header h2{font-size:20px;font-weight:600;color:var(--text-header);margin:0}.close-button{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;transition:color .2s ease;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:var(--text)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase}.form-group input[type=text]{width:100%;padding:10px;border:1px solid var(--border);border-radius:4px;background-color:var(--input-background);color:var(--text);font-size:14px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.form-group input[type=text]:focus{border-color:var(--primary)}.form-group input[type=text].error{border-color:var(--danger)}.error-message{color:var(--danger);font-size:12px;margin-top:5px}.submit-error{text-align:center;margin-bottom:15px;padding:10px;background-color:var(--danger-background, rgba(237, 66, 69, .1));border-radius:4px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid var(--border);margin-top:20px}.cancel-button{background-color:transparent;color:var(--text);padding:8px 16px;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:var(--hover)}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.create-button{background:var(--primary);color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease}.create-button:hover:not(:disabled){background:var(--primary-hover)}.create-button:disabled{background-color:var(--button-disabled);cursor:not-allowed}.category-modal-content{max-width:480px}.private-category-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.private-category-info{flex:1;min-width:0}.private-category-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text-header);margin-bottom:4px}.private-category-desc{margin:0;font-size:13px;line-height:1.4;color:var(--text-muted)}.private-icon{color:var(--text-muted);font-size:14px;flex-shrink:0}.toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:12px;transition:background-color .2s ease}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.access-picker{margin-bottom:16px}.picker-label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase}.picker-list{max-height:160px;overflow-y:auto;padding:8px;background:var(--input-background);border:1px solid var(--border);border-radius:4px}.picker-option{display:flex;align-items:center;gap:10px;padding:8px;border-radius:4px;cursor:pointer;font-size:14px;color:var(--text)}.picker-option:hover{background:var(--hover)}.role-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.picker-loading,.picker-empty{padding:10px;font-size:13px;color:var(--text-muted)}.soundpad-panel-overlay{position:fixed;inset:0;z-index:1050;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;background:#00000059}.soundpad-panel{display:flex;flex-direction:column;gap:8px;max-width:280px;width:min(280px,calc(100vw - 32px));padding:10px;border-radius:10px;background:#1e1f22fa;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000059}.soundpad-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.soundpad-panel__title{margin:0;font-size:12px;color:#b9bbbe;text-transform:uppercase;letter-spacing:.04em}.soundpad-panel__close{flex-shrink:0;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#b9bbbe;font-size:18px;line-height:1;cursor:pointer}.soundpad-panel__close:hover{background:#ffffff14;color:#fff}.soundpad-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.soundpad-panel__btn{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;border-radius:6px;padding:8px;background:#5865f2;color:#fff;font-size:12px;font-weight:600;cursor:pointer;min-width:0}.soundpad-panel__btn-label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundpad-panel__btn-hotkey{font-size:10px;font-weight:500;opacity:.85}.soundpad-panel__btn:hover{background:#4752c4}.soundpad-panel__btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#2c2f33;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;color:#fff;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #40444b}.modal-header h2{margin:0;font-size:20px;font-weight:600}.close-button{background:none;border:none;color:#b9bbbe;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:#40444b}.modal-subtitle{padding:12px 24px;color:#b9bbbe;font-size:14px}.selected-users{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 16px}.selected-user-tag{background:#40444b;color:#fff;padding:6px 12px;border-radius:16px;display:flex;align-items:center;gap:8px;font-size:14px}.remove-user{background:none;border:none;color:#b9bbbe;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;transition:background-color .2s}.remove-user:hover{background-color:#5865f2}.users-search{padding:0 24px 16px}.search-input{width:100%;padding:12px 16px;background:#40444b;border:none;border-radius:8px;color:#fff;font-size:14px}.search-input::placeholder{color:#b9bbbe}.users-list{max-height:300px;overflow-y:auto;padding:0 24px}.user-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #40444b;cursor:pointer;transition:background-color .2s}.user-item:hover{background-color:#40444b;margin:0 -24px;padding:12px 24px}.user-avatar{position:relative;margin-right:12px}.user-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #2c2f33}.status-indicator.online{background-color:#43b581}.status-indicator.offline{background-color:#747f8d}.user-info{flex:1}.user-name{font-weight:500;margin-bottom:2px}.user-username{color:#b9bbbe;font-size:14px}.user-checkbox{width:20px;height:20px;accent-color:#5865f2}.group-name-section{display:flex;align-items:center;padding:20px 24px;border-top:1px solid #40444b;gap:16px}.group-avatar-placeholder{width:48px;height:48px;background:#40444b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#b9bbbe;cursor:pointer;transition:background-color .2s}.group-avatar-placeholder:hover{background-color:#5865f2}.group-name-input{flex:1}.group-name-input label{display:block;color:#b9bbbe;font-size:12px;margin-bottom:4px;text-transform:uppercase;font-weight:600}.group-name-input input{width:100%;padding:12px 16px;background:#40444b;border:none;border-radius:8px;color:#fff;font-size:16px}.group-name-input input::placeholder{color:#b9bbbe}.modal-actions{display:flex;gap:12px;padding:20px 24px;justify-content:flex-end}.cancel-button{padding:12px 24px;background:#40444b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.cancel-button:hover{background-color:#5865f2}.create-button{padding:12px 24px;background:#5865f2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.create-button:hover:not(:disabled){background-color:#4752c4}.create-button:disabled{background-color:#40444b;cursor:not-allowed;opacity:.6}.loading{text-align:center;padding:40px;color:#b9bbbe}.users-list::-webkit-scrollbar{width:6px}.users-list::-webkit-scrollbar-track{background:#2c2f33}.users-list::-webkit-scrollbar-thumb{background:#40444b;border-radius:3px}.users-list::-webkit-scrollbar-thumb:hover{background:#5865f2}.context-menu{background:var(--background-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px 0;min-width:200px;max-width:300px;z-index:1000;overflow:hidden}.context-menu-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;color:var(--text);font-size:14px;transition:background-color .2s ease;position:relative}.context-menu-item:hover:not(.disabled){background:var(--hover)}.context-menu-item.disabled{opacity:.5;cursor:not-allowed}.context-menu-item.danger{color:var(--danger)}.context-menu-item.danger:hover:not(.disabled){background-color:var(--danger-hover, #c53030);color:#fff}.context-menu-icon{margin-right:8px;font-size:16px;width:16px;text-align:center}.context-menu-text{flex:1}.context-menu-shortcut{color:var(--text-muted);font-size:12px;margin-left:8px}.context-menu-item:hover .context-menu-shortcut{color:var(--text)}.category-item{margin-bottom:8px}.category-item.dragging{opacity:.5;transform:rotate(5deg)}.category-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;margin:1px 8px;border-radius:4px;transition:background-color .2s ease;cursor:pointer}.category-header:hover{background:var(--hover)}.category-name-container{display:flex;align-items:center;flex:1;min-width:0}.collapse-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;margin-right:4px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:color .2s ease}.collapse-button:hover{color:var(--text)}.category-name{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;cursor:pointer}.category-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px}.category-private-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:10px;opacity:.75;padding:2px}.category-header:hover .category-private-icon{opacity:1;color:var(--text-secondary)}.add-channel-button{background:none;border:none;color:var(--text-muted, #8e9297);cursor:pointer;padding:4px;border-radius:2px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.6;font-size:12px}.category-header:hover .add-channel-button{opacity:1;color:var(--text, #ffffff)}.add-channel-button:hover{color:var(--text);background:var(--hover)}.category-channels,.channel-list{margin-top:4px}.channel-list.dragging-over{background:var(--hover);border-radius:4px;border:2px dashed var(--accent)}.voice-participant-status-icons-root{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.voice-participant-status-icons-root.pills{gap:6px;min-height:24px;min-width:54px;justify-content:center}.voice-participant-status-icons-root.pills .inline-pill{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:999px;border:1px solid transparent}.voice-participant-status-icons-root.pills .inline-pill.on{color:var(--text, #f2f3f5);background:color-mix(in srgb,var(--surface-hover, #313338) 90%,transparent);border-color:color-mix(in srgb,var(--text, #ffffff) 8%,transparent)}.voice-participant-status-icons-root.pills .inline-pill.on.speaking{background:color-mix(in srgb,var(--voice-speaking-color, var(--success, #43b581)) 20%,transparent);border-color:color-mix(in srgb,var(--voice-speaking-color, var(--success, #43b581)) 35%,transparent)}.voice-participant-status-icons-root.pills .inline-pill.off{color:var(--text-on-primary, #ffffff);background:color-mix(in srgb,var(--danger, #ed4245) 90%,transparent);border-color:color-mix(in srgb,var(--text, #ffffff) 10%,transparent)}.voice-participant-status-icons-root.pills .inline-pill.off.moderated{color:#f0b232;background:#f0b2322e;border-color:#f0b2328c}.voice-participant-status-icons-root.tile{gap:6px}.voice-status-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.voice-participant-status-icons-root.tile .voice-status-icon{width:26px;height:26px;background:#000c;border-radius:3px}.voice-participant-status-icons-root.tile .voice-status-icon.speaking{background:color-mix(in srgb,var(--voice-speaking-color, var(--success, #43b581)) 20%,transparent)}.voice-status-icon-speaking-glyph{color:var(--voice-speaking-color, var(--success, #43b581))!important}.voice-participant-status-icons-root.tile .voice-status-icon.server-moderated{background:#f0b2322e;box-shadow:inset 0 0 0 1px #f0b2328c}.voice-participant-status-icons-root.inline .voice-status-icon.server-moderated{padding:1px;border-radius:3px;background:#f0b23226;box-shadow:inset 0 0 0 1px #f0b23273}.voice-status-mod-badge{position:absolute;right:-3px;bottom:-3px;color:#f0b232!important;background:#1e1f22;border-radius:50%;padding:1px}.voice-participant-status-icons-root.tile .voice-status-mod-badge{right:-2px;bottom:-2px}.channel-item{display:flex;align-items:center;padding:6px 12px;margin:1px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--text-muted);position:relative}.channel-item.dragging{opacity:.5;transform:rotate(2deg)}.channel-item:hover:not(.active){background:var(--hover);color:var(--text)}.channel-item.active{background:var(--primary);color:var(--text-on-primary, #fff);font-weight:500}.channel-item.active:hover{background:var(--primary-hover);color:var(--text-on-primary, #fff)}.channel-item.active .channel-icon,.channel-item.active .channel-name,.channel-item.active .private-channel-icon{color:inherit}.channel-item.active .settings-button{color:var(--text-on-primary, #fff)!important;opacity:.85}.channel-item.active .settings-button:hover{background:#0000001f!important;opacity:1}.channel-item.call-only{opacity:.85}.channel-icon{margin-right:8px;font-size:16px;font-weight:500;color:inherit;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:16px;width:16px}.channel-icon svg{color:inherit;vertical-align:middle;line-height:1}.channel-icon .MuiSvgIcon-root{vertical-align:middle;line-height:1;margin-top:-1px}.channel-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:inherit;display:inline-flex;align-items:center;gap:6px;min-width:0}.channel-name .private-channel-icon{flex-shrink:0;font-size:10px;opacity:.8}.channel-unread-badge{min-width:18px;height:18px;padding:0 6px;border-radius:999px;background-color:#ed4245;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;flex-shrink:0;margin-right:4px}.channel-settings{display:flex;align-items:center;opacity:0;transition:opacity .2s ease;margin-left:4px;flex-shrink:0;visibility:hidden}.channel-item:hover .channel-settings{opacity:1;visibility:visible}.channel-item .settings-button{background:transparent!important;border:none;cursor:pointer;color:var(--text-muted)!important;transition:all .2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:.6;width:24px;height:24px}.channel-item .settings-button:hover{color:var(--text)!important;background:var(--surface-hover)!important;opacity:1;transform:none!important}.channel-item .settings-button svg{width:20px!important;height:20px!important}.voice-control-button{background:transparent!important;border:none;cursor:pointer;transition:all .2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.8;width:20px;height:20px;margin-right:4px}.voice-control-button:hover{background:var(--surface-hover)!important;opacity:1;transform:scale(1.1)}.voice-control-button svg{width:14px!important;height:14px!important}.channel-item-wrapper{display:flex;flex-direction:column}.channel-item-wrapper.has-participants{margin-bottom:0}.voice-channel-participants{display:flex;flex-direction:column;gap:2px;margin-left:28px;margin-top:2px;padding-bottom:0;min-height:0px;transition:background-color .2s ease}.voice-channel-participants.dragging-over{background-color:#5865f21a;border-radius:4px;padding:4px}.voice-participant{display:flex;align-items:center;padding:4px 8px;border-radius:4px;transition:background-color .15s ease,transform .2s ease,box-shadow .2s ease;gap:8px;cursor:grab;user-select:none}.voice-participant:active{cursor:grabbing}.voice-participant.dragging{opacity:.5;transform:rotate(5deg);box-shadow:0 4px 8px #0003}.voice-participant:hover{background:var(--hover)}.voice-participant-avatar{width:24px;height:24px;border-radius:50%;overflow:visible;flex-shrink:0;position:relative}.voice-participant-avatar:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;pointer-events:none;opacity:0;transition:opacity .12s ease;box-sizing:border-box}.voice-participant.speaking .voice-participant-avatar:after{opacity:1;border-color:var(--voice-speaking-color, var(--success, #43b581));box-shadow:0 0 10px color-mix(in srgb,var(--voice-speaking-color, var(--success, #43b581)) 35%,transparent)}.voice-participant-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.voice-participant-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;border-radius:50%;overflow:hidden}.voice-participant-nameplate{flex:1;min-width:0;min-height:24px}.voice-participant-nameplate .user-nameplate__content{padding:1px 6px}.voice-participant-name{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.35)}.voice-participant:hover .voice-participant-name{color:var(--text)}.voice-participant.muted .voice-participant-name{color:var(--text-muted)}.voice-participant-status-icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.voice-participant-muted-icon,.voice-participant-deafened-icon{display:flex;align-items:center;justify-content:center;color:#f23f43;flex-shrink:0}.voice-participant-muted-icon svg,.voice-participant-deafened-icon svg{width:14px;height:14px}.voice-participant.deafened .voice-participant-name{color:var(--text-muted);opacity:.7}.voice-channel-empty{font-size:12px;color:var(--text-muted);padding:4px 8px;margin-left:28px;font-style:italic}._user-panel_1agaq_2{background:var(--surface, #2f3136);padding:.575rem;margin:auto 0 0;border-top:1px solid var(--border, #4f545c);display:flex;align-items:center;height:63px;flex-shrink:0}._user-panel-content_1agaq_14{display:flex;align-items:center;width:100%;gap:12px}._user-avatar-container_1agaq_21{position:relative;flex-shrink:0;width:40px;height:40px}._user-avatar-status_1agaq_28{width:12px;height:12px;border-radius:50%;border:2px solid var(--surface, #2f3136)}._user-avatar-status-button_1agaq_35{position:absolute;right:-1px;bottom:-1px;border:none;background:transparent;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}._user-avatar_1agaq_21{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;padding:0;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease}._user-avatar_1agaq_21:hover{filter:brightness(1.08)}._user-avatar-image_1agaq_71{width:100%;height:100%;border-radius:50%;object-fit:cover}._user-identity_1agaq_78{position:relative;flex:1;min-width:0;height:40px;display:flex;align-items:center}._user-identity-button_1agaq_87{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;width:100%;min-width:0;height:100%;border:none;border-radius:4px;background:transparent;padding:0;text-align:left;cursor:pointer}._user-identity-button_1agaq_87:hover ._username_1agaq_104{color:var(--text)}._user-identity-button_1agaq_87:hover ._user-status-text_1agaq_108{color:var(--text-secondary, var(--text-muted))}._username_1agaq_104{color:var(--text);font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}._user-status-text_1agaq_108{color:var(--text-muted);font-size:11px;font-weight:400;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}._status-dot_1agaq_134{width:8px;height:8px;border-radius:50%;flex-shrink:0}._status-label_1agaq_141{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._status-menu_1agaq_147{position:absolute;bottom:calc(100% + 8px);left:0;min-width:170px;display:flex;flex-direction:column;gap:2px;background-color:var(--background-primary, #1e1f22);border:1px solid var(--border, #2b2d31);border-radius:8px;box-shadow:0 8px 24px #0006;padding:6px;z-index:1100}._status-menu-item_1agaq_163{display:flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--text);border-radius:6px;padding:6px 8px;text-align:left;cursor:pointer;font-size:13px}._status-menu-item_1agaq_163:hover,._status-menu-item-active_1agaq_178{background-color:var(--primary);color:var(--text-on-primary, #ffffff)}._voice-controls_1agaq_183{display:flex;gap:6px;flex-shrink:0;align-items:center}._voice-control-button_1agaq_190{background:var(--user-panel-btn-bg, var(--surface-hover, #40444b));border:var(--user-panel-btn-border, none);border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--user-panel-btn-color, var(--icon-hover, #ffffff));transition:background-color .2s,color .2s}._voice-control-button_1agaq_190:hover{background-color:var(--user-panel-btn-bg-hover, var(--hover, #4f545c))}._voice-control-button_1agaq_190:active{background-color:var(--user-panel-btn-bg-active, var(--background-secondary, #36393f))}._voice-control-buttonMuted_1agaq_212{background:#ed4245;color:#fff}._voice-control-buttonMuted_1agaq_212:hover{background:#c03537}._voice-control-buttonModerated_1agaq_221{background:#f0b232;color:#1e1f22;box-shadow:inset 0 0 0 1px #0003}._voice-control-buttonModerated_1agaq_221:hover{background:#d9a02d}._voice-control-buttonModerated_1agaq_221:disabled{opacity:1;cursor:not-allowed}.friend-item{display:flex;align-items:center;padding:8px 12px;position:relative;transition:background-color .2s ease;border-radius:4px;margin:2px 8px}.friend-item:hover{background-color:var(--surface-hover)}.friend-item:hover .friend-item__actions{opacity:1}.friend-item__avatar{position:relative;margin-right:0;flex-shrink:0;width:40px;height:40px;min-width:40px;min-height:40px}.friend-item__status-indicator{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--surface)}.friend-item__info{flex:1;min-width:0}.friend-item__name{font-weight:500;font-size:16px;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.friend-item__status,.friend-item__request-info,.friend-item__description{font-size:12px;color:var(--text-muted);line-height:1.2}.friend-item__request-info{margin-bottom:4px}.friend-item__description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.friend-item__actions{display:flex;gap:8px;margin-left:12px;opacity:0;transition:opacity .2s ease}.friend-item__action-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:18px;width:32px;height:32px}.friend-item__action-button:hover{background-color:var(--surface-hover);color:var(--text)}.friend-item__action-button--accept:hover{background-color:var(--success, #43b581);color:#fff}.friend-item__action-button--decline:hover{background-color:var(--danger, #f04747);color:#fff}.friend-item__context-menu{position:absolute;top:100%;right:8px;background-color:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:180px}.friend-item__context-item{width:100%;background:none;border:none;color:var(--text);padding:8px 12px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background-color .2s ease}.friend-item__context-item:hover{background-color:var(--surface-hover)}.friend-item__context-item svg{font-size:16px}.friend-request-item{display:flex;align-items:center;gap:12px;padding:8px 12px;margin:2px 8px;border-radius:4px;transition:background-color .2s ease}.friend-request-item:hover{background-color:#3c3f44}.friend-request-item:hover .friend-request-item__actions{opacity:1}.friend-request-item__avatar{position:relative;flex-shrink:0;width:40px;height:40px;min-width:40px;min-height:40px}.friend-request-item__info{flex:1;min-width:0}.friend-request-item__name{font-weight:500;font-size:16px;color:#fff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.friend-request-item__time{font-size:12px;color:#8e9297;line-height:1.2}.friend-request-item__actions{display:flex;gap:8px;margin-left:8px;opacity:0;transition:opacity .2s ease}.friend-request-item__action{width:32px;height:32px;border:none;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#8e9297;background:none;transition:background-color .2s ease,color .2s ease}.friend-request-item__action svg{font-size:18px}.friend-request-item__action--accept:hover{background-color:#43b581;color:#fff}.friend-request-item__action--decline:hover{background-color:#ed4245;color:#fff}.friend-request-item__status{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:6px 10px;border-radius:4px;font-size:12px;color:#b5bac1;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);white-space:nowrap}.call-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;font-size:14px;line-height:1.4;white-space:nowrap;user-select:none}.call-button:disabled{opacity:.6;cursor:not-allowed}.call-button.loading{opacity:.8;cursor:not-allowed}.call-button-icon{display:flex;align-items:center;justify-content:center;font-size:18px}.call-button-text{font-size:inherit}.call-button.small{padding:6px 12px;font-size:12px;gap:6px}.call-button.small .call-button-icon{font-size:16px}.call-button.medium{padding:8px 16px;font-size:14px;gap:8px}.call-button.large{padding:12px 20px;font-size:16px;gap:10px}.call-button.large .call-button-icon{font-size:20px}.call-button.primary{background:#5865f2;color:#fff}.call-button.primary:hover:not(:disabled){background:#4752c4;transform:translateY(-1px)}.call-button.primary:active:not(:disabled){transform:translateY(0)}.call-button.secondary{background:#40444b;color:#f2f3f5}.call-button.secondary:hover:not(:disabled){background:#4f545c;transform:translateY(-1px)}.call-button.secondary:active:not(:disabled){transform:translateY(0)}.call-button.success{background:#00d166;color:#fff}.call-button.success:hover:not(:disabled){background:#00b359;transform:translateY(-1px)}.call-button.success:active:not(:disabled){transform:translateY(0)}.call-button.danger{background:#f04747;color:#fff}.call-button.danger:hover:not(:disabled){background:#d63d3d;transform:translateY(-1px)}.call-button.danger:active:not(:disabled){transform:translateY(0)}.call-button.active{background:#f04747;color:#fff;animation:pulse 2s infinite}.call-button.active:hover:not(:disabled){background:#d63d3d}@keyframes pulse{0%{box-shadow:0 0 #f04747b3}70%{box-shadow:0 0 0 10px #f0474700}to{box-shadow:0 0 #f0474700}}.call-button.loading .call-button-icon{animation:spin 1s linear infinite}@media (max-width: 768px){.call-button{padding:6px 12px;font-size:13px;gap:6px}.call-button .call-button-icon{font-size:16px}.call-button.large{padding:10px 16px;font-size:15px;gap:8px}.call-button.large .call-button-icon{font-size:18px}}@media (max-width: 480px){.call-button{padding:5px 10px;font-size:12px;gap:5px}.call-button .call-button-icon{font-size:14px}.call-button.large{padding:8px 14px;font-size:14px;gap:6px}.call-button.large .call-button-icon{font-size:16px}}.voice-call-chrome{--vc-text: var(--text, #f2f3f5);--vc-text-muted: var(--text-muted, #b5bac1);--vc-surface: var(--surface, #111214);--vc-surface-glass: color-mix(in srgb, var(--vc-surface) 88%, transparent);--vc-border: color-mix(in srgb, var(--border, #40444b) 55%, transparent);--vc-btn-bg: color-mix(in srgb, var(--surface-hover, #40444b) 65%, transparent);--vc-btn-hover: color-mix(in srgb, var(--hover, #4f545c) 75%, transparent);--vc-icon: var(--primary, #5865f2);--vc-icon-hover: var(--primary-hover, #4752c4);--vc-danger: var(--danger, #ed4245);--vc-danger-hover: color-mix(in srgb, var(--vc-danger) 88%, #000);--vc-accent: var(--primary, #5865f2);--vc-accent-hover: var(--primary-hover, #4752c4);--vc-on-accent: var(--text-on-primary, #ffffff);--vc-bg: var(--background, #08090b)}.call-banner-stack--compact{top:52px;width:min(520px,calc(100% - 24px))}.error-banner,.audio-blocked-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;font-size:14px;line-height:20px;animation:voiceCallChromeSlideIn .3s ease}@keyframes voiceCallChromeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes voiceCallButtonBounce{0%{transform:translateY(0) scale(1)}28%{transform:translateY(1px) scale(.9)}55%{transform:translateY(-4px) scale(1.08)}78%{transform:translateY(0) scale(.97)}to{transform:translateY(0) scale(1)}}@keyframes voiceCallCaretBounce{0%{transform:scaleY(1)}35%{transform:scaleY(.88)}65%{transform:scaleY(1.06)}to{transform:scaleY(1)}}.video-controls{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none;z-index:10}.video-controls--no-header .call-banner-stack,.video-controls--no-header .call-banner-stack--compact{top:12px}.gradient-top,.gradient-bottom{position:absolute;left:0;right:0;height:140px;pointer-events:none}.gradient-top{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 100%)}.gradient-bottom{bottom:0;background:linear-gradient(to top,color-mix(in srgb,var(--vc-bg) 88%,transparent) 0%,color-mix(in srgb,var(--vc-bg) 42%,transparent) 50%,transparent 100%)}.top-controls{position:relative;pointer-events:all;padding:0;z-index:1}.header-wrapper{padding:0}.header-bar{display:flex;align-items:center;justify-content:space-between;height:auto;min-height:44px;padding:10px 16px;background:transparent}.header-children{display:flex;align-items:center;flex:1;min-width:0}.voice-call-title{display:flex;align-items:center;gap:8px;min-width:0;height:auto;font-size:16px;font-weight:600;line-height:1.25;color:var(--vc-text);background:transparent}.voice-call-title svg{flex-shrink:0;color:var(--vc-text-muted)}.voice-call-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-divider{width:1px;align-self:stretch;min-height:20px;background:#ffffff1a;flex-shrink:0}.bottom-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:0 20px 22px;pointer-events:all;z-index:2;overflow:visible}.call-control-dock{display:flex;align-items:center;gap:10px;overflow:visible;padding:10px 12px;border-radius:22px;background:var(--vc-surface-glass);border:1px solid var(--vc-border);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);box-shadow:0 14px 40px #0000006b,inset 0 1px color-mix(in srgb,var(--vc-text) 6%,transparent)}.button-section{display:flex;align-items:center;gap:8px;overflow:visible}.attached-button-container{position:relative}.spatial-audio-anchor{overflow:visible}.control-button .attached-button-container{margin:0}.attached-caret-button-container{position:relative;display:flex;align-items:stretch;gap:0;border-radius:14px;overflow:hidden;background:var(--vc-btn-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vc-text) 4%,transparent)}.attached-caret-button-container:hover{background:var(--vc-btn-hover)}.attached-caret-button-container:has(.center-button.muted),.attached-caret-button-container:has(.context-menu-caret.muted){background:color-mix(in srgb,var(--vc-danger) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vc-danger) 28%,transparent)}.attached-caret-button-container:has(.center-button.active){background:var(--vc-btn-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vc-icon) 35%,transparent)}.attached-button{border-radius:0!important;box-shadow:none!important;background:transparent!important}.context-menu-caret{display:flex;align-items:center;justify-content:center;width:28px;min-height:48px;background:transparent;color:var(--vc-icon);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .25s cubic-bezier(.34,1.45,.64,1);border-left:1px solid var(--vc-border);transform-origin:center center}.context-menu-caret:hover{background:var(--vc-btn-hover);color:var(--vc-icon-hover);transform:scaleY(1.04)}.context-menu-caret:active{animation:voiceCallCaretBounce .42s cubic-bezier(.34,1.56,.64,1)}.context-menu-caret.muted{color:#ffb4b6}.context-menu-caret.muted:hover{background:#f23f4229;color:#fff}.center-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;background:var(--vc-btn-bg);color:var(--vc-icon);border-radius:14px;cursor:pointer;transition:background-color .2s ease,transform .25s cubic-bezier(.34,1.45,.64,1),color .2s ease,box-shadow .2s ease;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vc-text) 4%,transparent);position:relative;transform-origin:center center;will-change:transform}.center-button:hover{background:var(--vc-btn-hover);color:var(--vc-icon-hover);transform:translateY(-2px) scale(1.05)}.center-button:active{animation:voiceCallButtonBounce .44s cubic-bezier(.34,1.56,.64,1)}.center-button.muted{background:var(--vc-danger);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 8%,transparent)}.center-button.muted:hover{background:var(--vc-danger-hover)}.center-button.server-moderated{background:var(--warning, #f0b232);color:var(--text-on-primary, #1e1f22);box-shadow:inset 0 0 0 1px #0000002e}.center-button.server-moderated:hover{background:color-mix(in srgb,var(--warning, #f0b232) 88%,#000)}.center-button.server-moderated:disabled{opacity:1;cursor:not-allowed}.center-button.active{background:var(--vc-btn-hover);color:var(--vc-icon);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vc-icon) 45%,transparent),0 0 14px color-mix(in srgb,var(--vc-icon) 22%,transparent)}.center-button.active:hover{background:var(--vc-btn-hover);color:var(--vc-icon-hover)}.center-button svg{flex-shrink:0;color:inherit}.center-button.disconnect{background:linear-gradient(180deg,var(--vc-danger) 0%,var(--vc-danger-hover) 100%);color:#fff;width:52px;height:52px;border-radius:16px;box-shadow:inset 0 1px #ffffff24,0 8px 22px #ed424559}.center-button.disconnect:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--vc-danger) 92%,#fff) 0%,var(--vc-danger) 100%);box-shadow:inset 0 1px #ffffff29,0 10px 26px #ed42456b;transform:translateY(-3px) scale(1.06)}.center-button.disconnect:active{animation:voiceCallButtonBounce .44s cubic-bezier(.34,1.56,.64,1)}.center-button.disconnect svg{width:26px;height:26px}.center-button:before{content:attr(aria-label);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);background:var(--vc-surface-glass);color:var(--vc-text);padding:7px 11px;border-radius:8px;border:1px solid var(--vc-border);font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;box-shadow:0 10px 24px #00000059;z-index:1000}.center-button:hover:before{opacity:1;transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){.center-button,.context-menu-caret{transition:background-color .17s ease,color .17s ease,box-shadow .17s ease}.center-button:hover,.center-button.disconnect:hover,.context-menu-caret:hover{transform:none}.center-button:active,.center-button.disconnect:active,.context-menu-caret:active{animation:none;transform:scale(.96)}}@media (max-width: 768px){.call-banner-stack,.call-banner-stack--compact{width:calc(100% - 24px);top:52px}.bottom-controls{padding:0 12px 16px}.call-control-dock{width:100%;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px;border-radius:18px}.dock-divider{display:none}.button-section{gap:6px}.center-button{width:44px;height:44px;border-radius:12px}.context-menu-caret{min-height:44px;width:24px}.center-button.disconnect{width:48px;height:48px}}@media (max-width: 480px){.bottom-controls{padding:0 10px 12px}.center-button{width:40px;height:40px}.context-menu-caret{min-height:40px;width:22px}.center-button.disconnect{width:44px;height:44px}}.spatial-stage{width:min(320px,calc(100vw - 32px));padding:12px;border-radius:12px;background:#111214f5;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 32px #00000073;user-select:none}.spatial-stage--anchored{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);z-index:120}.spatial-stage__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.spatial-stage__title{margin:0;font-size:13px;font-weight:600;color:#f2f3f5}.spatial-stage__hint{margin:4px 0 0;font-size:11px;line-height:1.35;color:#b5bac1}.spatial-stage__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.spatial-stage__toggle{border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:6px 10px;background:#00000040;color:#dcddde;font-size:12px;font-weight:600;cursor:pointer}.spatial-stage__toggle--on{border-color:#5865f2;background:#5865f247;color:#fff}.spatial-stage__close{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#b9bbbe;font-size:18px;cursor:pointer}.spatial-stage__close:hover{background:#ffffff14}.spatial-stage__map{position:relative;height:260px;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(88,101,242,.14),transparent 42%),linear-gradient(180deg,#3ba55d14,#1e1f22f2 45%,#ed424514);border:1px solid rgba(255,255,255,.06);touch-action:none}.spatial-stage__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.spatial-stage__center-ring{position:absolute;left:50%;top:50%;width:24%;height:24%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.12);pointer-events:none}.spatial-stage__axis{position:absolute;font-size:10px;font-weight:600;color:#ffffff6b;pointer-events:none;letter-spacing:.02em}.spatial-stage__axis--front{top:8px;left:50%;transform:translate(-50%);color:#57f287bf}.spatial-stage__axis--behind{bottom:8px;left:50%;transform:translate(-50%);color:#ed4245b3}.spatial-stage__axis--left{left:8px;top:50%;transform:translateY(-50%)}.spatial-stage__axis--right{right:8px;top:50%;transform:translateY(-50%)}.spatial-stage__listener{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;padding:0;overflow:hidden;border:2px solid #3ba55d;pointer-events:none;z-index:2;box-shadow:0 0 0 3px #3ba55d33,0 4px 12px #00000059}.spatial-stage__listener-img,.spatial-stage__listener-fallback{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.spatial-stage__listener-fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700}.spatial-stage__avatar{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;padding:0;border:2px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;cursor:grab;z-index:3;box-shadow:0 4px 12px #00000059}.spatial-stage__avatar--dragging{cursor:grabbing;border-color:#5865f2;z-index:4}.spatial-stage__avatar-img,.spatial-stage__avatar-fallback{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.spatial-stage__avatar-fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.spatial-stage__status{margin:8px 0 0;font-size:11px;color:#949ba4}.spatial-stage__status--on{color:#57f287}.voice-call-container{width:100%;height:100%;min-height:0;display:flex;background:transparent;overflow:hidden}.call-container{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.root-idle{width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.video-grid-wrapper{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;height:100%;min-height:0;padding:0;overflow:hidden}.video-call-grid-container{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.scroller{overflow:hidden;width:100%;height:100%;min-height:0;position:relative;display:flex;flex-direction:column}.list-items{flex:1;min-height:0;display:flex;flex-direction:column;padding:64px 8px 56px;overflow:hidden}.call-banner-stack{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:25;display:flex;flex-direction:column;gap:10px;width:min(560px,calc(100% - 32px));pointer-events:none}.error-banner,.audio-blocked-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;font-size:14px;line-height:20px;animation:slideIn .3s ease}.call-banner-overlay{margin:0;pointer-events:all;box-shadow:0 12px 32px #00000061,inset 0 1px #ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.error-banner{background:#ed4245f0;color:#fff;border:1px solid rgba(255,255,255,.12)}.audio-blocked-banner{background:#faa61af5;color:#060607;border:1px solid rgba(0,0,0,.08)}.call-banner-message{flex:1;min-width:0}.call-banner-dismiss{flex-shrink:0;align-self:center;min-width:52px;height:32px;padding:0 14px;border:none;border-radius:8px;background:#fff3;color:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .17s ease}.call-banner-dismiss:hover{background:#ffffff4d}.call-banner-dismiss-dark{background:#0606071f}.call-banner-dismiss-dark:hover{background:#06060733}.audio-blocked-text{display:flex;flex-direction:column;gap:12px;flex:1}.audio-blocked-text strong{font-weight:600;font-size:16px;line-height:20px}.enable-audio-btn{align-self:flex-start;padding:2px 16px;height:32px;background:#060607;color:#faa61a;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .17s ease}.enable-audio-btn:hover{background:#000}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.participants-row{display:flex;flex-wrap:wrap;gap:16px;padding:16px;justify-content:center}.tile-wrapper{width:585px;max-width:100%}.tile-sizer{position:relative;width:100%;padding-bottom:56.25%}.tile{position:absolute;inset:0;border-radius:8px;overflow:hidden;background:#1e1f22;transition:all .15s ease}.idle-tile{cursor:default}.tile-child{position:relative;width:100%;height:100%}.voice-channel-effects{position:absolute;inset:0;pointer-events:none;z-index:1}.effects-wrapper{width:100%;height:100%;position:relative}.effects{width:100%;height:100%}.tile-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.tile-background{background-color:#242424;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-wrapper{display:flex;align-items:center;justify-content:center}.avatar-stack{position:relative}.tile-indicators{position:absolute;bottom:16px;left:16px;display:flex;gap:8px;z-index:2}.tile-overlay-container{position:absolute;inset:0;z-index:3;pointer-events:none}.overlay-top{position:absolute;top:0;left:0;right:0;padding:16px}.overlay-bottom{position:absolute;bottom:0;left:0;right:0;padding:16px;display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 100%)}.overlay-title{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.overlay-button-container{display:flex;gap:8px;pointer-events:all;opacity:0;transition:opacity .15s ease}.tile:hover .overlay-button-container{opacity:1}.overlay-button{display:flex}.settings-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#0009;color:#fff;border-radius:4px;cursor:pointer;transition:all .15s ease}.settings-button:hover{background:#000c}.tile-border{position:absolute;inset:0;border:2px solid transparent;border-radius:8px;pointer-events:none;transition:border-color .15s ease}.tile:hover .tile-border{border-color:#ffffff1a}.empty-tile .tile-sizer{padding-bottom:0;height:auto}.single-user-root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;gap:24px;min-height:400px}.empty-art{width:184px;height:128px;opacity:.3}.empty-stack{display:flex;gap:8px;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.empty-button{display:flex;align-items:center;gap:8px;padding:8px 16px;height:38px;background:#4e5058;color:#fff;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .17s ease}.empty-button:hover{background:#5c5e66}.empty-button svg{flex-shrink:0}.empty-button span{white-space:nowrap}@media (max-width: 1200px){.tile-wrapper{width:480px}}@media (max-width: 768px){.tile-wrapper{width:100%;max-width:480px}}@media (max-width: 480px){.tile-wrapper{width:100%}}@keyframes participantJoin{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tile-wrapper{animation:participantJoin .3s ease-out}.voice-channel-selector{display:flex;flex-direction:column;height:100%;padding:20px;background:linear-gradient(135deg,#1e1f22,#2c2f33);border-radius:12px;margin:20px}.voice-channel-header{text-align:center;margin-bottom:32px}.system-options{display:flex;flex-direction:column;gap:24px;flex:1}.system-option{background:#2f313699;border:1px solid #40444b;border-radius:12px;padding:24px;transition:all .3s ease}.system-option:hover{border-color:#5865f2;background:#5865f21a}.system-option.new-system{border-color:#00d166;background:#00d1660d}.system-option.old-system{border-color:#8e9297;background:#8e92970d}.option-header h4{color:#f2f3f5;font-size:20px;font-weight:600;margin:0 0 8px}.option-header p{color:#8e9297;font-size:14px;margin:0 0 16px}.option-features ul{list-style:none;padding:0;margin:0 0 20px}.option-features li{color:#b5bac1;font-size:14px;margin:8px 0;display:flex;align-items:center;gap:8px}.classic-call-button{width:100%;padding:12px 24px;background:#40444b;color:#f2f3f5;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.classic-call-button:hover{background:#4f545c;transform:translateY(-1px)}.classic-call-button:active{transform:translateY(0)}.system-divider{display:flex;align-items:center;justify-content:center;position:relative;margin:8px 0}.system-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#40444b}.system-divider span{background:#1e1f22;color:#8e9297;padding:0 16px;font-size:14px;font-weight:500}.system-toggle{margin-top:24px;padding-top:24px;border-top:1px solid #40444b}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;color:#b5bac1;font-size:14px}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:#5865f2;cursor:pointer}.voice-channel-active{display:flex;flex-direction:column;height:100%;padding:20px;background:linear-gradient(135deg,#1e1f22,#2c2f33);border-radius:12px;margin:20px}.active-call-info{text-align:center;margin-bottom:32px}.active-call-info h3{color:#00d166;font-size:24px;font-weight:600;margin:0 0 16px}.active-call-info p{color:#b5bac1;font-size:16px;margin:0 0 8px}.participants-count{color:#5865f2!important;font-weight:500}.voice-channel-old-system{display:flex;flex-direction:column;height:100%}.old-system-header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#2c2f33;border-bottom:1px solid #40444b}.back-button{background:#40444b;color:#f2f3f5;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#4f545c}.old-system-header h3{color:#f2f3f5;font-size:18px;font-weight:600;margin:0}@media (max-width: 768px){.voice-channel-selector,.voice-channel-active{margin:10px;padding:16px}.voice-channel-header h3{font-size:24px}.system-option{padding:16px}.option-header h4{font-size:18px}.option-features li{font-size:13px}}@media (max-width: 480px){.voice-channel-selector,.voice-channel-active{margin:5px;padding:12px}.voice-channel-header h3{font-size:20px}.system-option{padding:12px}.option-header h4{font-size:16px}}._voiceCallContainer_7ic97_2{position:relative;width:100%;height:50%;flex:0 0 auto;background:var(--background, #000000);display:flex;flex-direction:column;min-height:230px;max-height:80vh;border-radius:0;overflow:hidden;border:1px solid var(--border, #2b2d31);box-shadow:inset 0 1px color-mix(in srgb,var(--text, #ffffff) 3%,transparent),0 12px 32px color-mix(in srgb,var(--background, #000000) 35%,transparent);color:var(--text);color-scheme:light dark}._resizeHandle_7ic97_22{position:absolute;bottom:0;left:0;right:0;height:12px;z-index:30;cursor:ns-resize;touch-action:none}._resizeHandle_7ic97_22:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:48px;height:5px;background:linear-gradient(90deg,transparent 0%,var(--primary, #707bf5) 20%,var(--primary, #707bf5) 80%,transparent 100%);opacity:.45;transition:opacity .2s ease;border-radius:999px;pointer-events:none}._voiceCallContainer_7ic97_2:hover ._resizeHandle_7ic97_22:after,body.is-resizing-chat-voice-call ._resizeHandle_7ic97_22:after{opacity:1}body.is-resizing-chat-voice-call{cursor:ns-resize!important;user-select:none}._voiceCallWrapper_7ic97_59{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 24px 88px;position:relative;min-height:0;height:100%;max-height:100%;overflow:hidden}._participantsContainer_7ic97_72{display:flex;gap:24px;align-items:center;justify-content:center;flex:1;width:100%;height:100%;max-height:100%;overflow:hidden;min-height:0}._oneToOneParticipants_7ic97_85{align-items:center;justify-content:center;padding-top:0}._participantItem_7ic97_91{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:100px;min-height:132px;flex-shrink:0}._currentUserParticipant_7ic97_101 ._avatarCircle_7ic97_101{box-shadow:0 10px 24px #00000059}._participantAvatarContainer_7ic97_105{position:relative;width:80px;height:80px}._participantAvatarContainer_7ic97_105:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid transparent;pointer-events:none;z-index:0;opacity:0;transition:opacity .12s ease;box-sizing:border-box}._participantItem_7ic97_91._participantSpeaking_7ic97_124 ._participantAvatarContainer_7ic97_105:after{opacity:1;border-color:var(--voice-speaking-color, var(--success, #43b581));box-shadow:0 0 0 1px color-mix(in srgb,var(--voice-speaking-color, var(--success, #43b581)) 35%,transparent),0 0 14px color-mix(in srgb,var(--voice-speaking-color, var(--success, #43b581)) 40%,transparent)}._participantAvatar_7ic97_105{width:100%;height:100%;position:relative}._avatarCircle_7ic97_101{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;background:var(--primary, #4e5058);display:flex;align-items:center;justify-content:center;color:var(--text-on-primary, #ffffff);font-weight:700;font-size:26px;border:none;box-shadow:0 10px 24px color-mix(in srgb,var(--background, #000000) 35%,transparent)}._avatarImage_7ic97_155{width:100%;height:100%;object-fit:cover;border-radius:50%}._statusIndicators_7ic97_162{position:absolute;bottom:-5px;right:16px;display:flex;gap:4px}._statusIndicator_7ic97_162{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-on-primary, #ffffff);font-size:10px;border:2px solid var(--background, #1b1d28)}._muteIndicator_7ic97_182{background:var(--danger, #ed4245)}._audioMutedIndicator_7ic97_186{background:var(--warning, #f0b132)}._participantName_7ic97_190{max-width:120px;font-size:13px;line-height:1.2;color:var(--text, #f2f3f5);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px color-mix(in srgb,var(--background, #000000) 45%,transparent)}._participantStatusRow_7ic97_202{display:flex;align-items:center;justify-content:center;gap:6px;min-height:24px;flex-shrink:0}._participantStatusPill_7ic97_211{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent}._statusOn_7ic97_221{color:var(--text, #f2f3f5);background:color-mix(in srgb,var(--surface-hover, #313338) 90%,transparent);border-color:color-mix(in srgb,var(--text, #ffffff) 8%,transparent)}._statusOff_7ic97_227{color:var(--text-on-primary, #ffffff);background:color-mix(in srgb,var(--danger, #ed4245) 90%,transparent);border-color:color-mix(in srgb,var(--text, #ffffff) 10%,transparent)}@media (max-width: 768px){._voiceCallWrapper_7ic97_59{padding:20px 14px 80px}._oneToOneParticipants_7ic97_85{padding-top:24px}._participantsContainer_7ic97_72{gap:12px}._participantAvatarContainer_7ic97_105{width:60px;height:60px}._avatarCircle_7ic97_101{font-size:18px}}._participantItem_7ic97_91._participantSpeaking_7ic97_124{animation:none}._screenShareContainer_7ic97_265{width:100%;height:100%;position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}._screenShareContainer_7ic97_265 ._video-call-container_7ic97_276{width:100%;height:100%;flex:1;overflow:hidden;min-height:0;max-height:100%}._screenShareContainer_7ic97_265 ._video-call-container_7ic97_276{height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}._screenShareFocus_7ic97_295{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px}._focusIndicator_7ic97_304{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:color-mix(in srgb,var(--primary, #5865f2) 10%,transparent);border:2px dashed var(--primary, #5865f2);border-radius:16px;color:var(--primary, #5865f2)}._screenShareVideoContainer_7ic97_317{position:relative;width:100%;height:100%;min-height:300px;max-height:500px;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 8px 32px #0000004d}._screenShareVideo_7ic97_317{width:100%;height:100%;object-fit:contain;background:#000}._screenShareParticipants_7ic97_337{position:absolute;bottom:16px;left:16px;right:16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;max-width:1300px;margin:0 auto}._screenShareParticipant_7ic97_337{position:relative;flex-shrink:0;width:200px;min-width:150px;max-width:250px;aspect-ratio:16 / 9;background:var(--surface, #1e1f22);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease}._screenShareParticipantAvatar_7ic97_364{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._screenShareAvatarCircle_7ic97_373{width:48px;height:48px;border-radius:8px;background:var(--primary, #5865f2);display:flex;align-items:center;justify-content:center;color:var(--text-on-primary, #ffffff);font-weight:600;font-size:18px;border:2px solid color-mix(in srgb,var(--text, #ffffff) 20%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--background, #000000) 30%,transparent)}._screenShareStatusIndicators_7ic97_388{position:absolute;bottom:6px;right:6px;display:flex;gap:2px}._screenShareStatusIndicator_7ic97_388{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}._screenShareMuteIndicator_7ic97_406{background:var(--danger, #f04747);color:var(--text-on-primary, #ffffff)}._screenShareAudioMutedIndicator_7ic97_411{background:var(--warning, #faa61a);color:var(--text-on-primary, #ffffff)}._focusIcon_7ic97_416{font-size:24px!important;color:var(--primary, #5865f2)}._focusText_7ic97_421{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.chat-list-wrapper{display:flex;width:100%;height:100%;min-height:0}.chat-sidebar{width:100%;min-width:0;background:var(--surface, #2f3136);display:flex;flex-direction:column;border-right:1px solid var(--border, #4f545c);height:100%;min-height:0;overflow:hidden}.chat-list-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:var(--surface, #2f3136)}.chat-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 8px;color:var(--text);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.chat-list-header-actions{display:flex;gap:8px;align-items:center}.chat-list-header h3{margin:0;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.friends-section{display:flex;align-items:center;padding:8px 12px;height:52px;min-height:52px;box-sizing:border-box;border-bottom:1px solid var(--border, #4f545c);flex-shrink:0}.friends-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:8px;width:100%;text-align:left;font-size:14px;font-weight:500}.friends-button:hover,.friends-button.active{color:var(--text);background-color:var(--surface-hover)}.friends-button__icon{font-size:16px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.friends-button__icon svg{width:20px;height:20px;font-size:20px}.friends-button__text{font-size:14px;font-weight:500}.add-chat-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px;font-weight:700}.add-chat-button:hover{color:var(--text);background-color:var(--surface-hover)}.chat-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;background:var(--surface, #2f3136)}.chat-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .2s ease;position:relative;border-bottom:1px solid var(--border)}.chat-item:hover,.chat-item.active{background-color:var(--surface-hover)}.chat-avatar-container{position:relative;margin-right:12px;flex-shrink:0}.chat-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.chat-avatar--saved{background:var(--background-secondary, #36393f);color:var(--text-secondary, #b5bac1)}.status-indicator{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;background-color:var(--text-muted);border-radius:50%;border:2px solid var(--surface)}.chat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-name-row{display:flex;align-items:center;gap:8px;min-width:0}.chat-item-nameplate{flex:1;min-width:0;min-height:28px}.chat-item-nameplate .user-nameplate__content{padding:2px 8px}.chat-name{flex:1;min-width:0;font-weight:500;color:var(--text);font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.35)}.chat-last-time{flex-shrink:0;color:var(--text-muted);font-size:12px;line-height:1.2;white-space:nowrap}.chat-last-message,.group-indicator,.chat-status{color:var(--text-muted);font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item.has-unread .chat-name,.chat-item.has-unread .chat-last-time{color:var(--text);font-weight:600}.chat-item.has-unread .chat-last-message{color:var(--text);font-weight:500}.group-indicator{font-style:italic}.chat-unread-badge{min-width:18px;height:18px;padding:0 6px;margin-left:8px;border-radius:999px;background-color:var(--danger, #ed4245);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;flex-shrink:0}.no-chats,.loading{padding:20px;text-align:center;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;max-width:400px;width:90%;color:var(--text)}.modal-content h3{margin:0 0 16px;color:var(--text)}.modal-content p{margin:0 0 16px;color:var(--text-muted)}.modal-content button{background-color:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;margin-right:8px}.modal-content button:hover{background-color:var(--primary-hover)}.connection-status{padding:8px 10px;font-size:.8rem;color:var(--text-muted);text-align:center;border-bottom:1px solid var(--border)}.search-results-container{padding:10px;background-color:var(--background-secondary);margin:10px;border-radius:5px;flex:1;min-height:0;overflow-y:auto}.search-results-container h3{color:var(--text);margin-bottom:10px;font-size:16px;padding-left:5px}.search-results-container ul{list-style:none;padding:0;margin:0}.search-results-container .search-result-item{padding:8px 12px;margin:4px 0;border-radius:4px;cursor:pointer;background-color:var(--surface);color:var(--text);transition:background-color .2s;display:flex;align-items:center;gap:12px}.search-results-container .search-result-item:hover{background-color:var(--surface-hover)}.search-results-container .search-result-content{display:flex;align-items:center;gap:12px;width:100%}.search-result-avatar{flex-shrink:0}.search-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.search-result-username{color:var(--text);font-weight:500}.search-results-container .no-results{color:var(--text-muted);text-align:center;padding:10px;background:none;cursor:default}.search-results-container .no-results:hover{background:none}@keyframes highlight{0%{background-color:var(--surface-hover)}50%{background-color:var(--surface)}to{background-color:var(--surface-hover)}}.chat-item.updated{animation:highlight .5s ease}@media (max-width: 768px){.chat-sidebar{width:200px}.chat-name{font-size:14px}.chat-avatar{width:36px;height:36px;font-size:14px}}._server-list_rg4hh_1{width:72px;background:var(--server-list-background, #1e1f22);border-right:1px solid var(--border, #4f545c);padding:12px 0;display:flex;flex-direction:column;align-items:center;z-index:10;height:100%;overflow:hidden;position:relative;--rail-duration: .65s}._server-list-stack_rg4hh_16{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;min-height:0;gap:8px}._server-list-servers-scroll_rg4hh_27{flex:1 1 auto;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}._server-list-servers-scroll_rg4hh_27::-webkit-scrollbar{width:0;height:0}._server-list-droppable_rg4hh_47{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;flex:0 0 auto}._server-list-droppable_rg4hh_47 ._server-item_rg4hh_56,._server-list-bottom_rg4hh_60{flex-shrink:0}._rail-selection-notch_rg4hh_65{position:absolute;left:0;top:0;width:4px;height:40px;border-radius:0 10px 10px 0;background:var(--text, #f2f3f5);pointer-events:none;z-index:25;opacity:0;transition:transform var(--rail-time-out, var(--rail-duration)) cubic-bezier(.22,1,.36,1),opacity .2s ease;will-change:transform;box-shadow:0 0 16px #ffffff38}._rail-selection-notch--visible_rg4hh_83{opacity:1}._rail-tab-button_rg4hh_88{position:relative;z-index:2;will-change:transform;transition:transform var(--rail-time-out, var(--rail-duration)) cubic-bezier(.22,1,.36,1),border-radius var(--rail-duration) ease,background-color var(--rail-duration) ease,color var(--rail-duration) ease}._rail-tab-button_rg4hh_88:before{content:"";z-index:-1;position:absolute;left:50%;top:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform var(--rail-duration) ease,background-color var(--rail-duration) ease;background-color:var(--rail-tab-bg, var(--primary, #5865f2))}._rail-tab-active_rg4hh_113{transform:none;border-radius:16px}._rail-tab-active_rg4hh_113:before{transform:translate(-50%,-50%) scale(1)}._rail-tab-button_rg4hh_88:not(._rail-tab-active_rg4hh_113):hover{border-radius:16px;background:var(--surface-hover, #40444b);color:var(--text, #dcddde)}._server-list-ul_rg4hh_128{width:100%;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}._server-item_rg4hh_56{width:48px;height:48px;border-radius:50%;transition:transform .2s ease,border-radius .2s ease;cursor:grab;position:relative;-webkit-user-select:none;user-select:none;touch-action:none}._server-button_rg4hh_151{width:100%;height:100%;border-radius:50%;background:var(--background, #2f3136);color:var(--icon, var(--text-secondary, #b9bbbe));border:none;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;-webkit-user-select:none;user-select:none;touch-action:none;position:relative}._server-button_rg4hh_151:not(._rail-tab-button_rg4hh_88):hover{border-radius:16px;background:var(--surface-hover, #40444b);color:var(--icon-hover, var(--text, #dcddde))}._server-button_rg4hh_151 svg{color:inherit}._logout-button_rg4hh_184{background-color:#dc3545!important;color:#fff!important}._logout-button_rg4hh_184:hover{background-color:#c82333!important;transform:scale(1.05)}._logout-button_rg4hh_184 svg{width:18px;height:18px}._settings-button_rg4hh_199:hover{background-color:var(--primary-hover)!important;transform:scale(1.05)}._settings-button_rg4hh_199 svg{width:20px;height:20px}._theme-paint-button_rg4hh_209 svg{width:22px;height:22px}._theme-paint-button_rg4hh_209:hover{transform:scale(1.05)}._soundpad-button_rg4hh_218 svg{width:22px;height:22px}._soundpad-button_rg4hh_218:hover{background-color:#3ba55d!important;transform:scale(1.05)}._notification-button_rg4hh_228{position:relative;overflow:visible}._notification-badge_rg4hh_233{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ed4245;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid #1e1f22}._create-button_rg4hh_251{background:var(--background, #2f3136);color:var(--success, #43b581);font-size:24px;cursor:pointer}._create-button_rg4hh_251:hover{background-color:var(--success, #43b581);color:var(--text, #dcddde)}._server-list-loading_rg4hh_263,._server-list-error_rg4hh_264{padding:20px;text-align:center;color:var(--text-secondary, #8e9297);font-size:14px}._server-list-error_rg4hh_264{color:var(--error, #f04747)}._server-item_rg4hh_56._dragging_rg4hh_275{opacity:.88;z-index:1000;cursor:grabbing!important}._server-item_rg4hh_56._dragging_rg4hh_275 ._server-button_rg4hh_151{border-radius:16px;box-shadow:0 8px 20px #00000059}._server-list-droppable_rg4hh_47 [data-rbd-placeholder-context-id],._server-list-droppable_rg4hh_47 [data-rfd-placeholder-context-id]{width:48px;height:48px;margin:4px 0;background-color:rgba(var(--primary-rgb, 88, 101, 242),.35);border-radius:50%;transition:all .2s ease}._modal-overlay_rg4hh_296{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}._create-modal_rg4hh_309{background:var(--surface, #36393f);padding:24px;border-radius:8px;width:440px;max-width:90vw}._create-modal_rg4hh_309 h3{color:var(--text, #dcddde);margin:0 0 16px;font-size:24px}._modal-input_rg4hh_323{width:100%;padding:10px;margin-bottom:16px;background:var(--background, #2f3136);border:1px solid var(--border, #4f545c);border-radius:4px;color:var(--text, #dcddde);font-size:14px;box-sizing:border-box}._modal-input_rg4hh_323::placeholder{color:var(--text-secondary, #8e9297)}._modal-input_rg4hh_323:focus{outline:none;border-color:var(--primary, #5865f2)}._server-type-toggle_rg4hh_344{margin:16px 0;padding:12px;background:var(--background, #2f3136);border-radius:4px}._toggle-label_rg4hh_351{display:flex;align-items:center;cursor:pointer}._toggle-label_rg4hh_351 input[type=checkbox]{margin-right:8px;width:16px;height:16px}._toggle-text_rg4hh_363{font-weight:500;color:var(--text, #dcddde)}._toggle-description_rg4hh_368{margin:8px 0 0;font-size:12px;color:var(--text-secondary, #8e9297)}._modal-actions_rg4hh_374{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}._modal-actions_rg4hh_374 button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:500;font-size:14px;transition:background-color .2s}._modal-actions_rg4hh_374 button:first-child{background-color:var(--text-muted, #4f545c);color:var(--text, #dcddde)}._modal-actions_rg4hh_374 button:first-child:hover{background-color:var(--text-secondary, #8e9297)}._modal-actions_rg4hh_374 button:last-child{background:var(--primary, #5865f2);color:#fff}._modal-actions_rg4hh_374 button:last-child:hover{background:var(--primary-hover, #4752c4)}._modal-actions_rg4hh_374 button:last-child:disabled{background-color:var(--text-muted, #4f545c);cursor:not-allowed}@media (max-width: 768px){._server-list_rg4hh_1{width:60px}._server-item_rg4hh_56{width:40px;height:40px}._create-modal_rg4hh_309{width:90vw;max-width:400px;padding:20px}}.server-discovery{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--background, #1e1f22);color:var(--text, #f2f3f5)}.server-discovery__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px 16px;border-bottom:1px solid var(--border, #3f4147);flex-shrink:0}.server-discovery__header-main{display:flex;align-items:flex-start;gap:14px;min-width:0}.server-discovery__header-icon{width:44px;height:44px;border-radius:12px;background:#5865f229;color:var(--primary, #5865f2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.server-discovery__title{margin:0;font-size:22px;font-weight:700;line-height:1.25;color:var(--text, #f2f3f5)}.server-discovery__subtitle{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--text-secondary, #b5bac1);max-width:560px}.server-discovery__close{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #b5bac1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.server-discovery__close:hover{background:var(--hover, rgba(79, 84, 92, .32));color:var(--text, #f2f3f5)}.server-discovery__toolbar{display:flex;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border, #3f4147);flex-shrink:0}.server-discovery__search{flex:1;min-width:0;max-width:480px;display:flex;align-items:center;gap:10px;padding:0 14px;height:40px;border-radius:8px;border:1px solid var(--border, #3f4147);background:var(--surface, #2b2d31);transition:border-color .15s ease,box-shadow .15s ease}.server-discovery__search:focus-within{border-color:var(--primary, #5865f2);box-shadow:0 0 0 2px #5865f238}.server-discovery__search-icon{color:var(--text-muted, #949ba4);flex-shrink:0}.server-discovery__search input{flex:1;min-width:0;border:none;background:transparent;color:var(--text, #f2f3f5);font-size:14px;outline:none}.server-discovery__search input::placeholder{color:var(--text-muted, #949ba4)}.server-discovery__count{font-size:13px;font-weight:600;color:var(--text-muted, #949ba4);white-space:nowrap}.server-discovery__content{flex:1;min-height:0;overflow-y:auto;padding:24px 28px 32px}.server-discovery__content::-webkit-scrollbar{width:8px}.server-discovery__content::-webkit-scrollbar-thumb{background:var(--border, #3f4147);border-radius:4px}.server-discovery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.server-discovery__card{display:flex;flex-direction:column;background:var(--surface, #2b2d31);border:1px solid var(--border, #3f4147);border-radius:12px;overflow:hidden;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;animation:serverDiscoveryCardIn .24s ease-out both}@keyframes serverDiscoveryCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.server-discovery__card:hover{border-color:#5865f273;box-shadow:0 8px 24px #00000038;transform:translateY(-1px)}.server-discovery__card-banner{position:relative;height:96px;margin-bottom:24px;background-size:cover;background-position:center;background-repeat:no-repeat}.server-discovery__card-banner-shade{position:absolute;inset:0;background:linear-gradient(to bottom,#0000000d,#00000059)}.server-discovery__card-icon{position:absolute;left:16px;bottom:-24px;width:52px;height:52px;border-radius:14px;border:4px solid var(--surface, #2b2d31);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-size:20px;font-weight:700;z-index:1;box-shadow:0 4px 12px #00000040}.server-discovery__card-icon img{width:100%;height:100%;object-fit:cover}.server-discovery__card-body{flex:1;padding:0 16px 12px;min-height:0}.server-discovery__card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.server-discovery__card-title{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--text, #f2f3f5);min-width:0}.server-discovery__badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:3px 8px;border-radius:999px;background:#5865f229;color:#aeb4ff;font-size:11px;font-weight:600}.server-discovery__card-desc{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--text-secondary, #b5bac1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.server-discovery__card-desc--empty{color:var(--text-muted, #949ba4);font-style:italic}.server-discovery__card-meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-muted, #949ba4)}.server-discovery__card-actions{padding:0 16px 16px;margin-top:auto}.server-discovery__btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease,border-color .15s ease}.server-discovery__btn--join{background:var(--primary, #5865f2);color:#fff}.server-discovery__btn--join:hover:not(:disabled){background:var(--primary-hover, #4752c4)}.server-discovery__btn--join:disabled{opacity:.65;cursor:wait}.server-discovery__btn--joined{background:#43b58124;color:#6ee7a8;border:1px solid rgba(67,181,129,.28);cursor:default}.server-discovery__btn--ghost{width:auto;margin-top:12px;padding:8px 14px;background:transparent;color:var(--text-secondary, #b5bac1);border:1px solid var(--border, #3f4147)}.server-discovery__btn--ghost:hover{background:var(--hover, rgba(79, 84, 92, .24));color:var(--text, #f2f3f5)}.server-discovery__state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--text-secondary, #b5bac1);padding:32px 16px}.server-discovery__state h3{margin:8px 0 0;font-size:18px;font-weight:700;color:var(--text, #f2f3f5)}.server-discovery__state p{margin:0;font-size:14px;line-height:1.45;max-width:360px}.server-discovery__state--error span{font-size:13px;color:#ff8a8d}.server-discovery__loader{width:32px;height:32px;border-radius:50%;border:3px solid rgba(88,101,242,.2);border-top-color:var(--primary, #5865f2);animation:serverDiscoverySpin .8s linear infinite}@keyframes serverDiscoverySpin{to{transform:rotate(360deg)}}@media (max-width: 768px){.server-discovery__header,.server-discovery__toolbar,.server-discovery__content{padding-left:16px;padding-right:16px}.server-discovery__toolbar{flex-direction:column;align-items:stretch}.server-discovery__search{max-width:none}.server-discovery__count{text-align:center}.server-discovery__grid{grid-template-columns:1fr}}.media-send-modal-overlay{position:fixed;inset:0;z-index:1200;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.media-send-modal{width:min(100%,420px);max-height:min(90vh,720px);display:flex;flex-direction:column;background:var(--surface, #2b2d31);border:1px solid var(--border, #3f4147);border-radius:12px;color:var(--text, #fff);overflow:hidden;box-shadow:0 16px 48px #00000073}.media-send-modal__header{padding:16px 20px 12px;flex-shrink:0}.media-send-modal__title{margin:0;font-size:16px;font-weight:600;line-height:1.3}.media-send-modal__preview{flex:1;min-height:0;overflow:auto;padding:0 20px 12px}.media-send-modal__preview--stack{padding-top:4px}.media-send-modal__single-image,.media-send-modal__single-video{display:block;width:100%;max-height:280px;border-radius:8px;object-fit:contain;background:var(--background, #1e1f22)}.media-send-modal__stack{display:flex;flex-direction:column;gap:8px}.media-send-modal__stack-item{border-radius:8px;overflow:hidden;background:var(--background, #1e1f22)}.media-send-modal__thumb-image,.media-send-modal__thumb-video{display:block;width:100%;max-height:160px;object-fit:cover}.media-send-modal__file-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;text-align:center}.media-send-modal__file-icon{width:64px;height:64px;border-radius:14px;background:var(--background, #1e1f22);display:flex;align-items:center;justify-content:center;color:#5865f2}.media-send-modal__file-name{font-size:14px;word-break:break-word;color:var(--text-muted, #b5bac1)}.media-send-modal__progress{margin:0 20px 12px;padding:10px 12px;border-radius:8px;background:var(--background, #1e1f22);font-size:13px;flex-shrink:0}.media-send-modal__progress-bar{margin-top:8px;height:4px;border-radius:999px;background:#ffffff1f;overflow:hidden}.media-send-modal__progress-fill{height:100%;background:#5865f2;transition:width .15s ease}.media-send-modal__body{padding:8px 20px 16px;flex-shrink:0;border-top:1px solid var(--border, #3f4147)}.media-send-modal__caption-label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-muted, #949ba4)}.media-send-modal__caption{width:100%;min-height:56px;max-height:120px;resize:none;border:none;border-bottom:1px solid var(--border, #3f4147);border-radius:0;background:transparent;color:var(--text, #fff);padding:4px 0 8px;font:inherit;line-height:1.4}.media-send-modal__caption:focus{outline:none;border-bottom-color:#5865f2}.media-send-modal__caption::placeholder{color:var(--text-muted, #949ba4)}.media-send-modal__actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px}.media-send-modal__action{border:none;background:none;cursor:pointer;font:inherit;font-size:14px;font-weight:500;padding:8px 14px;border-radius:6px;transition:background-color .15s ease}.media-send-modal__action--cancel{color:var(--text-muted, #b5bac1)}.media-send-modal__action--cancel:hover:not(:disabled){background:var(--background-modifier-hover, rgba(255, 255, 255, .06))}.media-send-modal__action--send{color:#5865f2}.media-send-modal__action--send:hover:not(:disabled){background:#5865f21f}.media-send-modal__action:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.media-send-modal-overlay{padding:12px;align-items:flex-end}.media-send-modal{width:100%;max-height:92vh;border-bottom-left-radius:0;border-bottom-right-radius:0}}.sticker-picker{flex:0 0 380px;width:380px;min-width:280px;max-width:560px;align-self:stretch;min-height:0;background:var(--background-primary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative}.sticker-picker__resize-handle{position:absolute;top:0;bottom:0;left:-3px;width:6px;cursor:col-resize;z-index:2}.sticker-picker__resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:1px;background:transparent;transition:background .15s ease}.sticker-picker__resize-handle:hover:after,body.is-resizing-sticker-panel .sticker-picker__resize-handle:after{background:var(--primary)}body.is-resizing-sticker-panel{cursor:col-resize;user-select:none}.sticker-picker__header{display:flex;align-items:center;justify-content:space-between;gap:8px;height:52px;min-height:52px;max-height:52px;padding:0 12px;border-bottom:1px solid var(--border);box-sizing:border-box;flex-shrink:0}.sticker-picker__title{font-size:15px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticker-picker__close{border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;padding:4px;flex-shrink:0}.sticker-picker__close:hover{color:var(--text)}.sticker-picker__error{color:var(--danger, #e57373);font-size:13px;padding:8px 12px 0;flex-shrink:0}.sticker-picker__grid-wrap{flex:1;min-height:0;overflow-y:auto;padding:4px 2px}.sticker-picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.sticker-picker__cell{border:none;background:transparent;border-radius:0;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden}.sticker-picker__cell:hover{background:var(--surface-hover)}.sticker-picker__packs{display:flex;gap:8px;overflow-x:auto;height:63px;min-height:63px;max-height:63px;padding:6px 12px;border-top:1px solid var(--border);box-sizing:border-box;flex-shrink:0;background:var(--background-secondary)}.sticker-picker__pack-btn{width:40px;height:40px;border-radius:10px;border:none;background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;overflow:hidden}.sticker-picker__pack-btn.is-selected{box-shadow:inset 0 0 0 2px rgba(var(--primary-rgb, 88, 101, 242),.75);background:rgba(var(--primary-rgb, 88, 101, 242),.2)}.sticker-picker__pack-cover{width:100%;height:100%;object-fit:cover}.sticker-picker__empty{color:var(--text-muted);text-align:center;padding:28px 16px;font-size:14px}.sticker-catalog-overlay{position:fixed;inset:0;z-index:1300;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.sticker-catalog{width:min(420px,100%);max-height:70vh;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.sticker-catalog__header{display:flex;align-items:center;justify-content:space-between;color:var(--text)}.sticker-catalog__header h3{margin:0;font-size:18px}.sticker-catalog__header button{border:none;background:transparent;color:var(--text);cursor:pointer}.sticker-catalog__list{overflow-y:auto;display:flex;flex-direction:column;gap:8px}.sticker-catalog__item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--background-secondary);border-radius:12px;padding:10px 12px;color:var(--text)}.sticker-catalog__info{display:flex;flex-direction:column;gap:2px;min-width:0}.sticker-catalog__info span{font-size:12px;color:var(--text-muted)}.sticker-catalog__item button{border:none;background:var(--primary);color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer}.sticker-catalog__item button:disabled{opacity:.6;cursor:default}.sticker-preview-overlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}.sticker-preview-overlay__sticker{filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}@media (max-width: 900px){.sticker-picker{flex-basis:280px;width:280px;min-width:240px}.sticker-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.chat-attach-menu{position:relative;display:inline-flex}.chat-attach-menu__input{display:none}.chat-attach-menu__trigger{position:relative;z-index:2}.chat-attach-menu__dropdown{position:fixed;min-width:210px;padding:6px;border-radius:12px;background:var(--surface, #18222d);border:1px solid var(--border, rgba(255, 255, 255, .08));box-shadow:0 12px 32px #00000059;z-index:12000}.chat-attach-menu__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text, #e8ecf4);font-size:14px;text-align:left;cursor:pointer;transition:background-color .15s ease}.chat-attach-menu__item svg{color:var(--text-secondary, #b5bac1);flex-shrink:0}.chat-attach-menu__item:hover{background:var(--surface-hover, rgba(255, 255, 255, .06))}.chat-attach-menu.is-disabled{opacity:.55;pointer-events:none}.create-poll-modal{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;backdrop-filter:blur(4px)}.create-poll-modal__card{width:min(480px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:12px;background:var(--surface, #2b2d31);border:1px solid var(--border, #3f4147);box-shadow:0 24px 48px #00000073}.create-poll-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border, #3f4147)}.create-poll-modal__header h3{margin:0;font-size:18px;color:var(--text, #f2f3f5)}.create-poll-modal__header button{border:none;background:transparent;color:var(--text-muted, #949ba4);cursor:pointer}.create-poll-modal__form{display:flex;flex-direction:column;gap:16px;padding:18px}.create-poll-modal__field,.create-poll-modal__options{display:flex;flex-direction:column;gap:8px}.create-poll-modal__field span,.create-poll-modal__options-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #949ba4)}.create-poll-modal__field input,.create-poll-modal__option-row input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border, #3f4147);background:var(--background-secondary, #1e1f22);color:var(--text, #f2f3f5);font-size:14px}.create-poll-modal__option-row{display:flex;align-items:center;gap:8px}.create-poll-modal__remove-option,.create-poll-modal__add-option{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-secondary, #b5bac1);cursor:pointer;font-size:13px}.create-poll-modal__remove-option{padding:8px;border-radius:8px}.create-poll-modal__remove-option:hover,.create-poll-modal__add-option:hover{background:var(--surface-hover, rgba(255, 255, 255, .06))}.create-poll-modal__toggles{display:flex;flex-direction:column;gap:12px}.create-poll-modal__toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:10px;background:var(--background-secondary, #1e1f22);border:1px solid var(--border, #3f4147)}.create-poll-modal__toggle-info{min-width:0}.create-poll-modal__toggle-title{display:block;font-size:14px;font-weight:600;color:var(--text, #f2f3f5)}.create-poll-modal__toggle-desc{margin:4px 0 0;font-size:12px;line-height:1.4;color:var(--text-muted, #949ba4)}.toggle-switch{position:relative;flex-shrink:0;width:40px;height:24px;cursor:pointer;margin-top:2px}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:default}.toggle-slider{position:absolute;inset:0;background:var(--border, #4f545c);border-radius:12px;transition:background-color .2s ease}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch input:checked+.toggle-slider{background:var(--primary, #5865f2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 2px #5865f259}.create-poll-modal__error{padding:10px 12px;border-radius:8px;background:#ed42451f;color:#ed4245;font-size:13px}.create-poll-modal__actions{display:flex;justify-content:flex-end;gap:10px}.create-poll-modal__btn{padding:9px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer}.create-poll-modal__btn--ghost{background:transparent;color:var(--text-secondary, #b5bac1)}.create-poll-modal__btn--primary{background:var(--primary, #5865f2);color:#fff}.create-poll-modal__btn:disabled{opacity:.6;cursor:default}.poll-message{display:flex;flex-direction:column;gap:12px;width:100%;max-width:min(100%,460px);margin-top:2px;padding:14px 16px;border-radius:12px;border:1px solid var(--border, #3f4147);background:var(--background-secondary, #2b2d31);box-shadow:0 2px 10px #0000002e}.poll-message__header{display:flex;align-items:center;gap:8px}.poll-message__icon{font-size:18px!important;color:var(--primary, #5865f2)}.poll-message__badge{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary, #5865f2)}.poll-message__type{margin-left:auto;font-size:11px;font-weight:600;color:var(--text-muted, #949ba4)}.poll-message__question{font-size:16px;font-weight:600;line-height:1.4;color:var(--text, #f2f3f5)}.poll-message__options{display:flex;flex-direction:column;gap:8px}.poll-message__option{position:relative;overflow:hidden;width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#00000029;color:var(--text, #dbdee1);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.poll-message__option:hover:not(:disabled){border-color:var(--primary, #5865f2)}.poll-message__option.is-selected{border-color:var(--primary, #5865f2);background:#5865f214}.poll-message__option:disabled{cursor:default}.poll-message__option-fill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--primary, #5865f2) 22%,transparent);pointer-events:none}.poll-message__option-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.poll-message__option-text{font-size:14px;line-height:1.35;min-width:0}.poll-message__option-meta{flex-shrink:0;font-size:12px;color:var(--text-muted, #949ba4)}.poll-message__footer{padding-top:2px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--text-muted, #949ba4)}.poll-message__results-btn{width:100%;margin-top:2px;padding:10px 12px;border:none;border-radius:8px;background:#5865f21f;color:var(--primary, #5865f2);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.poll-message__results-btn:hover{background:#5865f233}.message.message--poll .message-content{max-width:min(100%,520px)}.message.message--poll .message-header{margin-bottom:6px}.call-log-message{display:flex;align-items:center;gap:8px;padding:6px 0;color:var(--text-muted, #949ba4);font-size:13px;line-height:1.45}.call-log-message__avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;color:var(--icon, var(--text-secondary, #b9bbbe));background:transparent}.call-log-message__ghost{width:40px;height:40px;fill:currentColor}.call-log-message__status-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:18px;flex-shrink:0;color:#23a559;font-size:16px}.call-log-message__status-icon--missed{color:var(--text-muted, #949ba4)}.call-log-message__text{flex:1;min-width:0}.call-log-message__text strong{color:var(--text, #dbdee1);font-weight:600}.call-log-message__time{flex-shrink:0;white-space:nowrap;color:var(--text-muted, #949ba4);font-size:12px;margin-left:4px}.message--call-log{display:flex;justify-content:flex-start;padding:0 0 8px;background:transparent!important}.message--call-log .user-avatar,.message--call-log .message-header,.message--call-log .message-actions{display:none!important}.message--call-log .message-body{width:100%;max-width:100%}.add-user-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.add-user-modal{background:linear-gradient(135deg,#36393f,#2f3136);border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.1);overflow:hidden}.add-user-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.add-user-modal-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.add-user-modal-close{background:none;border:none;color:#b9bbbe;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-user-modal-close:hover{background:#ffffff1a;color:#fff}.add-user-modal-close svg{width:20px;height:20px}.add-user-modal-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.add-user-search{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.add-user-search-input-container{position:relative;display:flex;align-items:center}.add-user-search-icon{position:absolute;left:12px;color:#72767d;z-index:1}.add-user-search-icon svg{width:20px;height:20px}.add-user-search-input{width:100%;padding:12px 12px 12px 44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;transition:all .2s ease}.add-user-search-input:focus{outline:none;border-color:#5865f2;background:#ffffff14;box-shadow:0 0 0 2px #5865f233}.add-user-search-input::placeholder{color:#72767d}.add-user-list{flex:1;overflow-y:auto;padding:16px 24px 24px}.add-user-loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#b9bbbe;font-size:.9rem}.add-user-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#72767d;font-size:.9rem;text-align:center;font-style:italic}.add-user-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border-radius:12px;margin-bottom:8px;transition:all .2s ease;border:1px solid rgba(255,255,255,.05)}.add-user-item:hover{background:#ffffff14;border-color:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.add-user-avatar{width:40px;height:40px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #5865f24d}.add-user-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.add-user-name{color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-user-status{display:flex;align-items:center;gap:6px}.add-user-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.add-user-status-text{color:#b9bbbe;font-size:.8rem}.add-user-add-btn{background:#5865f21a;border:1px solid rgba(88,101,242,.3);border-radius:8px;color:#5865f2;cursor:pointer;padding:8px 12px;display:flex;align-items:center;gap:6px;transition:all .2s ease;font-size:.8rem;font-weight:500;min-width:100px;justify-content:center}.add-user-add-btn:hover:not(:disabled){background:#5865f233;border-color:#5865f280;transform:translateY(-1px);box-shadow:0 4px 12px #5865f24d}.add-user-add-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #5865f24d}.add-user-add-btn:disabled{opacity:.6;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a;color:#72767d}.add-user-add-btn svg{width:16px;height:16px}.add-user-list::-webkit-scrollbar{width:6px}.add-user-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.add-user-list::-webkit-scrollbar-thumb{background:#5865f299;border-radius:3px;transition:background .2s ease}.add-user-list::-webkit-scrollbar-thumb:hover{background:#5865f2cc}.chat-avatar-upload{padding:20px;background:#2f3136;border-radius:12px;margin-bottom:20px}.chat-avatar-upload-header h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.chat-avatar-upload-header p{color:#b9bbbe;margin:0 0 20px;font-size:14px}.chat-avatar-upload-content{display:flex;gap:20px;align-items:flex-start}.chat-avatar-current{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px}.chat-avatar-preview{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;border:2px solid #40444b}.chat-avatar-label{color:#b9bbbe;font-size:12px;text-align:center}.chat-avatar-dropzone{flex:1;border:2px dashed #40444b;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#36393f;min-height:120px;display:flex;align-items:center;justify-content:center}.chat-avatar-dropzone:hover{border-color:#5865f2;background:#40444b}.chat-avatar-dropzone.drag-active{border-color:#5865f2;background:#40444b;transform:scale(1.02)}.chat-avatar-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.chat-avatar-dropzone-icon{font-size:32px;margin-bottom:8px}.chat-avatar-dropzone p{color:#dcddde;margin:0;font-size:14px}.chat-avatar-dropzone-hint{color:#b9bbbe!important;font-size:12px!important}.chat-avatar-preview-new{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chat-avatar-preview-new img{max-width:100%;max-height:100%;border-radius:8px;object-fit:cover}.chat-avatar-preview-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:8px;border-radius:0 0 8px 8px;font-size:12px;text-align:center}.chat-avatar-actions{display:flex;gap:12px;margin-top:16px;justify-content:center}.chat-avatar-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.chat-avatar-btn:disabled{opacity:.5;cursor:not-allowed}.chat-avatar-btn-cancel{background:#40444b;color:#dcddde}.chat-avatar-btn-cancel:hover:not(:disabled){background:#4f545c}.chat-avatar-btn-upload{background:#5865f2;color:#fff}.chat-avatar-btn-upload:hover:not(:disabled){background:#4752c4}@media (max-width: 768px){.chat-avatar-upload-content{flex-direction:column;align-items:center}.chat-avatar-current{min-width:auto}}.chat-info-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.chat-info-modal-container{background:var(--surface);color:var(--text);border-radius:16px;width:900px;height:700px;max-width:900px;max-height:700px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a;backdrop-filter:blur(20px);overflow:hidden;display:flex;flex-direction:column;animation:chatInfoModalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes chatInfoModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-info-modal-header{background:var(--background-secondary);border-bottom:1px solid var(--border);color:var(--text);padding:20px 24px;flex-shrink:0}.chat-info-modal-header-content{display:flex;align-items:center;justify-content:space-between}.chat-info-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.chat-info-close-button{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.chat-info-close-button:hover{background:#ffffff1a;color:var(--text)}.chat-info-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-info-private-layout{display:flex;height:100%}.chat-info-user-panel{width:350px;border-right:1px solid var(--border);padding:24px;background:var(--background-secondary);position:relative;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;max-height:100vh}.chat-info-user-panel::-webkit-scrollbar{width:6px}.chat-info-user-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.chat-info-user-panel::-webkit-scrollbar-thumb{background:#5865f299;border-radius:3px;transition:background .2s ease}.chat-info-user-panel::-webkit-scrollbar-thumb:hover{background:#5865f2cc}.chat-info-decorative-circle{position:absolute;border-radius:50%;opacity:.1}.chat-info-decorative-circle-1{top:-50px;right:-50px;width:100px;height:100px;background:linear-gradient(45deg,#5865f2,#7289da)}.chat-info-decorative-circle-2{bottom:-30px;left:-30px;width:80px;height:80px;background:linear-gradient(45deg,#7289da,#5865f2);opacity:.08}.chat-info-user-title{color:var(--text);margin:0 0 24px;font-weight:600;font-size:1.1rem;position:relative;z-index:1}.chat-info-user-content{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;z-index:1}.chat-info-user-banner{width:100%;height:96px;border-radius:12px;background-size:cover;background-position:center;margin-bottom:-36px}.chat-info-avatar-container{position:relative}.chat-info-avatar-container.with-banner{margin-top:0;z-index:1}.chat-info-user-avatar{width:100px;height:100px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--text);border:3px solid var(--surface)}.chat-info-user-details{text-align:center}.chat-info-user-name{color:var(--text);font-weight:700;margin:0 0 8px;font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.chat-info-user-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#5865f233;border:1px solid rgba(88,101,242,.3)}.chat-info-status-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px #43b58180}.chat-info-status-online{background:#43b581}.chat-info-status-away{background:#faa61a}.chat-info-status-text{color:#43b581;font-weight:500;font-size:.875rem}.chat-info-user-info-cards{width:100%;margin-top:16px}.chat-info-info-card{padding:16px;border-radius:12px;margin-bottom:16px;backdrop-filter:blur(10px)}.chat-info-info-card:first-child{background:var(--surface-hover);border:1px solid var(--border)}.chat-info-stats-card{background:#5865f21a;border:1px solid rgba(88,101,242,.2)}.chat-info-info-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);margin-bottom:8px;font-size:.875rem}.chat-info-stats-label{color:var(--text-secondary);margin-bottom:8px;font-weight:500;font-size:.875rem}.chat-info-stats-value{color:var(--primary);font-weight:700;font-size:1.25rem}.chat-info-media-panel{flex:1;display:flex;flex-direction:column;background:var(--surface)}.chat-info-media-tabs{border-bottom:1px solid var(--border);background:#ffffff05;backdrop-filter:blur(10px)}.chat-info-tabs-container{display:flex}.chat-info-tab-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:48px;font-size:.875rem}.chat-info-tab-button:hover{color:var(--text);background:#ffffff0d}.chat-info-tab-button.active{color:var(--primary);background:#5865f21a}.chat-info-tab-button.active:after{content:"";position:absolute;bottom:0;left:50%;width:80%;height:3px;background:linear-gradient(90deg,#5865f2,#7289da);border-radius:2px;transform:translate(-50%)}.chat-info-tab-icon{font-size:1.2rem}.chat-info-tab-label{font-size:.875rem}.chat-info-media-content{flex:1;overflow:auto;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)}.chat-info-media-section{margin-bottom:24px}.chat-info-section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;border-radius:12px;background:#5865f21a;border:1px solid rgba(88,101,242,.2);backdrop-filter:blur(10px);transition:all .3s ease}.chat-info-section-header:hover{background:#5865f226;border-color:#5865f24d}.chat-info-section-icon{font-size:1.5rem;color:var(--primary)}.chat-info-section-title{color:var(--text);font-weight:600;margin:0;font-size:1.125rem}.chat-info-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.chat-info-media-item{width:100%}.chat-info-media-card{background:var(--background-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.chat-info-media-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#5865f21a,#7289da0d);opacity:0;transition:opacity .3s ease;z-index:1}.chat-info-media-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #5865f233,0 4px 16px #0000004d;border-color:#5865f24d}.chat-info-media-card:hover:before{opacity:1}.chat-info-media-image{width:100%;height:140px;object-fit:cover;display:block}.chat-info-media-icon-container{height:140px;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.chat-info-media-icon{font-size:3rem}.chat-info-media-content{padding:12px;background:transparent;color:var(--text);position:relative;z-index:2}.chat-info-media-filename{font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.chat-info-media-size{font-size:.75rem;color:var(--text-secondary)}.chat-info-empty-state{text-align:center;padding:48px 32px;border-radius:12px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px dashed rgba(255,255,255,.2);transition:all .3s ease}.chat-info-empty-state:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#5865f24d}.chat-info-empty-icon{font-size:3rem;margin-bottom:16px;color:var(--text-secondary)}.chat-info-empty-title{color:var(--text-secondary);margin:0 0 8px;font-size:1.125rem;font-weight:600}.chat-info-empty-description{color:var(--text-muted);margin:0;font-size:.875rem}.chat-info-participants-panel{padding-top:24px;border-top:1px solid rgba(255,255,255,.1);width:100%}.chat-info-participants-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chat-info-participants-title{color:var(--text);font-size:1rem;font-weight:600;margin:0;text-align:left}.chat-info-add-participant-btn{background:#5865f21a;border:1px solid rgba(88,101,242,.3);border-radius:8px;color:var(--primary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:36px;height:36px}.chat-info-add-participant-btn:hover{background:#5865f233;border-color:#5865f280;transform:translateY(-1px);box-shadow:0 4px 12px #5865f24d}.chat-info-add-participant-btn:active{transform:translateY(0);box-shadow:0 2px 6px #5865f24d}.chat-info-add-participant-btn svg{width:20px;height:20px}.chat-info-participants-list{display:flex;flex-direction:column;gap:12px;padding-right:8px}.chat-info-participant-item{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface-hover);border-radius:12px;transition:all .2s ease;min-height:70px}.chat-info-participant-item:hover{background:var(--border);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.chat-info-participant-avatar{width:44px;height:44px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--text);font-weight:700;font-size:1.1rem;flex-shrink:0;box-shadow:0 2px 8px #5865f24d}.chat-info-participant-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.chat-info-participant-name{color:var(--text);font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.chat-info-participant-status{color:var(--text-secondary);font-size:.8rem;line-height:1.2}.chat-info-participants-empty{text-align:center;color:var(--text-secondary);font-size:.875rem;padding:20px;font-style:italic;background:#ffffff08;border-radius:10px;border:1px dashed rgba(255,255,255,.1)}.chat-info-group-layout{display:flex;flex-direction:column;height:100%}.chat-info-group-tabs{border-bottom:1px solid var(--border);background:#ffffff05;backdrop-filter:blur(10px)}.chat-info-group-content{flex:1;overflow:auto;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)}.chat-info-participants-section{margin-bottom:24px}.chat-info-chat-info-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f5f5f5;border-radius:8px;margin-bottom:16px}.chat-info-chat-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--text);font-weight:700;font-size:1.25rem}.chat-info-chat-details{flex:1}.chat-info-chat-name{margin:0 0 4px;font-weight:700;color:#000;font-size:1rem}.chat-info-chat-type{margin:0;color:#666;font-size:.875rem}.chat-info-participants-placeholder{color:var(--text-secondary);margin:16px 0 0;font-size:.875rem}.chat-info-modal-actions{padding:16px 24px;border-top:1px solid var(--border);background:var(--background-secondary);display:flex;justify-content:flex-end}.chat-info-close-btn,.chat-info-download-btn{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.chat-info-user-avatar,.chat-info-participant-avatar,.chat-info-chat-avatar{color:#fff}.chat-info-close-btn:hover,.chat-info-download-btn:hover{background:var(--primary-hover);color:#fff}.chat-info-media-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(5px)}.chat-info-media-modal{background:var(--surface);border-radius:12px;max-width:80vw;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column}.chat-info-media-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:#ffffff05}.chat-info-media-modal-title{margin:0;color:var(--text);font-size:1.125rem;font-weight:600}.chat-info-media-modal-content{flex:1;padding:20px;overflow:auto}.chat-info-media-preview-image,.chat-info-media-preview-video{width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:8px}.chat-info-media-preview-audio{width:100%;margin:20px 0}.chat-info-media-preview-file{text-align:center;padding:40px 20px}.chat-info-file-icon{font-size:4rem;margin-bottom:16px}.chat-info-file-name{color:var(--text);margin:0 0 8px;font-size:1.25rem;font-weight:600}.chat-info-file-size{color:var(--text-secondary);margin:0 0 24px;font-size:.875rem}.chat-info-download-btn{background:var(--primary);color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .2s ease;display:inline-block}.chat-info-download-btn:hover{background:var(--primary-hover);color:#fff;text-decoration:none}@media (max-width: 768px){.chat-info-modal-overlay{padding:16px}.chat-info-modal-container{width:95vw!important;height:90vh!important;max-width:95vw!important;max-height:90vh!important}.chat-info-private-layout{flex-direction:column}.chat-info-user-panel{width:100%;border-right:none;border-bottom:1px solid var(--border)}.chat-info-media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.chat-info-tab-button{padding:8px 12px;font-size:.8rem}.chat-info-tab-icon{font-size:1rem}.chat-info-tab-label{display:none}}.chat-info-delete-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:12px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #dc35454d}.chat-info-delete-button:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px);box-shadow:0 4px 8px #dc354566}.chat-info-delete-button:active{transform:translateY(0);box-shadow:0 2px 4px #dc35454d}.message-selection-bar{display:flex;align-items:center;gap:12px;height:63px;min-height:63px;box-sizing:border-box;padding:0 16px;border-top:1px solid var(--border, #3f4147);background:var(--background-secondary, #2b2d31);background-image:none;flex-shrink:0}.message-selection-bar__count{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--text, #dbdee1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.message-selection-bar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.message-selection-bar__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;background:var(--background-modifier-hover, #35373c);color:var(--text, #dbdee1);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.message-selection-bar__btn:hover:not(:disabled){background:var(--background-modifier-active, #404249)}.message-selection-bar__btn:disabled{opacity:.45;cursor:not-allowed}.message-selection-bar__btn--cancel{flex-shrink:0;margin-left:auto;background:transparent;color:var(--primary, #5865f2);font-size:14px;font-weight:600;padding:8px 4px}.message-selection-bar__btn--cancel:hover:not(:disabled){background:transparent;color:var(--primary-hover, #4752c4)}.message-selection-bar__btn--danger{color:#ed4245}.message-selection-bar__btn--danger:hover:not(:disabled){background:#ed42451f}.member-list-sidebar{flex:0 0 240px;width:240px;min-width:200px;max-width:280px;align-self:stretch;min-height:0;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.member-list-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 8px 24px}.member-list-scroll::-webkit-scrollbar{width:8px}.member-list-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.member-list-section+.member-list-section{margin-top:20px}.member-list-section-title{margin:0 0 8px;padding:0 8px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.member-list-section-title--role{text-transform:none;letter-spacing:0;font-size:13px}.member-list-section-items{display:flex;flex-direction:column;gap:2px}.member-list-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 8px;border-radius:4px;cursor:default;transition:background-color .15s ease}.member-list-item:hover{background:var(--surface-hover)}.member-list-avatar-wrap{position:relative;flex-shrink:0;width:32px;height:32px}.member-list-status-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface);z-index:1}.member-list-item:hover .member-list-status-dot{border-color:var(--surface-hover)}.member-list-name{display:block;min-width:0;font-size:15px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.45)}.member-list-nameplate{min-height:30px}.member-list-nameplate .user-nameplate__content{padding:4px 10px 4px 8px}.member-list-section-items--offline .member-list-name{color:var(--text-muted)}.member-list-owner-icon{flex-shrink:0;width:16px!important;height:16px!important;color:var(--warning, #f0b232)}.member-list-empty{padding:12px 8px;font-size:13px;color:var(--text-muted)}.group-chat-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--background);color:var(--text);overflow:hidden;position:relative}.chat-room-body{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}.chat-room-main{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;overflow:hidden;box-sizing:border-box;position:relative}.group-chat-container .chat-voice-call{flex:0 0 50%;max-height:50vh;min-height:300px;margin:0;border-radius:0;box-shadow:none;border-bottom:1px solid #40444b}.group-chat-container .messages{flex:1;overflow-y:auto;min-height:0}.chat-voice-call-join-preview{flex:0 0 auto;height:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;margin:0;border-bottom:1px solid var(--border);background:var(--background-primary, var(--background));min-height:260px;max-height:80vh;position:relative;overflow:hidden;resize:vertical;cursor:ns-resize}.chat-voice-call-join-preview:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:48px;height:5px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,var(--primary) 20%,var(--primary) 80%,transparent 100%);opacity:.45;transition:opacity .2s ease}.chat-voice-call-join-preview:hover:after{opacity:1}.join-preview-center{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.join-preview-avatar-wrap{display:flex;align-items:center;justify-content:center;min-height:68px}.join-preview-avatar-wrap>*{width:68px;height:68px;min-width:68px;min-height:68px;border-radius:50%;border:3px solid var(--background-primary, var(--background));margin-left:-14px}.join-preview-avatar-wrap>*:first-child{margin-left:0}.join-preview-avatar-more{width:68px;height:68px;min-width:68px;min-height:68px;margin-left:-14px;border-radius:50%;border:3px solid var(--background-primary, var(--background));background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.join-preview-title{font-size:16px;font-weight:700;color:var(--text)}.join-preview-users-grid{margin-top:10px;width:100%;display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.join-preview-users-grid.single-user{justify-content:center;overflow-x:hidden}.join-preview-user-item{display:flex;flex-direction:column;align-items:center;min-width:96px;min-height:126px;flex:0 0 auto;flex-shrink:0}.join-preview-user-avatar{position:relative;width:74px;height:74px;flex-shrink:0;overflow:visible}.join-preview-user-avatar .user-avatar{width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important}.join-preview-user-avatar:after{content:"";position:absolute;top:-4px;left:-4px;width:82px;height:82px;border-radius:50%;border:3px solid transparent;pointer-events:none;opacity:0;transition:opacity .12s ease;box-sizing:border-box}.join-preview-user-avatar.speaking:after{opacity:1;border-color:var(--voice-speaking-color, var(--success, #43b581));box-shadow:0 0 12px color-mix(in srgb,var(--voice-speaking-color, var(--success, #43b581)) 40%,transparent)}.join-preview-user-name{margin-top:6px;font-size:13px;font-weight:600;color:var(--text);max-width:110px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-preview-user-status-row{margin-top:6px;display:flex;gap:6px;min-height:24px;flex-shrink:0}.join-preview-user-more{width:74px;height:74px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--text) 22%,transparent);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:0 0 auto}.join-preview-status-pill{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;border-radius:999px;border:1px solid transparent}.join-preview-status-pill.on{color:var(--text);background:color-mix(in srgb,var(--surface) 90%,var(--text) 10%);border-color:var(--border)}.join-preview-status-pill.off{color:#fff;background:color-mix(in srgb,var(--danger) 90%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.join-preview-controls{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--background-primary, var(--background)) 75%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.join-preview-btn{width:48px;height:48px;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .12s ease,filter .2s ease,background-color .2s ease}.join-preview-btn.disabled{background:var(--surface);color:var(--text-muted)}.join-preview-btn.join{background:var(--success)}.join-preview-btn:hover{filter:brightness(1.05)}.join-preview-btn:active{transform:scale(.96)}.chat-call-join-button{background:var(--success);color:#fff;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.chat-call-join-button:hover{background:color-mix(in srgb,var(--success) 85%,#000)}.chat-call-join-button:active{transform:scale(.97)}.chat-room-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center;background:var(--background);color:var(--text)}.chat-room-error h3{color:#ff6b6b;margin-bottom:10px;font-size:18px}.chat-room-error p{color:var(--text-secondary);font-size:14px;line-height:1.5}.chat-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;padding:9px;background:var(--background);border-bottom:1px solid var(--border);color:var(--text);height:52px;min-height:52px;box-sizing:border-box;z-index:4}.chat-typing-indicator{display:flex;align-items:center;gap:8px;position:sticky;bottom:0;z-index:2;margin-top:8px;padding:6px 0 10px;color:#b5bac1;font-size:12px;line-height:1.3;background:linear-gradient(to top,var(--background) 72%,rgba(0,0,0,0));user-select:none}.chat-typing-indicator__dots{width:6px;height:6px;border-radius:50%;background:var(--primary, #5865f2);flex-shrink:0;animation:chat-typing-pulse 1.2s ease-in-out infinite}@keyframes chat-typing-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.header-left{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.user-info:hover{background:var(--hover)}.clickable-chat-title{transition:color .2s ease}.user-info:hover .clickable-chat-title{color:var(--primary)}.username{margin:0;font-size:16px;font-weight:600;color:var(--text)}.header-actions{display:flex;align-items:center;gap:12px;height:100%}.media-upload-button{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s ease;color:var(--text)}.media-upload-button:hover{background:var(--hover)}.media-upload-container{border-top:1px solid var(--border);background:var(--background);max-height:400px;overflow-y:auto}.voice-call-button{min-width:36px;min-height:36px;height:36px;width:36px;display:flex;align-items:center;justify-content:center;padding:0;background:#0000;border:none;color:var(--icon, var(--text-secondary));cursor:pointer;border-radius:4px;transition:background-color .2s,color .2s,transform .1s}.voice-call-button:hover{background:var(--hover);color:var(--icon-hover, var(--text));transform:scale(1.05)}.voice-call-button:active{transform:scale(.95)}.voice-call-button svg{font-size:20px!important;height:20px;width:20px;display:block}.member-list-toggle{min-width:36px;min-height:36px;height:36px;width:36px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--icon, var(--text-muted));cursor:pointer;border-radius:4px;transition:background-color .2s,color .2s}.member-list-toggle:hover,.member-list-toggle.active{color:var(--icon-hover, var(--text));background:var(--surface-hover)}.member-list-toggle.active{background:var(--surface-hover)}.add-member-button{background:var(--primary);color:var(--text);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.add-member-button:hover{background:var(--primary-hover, #4752c4)}.messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 30px 0;background:var(--background);min-height:0;display:flex;flex-direction:column}.chat-pinned-bar{flex-shrink:0;display:flex;align-items:stretch;width:100%;height:52px;max-height:52px;min-height:52px;padding:0;border:none;border-bottom:1px solid var(--border, #0e1621);background:var(--background-secondary, #17212b);overflow:hidden;cursor:pointer;text-align:left;color:inherit;font:inherit}.chat-pinned-bar:focus-visible{outline:2px solid rgba(106,178,242,.55);outline-offset:-2px}.chat-pinned-bar__indicator{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;width:19px;height:52px;padding:0 8px 0 12px;box-sizing:border-box}.chat-pinned-bar__indicator-viewport{max-height:32px;overflow:hidden}.chat-pinned-bar__indicator--scrollable .chat-pinned-bar__indicator-viewport{height:32px}.chat-pinned-bar__indicator-track{display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .22s ease}.chat-pinned-bar__indicator-segment{display:block;width:3px;height:4px;border-radius:2px;background:#6ab2f238;flex-shrink:0;pointer-events:none;transition:height .15s ease,background-color .15s ease,box-shadow .15s ease}.chat-pinned-bar__indicator-segment.is-active{height:8px;background:#6ab2f2;box-shadow:0 0 6px #6ab2f259}.chat-pinned-bar__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:6px 12px 6px 4px;overflow:hidden;pointer-events:none}.chat-pinned-bar__title{font-size:12px;font-weight:500;line-height:1.15;color:#6ab2f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-pinned-bar__preview{font-size:13px;line-height:1.15;color:var(--text, #f5f5f5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message--pinned .message-header:after{content:"Закреплено";margin-left:8px;font-size:11px;color:var(--text-muted, #949ba4)}.chat-older-loader{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0 16px;color:var(--text-muted, #949ba4);font-size:13px}.chat-load-older-btn{border:none;background:var(--background-secondary, #2b2d31);color:var(--text, #dbdee1);padding:8px 14px;border-radius:16px;cursor:pointer;font-size:13px;transition:background .15s ease}.chat-load-older-btn:hover{background:var(--background-modifier-hover, #35373c)}.message{width:100%;max-width:none;padding:2px 0;border-radius:0;position:relative;flex:0 0 auto;overflow:hidden;contain:layout paint;word-break:break-word;margin-bottom:8px;display:flex;gap:0px;align-items:flex-start}.messages--selection-mode{user-select:none}.messages--selection-mode .message-link{pointer-events:none}.message--selectable{cursor:pointer;border-radius:8px;padding:4px 36px 4px 6px;margin-left:-6px;margin-right:-6px;transition:background-color .15s ease}.message--selectable:hover{background:#ffffff0a}.message--selected{background:#5865f21f}.message--selected:hover{background:#5865f229}.message-select-toggle{position:absolute;right:4px;top:4px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:40px;flex-shrink:0;color:var(--primary, #5865f2);pointer-events:none}.message>.user-avatar{flex-shrink:0;position:relative}.my-message{color:var(--text);flex-direction:row}.user-message{color:var(--text)}.message-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden}.message-header{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:2px;line-height:1.25rem}.message-header-time{font-size:12px;color:var(--text-muted, #949ba4)}.message-edited{font-size:11px;color:var(--text-muted, #949ba4)}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin-top:4px;align-self:flex-end}.message-meta-time{font-size:11px;color:#ffffff8c}.message-media{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px;max-width:100%;overflow:hidden}.message-media-block{max-width:100%;overflow:hidden}.message-media-album{max-width:min(100%,420px);overflow:hidden}.message-media--album{display:block;gap:0}.message--media-only .message-media{margin-top:0}.message-media .media-file{background:none;border:none;padding:0;margin:0;box-shadow:none}.message-media .media-file .media-content{margin-top:0}.message-media .media-image-container{min-height:0;overflow:hidden;border-radius:8px;max-width:min(100%,420px)}.message-media .media-image{max-width:100%;width:auto;height:auto;display:block}.message-media .media-image:hover{transform:none}.message-media-block{min-width:0;max-width:100%;overflow:hidden}.message-media-block__caption{margin-top:6px}.message-media .media-file:has(.media-video-note-shell){margin:0}.message.message--sticker{background:transparent;padding:2px 0;box-shadow:none;align-items:flex-start}.message.message--sticker .message-content{gap:0;flex:0 1 auto}.message.message--sticker .message-header{margin-bottom:2px}.message.message--sticker .message-media--sticker{margin-top:0;gap:0}.message.message--sticker .sticker-message,.message.message--sticker .sticker-message__media{margin:0;padding:0}.message-username{color:var(--text);display:inline;margin-bottom:0;font-size:16px;font-weight:600;line-height:1.25rem}.bot-message{background-color:#5865f21a;border-left:3px solid rgba(88,101,242,.5)}.bot-message.bot-error{background-color:#ed42451a;border-left-color:#ed424580}.bot-message.bot-command{background-color:#5865f20d;border-left-color:#5865f24d}.bot-message-text{white-space:pre-wrap;word-break:break-word;font-size:14px;font-weight:600}.message-text{font-size:14px;line-height:1.4;color:var(--text);white-space:pre-wrap;word-break:break-word}.message-link{color:#66b3ff;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.message-link:hover{color:#9bd0ff}.my-message .message-link{color:#fff}.my-message .message-link:hover{color:#e6eeff}.message.highlighted{background-color:rgba(var(--primary-rgb),.1);animation:highlight 2s ease-out}@keyframes highlight{0%{background-color:rgba(var(--primary-rgb),.3)}to{background-color:transparent}}.replied-message{background-color:rgba(var(--primary-rgb),.1);border-left:4px solid var(--primary);padding:5px;margin-bottom:4px;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .2s ease}.replied-message:hover{background-color:rgba(var(--primary-rgb),.15)}.replied-message-header{font-size:.9em;margin-bottom:4px;color:var(--primary)}.replied-message-content{font-size:.9em;color:var(--textSecondary);max-width:300px}.replied-message-content img{max-width:100%;max-height:150px;border-radius:4px;object-fit:cover}.replied-message-content video{max-width:100%;max-height:150px;border-radius:4px}.forwarded-message{background-color:rgba(var(--primary-rgb),.05);border-left:4px solid var(--primary);border-radius:0 8px 8px 0;padding:10px 12px;margin:4px 0;position:relative}.forwarded-message:hover{background-color:rgba(var(--primary-rgb),.08);transform:translate(2px)}.forwarded-message:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:linear-gradient(45deg,var(--primary),var(--secondary));border-radius:2px;transition:opacity .2s ease}.forwarded-message:hover:before{opacity:.8}.forwarded-message-header{display:flex;align-items:center;gap:6px;font-size:.85em;color:var(--textMuted);margin-bottom:8px;padding-left:24px;position:relative}.forwarded-message-header:before{content:"↱";position:absolute;left:0;color:var(--primary);font-size:1.4em;font-weight:700;transform:scaleX(-1) translateY(-2px)}.forwarded-message-content{padding-left:24px;color:var(--text);font-size:.95em;line-height:1.4}.forwarded-message-text{white-space:pre-wrap;word-break:break-word}.forwarded-message-media{margin-top:8px;display:flex;flex-direction:column;gap:8px;width:fit-content;max-width:100%}.forwarded-message-image{display:block;max-width:min(320px,100%);width:auto;height:auto;border:none;border-radius:8px;padding:0;margin:0;background:transparent;object-fit:contain}.forwarded-message-media .media-file{border:none;padding:0;margin:0;background:transparent;box-shadow:none}.forwarded-message-media .media-file:hover{border:none;box-shadow:none}.forwarded-message-additional{margin-top:8px;padding-top:8px;border-top:1px solid rgba(var(--primary-rgb),.2);color:var(--textMuted);font-size:.9em}.input-container{position:relative;padding:.575rem;background:var(--bottom);border-top:1px solid var(--border);display:flex;align-items:center;gap:12px;height:63px}.no-send-permission-notice{flex:1;text-align:center;color:var(--text-muted, #949ba4);font-size:.9rem;padding:.5rem}.input-container.replying{border-top:1px solid var(--primary)}.message-input{flex:1;padding:10px 14px;border-radius:4px;border:1px solid var(--border);background:var(--background-primary, #2f3136);color:var(--text);font-size:14px;line-height:1.4;transition:border-color .15s ease,background-color .15s ease;resize:none;min-height:44px;max-height:120px;outline:none}.message-input:focus{border-color:var(--primary);background:var(--background-primary, #2f3136)}.message-input::placeholder{color:var(--textMuted)}.send-button{background:var(--primary);color:var(--text);border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .15s ease,transform .15s ease;white-space:nowrap;min-width:80px;height:44px;display:flex;align-items:center;justify-content:center}.send-button:hover{background:var(--primary-hover, #4752c4);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.3)}.send-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(var(--primary-rgb),.3)}.voice-message-wrapper{display:flex;align-items:center;gap:8px;height:44px}.voice-record-button{background:none;border:none;color:var(--textMuted);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.voice-record-button:hover{color:var(--text);background:var(--hover)}.voice-record-button.recording{color:var(--danger);animation:pulse 1s infinite}.video-note-button{background:none;border:none;color:var(--textMuted);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.video-note-button:hover:not(:disabled){color:var(--text);background:var(--hover)}.video-note-button:disabled{opacity:.35;cursor:not-allowed}.video-note-button.recording{color:#e91e63;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.recording-indicator-input{display:flex;align-items:center;gap:12px;padding:8px 16px;background-color:var(--danger);color:#fff;border-radius:4px;font-size:14px}.recording-dot{color:red;font-size:16px;animation:pulse 1s infinite}.recording-time{font-weight:600}.recording-hint{font-size:12px;opacity:.8}.cancel-recording-button,.cancel-recording-button-left{background:none;border:none;color:#fff;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:12px;transition:background-color .2s ease}.cancel-recording-button:hover,.cancel-recording-button-left:hover{background-color:#fff3}.media-button{background:none;border:none;color:var(--textMuted);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.media-button:hover{color:var(--text);background:var(--hover)}.editing-notice{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--primary);color:#fff;border-radius:4px;margin-bottom:8px;font-size:14px}.editing-text{font-weight:500}.cancel-edit-button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.cancel-edit-button:hover{background-color:#fff3}.reply-preview{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 12px;background:var(--surface);border-left:3px solid var(--primary);border-radius:4px;margin-bottom:8px}.reply-info{flex:1}.reply-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.reply-header strong{font-size:14px;color:var(--text)}.reply-header span{font-size:12px;color:var(--textMuted)}.reply-content{font-size:14px;color:var(--text);line-height:1.4}.cancel-reply-button{background:none;border:none;color:var(--textMuted);cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.cancel-reply-button:hover{color:var(--text);background:var(--hover)}.context-menu{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px 0;min-width:150px;z-index:1000;position:fixed}.context-menu-button{display:flex;width:100%;padding:8px 12px;background:none;border:none;color:var(--text);text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease;align-items:center;gap:10px}.context-menu-button-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;font-size:18px;opacity:.9}.context-menu-button:hover{background:var(--hover)}.context-menu-button.danger{color:var(--danger)}.context-menu-button.danger:hover{background-color:rgba(var(--danger-rgb),.1)}.call-type-menu{min-width:200px}.call-with-notification,.call-without-notification{justify-content:flex-start}.call-mode-modal{max-width:400px;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 18px 38px #00000073}.call-mode-modal h3{margin:0;color:var(--text);font-size:20px;font-weight:700}.call-mode-modal p{margin:10px 0 0;color:var(--text-secondary);font-size:14px}.call-mode-actions{display:grid;gap:10px;margin-top:16px}.call-mode-button{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,var(--text) 8%);color:var(--text);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.call-mode-button:hover{background:var(--hover);border-color:color-mix(in srgb,var(--border) 60%,var(--text) 40%)}.call-mode-button:active{transform:scale(.98)}.call-mode-button.notify{border-color:color-mix(in srgb,var(--success) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 20%,transparent)}.call-mode-button.direct{border-color:color-mix(in srgb,var(--primary) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}.incoming-call-overlay{position:fixed;inset:0;z-index:11000;display:flex;align-items:center;justify-content:center;pointer-events:none}.incoming-call-card{pointer-events:auto;width:min(330px,calc(100vw - 32px));border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:0 18px 38px #00000073;padding:20px 22px 24px;display:flex;flex-direction:column;align-items:center}.incoming-call-avatar-ring{border:3px solid color-mix(in srgb,var(--text) 28%,transparent);border-radius:999px;padding:5px}.incoming-call-user{margin-top:14px;color:var(--text);font-weight:700;font-size:clamp(24px,7vw,34px);line-height:1;text-transform:lowercase;text-align:center;word-break:break-word}.incoming-call-text{margin-top:10px;color:var(--text-secondary);font-size:clamp(18px,6vw,30px);line-height:1.05;text-align:center}.incoming-call-actions{margin-top:24px;width:100%;display:flex;justify-content:center;gap:12px}.incoming-call-button{width:82px;height:62px;border:none;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s ease,filter .2s ease}.incoming-call-button:hover{filter:brightness(1.05)}.incoming-call-button:active{transform:scale(.97)}.incoming-call-button.decline{background:var(--danger)}.incoming-call-button.accept{background:var(--success)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.forward-modal h3{margin:0 0 16px;color:var(--text);font-size:18px}.forwarded-message-preview{background:var(--background);border:1px solid var(--border);border-radius:4px;padding:12px;margin-bottom:16px}.forwarded-message-preview strong{color:var(--text);font-size:14px;display:block;margin-bottom:4px}.forwarded-message-preview p{color:var(--textMuted);font-size:14px;margin:0;line-height:1.4}.forward-message-input{margin-bottom:16px}.forward-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--background);color:var(--text);font-size:14px;outline:none}.forward-input:focus{border-color:var(--primary)}.chat-list h4{margin:0 0 12px;color:var(--text);font-size:14px;font-weight:600}.chat-item:hover{background:var(--hover)}.chat-item:last-child{margin-bottom:0}.forward-modal-buttons{display:flex;justify-content:flex-end;margin-top:16px}.cancel-button{background-color:var(--textMuted);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.cancel-button:hover{background-color:var(--textSecondary)}@media (max-width: 768px){.chat-header{padding:12px}.header-actions{gap:8px}.add-member-button{padding:6px 12px;font-size:12px}.messages{padding:16px 20px 0}.message{max-width:85%}.input-container{padding:12px}.message-input{font-size:16px}}.no-focus-outline:focus{outline:none}.chat-loading,.chat-error,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--textMuted);font-size:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.chat-error{color:var(--danger)}.chat-empty{color:var(--textMuted)}.uploading-message{opacity:.8;animation:fadeIn .3s ease}.uploading-file-container{background:var(--hover);padding:12px;border-radius:8px;margin-top:8px}.uploading-file-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.uploading-file-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:8px}.uploading-file-details{flex:1;min-width:0}.uploading-file-name{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.uploading-file-progress{font-size:12px;color:var(--textMuted)}.upload-progress-bar{width:100%;height:4px;background:var(--background);border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#5865f2,#7289da);border-radius:2px;transition:width .3s ease;animation:shimmer 2s infinite;background-size:200% 100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:.8;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.categories-list{flex:1;padding:8px 0;min-height:100%;position:relative}.categories-list.dragging-over{background:var(--hover);border-radius:4px}.no-channels{padding:10px 20px;text-align:center;color:var(--text-muted);font-size:12px;font-style:italic}.no-categories{padding:20px;text-align:center;color:var(--text-muted);font-size:14px;font-style:italic}.uncategorized-channels{padding:8px 0;margin-bottom:8px}.uncategorized-channels.dragging-over{background:var(--hover);border-radius:4px;border:2px dashed var(--accent)}.server-panel{width:100%;min-width:0;background:var(--surface);border-right:1px solid var(--border);height:100%;display:flex;flex-direction:column;overflow:hidden}.server-panel .user-panel{margin-top:auto}.server-panel-header{background:var(--surface);position:relative;overflow:visible;height:52px;min-height:52px;box-sizing:border-box;flex-shrink:0}.server-panel-header.with-banner{border-bottom:none;min-height:150px;height:120px;overflow:visible}.server-panel-banner{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.8;z-index:0;transition:opacity .3s ease;overflow:hidden;border-radius:0}.server-panel-banner:hover{opacity:1}.server-info{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:9px;transition:background-color .2s ease;position:relative;z-index:10;height:52px;min-height:52px;width:100%;box-sizing:border-box;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text)}.server-panel-header.with-banner .server-info{border-bottom:none;background:transparent}.server-info:hover{background-color:#0003}.server-info h3{margin:0;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.dropdown-arrow{color:var(--textMuted);font-size:12px;transition:transform .2s ease}.server-info:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-arrow{color:#fff;font-size:12px;transition:transform .2s ease;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.server-dropdown{position:absolute;left:12px;right:12px;background:var(--background);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;padding:8px 0}.dropdown-item{display:flex;align-items:center;padding:8px 16px;color:var(--text);cursor:pointer;transition:background-color .2s ease;font-size:14px}.dropdown-item:hover{background:var(--hover)}.dropdown-item-danger{color:#ed4245!important}.dropdown-item-danger:hover{background-color:#ed42451a!important}.server-channels{flex:1;overflow-y:auto;padding:8px 0}.channels-section{margin-bottom:24px}.channels-section h4{margin:0 0 8px;padding:0 12px;font-size:12px;font-weight:600;color:var(--textMuted);text-transform:uppercase;letter-spacing:.02em}.channels-list{display:flex;flex-direction:column}.channel-item{display:flex;align-items:center;padding:6px 12px;margin:1px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--textMuted)}.channel-item:hover,.channel-item.active{background:var(--hover);color:var(--text)}.channel-icon{margin-right:8px;font-size:16px;font-weight:500;color:var(--textMuted)}.channel-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.voice-channel-item{display:flex;align-items:center;padding:6px 12px;margin:1px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--textMuted)}.voice-channel-item:hover{background:var(--hover);color:var(--text)}.voice-icon{margin-right:8px;font-size:16px}.server-channels::-webkit-scrollbar{width:6px}.server-channels::-webkit-scrollbar-track{background:transparent}.server-channels::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.server-channels::-webkit-scrollbar-thumb:hover{background-color:var(--textMuted)}.no-channels{padding:10px;text-align:center;color:var(--textMuted);font-size:.9em;font-style:italic}.friends-panel{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--background);color:var(--text);width:100%}.friends-panel__header{display:flex;align-items:center;justify-content:space-between;padding:9px;background:var(--background);border-bottom:1px solid var(--border);color:var(--text);height:52px;min-height:52px;box-sizing:border-box;position:relative}.friends-panel__title{display:flex;align-items:center;gap:12px;flex:1}.friends-panel__title h2{margin:0;font-size:16px;font-weight:600;color:var(--text);font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif}.friends-panel__title-separator{width:4px;height:4px;background-color:var(--border);border-radius:50%;margin:0 8px}.friends-panel__header-actions{display:flex;align-items:center;gap:12px;height:100%}.friends-panel__add-button{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s ease;color:var(--text);min-width:36px;min-height:36px;height:36px;width:36px;display:flex;align-items:center;justify-content:center}.friends-panel__add-button:hover{background:var(--hover)}.friends-panel__add-button svg{font-size:20px!important;height:20px;width:20px;display:block}.friends-panel__search{position:relative;display:flex;align-items:center;padding:8px 12px;height:52px;min-height:52px;box-sizing:border-box;border-bottom:1px solid var(--border);background:var(--background);flex-shrink:0}.friends-panel__search-input{width:100%;height:34px;min-height:34px;background-color:var(--background-secondary);border:1px solid var(--border);border-radius:4px;padding:0 12px;color:var(--text);font-size:14px;outline:none;transition:all .2s ease;box-sizing:border-box}.friends-panel__search-input:focus{border-color:var(--primary)}.friends-panel__search-input::placeholder{color:var(--text-muted)}.friends-panel__tabs{display:flex;align-items:center;gap:8px}.friends-panel__tab{background:none;border:none;color:var(--text-muted);padding:6px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:4px}.friends-panel__tab:hover,.friends-panel__tab.active{background-color:var(--surface-hover);color:var(--text)}.friends-panel__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:10px;background:#ed4245;color:#fff;font-size:11px;font-weight:700;line-height:1}.friends-panel__pending-groups{display:flex;flex-direction:column;gap:16px}.friends-panel__pending-group-title,.friends-panel__section-title{padding:4px 16px 8px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.friends-panel__section-title{padding:8px 16px}.friends-panel__content{flex:1;overflow-y:auto;padding:8px 0;background-color:var(--background)}.friends-panel__loading,.friends-panel__error,.friends-panel__empty{padding:16px;text-align:center;color:var(--text-muted);font-size:14px}.friends-panel__section{margin-bottom:16px}.friends-panel__list{display:flex;flex-direction:column}.friends-panel__error{color:var(--danger, #f04747)}.friends-panel__content::-webkit-scrollbar{width:8px}.friends-panel__content::-webkit-scrollbar-track{background:var(--surface)}.friends-panel__content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.friends-panel__content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.ideas-board-view{flex:1;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;background:#1a1410;padding:clamp(.5rem,2vw,1.5rem);box-sizing:border-box}.ideas-board-view .board{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:1100px;margin:0 auto;background:#b58a4e;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.06) 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(0,0,0,.05) 0 2px,transparent 3px),radial-gradient(circle at 45% 85%,rgba(0,0,0,.06) 0 2px,transparent 3px);background-size:24px 24px,31px 31px,19px 19px;border:14px solid #5b3a1a;border-image:linear-gradient(45deg,#6b4423,#3d2710,#6b4423) 1;box-shadow:inset 0 0 120px #3c1e0a80,0 20px 60px #0009;padding:clamp(1rem,3vw,2.5rem);overflow:hidden}.ideas-board-view .board-grain{position:absolute;inset:0;pointer-events:none;opacity:.5;z-index:1;background:repeating-linear-gradient(115deg,transparent 0 3px,rgba(0,0,0,.025) 3px 4px)}.ideas-board-view .board-flicker{position:absolute;inset:0;pointer-events:none;z-index:9;background:#140a050d;mix-blend-mode:multiply;animation:ideas-board-flick 6s infinite steps(1)}@keyframes ideas-board-flick{0%,93%,to{opacity:0}94%{opacity:.5}95%{opacity:.05}96%{opacity:.35}}.ideas-board-view .case-header{position:relative;z-index:6;flex-shrink:0;margin-bottom:.75rem}.ideas-board-stage{position:relative;z-index:6;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:10px 8px 6px;box-sizing:border-box}.ideas-board-view .stamp{display:inline-block;font-family:Special Elite,serif;color:#a01818;border:3px solid #a01818;padding:.2em .7em;font-size:clamp(.7rem,1.6vw,.95rem);letter-spacing:.15em;transform:rotate(-4deg);opacity:.85;margin-bottom:.6rem}.ideas-board-view .case-title{font-family:Anton,sans-serif;line-height:.9;color:#1a1410}.ideas-board-view .case-title .r{display:inline-block;background:#f4ecd8;color:#111;padding:0 .08em;font-size:clamp(1.4rem,5vw,3rem);box-shadow:2px 2px #0000004d}.ideas-board-view .r1{transform:rotate(-5deg)}.ideas-board-view .r2{transform:rotate(3deg);background:#111;color:#f4ecd8}.ideas-board-view .r3{transform:rotate(-2deg)}.ideas-board-view .r4{transform:rotate(4deg)}.ideas-board-view .r5{transform:rotate(-3deg);background:#a01818;color:#fff}.ideas-board-view .r6{transform:rotate(2deg)}.ideas-board-view .r7{transform:rotate(-4deg)}.ideas-board-view .r8{transform:rotate(3deg);background:#111;color:#f4ecd8}.ideas-board-view .r-sub{display:block;font-family:Special Elite,serif;font-size:clamp(.9rem,2.4vw,1.3rem);color:#3d2710;letter-spacing:.3em;margin-top:.4rem}.ideas-board-view .controls{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.ideas-board-view .ctrl{font-family:Special Elite,serif;cursor:pointer;background:#f4ecd8;color:#1a1410;border:1px solid #1a1410;padding:.35em .8em;font-size:clamp(.65rem,1.4vw,.8rem);letter-spacing:.08em;box-shadow:2px 2px #0006;transition:transform .1s}.ideas-board-view .ctrl:hover{transform:translate(-1px,-1px)}.ideas-board-view .ctrl.is-active{background:#a01818;color:#fff}.ideas-board-view .ctrl--add{background:#1a1410;color:#f4ecd8}.ideas-board-view .hint{font-family:Special Elite,serif;color:#3d2710;font-size:clamp(.65rem,1.4vw,.8rem);margin-top:.45rem;opacity:.7;letter-spacing:.05em}@media (max-height: 720px){.ideas-board-view .hint{display:none}.ideas-board-view .case-title .r{font-size:clamp(1.1rem,4vw,2.2rem)}}.ideas-board-view .pinboard{position:relative;z-index:5;flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--grid-cols, 3),minmax(240px,1fr));grid-template-rows:repeat(var(--grid-rows, 2),minmax(0,auto));grid-auto-rows:minmax(0,auto);gap:.85rem .95rem;align-items:start;align-content:start;overflow:visible}.ideas-board-view .pinboard .strings{position:absolute;top:0;left:0;width:100%;z-index:1;pointer-events:none;overflow:visible}.ideas-board-view .pinboard .strings line{stroke-width:2;stroke-linecap:round;opacity:0;vector-effect:non-scaling-stroke}.ideas-board-view .pinboard .strings.show line{opacity:.9}.ideas-board-view .exhibit{position:relative;z-index:2;min-width:0;width:100%;height:auto;overflow:visible;display:flex;flex-direction:column;padding-top:10px;box-sizing:border-box;font-family:Courier Prime,monospace;transform:rotate(var(--rot, 0deg));transition:transform .18s;animation:ideas-board-drop .35s both;align-self:start}.ideas-board-view .exhibit-surface{position:relative;z-index:2;width:100%;height:fit-content;max-height:var(--card-max-height, 280px);display:flex;flex-direction:column;overflow:hidden;background:#f8f4e9;padding:.8rem .85rem .85rem;box-sizing:border-box;box-shadow:1px 2px #0000001f,2px 4px 10px #00000038,4px 8px 16px #00000024;transition:box-shadow .18s}.ideas-board-view .exhibit:hover{z-index:7}.ideas-board-view .exhibit:hover .exhibit-surface{box-shadow:1px 2px #00000024,3px 6px 14px #00000047,6px 12px 22px #0000002e}@keyframes ideas-board-drop{0%{opacity:0;transform:rotate(var(--rot, 0deg)) translateY(-12px)}to{opacity:1}}.ideas-board-view .exhibit-pin{position:absolute;top:0;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff6b6b,#b01515 70%);box-shadow:0 2px 4px #00000059,inset -1px -2px 3px #0006;z-index:6;pointer-events:none}.ideas-board-view .exhibit:after{content:"";position:absolute;top:4px;right:14px;width:46px;height:18px;background:#dcd2aa8c;transform:rotate(8deg);box-shadow:0 1px 2px #00000026;z-index:5;pointer-events:none}.ideas-board-view .ex-meta{font-family:Special Elite,serif;font-size:.68rem;color:#7a1010;letter-spacing:.05em;margin-bottom:.35rem;border-bottom:1px dashed #bba;padding-bottom:.25rem;display:flex;flex-wrap:nowrap;gap:.2rem .6rem;min-width:0;flex-shrink:0}.ideas-board-view .ex-meta-author,.ideas-board-view .ex-meta-tag{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ideas-board-view .ex-meta .pub-date{flex-shrink:0;margin-left:auto}.ideas-board-view .ex-title{font-family:Anton,sans-serif;line-height:1.1;margin-bottom:.4rem;font-weight:400;cursor:pointer;flex-shrink:0;overflow:hidden}.ideas-board-view .ex-title .cut{display:inline-block;font-size:clamp(1.05rem,2.4vw,1.4rem);padding:0 .07em;margin:1px;color:#111;background:#e8e2d0}.ideas-board-view .ex-title .cut:nth-child(3n){background:#111;color:#f4ecd8;transform:rotate(-3deg)}.ideas-board-view .ex-title .cut:nth-child(4n){background:#a01818;color:#fff;transform:rotate(2deg)}.ideas-board-view .ex-body{font-size:.82rem;line-height:1.5;color:#222;margin:0;flex:1 1 auto;min-height:0;overflow:hidden;word-break:break-word;white-space:pre-wrap}.ideas-board-view .ex-actions{margin-top:auto;padding-top:.35rem;display:flex;gap:.35rem;flex-wrap:wrap;flex-shrink:0}.ideas-board-view .ex-actions button{font-family:Special Elite,serif;font-size:.62rem;cursor:pointer;background:transparent;border:1px solid #555;color:#555;padding:.15em .5em;letter-spacing:.05em}.ideas-board-view .ex-actions button:hover{border-color:#a01818;color:#a01818}.ideas-board-view .exhibit.is-filed .exhibit-surface{filter:sepia(.4) contrast(.95);opacity:.7}.ideas-board-pagination{position:relative;z-index:6;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:.65rem}.ideas-board-pagination .ctrl:disabled{opacity:.45;cursor:not-allowed;transform:none}.ideas-board-pagination-label{font-family:Special Elite,serif;font-size:clamp(.7rem,1.5vw,.9rem);color:#3d2710;letter-spacing:.12em}.ideas-board-view .case-footer{position:relative;z-index:6;flex-shrink:0;margin-top:.5rem;text-align:center;font-family:Special Elite,serif;color:#3d2710;letter-spacing:.2em;font-size:clamp(.7rem,1.5vw,.9rem)}.ideas-board-view .ideas-board-empty{grid-column:1 / -1;text-align:center;font-family:Special Elite,serif;color:#3d2710;padding:2rem;letter-spacing:.08em}.ideas-board-view .ideas-board-loading{grid-column:1 / -1;text-align:center;font-family:Courier Prime,monospace;color:#3d2710;padding:2rem}.ideas-board-notes{position:fixed;inset:0;z-index:1000;display:flex;align-items:stretch;justify-content:center;background:#0a0603b8;backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .2s;overflow:hidden}.ideas-board-notes.open{opacity:1;visibility:visible}.ideas-board-notes-scroll{width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;display:flex;justify-content:center;align-items:flex-start;padding:1.5rem 1.25rem 2rem;box-sizing:border-box}.ideas-board-notes-card{position:relative;flex-shrink:0;width:min(540px,100%);background:#f8f4e9;color:#1a1410;font-family:Courier Prime,monospace;padding:1.6rem 1.6rem 1.8rem;border:1px solid #1a1410;box-shadow:0 30px 80px #000000b3,inset 0 0 0 6px #f8f4e9,inset 0 0 0 7px #b8af96;transform:translateY(14px) rotate(-.6deg);transition:transform .2s;margin:auto 0}.ideas-board-notes-card--view{width:min(860px,100%);padding:1.75rem 2rem 2rem}.ideas-board-notes.open .ideas-board-notes-card{transform:translateY(0) rotate(-.6deg)}.ideas-board-notes-close{position:absolute;top:.5rem;right:.6rem;font-family:Anton,sans-serif;font-size:1.4rem;line-height:1;cursor:pointer;background:none;border:none;color:#7a1010}.ideas-board-note-stamp{display:inline-block;font-family:Special Elite,serif;font-size:.7rem;letter-spacing:.12em;color:#a01818;border:2px solid #a01818;padding:.2em .6em;transform:rotate(-2deg);margin-bottom:.9rem}.ideas-board-note-title{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.05;margin-bottom:.9rem}.ideas-board-note-line{font-size:.85rem;line-height:1.7;margin-bottom:.4rem}.ideas-board-note-text{font-size:.95rem;line-height:1.65;margin:.9rem 0;color:#222;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.ideas-board-notes-card--view .ideas-board-note-title{font-size:clamp(1.6rem,4vw,2.5rem)}.ideas-board-notes-card--view .ideas-board-note-text{font-size:1rem;line-height:1.7}.ideas-board-compose{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.ideas-board-compose input,.ideas-board-compose textarea{font-family:Courier Prime,monospace;font-size:.9rem;padding:.5rem .65rem;border:1px solid #1a1410;background:#fffef8;color:#1a1410}.ideas-board-compose textarea{min-height:120px;resize:vertical}.ideas-board-compose-actions{display:flex;gap:.5rem;flex-wrap:wrap}.resizable-sidebar-shell{position:relative;flex-shrink:0;height:100%;min-height:0;display:flex}.resizable-sidebar-shell__content{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.resizable-sidebar-shell__handle{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:30;touch-action:none}.resizable-sidebar-shell__handle:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:2px;background:transparent;transition:background-color .15s ease}.resizable-sidebar-shell__handle:hover:after,body.resizable-sidebar-shell--resizing .resizable-sidebar-shell__handle:after{background:var(--primary, #5865f2)}body.resizable-sidebar-shell--resizing{cursor:col-resize;user-select:none}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-modal{background:var(--surface, #36393f);padding:24px;border-radius:8px;width:440px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid var(--border, #4f545c);position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border, #4f545c)}.modal-header h3{color:var(--text, #dcddde);margin:0;font-size:24px;font-weight:600}.modal-close-button{background:none;border:none;color:var(--text-secondary, #8e9297);font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:var(--background, #2f3136);color:var(--text, #dcddde)}.modal-input{width:100%;padding:12px 16px;margin-bottom:16px;background:var(--background, #2f3136);border:1px solid var(--border, #4f545c);border-radius:6px;color:var(--text, #dcddde);font-size:14px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}.modal-input::placeholder{color:var(--text-secondary, #8e9297)}.modal-input:focus{outline:none;border-color:var(--primary, #5865f2);box-shadow:0 0 0 2px #5865f233}.server-type-toggle{margin:16px 0;padding:16px;background:var(--background, #2f3136);border-radius:8px;border:1px solid var(--border, #4f545c)}.toggle-label{display:flex;align-items:center;cursor:pointer}.toggle-label input[type=checkbox]{margin-right:12px;width:18px;height:18px;accent-color:var(--primary, #5865f2);cursor:pointer}.toggle-text{font-weight:500;color:var(--text, #dcddde)}.toggle-description{margin:8px 0 0;font-size:12px;color:var(--text-secondary, #8e9297)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-actions button{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;min-width:80px}.modal-actions button:first-child{background-color:var(--text-muted, #4f545c);color:var(--text, #dcddde)}.modal-actions button:first-child:hover{background-color:var(--text-secondary, #8e9297)}.modal-actions button:last-child{background:var(--primary, #5865f2);color:#fff}.modal-actions button:last-child:hover{background:var(--primary-hover, #4752c4)}.modal-actions button:last-child:disabled{background-color:var(--text-muted, #4f545c);cursor:not-allowed}.voice-channel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;background:linear-gradient(135deg,#1e1f22,#2c2f33);border-radius:12px;margin:20px}.voice-channel-header{margin-bottom:32px}.voice-channel-header h3{color:#f2f3f5;font-size:28px;font-weight:600;margin:0 0 8px}.voice-channel-header p{color:#8e9297;font-size:16px;margin:0}.voice-channel-description{color:#b5bac1!important;font-size:14px!important;margin:8px 0 0!important;line-height:1.4}.voice-channel-note{color:#5865f2;font-size:13px;margin:12px 0 0;font-style:italic;text-align:center}.voice-channel-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.global-incoming-call-overlay{position:fixed;inset:0;z-index:11000;display:flex;align-items:center;justify-content:center;pointer-events:none}.global-incoming-call-card{pointer-events:auto;width:min(270px,calc(100vw - 24px));border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 14px 30px #0000006b;padding:18px 18px 20px;display:flex;flex-direction:column;align-items:center}.global-incoming-call-badge,.global-incoming-call-dot{display:none}.global-incoming-call-avatar-wrap{position:relative;width:104px;height:104px;flex-shrink:0}.global-incoming-call-avatar-wrap:before{content:"";position:absolute;top:50%;left:50%;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #23a559;box-sizing:border-box;pointer-events:none;z-index:0;animation:incomingCallRingPulse 1.6s ease-in-out infinite}.global-incoming-call-avatar-wrap .global-incoming-call-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}@keyframes incomingCallRingPulse{0%,to{opacity:1}50%{opacity:.45}}.global-incoming-call-chat-name{margin-top:6px;color:var(--text-muted);font-size:12px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.global-incoming-call-user{margin-top:12px;color:var(--text);font-weight:700;font-size:clamp(17px,4.8vw,22px);line-height:1.15;text-align:center;word-break:break-word}.global-incoming-call-text{margin-top:10px;color:var(--text-secondary);font-size:clamp(13px,3.6vw,16px);line-height:1.25;text-align:center}.global-incoming-call-actions{margin-top:18px;width:100%;display:flex;justify-content:center;gap:12px}.global-incoming-call-button{width:84px;height:44px;border:none;border-radius:11px;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s ease,filter .2s ease}.global-incoming-call-button:hover{filter:brightness(1.05)}.global-incoming-call-button:active{transform:scale(.97)}.global-incoming-call-button.decline{background:var(--danger)}.global-incoming-call-button.accept{background:var(--success)}@media (max-width: 768px){.create-modal,.notifications-modal{width:95vw;max-width:400px;padding:20px;margin:20px}.modal-header h3{font-size:20px}.modal-actions{flex-direction:column;gap:12px}.modal-actions button{width:100%}.voice-channel-container{margin:10px;padding:20px 15px}.voice-channel-header h3{font-size:24px}.voice-channel-header p{font-size:14px}}.role-management{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;color:var(--text);font-family:inherit;overflow:hidden}.role-management-content{display:flex;flex:1;min-height:0;overflow:hidden;background:var(--background)}.roles-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-right:1px solid var(--border);background:var(--surface)}.search-section{padding:16px;border-bottom:1px solid var(--border)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted);z-index:1}.search-input{width:100%;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:10px 12px 10px 38px;color:var(--text);font-size:14px;transition:border-color .15s ease}.search-input:focus{outline:none;border-color:var(--primary)}.search-input::placeholder{color:var(--text-muted)}.roles-list{flex:1;overflow-y:auto;padding:16px 0}.roles-list-header{padding:0 16px 8px;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.role-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:0 8px 2px;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.role-item:hover,.role-item.selected{background:var(--surface-hover)}.role-color-indicator{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.1)}.role-name{font-weight:500;font-size:14px}.create-role-button-bottom{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 16px);margin:8px;padding:9px 12px;background:transparent;color:var(--text-secondary);border:1px dashed var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:13px;font-weight:600}.create-role-button-bottom:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--primary);border-style:solid}.create-role-button-bottom:disabled{opacity:.4;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#8e9297;text-align:center}.empty-state svg{margin-bottom:12px;opacity:.6}.empty-state p{margin:0;font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#8e9297;text-align:center}.loading-state .loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:role-mgmt-spin 1s linear infinite;margin-bottom:12px}@keyframes role-mgmt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{margin:0;font-size:14px}.empty-state,.loading-state{color:var(--text-muted)}.role-form-section{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--background)}.role-form{display:flex;flex-direction:column;flex:1;min-height:0;max-width:none;margin:0;padding:0;overflow:hidden}.form-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;min-height:71px;height:71px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--background);z-index:2;box-sizing:border-box}.form-header h2{color:var(--text);font-size:18px;font-weight:700;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.close-form-btn{display:none}.save-btn{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}.save-btn:hover{background:var(--primary-hover)}.cancel-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px}.cancel-btn:hover{background:var(--surface-hover);color:var(--text)}.delete-btn{background:transparent;color:var(--danger, #ed4245);border:1px solid rgba(237,66,69,.35);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px}.delete-btn:hover{background:#ed42451f}.form-section{background:var(--surface);border-radius:10px;padding:16px 18px;border:1px solid var(--border)}.form-section h3{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px}.role-name-input{width:100%;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:15px}.role-name-input:focus{outline:none;border-color:var(--primary)}.role-name-input::placeholder{color:var(--text-muted)}.form-content{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;padding:20px 24px 24px;-webkit-overflow-scrolling:touch}.form-content::-webkit-scrollbar{width:8px}.form-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.form-fields{display:flex;flex-direction:column;gap:20px}.color-field{display:flex;flex-direction:column;gap:8px}.color-field label{color:#b9bbbe;font-size:14px;font-weight:600}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.color-picker{width:48px;height:48px;border:none;border-radius:8px;cursor:pointer;background:none}.color-preview{color:#fff;font-size:14px;font-weight:500;padding:8px 12px;border-radius:6px;border:1px solid #40444b;background:#40444b}.checkbox-fields{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex!important;align-items:center;gap:12px;cursor:pointer;font-weight:400!important;color:#b9bbbe;font-size:14px}.checkbox-label input[type=checkbox]{width:18px!important;height:18px;margin:0;accent-color:#5865f2}.checkbox-label span{flex:1}.empty-form-state{display:flex;align-items:center;justify-content:center;height:100%;padding:40px}.empty-form-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.empty-form-icon{margin-bottom:20px;color:#8e9297;opacity:.6}.empty-form-content h3{color:var(--text);font-size:20px;font-weight:600;margin:0 0 8px}.empty-form-content p{color:var(--text-secondary);font-size:14px;margin:0 0 24px;line-height:1.5}.create-first-role-btn{display:flex;align-items:center;gap:8px}.no-permission{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.no-permission-icon{margin-bottom:20px;color:#8e9297;opacity:.6}.no-permission h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.no-permission p{color:#b9bbbe;font-size:14px;margin:0;line-height:1.5}@media (max-width: 1024px){.role-management-content{flex-direction:column}.roles-sidebar{width:100%;max-height:240px;border-right:none;border-bottom:1px solid var(--border)}.role-form-section{flex:1;min-height:0}}.form-field,.color-picker-section{margin-bottom:16px}.color-picker-main{display:flex;align-items:center;gap:16px}.color-preview-large{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1);cursor:pointer}.color-palette{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.color-option{width:24px;height:24px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{border-color:#fff;transform:scale(1.1)}.color-option.selected{border-color:#5865f2;box-shadow:0 0 0 2px #5865f24d}.permissions-section{display:flex;flex-direction:column;gap:16px}.permissions-list{display:flex;flex-direction:column;gap:12px}.permission-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.permission-item:last-child{border-bottom:none}.permission-info{display:flex;flex-direction:column;gap:4px;flex:1}.permission-title{color:var(--text);font-size:14px;font-weight:500}.permission-description{color:var(--text-muted);font-size:12px;line-height:1.4}.permission-controls{display:flex;gap:8px;align-items:center}.permission-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.permission-btn.deny{color:#f04747}.permission-btn.deny.active{background:#f04747;color:#fff;border-color:#f04747}.permission-btn.neutral{color:#8e9297}.permission-btn.neutral.active{background:#8e9297;color:#fff;border-color:#8e9297}.permission-btn.allow{color:#43b581}.permission-btn.allow.active{background:#43b581;color:#fff;border-color:#43b581}.neutral-icon{width:12px;height:12px;border:1px solid currentColor;border-radius:2px}@media (max-width: 768px){.form-header{flex-wrap:wrap;height:auto;min-height:71px;padding:12px 16px}.form-header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.form-content{padding:16px}.form-section{padding:14px 16px}.color-palette{grid-template-columns:repeat(7,1fr)}}.member-management{max-width:100%;color:var(--text)}.members-table-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.members-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--border)}.members-table-toolbar__title{margin:0;font-size:15px;font-weight:700;color:var(--text)}.members-table-toolbar__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.members-search{display:flex;align-items:center;gap:8px;min-width:220px;height:34px;padding:0 10px;background:var(--background);border:1px solid var(--border);border-radius:8px}.members-search__icon{font-size:18px!important;color:var(--text-muted);flex-shrink:0}.members-search__input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:13px;outline:none}.members-search__input::placeholder{color:var(--text-muted)}.members-toolbar-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:none;border-radius:8px;background:var(--background);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.members-toolbar-btn:hover{background:var(--surface-hover);color:var(--text)}.members-toolbar-btn--muted{color:var(--danger, #ed4245);background:transparent}.members-toolbar-btn--muted:hover{background:#ed424514;color:var(--danger, #ed4245)}.members-table-head,.members-table-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(140px,1fr) 56px;align-items:center;gap:8px}.members-table-head{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--background)}.members-table-head .members-table-cell{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.members-table-row{padding:10px 16px;border-bottom:1px solid var(--border);transition:background-color .15s ease}.members-table-row:last-child{border-bottom:none}.members-table-row:hover{background:var(--surface-hover)}.members-table-cell--name{display:flex;align-items:center;gap:12px;min-width:0}.member-name-block{display:flex;flex-direction:column;min-width:0;gap:2px}.member-display-name{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-handle{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-table-cell--roles{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.member-role-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 8px;border-radius:999px;border:1px solid;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role-pill__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.member-role-empty{color:var(--text-muted);font-size:13px}.members-table-cell--actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.member-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--icon, var(--text-muted));cursor:pointer;transition:background-color .15s ease,color .15s ease}.member-action-btn:hover{background:var(--background);color:var(--text)}.members-table-footer{padding:12px 16px;border-top:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--background)}.no-members{grid-column:1 / -1;padding:40px 16px;text-align:center;color:var(--text-muted)}.no-members p{margin:0;font-size:14px}.context-menu{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000040;overflow:hidden}.context-menu-content{display:flex;flex-direction:column;min-width:200px}.context-menu-item{background:none;border:none;color:var(--text);padding:10px 14px;text-align:left;cursor:pointer;font-size:14px;transition:background-color .15s ease}.context-menu-item:hover{background:var(--surface-hover)}.context-menu-item.danger{color:var(--danger, #ed4245)}.context-menu-item.danger:hover{background:#ed42451f}.context-menu-item--disabled,.context-menu-item--disabled:disabled{opacity:.55;cursor:not-allowed}.context-menu-item--disabled:hover{background:none}.role-management-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0000004d;min-width:280px;max-height:400px;overflow-y:auto}.role-management-modal .modal-content{padding:16px}.role-management-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.role-management-modal .modal-header h4{margin:0 0 4px;color:var(--text);font-size:15px;font-weight:700}.role-management-modal .modal-header .member-name{margin:0;color:var(--text-secondary);font-size:13px;font-weight:500}.close-button{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--surface-hover);color:var(--text)}.role-management-modal .roles-list{display:flex;flex-direction:column;gap:4px}.role-management-modal .role-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease}.role-management-modal .role-item:hover{background:var(--surface-hover);border-color:var(--border)}.role-management-modal .role-item input[type=checkbox]{accent-color:var(--primary)}.role-management-modal .role-color-indicator{width:14px;height:14px;border-radius:50%;flex-shrink:0}.role-management-modal .role-name{color:var(--text);font-size:14px}.kick-confirmation-modal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1002;backdrop-filter:blur(2px)}.kick-confirmation-modal .modal-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:400px;width:90%}.kick-confirmation-modal h3{margin:0 0 20px;color:var(--text);font-size:17px;line-height:1.4}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.no-roles{padding:16px;text-align:center;color:var(--text-muted)}.no-roles p{margin:4px 0;font-size:13px}.no-roles p:first-child{color:var(--text);font-weight:600}@media (max-width: 768px){.members-table-head,.members-table-row{grid-template-columns:1fr 56px}.members-table-cell--roles,.members-table-head .members-table-cell--roles{display:none}}.server-profile{width:100%;max-width:740px;margin:0 auto}.server-profile-preview{margin-bottom:20px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--surface)}.server-profile-preview__banner{position:relative;height:132px;background-size:cover;background-position:center}.server-profile-preview__banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.35));pointer-events:none}.server-profile-preview__body{position:relative;padding:0 20px 18px;margin-top:-36px}.server-profile-preview__avatar{width:72px;height:72px;border-radius:50%;border:4px solid var(--surface);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;background-size:cover;background-position:center;box-shadow:0 4px 12px #0000002e}.server-profile-preview__name{margin-top:10px;font-size:18px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-profile-preview__desc{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--text-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.server-profile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.server-profile-section{padding:16px 18px}.server-profile-section+.server-profile-section{border-top:1px solid var(--border)}.server-profile-section__head{margin-bottom:14px}.server-profile-section__title{display:block;font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.server-profile-section__desc{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}.server-profile-name-field{display:flex;gap:10px;align-items:center}.server-profile-name-field input{flex:1;min-width:0;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:15px;transition:border-color .15s ease}.server-profile-name-field input:focus{outline:none;border-color:var(--primary)}.server-profile-description-field{display:flex;flex-direction:column;gap:10px}.server-profile-description-input{width:100%;min-height:96px;resize:vertical;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px;line-height:1.5;font-family:inherit;transition:border-color .15s ease}.server-profile-description-input:focus{outline:none;border-color:var(--primary)}.server-profile-description-input::placeholder{color:var(--text-muted)}.server-profile-description-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-profile-description-counter{font-size:12px;font-weight:600;color:var(--text-muted)}.server-profile-btn{flex-shrink:0;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.server-profile-btn--primary{background:var(--primary);color:#fff}.server-profile-btn--primary:hover:not(:disabled){background:var(--primary-hover)}.server-profile-btn--primary:disabled{opacity:.55;cursor:not-allowed}.server-profile-btn--with-icon{display:inline-flex;align-items:center;gap:6px}.server-profile-btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.server-profile-btn--ghost:hover{background:var(--surface-hover);color:var(--text)}.server-profile-btn--danger{background:transparent;color:var(--danger, #ed4245);border:1px solid rgba(237,66,69,.35)}.server-profile-btn--danger:hover{background:#ed42451a}.server-profile-icon-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.server-profile-icon-preview{width:64px;height:64px;min-width:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;cursor:pointer;overflow:hidden;background-size:cover;background-position:center;border:2px solid var(--border);transition:border-color .15s ease,transform .15s ease}.server-profile-icon-preview:hover{border-color:var(--primary);transform:scale(1.03)}.server-profile-icon-actions{display:flex;flex-wrap:wrap;gap:8px}.server-profile-banner-upload{display:block;width:100%;position:relative;height:120px;border-radius:10px;overflow:hidden;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px dashed var(--border);transition:border-color .15s ease;box-sizing:border-box}.server-profile-banner-upload:hover{border-color:var(--primary)}.server-profile-banner-upload__placeholder{width:100%;height:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px;font-weight:600;text-align:center;padding:12px;box-sizing:border-box}.server-profile-banner-upload__placeholder span{max-width:100%}.server-profile-banner-upload__overlay{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#00000073;color:#fff;font-size:13px;font-weight:600;opacity:0;transition:opacity .15s ease;pointer-events:none}.server-profile-banner-upload__overlay span{white-space:nowrap}.server-profile-banner-upload:hover .server-profile-banner-upload__overlay{opacity:1}.server-profile-banner-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}.server-profile-colors{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.server-profile-color{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .12s ease,border-color .12s ease;box-shadow:inset 0 0 0 1px #0000001a}.server-profile-color:hover{transform:scale(1.08)}.server-profile-color--selected{border-color:var(--text);box-shadow:0 0 0 2px var(--primary)}.server-profile-color--selected:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.75)}.server-profile-color-custom{display:flex;align-items:center;gap:10px;margin-top:12px}.server-profile-color-custom input[type=color]{width:32px;height:32px;padding:0;border:2px solid var(--border);border-radius:8px;cursor:pointer;background:none}.server-profile-color-custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.server-profile-color-custom input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.server-profile-banner-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.server-profile-status{font-size:12px;font-weight:600;color:var(--success, #43b581)}.no-permission{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-size:15px}.server-profile-privacy-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:10px;border:1px solid var(--border);background:var(--background)}.server-profile-privacy-row__info{flex:1;min-width:0}.server-profile-privacy-row__title{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.server-profile-privacy-row__hint{margin:0;font-size:13px;line-height:1.4;color:var(--text-secondary)}.server-profile-switch{position:relative;display:inline-flex;flex-shrink:0;width:44px;height:24px;cursor:pointer}.server-profile-switch input{position:absolute;opacity:0;width:0;height:0}.server-profile-switch__slider{position:absolute;inset:0;border-radius:999px;background:var(--border);transition:background-color .15s ease}.server-profile-switch__slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:0 1px 3px #00000040}.server-profile-switch input:checked+.server-profile-switch__slider{background:var(--primary)}.server-profile-switch input:checked+.server-profile-switch__slider:after{transform:translate(20px)}.server-profile-switch input:focus-visible+.server-profile-switch__slider{outline:2px solid var(--primary);outline-offset:2px}.server-profile-switch input:disabled+.server-profile-switch__slider{opacity:.55;cursor:not-allowed}.audit-log-panel{width:100%;max-width:960px;margin:0 auto;color:var(--text)}.audit-log-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}.audit-log-toolbar__hint{margin:0;flex:1;min-width:220px;font-size:13px;line-height:1.45;color:var(--text-secondary)}.audit-log-filter{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted)}.audit-log-filter__select{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 12px;font-size:13px;font-family:inherit;min-width:200px}.audit-log-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.audit-log-table-head,.audit-log-row{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(140px,1fr) minmax(180px,1.4fr) 140px;gap:12px;align-items:center}.audit-log-table-head{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--background)}.audit-log-table-head .audit-log-cell{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.audit-log-row{padding:12px 16px;border-bottom:1px solid var(--border)}.audit-log-row:last-child{border-bottom:none}.audit-log-cell--user{display:flex;align-items:center;gap:10px;min-width:0}.audit-log-username{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-log-action-label{font-size:13px;font-weight:600;color:var(--text)}.audit-log-target{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-log-cell--time{font-size:12px;color:var(--text-muted);white-space:nowrap}.audit-log-empty{padding:48px 24px;text-align:center;color:var(--text-secondary);font-size:14px}.audit-log-empty--error{color:var(--danger, #ed4245)}.audit-log-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);flex-wrap:wrap}.audit-log-load-more{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.audit-log-load-more:hover:not(:disabled){background:var(--surface-hover)}.audit-log-load-more:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 900px){.audit-log-table-head{display:none}.audit-log-row{grid-template-columns:1fr;gap:6px;align-items:flex-start}.audit-log-cell--time{font-size:11px}}.server-settings-page{min-height:100vh;height:100vh;max-height:100vh;background:var(--background);color:var(--text);font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;overflow:hidden;box-sizing:border-box;--settings-header-height: 71px}.server-settings-loading,.server-settings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;text-align:center;padding:24px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:ssp-spin .8s linear infinite;margin-bottom:16px}@keyframes ssp-spin{to{transform:rotate(360deg)}}.server-settings-error h2{color:var(--danger, #ed4245);margin:0 0 8px;font-size:20px}.server-settings-error p{color:var(--text-secondary);margin:0}.back-button{margin-top:20px}.server-settings-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);min-height:0;overflow:hidden}.server-settings-sidebar-head{display:none}.server-header{display:flex;align-items:center;gap:12px;height:var(--settings-header-height);min-height:var(--settings-header-height);padding:0 16px;border-bottom:1px solid var(--border);box-sizing:border-box;flex-shrink:0}.server-header .server-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:var(--primary);overflow:hidden;flex-shrink:0}.avatar-image{width:100%;height:100%;object-fit:cover}.server-header .server-name{margin:0;flex:1;min-width:0;font-size:15px;font-weight:600;color:var(--text);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.back-to-server-btn{display:flex;align-items:center;gap:8px;margin:10px 12px 4px;padding:9px 12px;width:calc(100% - 24px);background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.back-to-server-btn svg{flex-shrink:0;font-size:18px!important}.back-to-server-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-muted)}.settings-nav{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-section-title{margin:12px 8px 4px;padding:0 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.nav-section:first-child .nav-section-title{margin-top:4px}.nav-divider{height:1px;background:var(--border);margin:8px 4px}.settings-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}.settings-nav-item svg{font-size:20px!important;flex-shrink:0;opacity:.85}.settings-nav-item:hover{background:var(--surface-hover);color:var(--text)}.settings-nav-item.active{background:var(--primary);color:#fff}.settings-nav-item.active svg{opacity:1}.server-settings-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--background)}.server-settings-page-header{flex-shrink:0;display:flex;align-items:center;height:var(--settings-header-height);min-height:var(--settings-header-height);padding:0 32px;border-bottom:1px solid var(--border);box-sizing:border-box}.server-settings-page-header h1{margin:0;font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.01em}.server-settings-page-header p{display:none}.server-settings-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 32px 32px;-webkit-overflow-scrolling:touch}.server-settings-scroll:has(.role-management){display:flex;flex-direction:column;padding:0;overflow:hidden}.server-settings-scroll:has(.server-profile),.server-settings-scroll:has(.member-management){padding-top:16px}.server-settings-scroll::-webkit-scrollbar{width:8px}.server-settings-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.settings-content{width:100%;max-width:720px;margin:0 auto}.settings-panel{margin-bottom:24px}.settings-panel:last-child{margin-bottom:0}.settings-panel__label{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.settings-panel__hint{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--text-secondary)}.settings-panel__card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.settings-panel__card--padded{padding:16px 18px}.settings-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;text-align:center;color:var(--text-muted)}.settings-empty-state svg{font-size:40px!important;opacity:.45}.settings-empty-state p{margin:0;font-size:14px;color:var(--text-secondary)}@media (max-width: 900px){.server-settings-sidebar{width:220px}.server-settings-page-header,.server-settings-scroll{padding-left:20px;padding-right:20px}}@media (max-width: 768px){.server-settings-page{height:auto;max-height:none;flex-direction:column;overflow:visible}.server-settings-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.settings-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:8px}.nav-section-title,.nav-divider{display:none}.settings-nav-item{white-space:nowrap;flex-shrink:0}.server-settings-main{min-height:50vh}.server-settings-scroll{overflow:visible}}.startup-preloader{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,var(--background-primary, #2f3136) 0%,var(--background, #36393f) 45%,var(--surface, #2f3136) 100%);overflow:hidden;transition:opacity .42s ease,visibility .42s ease}.startup-preloader.is-exiting{opacity:0;visibility:hidden}.startup-preloader__noise,.startup-preloader__scanlines{position:absolute;inset:0;pointer-events:none;z-index:1}.startup-preloader__noise{background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:3px 3px;opacity:.04;animation:preloader-noise .18s steps(2) infinite}.startup-preloader__scanlines{background:repeating-linear-gradient(180deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 2px,transparent 4px);opacity:.12}.startup-preloader__panel{position:relative;z-index:2;width:min(520px,96vw);padding:18px 16px 14px;text-align:center}.startup-preloader__viewport{position:relative;width:min(380px,88vw);height:min(300px,44vh);margin:0 auto 12px;filter:drop-shadow(0 0 20px rgba(var(--primary-rgb, 88, 101, 242),.35))}.startup-preloader__viewport.is-hidden{display:none}.startup-preloader__viewport canvas{width:100%!important;height:100%!important;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.startup-preloader__fallback-d20{width:min(280px,80vw);height:min(220px,35vh);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;color:var(--primary, #5865f2);font-size:92px;line-height:1;text-shadow:0 0 20px rgba(var(--primary-rgb, 88, 101, 242),.45),0 0 40px rgba(var(--primary-rgb, 88, 101, 242),.2);animation:fallback-d20-spin 1.8s linear infinite}.startup-preloader__title{margin:0;font-size:30px;font-weight:700;color:var(--text, #dcddde);letter-spacing:.02em}.startup-preloader__subtitle{margin:10px 0 0;color:var(--text-muted, #8e9297);font-size:13px;letter-spacing:.08em;text-transform:uppercase;animation:preloader-fade 1.6s ease-in-out infinite}.startup-preloader__progress{margin:16px auto 0;width:min(260px,80%);height:3px;border-radius:999px;overflow:hidden;background:var(--border, #4f545c)}.startup-preloader__progress span{display:block;height:100%;width:35%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--primary-rgb, 88, 101, 242),.25),var(--primary, #5865f2) 40%,var(--primary-hover, #4752c4) 70%,rgba(var(--primary-rgb, 88, 101, 242),.25));animation:preloader-progress 1.6s cubic-bezier(.4,0,.2,1) infinite}@keyframes preloader-progress{0%{transform:translate(-140%)}to{transform:translate(360%)}}@keyframes preloader-fade{0%,to{opacity:.6}50%{opacity:1}}@keyframes preloader-noise{0%{transform:translate(0)}to{transform:translate(-2px,2px)}}@keyframes fallback-d20-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.in-app-notifications{position:fixed;z-index:10500;display:flex;flex-direction:column;align-items:stretch;width:min(360px,calc(100vw - 24px));pointer-events:none}.in-app-notifications--top-right{top:12px;right:12px}.in-app-notifications--top-left{top:12px;left:12px}.in-app-notifications--bottom-right{bottom:12px;right:12px}.in-app-notifications--bottom-left{bottom:12px;left:12px}.in-app-notifications__hide-all{pointer-events:auto;align-self:stretch;border:none;border-radius:10px 10px 0 0;background:var(--in-app-notif-bg, var(--surface, #2f3136));color:var(--primary, #5865f2);font-size:14px;font-weight:500;line-height:1.2;padding:10px 14px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.in-app-notifications__hide-all:hover{background:color-mix(in srgb,var(--in-app-notif-bg, var(--surface, #2f3136)) 88%,var(--primary, #5865f2) 12%)}.in-app-notifications__list{display:flex;flex-direction:column;border-radius:0 0 10px 10px;overflow:hidden;box-shadow:0 8px 28px #00000061,0 0 0 1px color-mix(in srgb,var(--border, #4f545c) 80%,transparent)}.in-app-notification-card{pointer-events:auto;position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 36px 12px 14px;background:var(--in-app-notif-bg, var(--surface, #2f3136));border-top:1px solid color-mix(in srgb,var(--border, #4f545c) 70%,transparent);cursor:pointer;text-align:left;animation:inAppNotificationIn .22s ease-out;transition:background-color .15s ease}.in-app-notification-card:first-child{border-top:none}.in-app-notification-card:hover{background:color-mix(in srgb,var(--in-app-notif-bg, var(--surface, #2f3136)) 90%,var(--text, #dcddde) 10%)}.in-app-notification-card__close{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--text-muted, #8e9297);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.75;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.in-app-notification-card__close:hover{opacity:1;background:color-mix(in srgb,var(--text, #dcddde) 8%,transparent);color:var(--text-secondary, #b9bbbe)}.in-app-notification-card__avatar{flex-shrink:0;margin-top:1px}.in-app-notification-card__body{min-width:0;flex:1}.in-app-notification-card__title{color:var(--text, #dcddde);font-size:14px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.in-app-notification-card__subtitle{margin-top:2px;color:var(--primary, #5865f2);font-size:12px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.in-app-notification-card__message{margin-top:3px;color:var(--text-muted, #8e9297);font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}@keyframes inAppNotificationIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}body.electron-titlebar-chrome .in-app-notifications--top-right,body.electron-titlebar-chrome .in-app-notifications--top-left{top:calc(var(--electron-titlebar-height) + 12px)}@media (max-width: 520px){.in-app-notifications--top-right{top:8px;right:8px}.in-app-notifications--top-left{top:8px;left:8px}.in-app-notifications--bottom-right{bottom:8px;right:8px}.in-app-notifications--bottom-left{bottom:8px;left:8px}.in-app-notifications{width:min(360px,calc(100vw - 16px))}body.electron-titlebar-chrome .in-app-notifications--top-right,body.electron-titlebar-chrome .in-app-notifications--top-left{top:calc(var(--electron-titlebar-height) + 8px)}}._standalonePage_1moqf_1{flex:1;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--background, #36393f)}._standalonePanel_1moqf_11{width:100%;max-width:560px;height:100%;min-height:0;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--surface, #2f3136);border-left:1px solid var(--border, #4f545c);border-right:1px solid var(--border, #4f545c);box-shadow:0 0 32px #00000038}._overlay_1moqf_26{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:12000;padding:16px}._modal_1moqf_37{width:min(520px,100%);max-height:min(90vh,720px);overflow:hidden;display:flex;flex-direction:column;background:var(--surface, #2f3136);border:1px solid var(--border, #4f545c);border-radius:12px;box-shadow:0 16px 48px #00000073}._header_1moqf_49{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:16px 18px;border-bottom:1px solid var(--border, #4f545c)}._title_1moqf_58{margin:0;font-size:18px;font-weight:600;color:var(--text, #dcddde)}._closeBtn_1moqf_65{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-muted, #8e9297);cursor:pointer;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}._closeBtn_1moqf_65:hover{background:var(--hover, #40444b);color:var(--text, #dcddde)}._body_1moqf_85{padding:12px 18px 18px;overflow-y:auto;flex:1;min-height:0}._fieldBlock_1moqf_92{margin-bottom:16px}._fieldBlock_1moqf_92:last-child{margin-bottom:0}._fieldHeader_1moqf_100{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}._tabRow_1moqf_108{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}._tab_1moqf_108{padding:6px 12px;border-radius:6px;border:1px solid var(--border, #4f545c);background:var(--background-primary, #2f3136);color:var(--text-secondary, #b9bbbe);font-size:12px;font-weight:500;cursor:pointer}._tab_1moqf_108:hover{color:var(--text, #dcddde);background:var(--hover, #40444b)}._tabActive_1moqf_131{border-color:var(--primary, #5865f2);color:var(--text, #dcddde);background:rgba(var(--primary-rgb, 88, 101, 242),.18)}._solidRow_1moqf_137{display:flex;align-items:center;gap:10px;margin-bottom:8px}._colorInputWide_1moqf_144{width:100%;height:40px;padding:0;border:1px solid var(--border, #4f545c);border-radius:8px;cursor:pointer;background:transparent}._colorInputWide_1moqf_144::-webkit-color-swatch-wrapper{padding:3px}._colorInputWide_1moqf_144::-webkit-color-swatch{border-radius:6px;border:none}._gradientPanel_1moqf_163{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}._gradientColors_1moqf_170{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}._kindRow_1moqf_177{display:flex;gap:8px}._kindBtn_1moqf_182{flex:1;height:34px;border-radius:8px;border:1px solid var(--border, #4f545c);background:var(--background-primary, #2f3136);color:var(--text-muted, #8e9297);font-size:12px;font-weight:600;cursor:pointer}._kindBtn_1moqf_182:hover{background:var(--hover, #40444b);color:var(--text, #dcddde)}._kindBtnActive_1moqf_199{border-color:var(--primary, #5865f2);color:var(--text, #dcddde);background:rgba(var(--primary-rgb, 88, 101, 242),.18)}._gradientHint_1moqf_205{margin:0;font-size:11px;line-height:1.45;color:var(--text-muted, #8e9297)}._gradientStopsGrid_1moqf_212{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}._stopCard_1moqf_218{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:8px;border:1px solid var(--border, #4f545c);background:var(--background-primary, #2f3136)}._stopCardDisabled_1moqf_228{opacity:.45}._stopToggle_1moqf_232{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary, #b9bbbe);cursor:pointer;user-select:none}._stopToggle_1moqf_232 input{accent-color:var(--primary, #5865f2);cursor:pointer}._enabledCountHint_1moqf_247{margin:0;font-size:11px;color:var(--text-muted, #8e9297)}._presetWideBtn_1moqf_253{width:100%;min-height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--border, #4f545c);background:var(--background-primary, #2f3136);color:var(--text, #dcddde);font-size:12px;font-weight:500;cursor:pointer}._presetWideBtn_1moqf_253:hover{background:var(--hover, #40444b)}@media (max-width: 420px){._gradientStopsGrid_1moqf_212{grid-template-columns:repeat(2,minmax(0,1fr))}}._miniLabel_1moqf_276{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted, #8e9297);flex:1;min-width:0}._angleRow_1moqf_286{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}._angleLabel_1moqf_293{font-size:11px;color:var(--text-muted, #8e9297)}._angleRange_1moqf_298{width:100%;min-width:0;accent-color:var(--primary, #5865f2)}._angleValue_1moqf_304{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-secondary, #b9bbbe);min-width:2.5rem;text-align:right}._presets_1moqf_312{display:flex;flex-wrap:wrap;gap:6px}._presetBtn_1moqf_318{min-width:36px;height:32px;padding:0 8px;border-radius:6px;border:1px solid var(--border, #4f545c);background:var(--background-primary, #2f3136);color:var(--text, #dcddde);font-size:15px;line-height:1;cursor:pointer}._presetBtn_1moqf_318:hover{background:var(--hover, #40444b)}._advancedHint_1moqf_335{margin:0 0 8px;font-size:11px;line-height:1.45;color:var(--warning, #faa61a)}._advancedActions_1moqf_342{margin-bottom:8px}._linkishBtn_1moqf_346{padding:0;border:none;background:none;color:var(--primary, #5865f2);font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px}._linkishBtn_1moqf_346:hover{color:var(--primary-hover, #4752c4)}._cssDetails_1moqf_362{margin-top:4px}._cssSummary_1moqf_366{font-size:11px;color:var(--text-muted, #8e9297);cursor:pointer;user-select:none}._cssSummary_1moqf_366:hover{color:var(--text-secondary, #b9bbbe)}._cssDetails_1moqf_362[open] ._cssSummary_1moqf_366{margin-bottom:6px}._previewStrip_1moqf_381{height:14px;border-radius:6px;margin-bottom:8px;border:1px solid var(--border, #4f545c)}._cssTextarea_1moqf_388{width:100%;box-sizing:border-box;padding:8px 10px;font-size:12px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;line-height:1.4;color:var(--text, #dcddde);background:var(--background-primary, #2f3136);border:1px solid var(--border, #4f545c);border-radius:6px;resize:vertical;min-height:44px}._cssTextarea_1moqf_388:focus{outline:none;border-color:var(--primary, #5865f2)}._label_1moqf_408{flex:1;font-size:13px;color:var(--text-secondary, #b9bbbe);min-width:0}._colorInput_1moqf_144{width:44px;height:36px;padding:0;border:1px solid var(--border, #4f545c);border-radius:6px;cursor:pointer;background:transparent}._colorInput_1moqf_144::-webkit-color-swatch-wrapper{padding:2px}._colorInput_1moqf_144::-webkit-color-swatch{border-radius:4px;border:none}._footer_1moqf_434{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;padding:14px 18px;border-top:1px solid var(--border, #4f545c);justify-content:flex-end}._btn_1moqf_444{padding:8px 14px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer}._btnSecondary_1moqf_453{background:var(--hover, #40444b);color:var(--text, #dcddde)}._btnSecondary_1moqf_453:hover{background:var(--border, #4f545c)}._btnDanger_1moqf_462{background:transparent;color:var(--danger, #ed4245);border:1px solid var(--border, #4f545c);margin-right:auto}._btnDanger_1moqf_462:hover{background:#ed42451f}._btnPrimary_1moqf_473{background:var(--primary, #5865f2);color:#fff}._btnPrimary_1moqf_473:hover{background:var(--primary-hover, #4752c4)}.theme-colors-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--background, #36393f);color:var(--text, #dcddde)}:root{--electron-titlebar-bg: var(--server-list-background, #1e1f22);--electron-titlebar-text: var(--text, #dcddde);--electron-titlebar-nav: var(--icon, var(--text-secondary, #9aa1ac));--electron-titlebar-nav-hover: var(--icon-hover, #d2d6de);--electron-titlebar-height: 32px;--electron-titlebar-controls-reserve: 176px}[data-theme-preset=cyberpunk] .electron-titlebar-app-name{text-shadow:var(--cp-glow-yellow)}[data-theme-preset=night-city] .electron-titlebar-app-name{text-shadow:var(--nc-text-glow)}body.electron-titlebar-chrome{margin:0;height:100vh;box-sizing:border-box;padding-top:var(--electron-titlebar-height);overflow:hidden}body.electron-titlebar-chrome #root{height:100%!important;min-height:0!important;padding-top:0!important}body.electron-titlebar-chrome #root .app,body.electron-titlebar-chrome .app{min-height:100%!important;height:100%!important}body.electron-titlebar-chrome .home-page{height:100%!important;min-height:0!important}body.electron-titlebar-chrome .loading-container{min-height:100%!important;height:100%!important}body.electron-titlebar-chrome .friends-page,body.electron-titlebar-chrome .friends-panel{height:100%!important}body.electron-titlebar-chrome .auth-container,body.electron-titlebar-chrome .server-discovery{min-height:100%!important}body.electron-titlebar-chrome .role-management,body.electron-titlebar-chrome .role-management-content{height:100%!important;min-height:0!important}body.electron-titlebar-chrome .server-settings-page,body.electron-titlebar-chrome .server-settings-loading,body.electron-titlebar-chrome .server-settings-error{min-height:100%!important}#electron-titlebar-fill{position:fixed;top:0;left:0;right:0;height:var(--electron-titlebar-height);background:var(--electron-titlebar-bg);z-index:2147483646;pointer-events:none}#electron-titlebar-drag-shim{position:fixed;top:0;left:0;right:var(--electron-titlebar-controls-reserve);height:var(--electron-titlebar-height);display:flex;align-items:center;padding-left:12px;box-sizing:border-box;-webkit-app-region:drag;app-region:drag;z-index:2147483647}.electron-titlebar-app-name{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--electron-titlebar-text);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;pointer-events:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#electron-window-controls{position:fixed;top:0;right:10px;height:var(--electron-titlebar-height);display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:4px;z-index:2147483647;-webkit-app-region:no-drag;pointer-events:auto}button.electron-tl{width:30px;height:24px;min-width:30px;border-radius:4px;border:none;padding:0;margin:0;cursor:pointer;flex-shrink:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:transparent}button.electron-tl svg{display:block;pointer-events:none}button.electron-nav{color:var(--electron-titlebar-nav)}button.electron-nav:hover{color:var(--electron-titlebar-nav-hover)}button.electron-reload-pill{width:30px;min-width:30px;height:24px;margin-right:6px;border-radius:4px;border:none;background:transparent;color:var(--electron-titlebar-nav)}button.electron-reload-pill:hover{background:color-mix(in srgb,var(--electron-titlebar-nav) 12%,transparent);color:var(--electron-titlebar-nav-hover)}button.electron-reload-pill:active{background:#0000001f}.electron-reload-icon{transform:scaleY(-1)}button.electron-tl:hover{background:#ffffff0f;filter:none}button.electron-tl:active{background:#0000001f}.profile-open-trigger{cursor:pointer;background:none;border:none;padding:0;margin:0;color:inherit;text-align:inherit}.profile-open-trigger:hover{text-decoration:underline}.user-avatar.user-avatar--clickable{cursor:pointer;transition:filter .15s ease,transform .15s ease}.user-avatar.user-avatar--clickable:hover{filter:brightness(1.08)}.member-list-item--clickable{cursor:pointer}.member-list-item--clickable:hover{background:var(--hover, rgba(79, 84, 92, .35))}.friend-item__profile-trigger{cursor:pointer;flex:1;min-width:0;display:flex;align-items:center;gap:12px}.friend-item__profile-trigger:hover .friend-item__name{text-decoration:underline}.app{min-height:100vh;background-color:var(--background);color:var(--text);font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--background)}.loading-spinner{text-align:center;color:var(--text)}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--background);color:var(--text);font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif}#root{min-height:100vh}.home-page{height:100vh;background-color:var(--background-primary);display:flex;flex-direction:column;padding:0;overflow:hidden}.home-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.main-layout{display:flex;height:100%;background-color:var(--background-primary);overflow:hidden}.content-area{display:flex;flex:1;background-color:var(--background-primary);overflow:hidden}.main-area{flex:1;background:var(--background, #2f3136);display:flex;flex-direction:column;padding:0;color:var(--text, #dcddde);overflow:hidden;height:100%}.chat-area{flex:1;background:var(--background, #2f3136);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--text, #dcddde)}.selected-chat{text-align:center;max-width:600px}.selected-chat h3{color:var(--text, #dcddde);margin-bottom:20px}.selected-chat p{color:var(--text-secondary, #8e9297);margin-bottom:10px}.no-chat-selected{text-align:center;max-width:600px}.no-chat-selected h3{color:var(--text, #dcddde);margin-bottom:20px}.no-chat-selected p{color:var(--text-secondary, #8e9297)}.selected-server{text-align:left;max-width:100%;display:flex;flex-direction:column;height:100%;flex:1;padding:0}.selected-server h3{color:var(--text, #dcddde);margin-bottom:20px;text-align:left}.selected-server p{color:var(--text-secondary, #8e9297);margin-bottom:10px;text-align:left}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--text);height:100%;max-width:600px;margin:0 auto}.no-selection h3{color:var(--text);margin-bottom:20px;font-size:24px;font-weight:600}.no-selection p{color:var(--text-secondary);margin-bottom:30px;font-size:16px}.no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--text);height:100%}.no-chat-selected h4{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--text)}.no-chat-selected p{margin:0;font-size:14px;color:var(--text-muted)}.welcome-actions{display:flex;gap:16px;justify-content:center}.discover-button{background:var(--primary, #5865f2);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.discover-button:hover{background:var(--primary-hover, #4752c4)}.home-header{text-align:center;padding:20px;background:var(--surface, #36393f);border-bottom:1px solid var(--border, #4f545c);color:var(--text, #dcddde)}.home-header h1{font-size:2rem;margin-bottom:10px;color:var(--text, #dcddde)}.home-header p{font-size:1rem;margin-bottom:10px;color:var(--text-secondary, #8e9297)}.logout-button{background:#f04747;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.logout-button:hover{background:#d73a49}.home-content{text-align:left;color:var(--text);font-size:1.1rem;line-height:1.6}