@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent-primary);color:#181615}.btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn--primary:active:not(:disabled){background:var(--accent-active)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--md{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-lg)}.btn--full{width:100%}.btn--loading .btn__text{opacity:0}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__icon svg{width:1em;height:1em}.btn__spinner{position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-wrapper--full{width:100%}.input__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.input__container{position:relative;display:flex;align-items:center}.input__field{width:100%;height:44px;padding:0 var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:max(16px,var(--text-base));transition:all var(--transition-fast)}.input__field::placeholder{color:var(--text-muted)}.input__field:hover{border-color:var(--border-strong)}.input__field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input__container:has(.input__icon--left) .input__field{padding-left:44px}.input__container:has(.input__icon--right) .input__field{padding-right:44px}.input-wrapper--error .input__field{border-color:var(--color-error)}.input-wrapper--error .input__field:focus{box-shadow:0 0 0 3px #ef444433}.input__icon{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-muted);pointer-events:none}.input__icon--left{left:0}.input__icon--right{right:0}.input__icon svg{width:18px;height:18px}.input__error{font-size:var(--text-sm);color:var(--color-error)}.input__hint{font-size:var(--text-sm);color:var(--text-muted)}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--space-4);gap:var(--space-6)}.auth-card{width:100%;max-width:420px;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-8)}.auth-logo{display:flex;justify-content:center}.auth-logo__image{width:120px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--text-base);color:var(--text-secondary)}.auth-email{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2);font-family:monospace}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-form--grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:640px){.auth-form--grid{grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5)}.auth-form--grid .auth-form__full-width{grid-column:1 / -1}.auth-card--wide{max-width:560px}}.auth-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.auth-error__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;color:var(--color-error);font-size:18px;line-height:1;opacity:.7;transition:opacity var(--transition-fast)}.auth-error__close:hover{opacity:1}.auth-success{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:var(--color-success, #22c55e);font-size:var(--text-sm)}.activation-code{display:flex;justify-content:center;gap:var(--space-2)}.activation-code__input{width:48px;height:56px;border:2px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.activation-code__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 99, 102, 241),.2)}.activation-code__input::placeholder{color:var(--text-muted)}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm)}.auth-footer__text{color:var(--text-muted);margin-right:var(--space-1)}.auth-footer__link{color:var(--text-link);font-weight:var(--font-medium);background:none;border:none;cursor:pointer;padding:0;font-size:inherit}.auth-footer__link:hover:not(:disabled){text-decoration:underline}.auth-footer__link:disabled{color:var(--text-muted);cursor:not-allowed}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.auth-loading__spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.auth-page{padding:var(--space-4)}.auth-logo__image{width:140px}.auth-card{padding:var(--space-5)}.auth-title{font-size:var(--text-xl)}.auth-subtitle{font-size:var(--text-sm)}.auth-form{gap:var(--space-3)}.activation-code__input{width:42px;height:50px;font-size:var(--text-xl)}}@media(max-width:480px){.auth-page{padding:var(--space-3);gap:var(--space-4)}.auth-logo__image{width:120px}.auth-card{padding:var(--space-4)}.auth-title{font-size:var(--text-lg)}.activation-code{gap:var(--space-1)}.activation-code__input{width:36px;height:44px;font-size:var(--text-lg)}}.server-list{display:flex;flex-direction:column;align-items:center;width:var(--server-list-width);height:100vh;background:var(--bg-primary);padding:var(--space-3) 0;overflow-y:auto}.server-list__home{flex-shrink:0;position:relative;overflow:visible}.server-list__divider{width:32px;height:2px;background:var(--border-default);border-radius:1px;margin:var(--space-2) 0;flex-shrink:0}.server-list__servers{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);overflow-y:auto;overflow-x:hidden;width:100%;padding:0 var(--space-3)}.server-list__servers::-webkit-scrollbar{display:none}.server-list__add{margin-top:var(--space-2);flex-shrink:0}.server-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);font-weight:var(--font-semibold);font-size:var(--text-lg);transition:all var(--transition-fast);overflow:hidden}.server-item:hover,.server-item--active{background:var(--accent-primary);color:#fff;border-radius:var(--radius-lg)}.server-item--home{background:var(--bg-tertiary);color:var(--accent-primary)}.server-item--home:hover{background:var(--accent-primary);color:#181615}.server-item--add{background:var(--bg-tertiary);color:var(--accent-primary)}.server-item--add:hover{background:var(--accent-primary);color:#181615}.server-item__image{width:100%;height:100%;object-fit:cover}.server-item__initials{pointer-events:none}.server-icon-wrapper{position:relative;display:flex;align-items:center}.server-indicator{position:absolute;left:-12px;width:4px;height:0;background:var(--text-primary);border-radius:0 4px 4px 0;transition:height var(--transition-fast)}.server-icon-wrapper:hover .server-indicator{height:20px}.server-indicator--active{height:40px!important}.server-item--home{position:relative;overflow:visible}.server-item__badge{position:absolute;bottom:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:#ed4245;color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:9px;border:2px solid var(--bg-primary);pointer-events:none;box-sizing:border-box}.server-list__admin{flex-shrink:0}.server-item--admin{background:var(--bg-tertiary);color:var(--accent-primary)}.server-item--admin:hover,.server-item--admin.server-item--active{background:var(--accent-primary);color:#181615}.channel-sidebar{display:flex;flex-direction:column;width:var(--channel-sidebar-width);height:100vh;background:var(--bg-secondary)}.channel-sidebar__header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.channel-sidebar__server-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-sidebar__header-actions{display:flex;gap:var(--space-1)}.channel-sidebar__action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.channel-sidebar__action:hover{color:var(--text-primary);background:var(--bg-elevated)}.channel-sidebar__action svg{width:18px;height:18px}.channel-sidebar__action--danger:hover{color:var(--color-error)}.channel-sidebar__channels{flex:1;overflow-y:auto;padding:var(--space-3)}.channel-group{margin-bottom:var(--space-4)}.channel-group__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-1);margin-bottom:var(--space-1)}.channel-group__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.channel-group__add{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:0}.channel-group:hover .channel-group__add{opacity:1}.channel-group__add:hover{color:var(--text-primary)}.channel-group__add svg{width:14px;height:14px}.channel-group__list{list-style:none}.channel-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);background:transparent;color:var(--text-muted);border-radius:var(--radius-md);font-size:var(--text-base);text-align:left;transition:all var(--transition-fast)}.channel-item:hover{background:var(--bg-elevated);color:var(--text-secondary)}.channel-item--active{background:var(--bg-hover);color:var(--text-primary)}.channel-item__icon{font-size:var(--text-lg);width:20px;text-align:center;flex-shrink:0}.channel-item__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item__settings{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);cursor:pointer;flex-shrink:0}.channel-item:hover .channel-item__settings{opacity:1}.channel-item__settings:hover{color:var(--text-primary);background:var(--bg-elevated)}.channel-item__badge{display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:#ed4245;color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:8px;flex-shrink:0;margin-left:auto}.channel-item--voice .channel-item__icon{display:flex;align-items:center;justify-content:center}.channel-item--voice .channel-item__icon svg{width:18px;height:18px}.channel-item--voice.channel-item--active,.channel-item--voice.channel-item--active .channel-item__icon{color:var(--status-voice)}.channel-item__participants{margin-left:var(--space-1);color:var(--status-voice);font-size:var(--text-xs);font-weight:var(--font-medium)}.channel-sidebar__user{flex-shrink:0;background:var(--bg-primary);border-top:1px solid var(--border-subtle)}.user-panel{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);min-height:66px}.user-panel__info{flex:1;min-width:0}.user-panel__name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel__status,.user-panel__ws-status{display:block;font-size:var(--text-xs);color:var(--text-muted)}.user-panel__ws-status--connected{color:var(--status-online)}.user-panel__ws-status--connecting{color:var(--status-idle)}.user-panel__ws-status--disconnected{color:var(--text-muted)}.user-panel__ws-status--error{color:var(--color-error)}.user-panel__actions{display:flex;gap:var(--space-1)}.user-panel__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.user-panel__btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.user-panel__btn--danger:hover{background:#ef444433;color:var(--color-error)}.user-panel__btn svg{width:18px;height:18px}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-elevated);flex-shrink:0}.avatar__image,.avatar__fallback{border-radius:var(--radius-full);overflow:hidden}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:12px}.avatar--md{width:40px;height:40px;font-size:14px}.avatar--lg{width:48px;height:48px;font-size:16px}.avatar--xl{width:80px;height:80px;font-size:24px}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--accent-primary),var(--status-voice));color:#181615;font-weight:var(--font-semibold)}.status-dot{position:absolute;bottom:-2px;right:-2px;border-radius:var(--radius-full);border:3px solid var(--bg-secondary);box-sizing:content-box}.status-dot--xs{width:8px;height:8px;border-width:2px}.status-dot--sm{width:10px;height:10px;border-width:2px}.status-dot--md{width:12px;height:12px}.status-dot--lg{width:14px;height:14px}.status-dot--xl{width:18px;height:18px;border-width:4px}.status-dot--online{background:var(--status-online)}.status-dot--offline{background:var(--status-offline)}.status-dot--idle{background:var(--status-idle)}.status-dot--dnd{background:var(--status-dnd)}.status-dot--voice{background:var(--status-voice);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.voice-level-indicator{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.voice-level-indicator__ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;transition:all .1s ease}.voice-level-indicator--speaking .voice-level-indicator__ring{border-color:var(--status-voice);box-shadow:0 0 calc(var(--voice-level, 0) * 15px) var(--status-voice);transform:scale(calc(1 + var(--voice-level, 0) * .2))}.voice-level-indicator--muted .voice-level-indicator__ring{border-color:var(--text-muted)}.voice-level-indicator__icon{display:flex;color:var(--text-secondary);transition:color .15s ease}.voice-level-indicator__icon svg{width:20px;height:20px}.voice-level-indicator--speaking .voice-level-indicator__icon{color:var(--status-voice)}.voice-level-indicator--muted .voice-level-indicator__icon{color:var(--color-error)}.simple-voice-level{display:flex;align-items:center;justify-content:center;gap:2px}.simple-voice-level--sm{width:16px;height:16px}.simple-voice-level--md{width:20px;height:20px}.simple-voice-level--lg{width:24px;height:24px}.simple-voice-level__bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:100%}.simple-voice-level__bar{width:3px;background:var(--text-muted);border-radius:1.5px;transition:all .1s ease}.simple-voice-level--sm .simple-voice-level__bar{width:2px}.simple-voice-level__bar:nth-child(1){height:40%}.simple-voice-level__bar:nth-child(2){height:70%}.simple-voice-level__bar:nth-child(3){height:40%}.simple-voice-level--speaking .simple-voice-level__bar{background:var(--status-voice);animation:voice-bar-bounce .4s ease-in-out infinite alternate}.simple-voice-level--speaking .simple-voice-level__bar:nth-child(1){animation-delay:0s}.simple-voice-level--speaking .simple-voice-level__bar:nth-child(2){animation-delay:.1s}.simple-voice-level--speaking .simple-voice-level__bar:nth-child(3){animation-delay:.2s}@keyframes voice-bar-bounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.simple-voice-level--muted .simple-voice-level__bar{background:var(--color-error);opacity:.5;animation:none}.voice-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-top:1px solid var(--border-subtle)}.voice-controls__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.voice-controls__status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--status-voice)}.voice-controls__dot{width:8px;height:8px;background:var(--status-voice);border-radius:50%;animation:voice-pulse 2s ease-in-out infinite}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.voice-controls__channel{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-controls__buttons{display:flex;gap:var(--space-1)}.voice-controls__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.voice-controls__btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.voice-controls__btn svg{width:18px;height:18px}.voice-controls__btn--active{background:#ef444433;color:var(--color-error)}.voice-controls__btn--active:hover{background:#ef44444d;color:var(--color-error)}.voice-controls__btn--disconnect{background:#ef444433;color:var(--color-error)}.voice-controls__btn--disconnect:hover{background:#ef444466}.voice-controls__btn--speaking{background:#43b58126;color:var(--status-voice);animation:mic-glow .5s ease-in-out infinite alternate;box-shadow:0 0 8px var(--status-voice)}.voice-controls__btn--speaking:hover{background:#43b58140}@keyframes mic-glow{0%{box-shadow:0 0 4px var(--status-voice);transform:scale(1)}to{box-shadow:0 0 12px var(--status-voice);transform:scale(1.05)}}.voice-controls__status--speaking{color:var(--status-voice)}@media(max-width:768px){.voice-controls{padding:var(--space-2)}.voice-controls__info{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.voice-controls__channel{font-size:var(--text-xs)}.voice-controls__server{font-size:calc(var(--text-xs) - 1px)}.voice-controls__buttons{gap:var(--space-1)}.voice-controls__btn{width:32px;height:32px}.voice-controls__btn svg{width:16px;height:16px}}.voice-participants{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-top:1px solid var(--border-subtle)}.voice-participants__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.voice-participants__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.voice-participants__loading,.voice-participants__empty{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-2)}.voice-participants__list{display:flex;flex-direction:column;gap:var(--space-1)}.voice-participants__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.voice-participants__item:hover{background:#ffffff0d}.voice-participants__item--speaking{background:#43b5811a}.voice-participants__item--speaking:hover{background:#43b58126}.voice-participants__avatar{position:relative;flex-shrink:0}.voice-participants__speaking-ring{position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--color-success);animation:speaking-pulse 1s ease-in-out infinite}@keyframes speaking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.voice-participants__info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2)}.voice-participants__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-participants__item--speaking .voice-participants__name{color:var(--color-success)}.voice-participants__audio-level{width:4px;height:16px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;display:flex;align-items:flex-end}.voice-participants__audio-bar{width:100%;background:var(--color-success);border-radius:2px;transition:height .1s ease-out}.connection-quality{display:flex;align-items:flex-end;gap:1px;height:14px}.connection-quality__bar{width:3px;border-radius:1px;transition:background-color var(--transition-fast)}.audio-device-selector{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.audio-device-selector__row{display:flex;align-items:center;gap:var(--space-2)}.audio-device-selector__label{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--text-muted)}.audio-device-selector__label svg{width:14px;height:14px}.audio-device-selector__select{flex:1;min-width:0;padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-device-selector__select:hover{border-color:var(--border-default)}.audio-device-selector__select:focus{outline:none;border-color:var(--accent)}.audio-device-selector__select option{background:var(--bg-primary);color:var(--text-primary)}.dm-sidebar{width:var(--channel-sidebar-width);height:100%;display:flex;flex-direction:column;background:var(--bg-secondary)}.dm-sidebar__header{height:48px;display:flex;align-items:center;padding:0 var(--space-3);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.dm-sidebar__search{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);outline:none}.dm-sidebar__search::placeholder{color:var(--text-muted)}.dm-sidebar__search:focus{box-shadow:0 0 0 2px var(--accent-subtle)}.dm-sidebar__nav{padding:var(--space-2) var(--space-2)}.dm-sidebar__nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);text-align:left}.dm-sidebar__nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.dm-sidebar__nav-item--active{color:var(--text-primary);background:var(--accent-subtle)}.dm-sidebar__nav-icon{width:20px;height:20px;color:var(--text-muted)}.dm-sidebar__nav-item--active .dm-sidebar__nav-icon{color:var(--accent-primary)}.dm-sidebar__nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 var(--space-1);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;background:var(--color-error);border-radius:var(--radius-full)}.dm-sidebar__section{padding:var(--space-4) var(--space-3) var(--space-2)}.dm-sidebar__section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.dm-sidebar__list{flex:1;overflow-y:auto;padding:0 var(--space-2)}.dm-channel-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.dm-channel-item:hover{background:var(--bg-hover)}.dm-channel-item--active{background:var(--accent-subtle)}.dm-channel-item__info{flex:1;min-width:0}.dm-channel-item__name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-channel-item__meta{display:block;font-size:var(--text-xs);color:var(--text-muted)}.dm-channel-item__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.dm-channel-item:hover .dm-channel-item__close{opacity:1}.dm-channel-item__close:hover{color:var(--text-primary)}.dm-channel-item__badge{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ed4245;color:#fff;font-size:11px;font-weight:var(--font-bold);border-radius:9px;flex-shrink:0}.dm-sidebar__user-bar{flex-shrink:0;background:var(--bg-primary);border-top:1px solid var(--border-subtle)}.dm-sidebar__empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.chat-area{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-tertiary)}.chat-area__header{display:flex;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.chat-area__channel-icon{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-muted)}.chat-area__channel-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.chat-area__messages{flex:1;overflow-y:auto;padding:var(--space-4)}.messages-container{display:flex;flex-direction:column;gap:var(--space-4)}.chat-area__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);color:var(--text-muted)}.chat-area__spinner{width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.chat-area__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--space-8)}.chat-area__empty-icon{width:68px;height:68px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-full);font-size:32px;font-weight:var(--font-bold);color:var(--text-muted);margin-bottom:var(--space-4)}.chat-area__empty h2{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.chat-area__empty p{color:var(--text-muted)}.message{display:flex;gap:var(--space-4);padding:var(--space-1) 0;border-radius:var(--radius-md);transition:background var(--transition-fast)}.message:hover{background:#ffffff05}.message__content{flex:1;min-width:0}.message__header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.message__avatar{cursor:pointer;flex-shrink:0}.message__avatar:hover{opacity:.8}.message__author{font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer}.message__author:hover{text-decoration:underline}.message__time{font-size:var(--text-xs);color:var(--text-muted)}.message__text{color:var(--text-secondary);line-height:var(--leading-relaxed);word-break:break-word}.message__edited{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-1)}.message-group{display:flex;flex-direction:column}.message-group__date{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0}.message-group__date:before,.message-group__date:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.message-group__date span{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.message--compact{padding-left:56px;position:relative}.message--compact:hover .message__time-inline{opacity:1}.message__time-inline{position:absolute;left:0;width:48px;text-align:center;font-size:var(--text-xs);color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast)}.message-input__send:disabled{opacity:.5;cursor:not-allowed}.message-input__send:disabled:hover{background:transparent;color:var(--text-muted)}.chat-area__input-wrapper{padding:var(--space-3) var(--space-4);flex-shrink:0;background:var(--bg-tertiary)}.message-input{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-1)}.message-input__attach,.message-input__send{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.message-input__attach:hover,.message-input__send:hover{color:var(--text-primary);background:var(--bg-hover)}.message-input__attach svg,.message-input__send svg{width:20px;height:20px}.message-input__field{flex:1;height:40px;padding:0 var(--space-2);background:transparent;color:var(--text-primary);font-size:var(--text-base)}.message-input__field::placeholder{color:var(--text-muted)}@media(max-width:768px){.chat-area{height:auto;min-height:0}.chat-area__header{display:none}.chat-area__messages{padding:var(--space-3)}.messages-container{gap:var(--space-3)}.message{padding:var(--space-2)}.message__avatar{width:32px;height:32px}.message-input{padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px))}.message-input__wrapper{padding:var(--space-1) var(--space-2)}.message-input__attach,.message-input__send{width:36px;height:36px}.message-input__field{height:36px;font-size:var(--text-sm)}}.image-gallery{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);touch-action:pan-x pinch-zoom}.image-gallery__close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background var(--transition-fast)}.image-gallery__close:hover{background:#fff3}.image-gallery__close svg{width:24px;height:24px}.image-gallery__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);opacity:.7}.image-gallery__nav:hover{background:#fff3;opacity:1}.image-gallery__nav svg{width:28px;height:28px}.image-gallery__nav--prev{left:var(--space-4)}.image-gallery__nav--next{right:var(--space-4)}.image-gallery__content{display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:85vh;overflow:hidden}.image-gallery__image{max-width:90vw;max-height:85vh;object-fit:contain;transition:transform .2s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-gallery__controls{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:#0009;border-radius:var(--radius-full)}.image-gallery__counter{font-size:var(--text-sm);color:#fff;font-weight:var(--font-medium);min-width:60px;text-align:center}.image-gallery__zoom{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background var(--transition-fast)}.image-gallery__zoom:hover:not(:disabled){background:#ffffff26}.image-gallery__zoom:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.image-gallery__nav{display:none}.image-gallery__close{top:var(--space-2);right:var(--space-2);width:36px;height:36px}.image-gallery__controls{bottom:var(--space-3);padding:var(--space-2) var(--space-3)}}.attachment-grid{display:grid;gap:var(--space-1);border-radius:var(--radius-md);overflow:hidden;max-width:400px;margin-top:var(--space-2)}.attachment-grid--single{grid-template-columns:1fr}.attachment-grid--single .attachment-grid__image{max-height:300px;width:auto;max-width:100%}.attachment-grid--double{grid-template-columns:1fr 1fr}.attachment-grid--double .attachment-grid__image{aspect-ratio:1;object-fit:cover}.attachment-grid--triple{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.attachment-grid--triple .attachment-grid__item:first-child{grid-row:span 2}.attachment-grid--triple .attachment-grid__image{aspect-ratio:auto;height:100%;object-fit:cover}.attachment-grid--quad{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.attachment-grid--quad .attachment-grid__image{aspect-ratio:1;object-fit:cover}.attachment-grid__item{position:relative;display:block;padding:0;border:none;background:var(--bg-elevated);cursor:pointer;overflow:hidden;transition:opacity var(--transition-fast)}.attachment-grid__item:hover{opacity:.9}.attachment-grid__item:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.attachment-grid__image{width:100%;height:100%;object-fit:cover;display:block}.attachment-grid__overflow{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-size:var(--text-2xl);font-weight:var(--font-bold)}.attachment-preview{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.attachment-preview__scroll{display:flex;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent;padding-bottom:var(--space-1)}.attachment-preview__scroll::-webkit-scrollbar{height:4px}.attachment-preview__scroll::-webkit-scrollbar-track{background:transparent}.attachment-preview__scroll::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:2px}.attachment-preview__item{position:relative;width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated)}.attachment-preview__image{width:100%;height:100%;object-fit:cover}.attachment-preview__progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#00000080}.attachment-preview__progress-bar{height:100%;background:var(--accent);transition:width .2s ease}.attachment-preview__error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ed4245cc;color:#fff}.attachment-preview__error svg{width:24px;height:24px}.attachment-preview__success{position:absolute;bottom:var(--space-1);right:var(--space-1);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#57f287;border-radius:50%;color:#fff}.attachment-preview__success svg{width:12px;height:12px}.attachment-preview__remove{position:absolute;top:var(--space-1);right:var(--space-1);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast)}.attachment-preview__item:hover .attachment-preview__remove{opacity:1}.attachment-preview__remove:hover{background:#ed4245e6}.attachment-preview__remove svg{width:12px;height:12px}.dm-chat{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-tertiary)}.dm-chat__header{display:flex;align-items:center;gap:var(--space-3);height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.dm-chat__header-user{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;padding:var(--space-1);margin:calc(-1 * var(--space-1));background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);text-align:left}.dm-chat__header-user:hover{background:var(--bg-hover)}.dm-chat__header-user:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.dm-chat__header-info{flex:1;min-width:0}.dm-chat__header-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.dm-chat__header-status{font-size:var(--text-xs);color:var(--text-muted)}.dm-chat__header-actions{display:flex;gap:var(--space-2)}.dm-chat__action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.dm-chat__action-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.dm-chat__action-btn svg{width:20px;height:20px}.dm-chat__messages{flex:1;overflow-y:auto;padding:var(--space-4)}.dm-messages-container{display:flex;flex-direction:column}.dm-chat__messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);color:var(--text-muted)}.dm-chat__messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--space-8);color:var(--text-muted)}.dm-message{display:flex;gap:var(--space-4);padding:var(--space-1) 0;border-radius:var(--radius-md);transition:background var(--transition-fast)}.dm-message:hover{background:#ffffff05}.dm-message__content{flex:1;min-width:0}.dm-message__header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.dm-message__avatar{cursor:pointer;flex-shrink:0}.dm-message__avatar:hover{opacity:.8}.dm-message__author{font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer}.dm-message__author:hover{text-decoration:underline}.dm-message__time{font-size:var(--text-xs);color:var(--text-muted)}.dm-message__text{color:var(--text-secondary);line-height:var(--leading-relaxed);word-break:break-word}.dm-message--compact{padding-left:56px;position:relative}.dm-message--compact:hover .dm-message__time-inline{opacity:1}.dm-message__time-inline{position:absolute;left:0;width:48px;text-align:center;font-size:var(--text-xs);color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast)}.dm-chat__input-container{padding:var(--space-3) var(--space-4);flex-shrink:0;background:var(--bg-tertiary)}.dm-chat__input-wrapper{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-1)}.dm-chat__input{flex:1;height:40px;padding:0 var(--space-2);background:transparent;color:var(--text-primary);font-size:var(--text-base);border:none;outline:none}.dm-chat__input::placeholder{color:var(--text-muted)}.dm-chat__send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.dm-chat__send-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.dm-chat__send-btn:disabled{opacity:.5;cursor:not-allowed}.dm-chat__send-btn svg{width:20px;height:20px}.dm-chat__attach-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.dm-chat__attach-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.dm-chat__attach-btn:disabled{opacity:.5;cursor:not-allowed}.dm-chat__attach-btn svg{width:20px;height:20px}@media(max-width:768px){.dm-chat__header{display:none}.dm-chat__messages{padding:var(--space-3)}.dm-messages-container{gap:var(--space-3)}.dm-message{padding:var(--space-2)}}.friends-content{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.friends-content__header{display:flex;align-items:center;height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.friends-content__header-icon{color:var(--text-secondary)}.friends-content__header-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.friends-content__tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.friends-content__tab{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.friends-content__tab:hover{color:var(--text-primary);background:var(--bg-hover)}.friends-content__tab--active{color:#181615;background:var(--accent-primary)}.friends-content__tab-badge{min-width:16px;height:16px;padding:0 4px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;background:var(--color-error);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.friends-content__body{flex:1;overflow-y:auto;padding:var(--space-4)}.friends-list{display:flex;flex-direction:column;gap:var(--space-1)}.friends-section-header{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) 0;margin-top:var(--space-2)}.friends-section-header:first-child{margin-top:0}.friend-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.friend-item:hover{background:var(--bg-hover)}.friend-item--clickable{cursor:pointer}.friend-item--clickable:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.friend-item__info{flex:1;min-width:0}.friend-item__name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.friend-item__status{font-size:var(--text-xs);color:var(--status-online)}.friend-item__status--offline{color:var(--text-muted)}.friend-item__nickname{font-size:var(--text-xs);color:var(--text-muted)}.friend-item__actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.friend-item:hover .friend-item__actions{opacity:1}.friend-item__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.friend-item__btn:hover{color:var(--text-primary);background:var(--bg-hover)}.friend-item__btn--accept:hover{color:var(--status-online)}.friend-item__btn--decline:hover{color:var(--color-error)}.friends-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.friends-list__empty-icon{color:var(--text-muted);margin-bottom:var(--space-4)}.friends-list__empty-text{font-size:var(--text-sm);color:var(--text-muted)}.friends-loading{text-align:center;color:var(--text-muted);padding:var(--space-8)}.friends-search{margin-bottom:var(--space-4)}.friends-search__input{width:100%;padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);outline:none}.friends-search__input:focus{box-shadow:0 0 0 2px var(--accent-subtle)}.user-search-results{display:flex;flex-direction:column;gap:var(--space-1)}.user-search-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.user-search-item:hover{background:var(--bg-hover)}.user-search-item__info{flex:1;min-width:0}.user-search-item__name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.user-search-item__nickname{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:768px){.friends-content__header{padding:0 var(--space-3)}.friends-content__tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:var(--space-1)}.friends-content__tabs::-webkit-scrollbar{display:none}.friends-content__tab{padding:var(--space-2);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0}.friends-content__body{padding:var(--space-3)}.friend-item__actions{opacity:1}.friend-item{padding:var(--space-2)}}@media(max-width:480px){.friends-content__header{padding:0 var(--space-2)}.friends-content__tab{padding:var(--space-1) var(--space-2);font-size:11px}.friends-content__body{padding:var(--space-2)}.friend-item__btn{width:28px;height:28px}}.catalog-content{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.catalog-content__header{display:flex;align-items:center;gap:var(--space-3);height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.catalog-content__header-icon{color:var(--text-secondary)}.catalog-content__header-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.catalog-content__header-count{font-size:var(--text-sm);color:var(--text-muted);margin-left:auto}.catalog-content__toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.catalog-content__search{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.catalog-content__search svg{color:var(--text-muted)}.catalog-content__search-input{flex:1;padding:0;font-size:var(--text-sm);color:var(--text-primary);background:none;border:none;outline:none}.catalog-content__search-input::placeholder{color:var(--text-muted)}.catalog-content__sort{position:relative}.catalog-content__sort-select{padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b5bac1' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.catalog-content__body{flex:1;overflow-y:auto;padding:var(--space-4)}.catalog-content__loading,.catalog-content__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.catalog-content__empty-icon{color:var(--text-muted);margin-bottom:var(--space-4)}.catalog-content__empty-text{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.catalog-content__empty-hint{font-size:var(--text-sm);color:var(--text-muted)}.catalog-content__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.catalog-card{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.catalog-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.catalog-card__banner{height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-subtle) 0%,var(--bg-tertiary) 100%)}.catalog-card__icon{width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover}.catalog-card__icon--placeholder{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:var(--font-bold);color:#fff;background:var(--accent-primary)}.catalog-card__body{padding:var(--space-4)}.catalog-card__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.catalog-card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.catalog-card__members{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.catalog-card__action{width:100%}.catalog-content__load-more{display:flex;justify-content:center;padding:var(--space-6)}.member-list{width:var(--member-list-width);height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-subtle)}.member-list__content{padding:var(--space-4) var(--space-2);overflow-y:auto;height:100%}.member-group{margin-bottom:var(--space-4)}.member-group__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-2);margin-bottom:var(--space-2)}.member-group__list{list-style:none}.member-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);background:transparent;border-radius:var(--radius-md);text-align:left;transition:all var(--transition-fast)}.member-item:hover{background:var(--bg-elevated)}.member-item--offline{opacity:.6}.member-item--offline:hover{opacity:1}.member-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.member-item__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-item:hover .member-item__name{color:var(--text-primary)}.member-item__name--owner{color:var(--status-voice);font-weight:var(--font-semibold)}.member-item__name--admin{color:var(--accent-primary)}.member-item__crown{font-size:var(--text-sm);margin-left:auto}.member-list__content::-webkit-scrollbar{width:6px}.member-list__content::-webkit-scrollbar-track{background:transparent}.member-list__content::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.member-list__content::-webkit-scrollbar-thumb:hover{background:var(--border-default)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast) forwards}.modal{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:calc(100vh - 80px);display:flex;flex-direction:column;animation:scaleIn var(--transition-base) forwards;outline:none}.modal--sm{width:100%;max-width:360px}.modal--md{width:100%;max-width:480px}.modal--lg{width:100%;max-width:640px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-subtle)}.modal__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.modal__close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal__close svg{width:20px;height:20px}.modal__content{padding:var(--space-6);overflow-y:auto}@media(max-width:768px){.modal-backdrop{padding:var(--space-4);align-items:flex-end}.modal{width:100%;max-width:100%;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUp var(--transition-base) forwards}.modal--sm,.modal--md,.modal--lg{max-width:100%}.modal__header{padding:var(--space-4)}.modal__title{font-size:var(--text-lg)}.modal__content{padding:var(--space-4)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.server-modal__form{display:flex;flex-direction:column;gap:var(--space-5)}.server-modal__description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.server-modal__error{padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.server-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.channel-type-selector__label{display:block;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.channel-type-options{display:flex;flex-direction:column;gap:var(--space-2)}.channel-type-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elevated);border:2px solid transparent;border-radius:var(--radius-md);text-align:left;transition:all var(--transition-fast)}.channel-type-option:hover{background:var(--bg-hover)}.channel-type-option--active{border-color:var(--accent-primary);background:#6366f11a}.channel-type-option__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-lg);color:var(--text-secondary);flex-shrink:0}.channel-type-option--active .channel-type-option__icon{background:var(--accent-primary);color:#fff}.channel-type-option__name{font-weight:var(--font-medium);color:var(--text-primary)}.channel-type-option__desc{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.invite-modal{display:flex;flex-direction:column;gap:var(--space-4)}.invite-modal__subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.invite-modal__server{padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md)}.invite-modal__server-name{font-weight:var(--font-semibold);color:var(--text-primary)}.invite-modal__link-container{display:flex;flex-direction:column;gap:var(--space-3)}.invite-modal__link-input{width:100%;padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:monospace;overflow:hidden;text-overflow:ellipsis}.invite-modal__link-container .btn{flex-shrink:0}.settings-modal{display:flex;flex-direction:column;gap:var(--space-6)}.settings-modal__preview{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg)}.settings-modal__avatar-btn{position:relative;padding:0;border:none;background:transparent;cursor:pointer;border-radius:50%;transition:transform var(--transition-fast)}.settings-modal__avatar-btn:hover{transform:scale(1.05)}.settings-modal__avatar-btn:focus{outline:none;box-shadow:0 0 0 3px var(--accent)}.settings-modal__avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:50%;opacity:0;transition:opacity var(--transition-fast)}.settings-modal__avatar-btn:hover .settings-modal__avatar-overlay{opacity:1}.settings-modal__avatar-overlay svg{width:24px;height:24px;color:#fff}.settings-modal__preview-info{display:flex;flex-direction:column;gap:var(--space-1)}.settings-modal__preview-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.settings-modal__preview-nickname{font-size:var(--text-sm);color:var(--text-muted)}.settings-modal__remove-avatar{padding:0;margin-top:var(--space-1);background:transparent;border:none;color:var(--color-error);font-size:var(--text-xs);cursor:pointer;text-align:left;transition:opacity var(--transition-fast)}.settings-modal__remove-avatar:hover{opacity:.8}.settings-modal__form{display:flex;flex-direction:column;gap:var(--space-4)}.settings-modal__section{display:flex;flex-direction:column;gap:var(--space-3)}.settings-modal__section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.settings-modal__toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.settings-modal__toggle:hover{background:var(--bg-hover)}.settings-modal__toggle-info{display:flex;flex-direction:column;gap:var(--space-1)}.settings-modal__toggle-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.settings-modal__toggle-hint{font-size:var(--text-xs);color:var(--text-muted)}.settings-modal__toggle-input{position:absolute;opacity:0;pointer-events:none}.settings-modal__toggle-switch{position:relative;width:44px;height:24px;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:12px;flex-shrink:0;transition:all var(--transition-fast)}.settings-modal__toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-muted);border-radius:50%;transition:all var(--transition-fast)}.settings-modal__toggle-input:checked+.settings-modal__toggle-switch{background:var(--accent-primary);border-color:var(--accent-primary)}.settings-modal__toggle-input:checked+.settings-modal__toggle-switch:after{transform:translate(20px);background:#181615}.settings-modal__toggle-input:focus+.settings-modal__toggle-switch{box-shadow:0 0 0 2px var(--accent)}.settings-modal__error{padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.settings-modal__success{padding:var(--space-3) var(--space-4);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:var(--status-online);font-size:var(--text-sm);text-align:center}.settings-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.user-profile-modal{display:flex;flex-direction:column;gap:var(--space-5)}.user-profile-modal__loading,.user-profile-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-muted)}.user-profile-modal__spinner{width:32px;height:32px;border:3px solid var(--bg-elevated);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.user-profile-modal__header{display:flex;align-items:center;gap:var(--space-4)}.user-profile-modal__identity{display:flex;flex-direction:column;gap:var(--space-1)}.user-profile-modal__name{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.user-profile-modal__nickname{font-size:var(--text-sm);color:var(--text-muted)}.user-profile-modal__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.user-profile-modal__badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary)}.user-profile-modal__badge--friend{background:#57f28726;color:#57f287}.user-profile-modal__badge--pending{background:#faa61a26;color:#faa61a}.user-profile-modal__badge--blocked{background:#ed424526;color:#ed4245}.user-profile-modal__badge--online{background:#57f28726;color:#57f287}.user-profile-modal__badge--offline{background:var(--bg-elevated);color:var(--text-muted)}.user-profile-modal__you{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-muted)}.user-profile-modal__actions{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.user-profile-modal__request-actions{display:flex;flex-direction:column;gap:var(--space-2)}.user-profile-modal__confirm{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md)}.user-profile-modal__confirm-text{margin:0;font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.user-profile-modal__confirm-actions{display:flex;gap:var(--space-2);justify-content:center}.server-settings-modal{width:100%;max-width:480px;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0006;overflow:hidden;animation:modalSlideIn var(--transition-normal) ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.server-settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.server-settings-modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.server-settings-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.server-settings-modal__close:hover{color:var(--text-primary);background:var(--bg-hover)}.server-settings-modal__content{padding:var(--space-4);max-height:60vh;overflow-y:auto}.server-settings-modal__avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-6)}.server-settings-modal__avatar-wrapper{position:relative;width:100px;height:100px;border-radius:var(--radius-full);cursor:pointer;overflow:hidden}.server-settings-modal__avatar{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.server-settings-modal__avatar--placeholder{display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:var(--font-bold);color:#fff;background:var(--accent-primary)}.server-settings-modal__avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;opacity:0;transition:opacity var(--transition-fast)}.server-settings-modal__avatar-overlay svg{color:#fff}.server-settings-modal__avatar-wrapper:hover .server-settings-modal__avatar-overlay{opacity:1}.server-settings-modal__avatar-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3}.server-settings-modal__file-input{display:none}.server-settings-modal__avatar-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.server-settings-modal__field{margin-bottom:var(--space-4)}.server-settings-modal__label{display:block;margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.server-settings-modal__input,.server-settings-modal__textarea{width:100%;padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);outline:none;transition:box-shadow var(--transition-fast)}.server-settings-modal__input:focus,.server-settings-modal__textarea:focus{box-shadow:0 0 0 2px var(--accent-primary)}.server-settings-modal__textarea{resize:vertical;min-height:80px;font-family:inherit}.server-settings-modal__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.server-settings-modal__toggle-info{flex:1}.server-settings-modal__toggle-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.server-settings-modal__toggle-hint{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.server-settings-modal__toggle{position:relative;width:44px;height:24px;padding:0;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.server-settings-modal__toggle--active{background:var(--accent-primary)}.server-settings-modal__toggle-track{position:absolute;inset:0}.server-settings-modal__toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast)}.server-settings-modal__toggle--active .server-settings-modal__toggle-thumb{transform:translate(20px)}.server-settings-modal__error{margin-top:var(--space-3);padding:var(--space-3);font-size:var(--text-sm);color:var(--color-error);background:#ef44441a;border-radius:var(--radius-md)}.server-settings-modal__danger-zone{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.server-settings-modal__danger-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-error);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.server-settings-modal__delete-confirm{text-align:center}.server-settings-modal__warning{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);color:var(--color-error);background:#ef44441a;border-radius:var(--radius-md);font-weight:var(--font-medium)}.server-settings-modal__delete-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.server-settings-modal__delete-text strong{color:var(--text-primary)}.server-settings-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-primary)}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.channel-settings-modal{width:100%;max-width:440px;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0006;overflow:hidden;animation:modalSlideIn var(--transition-normal) ease-out}.channel-settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.channel-settings-modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.channel-settings-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.channel-settings-modal__close:hover{color:var(--text-primary);background:var(--bg-hover)}.channel-settings-modal__content{padding:var(--space-4)}.channel-settings-modal__field{margin-bottom:var(--space-4)}.channel-settings-modal__label{display:block;margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.channel-settings-modal__input{width:100%;padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);outline:none;transition:box-shadow var(--transition-fast)}.channel-settings-modal__input:focus{box-shadow:0 0 0 2px var(--accent-primary)}.channel-settings-modal__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.channel-settings-modal__toggle-info{flex:1}.channel-settings-modal__toggle-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.channel-settings-modal__toggle-hint{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.channel-settings-modal__toggle{position:relative;width:44px;height:24px;padding:0;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.channel-settings-modal__toggle--active{background:var(--accent-primary)}.channel-settings-modal__toggle-track{position:absolute;inset:0}.channel-settings-modal__toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast)}.channel-settings-modal__toggle--active .channel-settings-modal__toggle-thumb{transform:translate(20px)}.channel-settings-modal__danger-zone{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.channel-settings-modal__danger-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-error);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.channel-settings-modal__delete-confirm{text-align:center}.channel-settings-modal__warning{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);color:var(--color-error);background:#ef44441a;border-radius:var(--radius-md);font-weight:var(--font-medium)}.channel-settings-modal__delete-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.channel-settings-modal__delete-text strong{color:var(--text-primary)}.channel-settings-modal__error{margin-top:var(--space-3);padding:var(--space-3);font-size:var(--text-sm);color:var(--color-error);background:#ef44441a;border-radius:var(--radius-md)}.channel-settings-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-primary)}.app-layout{display:flex;height:100vh;overflow:hidden;position:relative}.app-layout__servers,.app-layout__channels{flex-shrink:0}.app-layout__main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-tertiary)}.app-layout__members{flex-shrink:0}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:100;padding:0 var(--space-3);align-items:center;justify-content:space-between;gap:var(--space-3)}.mobile-header__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.mobile-header__btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-header__btn svg{width:24px;height:24px}.mobile-header__btn--placeholder{visibility:hidden}.mobile-header__title{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center}.mobile-header__server{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-header__channel{font-size:var(--text-xs);color:var(--text-muted)}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-layout__home{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.home-content{text-align:center;padding:var(--space-8)}.home-content__icon{font-size:64px;margin-bottom:var(--space-4)}.home-content h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.home-content p{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-6)}.home-content__cta{padding:var(--space-3) var(--space-6);background:var(--accent-primary);color:#fff;font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast)}.home-content__cta:hover{background:var(--accent-hover);transform:translateY(-2px)}@media(max-width:768px){.app-layout{flex-direction:column;padding-top:0;height:100%}.app-layout__main{margin-top:calc(56px + env(safe-area-inset-top,0px));height:calc(100% - 56px - env(safe-area-inset-top,0px));flex:none}.app-layout__home{margin-top:calc(56px + env(safe-area-inset-top,0px));height:calc(100% - 56px - env(safe-area-inset-top,0px))}.mobile-header{display:flex;padding-top:env(safe-area-inset-top,0px);height:calc(56px + env(safe-area-inset-top,0px))}.mobile-overlay{display:block;top:calc(56px + env(safe-area-inset-top,0px))}.app-layout__servers{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;bottom:0;z-index:95;transform:translate(-100%);transition:transform var(--transition-base);overflow-y:auto}.app-layout__servers--open{transform:translate(0)}.app-layout__channels{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:72px;bottom:0;width:240px;z-index:94;transform:translate(-312px);transition:transform var(--transition-base);background:var(--bg-secondary);overflow-y:auto}.app-layout__channels--open{transform:translate(0)}.app-layout__main{flex:1;width:100%;overflow-y:auto}.app-layout__members{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));right:0;bottom:0;width:260px;z-index:95;transform:translate(100%);transition:transform var(--transition-base);background:var(--bg-secondary);overflow-y:auto}.app-layout__members--open{transform:translate(0)}.home-content{padding:var(--space-4)}.home-content__icon{font-size:48px}.home-content h1{font-size:var(--text-xl)}.home-content p{font-size:var(--text-base)}}@media(min-width:769px)and (max-width:1024px){.app-layout__members{display:none}}@media(min-width:769px){.mobile-header,.mobile-overlay{display:none!important}}.invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--space-4)}.invite-page__card{width:100%;max-width:440px;background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.invite-page__card--error{border:1px solid rgba(239,68,68,.3)}.invite-page__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--text-muted)}.invite-page__spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.invite-page__icon{font-size:48px;margin-bottom:var(--space-4)}.invite-page__subtitle{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.invite-page__server{margin-bottom:var(--space-6)}.invite-page__server-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--accent-primary),var(--status-voice));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:var(--font-bold);color:#fff;overflow:hidden}.invite-page__server-icon img{width:100%;height:100%;object-fit:cover}.invite-page__server-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.invite-page__members{font-size:var(--text-sm);color:var(--text-muted)}.invite-page__card--error h1{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-6)}.groups-page{display:flex;height:100%;background:var(--bg-primary)}.groups-sidebar{width:var(--channel-sidebar-width);height:100%;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-subtle)}.groups-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.groups-sidebar__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.groups-sidebar__add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:18px;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.groups-sidebar__add-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.groups-sidebar__list{flex:1;overflow-y:auto;padding:var(--space-2)}.groups-sidebar__nav{padding:var(--space-2);border-bottom:1px solid var(--border-subtle)}.groups-sidebar__nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.groups-sidebar__nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.group-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.group-item:hover{background:var(--bg-hover)}.group-item--active{background:var(--accent-subtle)}.group-item__icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);flex-shrink:0}.group-item__icon img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.group-item__info{flex:1;min-width:0}.group-item__name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-item__members{display:block;font-size:var(--text-xs);color:var(--text-muted)}.group-chat{flex:1;display:flex;flex-direction:column;height:100%}.group-chat__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.group-chat__header-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:18px}.group-chat__header-info{flex:1}.group-chat__header-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.group-chat__header-members{font-size:var(--text-xs);color:var(--text-muted)}.group-chat__header-actions{display:flex;gap:var(--space-2)}.group-chat__action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:18px;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.group-chat__action-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.group-chat__messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column-reverse;gap:var(--space-4)}.group-chat__input-container{padding:var(--space-3) var(--space-4);background:var(--bg-secondary)}.group-chat__input-wrapper{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.group-chat__input{flex:1;padding:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);background:none;border:none;outline:none}.group-chat__input::placeholder{color:var(--text-muted)}.group-chat__send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.group-chat__send-btn:hover{color:var(--accent-primary)}.group-chat__send-btn:disabled{opacity:.5;cursor:not-allowed}.groups-no-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary)}.groups-no-chat__icon{font-size:72px;margin-bottom:var(--space-4);opacity:.4}.groups-no-chat__text{font-size:var(--text-lg);margin-bottom:var(--space-2)}.groups-no-chat__hint{font-size:var(--text-sm);color:var(--text-muted)}.group-message{display:flex;gap:var(--space-3)}.group-message__content{flex:1;min-width:0}.group-message__header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.group-message__author{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.group-message__time{font-size:var(--text-xs);color:var(--text-muted)}.group-message__text{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal);word-break:break-word}.stat-page{min-height:100vh;background:var(--bg-primary);padding:var(--space-6)}.stat-page--loading{display:flex;align-items:center;justify-content:center}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.stat-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.stat-timestamp{font-size:var(--text-sm);color:var(--text-muted);font-family:monospace}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md)}.stat-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card__icon{font-size:var(--text-xl)}.stat-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.stat-card__content{display:flex;flex-direction:column;gap:var(--space-3)}.stat-card--users .stat-card__content{flex-direction:row;justify-content:space-around;text-align:center}.stat-metric{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-metric__value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-accent);font-variant-numeric:tabular-nums}.stat-metric__label{font-size:var(--text-sm);color:var(--text-muted)}.stat-gauge{height:12px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.stat-gauge__fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.stat-gauge__fill[data-level=low]{background:linear-gradient(90deg,#22c55e,#4ade80)}.stat-gauge__fill[data-level=medium]{background:linear-gradient(90deg,#eab308,#facc15)}.stat-gauge__fill[data-level=high]{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-gauge__value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-memory-info{display:flex;justify-content:space-between;align-items:center}.stat-memory-detail{font-size:var(--text-sm);color:var(--text-muted);font-family:monospace}.stat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--text-muted)}.stat-error{padding:var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--space-5)}@media(max-width:768px){.stat-page{padding:var(--space-4)}.stat-title{font-size:var(--text-xl)}.stat-grid{grid-template-columns:1fr}.stat-card--users .stat-card__content{flex-wrap:wrap}.stat-metric__value{font-size:var(--text-2xl)}}.incoming-call-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:var(--z-modal);animation:fadeIn .2s ease}.incoming-call-modal__content{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.incoming-call-modal__avatar{position:relative;margin-bottom:var(--space-4)}.incoming-call-modal__avatar:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--status-voice);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.incoming-call-modal__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.incoming-call-modal__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.incoming-call-modal__actions{display:flex;gap:var(--space-4)}.incoming-call-modal__btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:24px;border:none;border-radius:50%;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.incoming-call-modal__btn:hover{transform:scale(1.1)}.incoming-call-modal__btn--accept{background:var(--color-success);color:#fff}.incoming-call-modal__btn--accept:hover{box-shadow:0 0 20px #22c55e66}.incoming-call-modal__btn--decline{background:var(--color-error);color:#fff}.incoming-call-modal__btn--decline:hover{box-shadow:0 0 20px #ef444466}:root{--bg-primary: #181615;--bg-secondary: #1F1D1C;--bg-tertiary: #2E2D2C;--bg-elevated: #3a3938;--bg-hover: #454443;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .38);--text-white: #FFFFFF;--text-link: #C5FF00;--accent-primary: #C5FF00;--accent-hover: #d4ff33;--accent-active: #a8d900;--accent-glow: rgba(197, 255, 0, .2);--accent-subtle: rgba(197, 255, 0, .1);--accent-cyan: #28C6FF;--accent-yellow: #FFC30A;--accent-green: #00E25C;--status-online: #00E25C;--status-offline: #52525b;--status-idle: #FFC30A;--status-dnd: #ef4444;--status-voice: #C5FF00;--color-success: #00E25C;--color-warning: #FFC30A;--color-error: #ef4444;--color-info: #28C6FF;--border-subtle: rgba(255, 255, 255, .03);--border-default: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-card: 0px 1px 1px -.5px rgba(0, 0, 0, .09), 0px 3px 3px -1.5px rgba(0, 0, 0, .09), 0px 20px 20px -12px rgba(0, 0, 0, .09);--shadow-glow: 0 0 20px var(--accent-glow);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-popover: 400;--z-tooltip: 500;--server-list-width: 72px;--channel-sidebar-width: 240px;--member-list-width: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;height:100dvh}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);height:100%;overflow:hidden;position:fixed;width:100%;top:0;left:0}#root{height:100%;display:flex;flex-direction:column;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--text-secondary)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover);text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:var(--accent-primary);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.animate-fadeIn{animation:fadeIn var(--transition-base) forwards}.animate-slideUp{animation:slideUp var(--transition-base) forwards}.animate-slideDown{animation:slideDown var(--transition-base) forwards}.animate-scaleIn{animation:scaleIn var(--transition-base) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.typing-dot{display:inline-block;width:6px;height:6px;background:var(--text-muted);border-radius:var(--radius-full);animation:typing 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}