.message-notify-host{left:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:10002;pointer-events:none;width:min(20rem,100vw - 2rem);position:fixed}@media (max-width:768px){.message-notify-host{bottom:calc(4.75rem + env(safe-area-inset-bottom,0px));width:min(19rem,100vw - 1.3rem);left:.65rem}}.message-notify-host__shell{pointer-events:auto;padding:6px 6px 8px 4px;overflow:visible}.message-notify-host__stack{box-sizing:border-box;width:100%;min-height:calc(4.5rem + var(--mn-extra-h,0px));padding-right:var(--mn-extra-w,0px);position:relative}.message-notify-host__card{--mn-layer:0;box-sizing:border-box;background:var(--surface-1,#fff);width:100%;min-height:4.5rem;color:var(--color-text,#1f2a33);border:1px solid var(--color-border,#e0e0e0);transform:translate(calc(var(--mn-layer)*var(--mn-fan-step-x,8px)),calc(var(--mn-layer)*var(--mn-fan-step-y,7px)));z-index:calc(520 - var(--mn-layer));border-radius:4px 12px 12px;padding:.55rem 2.1rem .45rem .6rem;animation:.2s message-notify-host-in;position:absolute;bottom:0;left:0;box-shadow:0 2px #0000000f,0 12px 32px #0000002e}.message-notify-host__tab{border:1px solid var(--color-border,#0000001f);pointer-events:none;background:linear-gradient(#3498db6b,#3498db24);border-bottom:none;border-radius:8px 8px 0 0;width:min(44%,120px);height:10px;position:absolute;top:-6px;left:8px}.message-notify-host__close{width:28px;height:28px;color:inherit;cursor:pointer;z-index:2;background:#0000000f;border:none;border-radius:9px;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:inline-flex;position:absolute;top:.22rem;right:.22rem}.message-notify-host__close:hover{background:#3498db33}.message-notify-host__close:focus-visible{box-shadow:var(--ring,0 0 0 3px #3498db47);outline:none}.message-notify-host__body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.message-notify-host__title{font-size:.86rem;font-weight:800;line-height:1.2}.message-notify-host__text{color:var(--color-muted,#5c6b7a);word-break:break-word;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:.74rem;line-height:1.35;display:-webkit-box;overflow:hidden}@keyframes message-notify-host-in{0%{opacity:0;transform:translate(calc(var(--mn-layer)*var(--mn-fan-step-x,8px)),calc(var(--mn-layer)*var(--mn-fan-step-y,7px) + 8px))scale(.98)}to{opacity:1;transform:translate(calc(var(--mn-layer)*var(--mn-fan-step-x,8px)),calc(var(--mn-layer)*var(--mn-fan-step-y,7px)))}}
.ump-overlay{z-index:2000;position:fixed;inset:0}.ump{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121216fa;border:1px solid #ffffff14;border-radius:14px;width:320px;max-width:calc(100vw - 24px);padding:0;position:fixed;overflow:hidden;box-shadow:0 18px 60px #00000073}.ump__banner{background:linear-gradient(135deg,#5865f2 0%,#9b59d6 50%,#eb459e 100%) 50%/cover;height:84px}.ump__body{margin-top:-44px;padding:0 12px 12px}.ump__avatar-wrap{box-sizing:border-box;background:#121216fa;border:4px solid #121216fa;border-radius:50%;flex:none;width:88px;height:88px;overflow:hidden;box-shadow:0 6px 16px #00000059}.ump__avatar-wrap .avatar{width:100%!important;height:100%!important}.ump__loading,.ump__error{color:#fffc;padding:18px 14px}.ump__header{align-items:flex-end;gap:12px;display:flex}.ump__title{flex:auto;min-width:0}.ump__name-row{align-items:center;gap:8px;display:flex}.ump__name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}.ump__dot{background:#ffffff4d;border-radius:999px;width:8px;height:8px}.ump__dot--online{background:#2ecc71}.ump__dot--idle{background:#faa61a}.ump__dot--dnd{background:#ed4245}.ump__dot--offline{background:#ffffff40}.ump__handle{color:#ffffffa6;margin-top:2px;font-size:12px}.ump__status{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.ump__about{color:#ffffffe0;max-height:76px;margin-top:10px;font-size:13px;line-height:1.35;overflow:hidden}.ump__about--muted{color:#ffffff8c}.ump__actions{gap:8px;margin-top:12px;display:flex}.ump__btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:10px;flex:auto;padding:10px 12px}.ump__btn:hover{background:#ffffff24}.ump__btn--ghost{background:0 0}.ump__btn--ghost:hover{background:#ffffff14}
.crop-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.crop-modal{background:var(--surface-1);border:1px solid var(--color-border,#e0e0e0);width:min(560px,96vw);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.crop-modal__header{border-bottom:1px solid var(--color-border,#e0e0e0);background:var(--surface-2);justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.crop-modal__title{margin:0;font-size:1rem;font-weight:700}.crop-modal__close{color:var(--color-muted,#666);cursor:pointer;background:0 0;border:none;border-radius:10px;width:32px;height:32px;font-size:1.4rem;line-height:1}.crop-modal__close:hover{background:#3498db1f}.crop-modal__body{padding:1rem}.crop-modal__error{color:#c0392b;margin-bottom:.7rem;font-size:.9rem}.crop-stage{border:1px solid var(--color-border,#e0e0e0);background:#0c141e29;border-radius:14px;width:320px;height:320px;margin:0 auto;position:relative;overflow:hidden}.crop-stage__image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;position:absolute;top:50%;left:50%}.crop-stage__frame{pointer-events:none;border:2px solid #3498dba6;border-radius:14px;position:absolute;inset:0}.crop-controls{flex-direction:column;gap:.55rem;margin-top:.9rem;display:flex}.crop-controls__row{grid-template-columns:100px 1fr;align-items:center;gap:.65rem;display:grid}.crop-controls__row span{color:var(--color-muted,#666);font-size:.85rem;font-weight:600}.crop-controls__row input[type=range]{width:100%}.crop-modal__actions{justify-content:flex-end;gap:.7rem;padding:0 1rem 1rem;display:flex}
.user-profile-modal-overlay{z-index:12000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.user-profile-modal{background:var(--chat-surface-elevated,#2b2d31);width:100%;max-width:420px;color:var(--chat-text,#f2f3f5);border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #00000073}.user-profile-modal__banner{background:linear-gradient(135deg,#5865f2 0%,#9b59d6 50%,#eb459e 100%) 50%/cover;height:100px}.user-profile-modal__body-wrap{margin-top:-36px;padding:0 1.1rem 1.1rem}.user-profile-modal__avatar-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.user-profile-modal__avatar{border:5px solid var(--chat-surface-elevated,#2b2d31);background:#1e1f22;border-radius:50%;flex-shrink:0;width:88px;height:88px;overflow:hidden}.user-profile-modal__avatar .avatar{width:100%;height:100%}.user-profile-modal__actions-top{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.user-profile-modal__title-block{margin-top:.5rem}.user-profile-modal__display-name{font-size:1.25rem;font-weight:700;line-height:1.2}.user-profile-modal__handle{color:var(--chat-text-muted,#b5bac1);margin-top:.15rem;font-size:.9rem}.user-profile-modal__since{color:var(--chat-text-muted,#949ba4);margin-top:.75rem;font-size:.8rem}.user-profile-modal__section{background:#0003;border-radius:8px;margin-top:1rem;padding:.65rem .75rem}.user-profile-modal__section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--chat-text-muted,#949ba4);margin-bottom:.35rem;font-size:.7rem;font-weight:700}.user-profile-modal__about{white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.45}.user-profile-modal__email-wrap{min-height:1.25em;margin-top:.5rem}.user-profile-modal__email-blur{color:var(--chat-text-muted,#b5bac1);filter:blur(5px);-webkit-user-select:none;user-select:none;font-size:.85rem;display:inline-block}.user-profile-modal__form label{color:var(--chat-text-muted,#949ba4);margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.user-profile-modal__form input,.user-profile-modal__form textarea{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#1e1f22;border:1px solid #ffffff1f;border-radius:6px;margin-bottom:.65rem;padding:.5rem .6rem}.user-profile-modal__form textarea{resize:vertical;min-height:88px}.user-profile-modal__error{color:#f23f42;margin-bottom:.5rem;font-size:.85rem}.user-profile-modal__btn-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.user-profile-modal__btn-row button{cursor:pointer;color:#fff;background:#5865f2;border:none;border-radius:6px;padding:.45rem .75rem;font-size:.85rem}.user-profile-modal__btn-row button[type=button].user-profile-modal__btn-secondary{background:#4e5058}.user-profile-modal__btn-row button[type=button].user-profile-modal__btn-ghost{color:inherit;background:0 0;border:1px solid #fff3}.user-profile-modal__actions-top button{cursor:pointer;color:#fff;background:#5865f2;border:none;border-radius:6px;padding:.45rem .75rem;font-size:.85rem}.user-profile-modal__actions-top button.user-profile-modal__btn-secondary{background:#4e5058}.user-profile-modal__actions-top button.user-profile-modal__btn-ghost{color:inherit;background:0 0;border:1px solid #fff3}.user-profile-modal__about--muted{opacity:.75;font-style:italic}.user-profile-modal__logout{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:1rem}.user-profile-modal__logout-btn{box-sizing:border-box;color:#f23f42;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid #f23f4273;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;font-weight:600}.user-profile-modal__logout-btn:hover:not(:disabled){background:#f23f421f}.user-profile-modal__logout-btn:disabled{opacity:.55;cursor:not-allowed}.user-profile-modal__loading{text-align:center;color:var(--chat-text-muted,#949ba4);padding:2rem}.user-profile-modal__close{color:#fff;cursor:pointer;background:#00000059;border:none;border-radius:6px;width:32px;height:32px;font-size:1.25rem;line-height:1;position:absolute;top:.65rem;right:.65rem}.user-profile-modal{position:relative}
.server-settings-modal{flex-direction:column;height:min(860px,94vh);display:flex;width:min(1180px,96vw)!important;max-width:none!important}.server-settings-modal-overlay{z-index:140;border-radius:inherit;position:absolute;inset:0}.server-settings-page{z-index:140;border-radius:var(--radius-lg,18px);border:1px solid var(--color-border,#e0e0e0);box-shadow:var(--shadow);background:linear-gradient(#22242efa,#1e202afa);position:absolute;inset:0;overflow:hidden}.server-settings-modal .modal__header{flex-shrink:0}.server-settings-modal--page{border-radius:var(--radius-lg,18px);height:100%;box-shadow:none;border:none;width:100%!important}.server-settings-modal__body{color:#ebeef2f5;background:linear-gradient(#22242efa,#1e202afa);border-radius:0;flex-direction:column;flex:1;min-height:0;padding-top:1rem;display:flex;overflow:hidden}.server-settings-modal__layout{flex:1;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:.9rem;min-height:0;display:grid}.server-settings-modal__sidebar{border-right:1px solid #ffffff0f;padding:.15rem .75rem .15rem 0;overflow:auto}.server-settings-modal__sidebar-title{letter-spacing:.09em;color:#949caad1;text-transform:uppercase;margin:.12rem 0 .45rem;font-size:.7rem;font-weight:800}.server-settings-modal__sidebar-divider{background:#ffffff14;height:1px;margin:.55rem 0}.server-settings-modal__nav-item{text-align:left;color:#bbc2cdeb;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:.42rem .6rem;font-size:.99rem;font-weight:600;line-height:1.25;transition:background .12s,color .12s}.server-settings-modal__nav-item:hover{color:#eef2f7fa;background:#4f545c52}.server-settings-modal__nav-item--active{color:#f9fafcfc;background:#4f545c94}.server-settings-modal__nav-item--danger{color:#ff7878f2}.server-settings-modal__nav-item--danger:hover{color:#ffbebefc;background:#ed42453d}.server-settings-modal__nav-item--danger.server-settings-modal__nav-item--active{color:#ffcece;background:#ed424557}.server-settings-modal__content{min-width:0;min-height:0;padding-right:.25rem;overflow:auto}.server-settings-modal__section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding:.7rem;display:flex}.server-settings-modal__label{color:#b0b8c4f2;letter-spacing:.01em;font-size:.85rem;font-weight:800}.server-settings-modal__input{color:#f0f3f7f5;background:#14161ee0;border:1px solid #ffffff24;border-radius:10px;width:100%;padding:.55rem .75rem;font-size:1rem}.server-settings-modal__input:disabled{opacity:.7;cursor:not-allowed}.server-settings-modal__hint{color:#a5adbaeb;font-size:.85rem}.server-settings-modal__actions{justify-content:flex-end;gap:.75rem;margin-top:1.1rem;display:flex}.server-settings-modal__btn-danger{color:#c0392bf2;border-color:#c0392b8c}.server-settings-modal__destructive{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.server-settings-modal__invite,.server-settings-modal__invite-code{margin-top:.25rem}.server-settings-modal__invite-code-input{letter-spacing:.7px;max-width:260px;font-weight:800}.server-settings-modal__invite-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.server-settings-modal__invite-input{flex:1;min-width:220px}.server-settings-modal__copy-btn{white-space:nowrap}.server-settings-modal__icon-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.server-settings-modal__icon-preview,.server-settings-modal__icon-fallback{border:1px solid #ffffff1f;border-radius:14px;width:64px;height:64px}.server-settings-modal__icon-preview{object-fit:cover}.server-settings-modal__icon-fallback{color:#c6d2fffa;background:#5865f22e;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:inline-flex}.server-settings-modal__icon-upload-btn{color:#d2dbfffa;white-space:nowrap;cursor:pointer;background:#5865f22e;border:1px solid #5865f28c;border-radius:10px;width:fit-content;max-width:100%;margin-top:.15rem;padding:.5rem .75rem;font-weight:700}.server-settings-modal__icon-upload-btn:hover{background:#5865f247}.server-settings-modal__icon-upload-btn:disabled{opacity:.6;cursor:not-allowed}.server-settings-modal__members{flex-direction:column;gap:.45rem;display:flex}.server-settings-modal__member-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:.55rem;padding:.4rem .45rem;display:flex}.server-settings-modal__member-meta{min-width:0}.server-settings-modal__member-name{color:#f3f6fafa;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.server-settings-modal__member-role{color:#b0bac8e6;font-size:.8rem}@media (max-width:860px){.server-settings-modal{height:92vh;width:96vw!important}.server-settings-modal__layout{grid-template-columns:1fr}.server-settings-modal__sidebar{border-bottom:1px solid #ffffff14;border-right:none;padding-bottom:.6rem;padding-right:0}}
.channel-members-panel{background:var(--surface-2);border-left:1px solid var(--color-border,#e0e0e0);flex-direction:column;flex-shrink:0;width:300px;max-height:100%;display:flex}.channel-members-panel__header{border-bottom:1px solid var(--color-border,#e0e0e0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000005;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.channel-members-panel__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:800;overflow:hidden}.channel-members-panel__close{cursor:pointer;color:var(--color-muted,#666);background:0 0;border:none;padding:0 .25rem;font-size:1.25rem}.channel-members-panel__error{color:#c0392b;padding:.5rem 1rem;font-size:.85rem}.channel-members-panel__loading{color:var(--color-muted,#666);padding:1rem;font-size:.9rem}.channel-members-panel__sections{min-height:0;padding:.6rem .4rem .8rem;overflow:auto}.channel-members-panel__section{margin-bottom:.85rem}.channel-members-panel__section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted,#667085);padding:.35rem .6rem;font-size:.72rem;font-weight:800}.channel-members-panel__list{margin:0;padding:0;list-style:none}.channel-members-panel__row{color:var(--color-text,#101828);border-radius:10px;align-items:center;gap:.6rem;padding:.45rem .6rem;font-size:.92rem;transition:background .12s;display:flex}.channel-members-panel__row:hover{background:#3498db1a}.channel-members-panel__row--offline{opacity:.78}.channel-members-panel__row--self .channel-members-panel__name:after{content:" (вы)";color:var(--color-muted,#667085);font-weight:700}.channel-members-panel__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}.channel-members-panel__avatar-wrap{flex-shrink:0;position:relative}.channel-members-panel__profile-btn,.channel-members-panel__name-btn{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.channel-members-panel__profile-btn{border-radius:999px;line-height:0}.channel-members-panel__profile-btn:focus-visible,.channel-members-panel__name-btn:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #78b4ffb3}.channel-members-panel__name-btn{font:inherit;text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;font-weight:800;overflow:hidden}.channel-members-panel__presence-dot{border:2px solid var(--surface-2,#f5f5f5);background:#22c55e;border-radius:999px;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.channel-members-panel__presence-dot--idle{background:#faa61a}.channel-members-panel__presence-dot--dnd{background:#ed4245}.channel-members-panel__presence-dot--offline{background:#94a3b8}.channel-members-panel__meta{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.channel-members-panel__name-row{align-items:center;gap:.45rem;min-width:0;display:flex}.channel-members-panel__status{color:var(--color-muted,#667085);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:650;overflow:hidden}.channel-members-panel__badge{letter-spacing:.06em;text-transform:uppercase;color:#2980b9f2;background:#3498db1a;border:1px solid #3498db40;border-radius:999px;flex-shrink:0;padding:.16rem .38rem;font-size:.62rem;font-weight:900}.channel-members-panel__badge--owner{color:#e67e22fa;background:#f1c40f2e;border-color:#f1c40f59}.channel-members-panel__badge--admin{color:#5865f2fa;background:#5865f229;border-color:#5865f24d}.channel-members-panel__actions{opacity:0;pointer-events:none;flex-shrink:0;align-items:center;gap:.25rem;transition:opacity .12s;display:flex}.channel-members-panel__row:hover .channel-members-panel__actions{opacity:1;pointer-events:auto}.channel-members-panel__icon-btn{cursor:pointer;width:28px;height:28px;color:var(--color-muted,#667085);background:#ffffffa6;border:1px solid #00000014;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex}.channel-members-panel__icon-btn:hover{color:var(--color-text,#101828);background:#ffffffd9}.channel-members-panel__icon-btn--danger{color:#c0392bf2;background:#c0392b14;border-color:#c0392b40}.channel-members-panel__icon-btn--danger:hover{background:#c0392b1f}.channel-members-panel__empty{color:var(--color-muted,#667085);padding:.4rem .6rem .65rem;font-size:.82rem}.channel-members-panel__role-edit select{padding:.2rem .4rem;font-size:.8rem}@media (max-width:768px){.channel-members-panel{z-index:100;width:100%;max-width:300px;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #00000026}}
.chat-page{box-sizing:border-box;flex-direction:column;flex:1;gap:.75rem;width:100%;height:100dvh;min-height:0;padding:.8dvh .8dvw;display:flex;overflow:hidden}.chat-grid{flex:1;grid-template-columns:88px 1fr;align-items:stretch;gap:0 1.25rem;min-height:0;display:grid;overflow:hidden}.friends-rail{width:100%;position:relative}.friends-rail__inner{background:#152331;background:-webkit-linear-gradient(to right,#000,#152331);height:100%;min-height:0;box-shadow:var(--shadow);background:linear-gradient(90deg,#000,#152331);border:none;border-radius:20px;flex-direction:column;justify-content:flex-start;gap:.85rem;padding:1.1rem .9rem;display:flex}.friends-rail__item{color:#fffffff2;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-inline:auto;font-size:1.1rem;font-weight:800;transition:transform 80ms,border-radius .15s,background .15s,box-shadow .15s;display:flex;position:relative}.friends-rail__item:hover{background:#3498dbd9;border-radius:14px;transform:translateY(-2px);box-shadow:0 8px 18px #1018282e}.friends-rail__letter{line-height:1}.friends-rail__tooltip{opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;color:#fffffff2;z-index:5;background:#0f141ae0;border:1px solid #ffffff24;border-radius:10px;max-width:240px;padding:.35rem .55rem;font-size:.8rem;font-weight:700;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:calc(100% + 10px);overflow:hidden;transform:translateY(-50%)translate(-2px);box-shadow:0 12px 34px #00000038}.friends-rail__item:hover .friends-rail__tooltip{opacity:1;transform:translateY(-50%)translate(0)}.friends-rail__home{cursor:pointer;color:#fffffff2;background:#ffffff1a;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-inline:auto;padding:0;transition:background .15s,box-shadow .15s,transform 80ms;display:flex}.friends-rail__home:hover{background:#3498dbd9;transform:translateY(-2px);box-shadow:0 8px 18px #1018282e}.friends-rail__home--active{background:#3498dbd9;box-shadow:0 8px 18px #1018282e}.friends-rail__home-icon{flex-shrink:0;display:block}.friends-rail__me{cursor:pointer;background:#ffffff1a;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-inline:auto;padding:0;transition:background .15s,box-shadow .15s,transform 80ms;display:flex;overflow:hidden}.friends-rail__me:hover{background:#3498dbd9;transform:translateY(-2px);box-shadow:0 8px 18px #1018282e}.friends-rail__dm-hub{cursor:pointer;color:#fffffff2;background:#ffffff1a;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-inline:auto;padding:0;transition:background .15s,box-shadow .15s,transform 80ms;display:flex}.friends-rail__dm-hub:hover{background:#3498dbd9;transform:translateY(-2px);box-shadow:0 8px 18px #1018282e}.friends-rail__dm-hub--active{background:#3498dbd9;box-shadow:0 8px 18px #1018282e}.friends-rail__music{cursor:pointer;color:#fffffff2;background:#ffffff1a;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-inline:auto;padding:0;transition:background .15s,box-shadow .15s,transform 80ms;display:flex}.friends-rail__music:hover{background:#ff3e0059;transform:translateY(-2px);box-shadow:0 8px 18px #1018282e}.friends-rail__music-icon{flex-shrink:0;display:block}.friends-rail__admin{cursor:pointer;color:#fffffff2;background:#ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-inline:auto;padding:0;text-decoration:none;transition:background .15s,box-shadow .15s,transform 80ms;display:flex}.friends-rail__admin:hover{background:#f1c40f59;transform:translateY(-2px);box-shadow:0 8px 18px #1018282e}.friends-rail__admin-icon,.friends-rail__dm-hub-icon{flex-shrink:0;display:block}.friends-rail__me-avatar{object-fit:cover;display:block;border-radius:14px!important;width:100%!important;height:100%!important}.friends-rail__me-avatar.avatar-placeholder{border-radius:14px!important}.friends-rail__footer{flex-direction:column;flex-shrink:0;align-items:center;gap:.85rem;width:100%;margin-top:auto;display:flex}.friends-rail__search{justify-content:center;margin-top:0;display:flex}.friends-rail__search-btn{cursor:pointer;color:#fffffff2;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s,transform 80ms,box-shadow .15s;display:flex}.friends-rail__search-btn:hover{background:#3498dbd9;transform:translateY(-2px);box-shadow:0 8px 18px #1018282e}.chat-grid-main{min-height:0;position:relative;overflow:hidden}.profile-page{border-radius:var(--radius-lg,18px);background:var(--surface-1);flex:1;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.profile-page:before{content:"";opacity:0;pointer-events:none;z-index:0;background:0 0;position:absolute;inset:0}.profile-page .profile-modal--page{z-index:1;position:relative}.profile-modal--page{flex-direction:column;flex:1;width:100%;max-height:none;display:flex;overflow:hidden}.profile-modal--page .profile-modal__body{flex:1;overflow:auto}.profile-modal-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.profile-modal{background:var(--surface-1);border:1px solid var(--color-border,#ffffff24);width:min(620px,92vw);max-height:80vh;box-shadow:var(--shadow);border-radius:18px;overflow:auto}.profile-modal.profile-modal--page{border-radius:var(--radius-lg,18px);background:0 0;border:1px solid #ffffff1f;width:100%;max-height:none;overflow:hidden}.profile-modal.profile-modal--page .profile-modal__header{z-index:5;background:var(--surface-2);-webkit-backdrop-filter:blur(8px);padding:8px 12px;position:sticky;top:0}.profile-modal.profile-modal--page .profile-modal__body{justify-content:center;align-items:center;max-width:none;margin:0;padding:2rem 1.25rem;position:relative}.profile-modal.profile-modal--page .profile-modal__body:before{content:"";opacity:0;pointer-events:none;z-index:0;background:0 0;position:absolute;inset:0}.profile-modal.profile-modal--page .profile-modal__body>*{z-index:1;position:relative}.profile-modal.profile-modal--page .profile-modal__title{color:var(--color-text);font-size:.95rem}.profile-modal.profile-modal--page .profile-modal__close{width:30px;height:30px;color:var(--color-text);border-radius:10px;font-size:1.25rem}.profile-modal.profile-modal--page .profile-modal__name{color:var(--color-text);font-size:1.15rem}.profile-modal.profile-modal--page .profile-modal__meta{color:var(--color-muted)}.profile-modal.profile-modal--page .profile-modal__info{text-align:center;align-items:center}.profile-modal.profile-modal--page .profile-modal__actions{justify-content:center;margin-top:.25rem}.profile-modal.profile-modal--page .profile-modal__avatar-btn{background:#3498db24;border:1px solid #3498db73;border-radius:28px;justify-content:center;align-items:center;width:120px;height:120px;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.profile-modal.profile-modal--page .profile-modal__avatar-btn:hover{background:#3498db33;border-color:#3498dba6;transform:translateY(-1px)scale(1.02)}.profile-modal__header{border-bottom:1px solid var(--color-border,#ffffff24);background:var(--surface-2);justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.profile-modal__header-actions{align-items:center;gap:.6rem;display:flex}.profile-modal__exit{white-space:nowrap;padding:.35rem .65rem;font-size:.85rem}.profile-modal.profile-modal--page .profile-modal__header-actions .profile-modal__exit{background:var(--color-primary,#3498db);color:#fff;border-color:var(--color-primary,#3498db);z-index:6;position:relative}.profile-modal.profile-modal--page .profile-modal__header-actions .profile-modal__exit:hover{opacity:.92}.profile-modal__title{font-weight:900}.profile-modal__close{cursor:pointer;width:34px;height:34px;color:var(--color-muted);background:0 0;border:none;border-radius:12px;font-size:1.4rem;line-height:1}.profile-modal__close:hover{background:#3498db1f}.profile-modal__body{flex-direction:column;gap:1rem;padding:1rem;display:flex}.profile-modal__file{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.profile-modal__avatar-wrap{justify-content:center;display:flex}.profile-modal__avatar-btn{cursor:pointer;background:0 0;border:none;padding:0}.profile-modal__info{flex-direction:column;gap:.25rem;display:flex}.profile-modal__name{font-size:1.05rem;font-weight:900}.profile-modal__meta{color:var(--color-muted);font-size:.9rem}.profile-modal__actions{justify-content:flex-start;display:flex}.profile-modal__hint{color:var(--color-muted);text-align:center;margin-top:-.25rem;font-size:.85rem}.chat-grid-main{flex-direction:column;gap:.75rem;width:100%;display:flex}.content-container{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.content-container--chat{overflow:auto}.saved-content-page{background:var(--surface-1);border-radius:var(--radius-lg);min-height:0;box-shadow:var(--shadow);border:1px solid var(--color-border);flex-direction:column;flex:1;display:flex;overflow:hidden}.saved-content-page__header{border-bottom:1px solid var(--color-border,#e0e0e0);background:var(--surface-2);justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.saved-content-page__title{font-size:.98rem;font-weight:700}.saved-content-page__body{flex-direction:column;flex:1;min-height:0;display:flex}.saved-content-page--dm{grid-template-rows:1fr auto;grid-template-columns:240px minmax(0,1fr);align-items:stretch;min-height:0;display:grid;position:relative}.saved-content-page__dm-main{flex-direction:column;flex:1;grid-area:1/2/-1;min-width:0;min-height:0;display:flex}.saved-content-page__dm-voice{border-top:1px solid var(--color-border,#e0e0e0);background:var(--surface-2);grid-area:2/1;align-self:stretch;min-height:0;padding:.35rem .45rem .5rem}.saved-content-page__dm-voice .voice-panel{box-shadow:none;border-top:none;margin-top:0;padding-left:0;padding-right:0}.dm-conversations-sidebar{background:var(--surface-2);border-right:1px solid var(--color-border,#e0e0e0);flex-direction:column;flex-shrink:0;grid-area:1/1;width:240px;min-height:0;display:flex}.dm-conversations-sidebar__head{border-bottom:1px solid var(--color-border,#e0e0e0);flex-shrink:0;padding:.65rem .75rem .45rem}.dm-conversations-sidebar__title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted,#666);font-size:.75rem;font-weight:700}.dm-conversations-sidebar__list{flex-direction:column;flex:1;gap:.2rem;min-height:0;padding:.4rem .45rem .65rem;display:flex;overflow-y:auto}.dm-conversations-sidebar__row{text-align:left;cursor:pointer;width:100%;color:var(--color-text,#1a1a1a);background:0 0;border:none;border-radius:12px;align-items:center;gap:.55rem;padding:.45rem .5rem;transition:background .15s;display:flex}.dm-conversations-sidebar__row:hover{background:#3498db1a}.dm-conversations-sidebar__row--active{background:#3498db2e}.dm-conversations-sidebar__row--saved{margin-bottom:.15rem}.dm-conversations-sidebar__saved-star{background:#ffc10738;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;line-height:1;display:inline-flex}.dm-conversations-sidebar__avatar{flex-shrink:0;border-radius:12px!important;width:36px!important;height:36px!important}.dm-conversations-sidebar__row-text{flex-direction:column;gap:.12rem;min-width:0;display:flex}.dm-conversations-sidebar__row-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.dm-conversations-sidebar__row-preview{color:var(--color-muted,#666);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.25;overflow:hidden}.dm-conversations-sidebar__row-preview--muted{font-style:italic}.dm-conversations-sidebar__snippet-prefix{color:var(--color-muted,#666);-webkit-user-select:none;user-select:none;margin-right:.1em;font-weight:600}.dm-conversations-sidebar__backdrop,.dm-conversations-sidebar__toggle{display:none}.saved-content-page--dm .saved-content-page__header{align-items:center;gap:.5rem}.saved-content-page--dm .saved-content-page__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dashboard-page{border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:0;box-shadow:var(--shadow);background:radial-gradient(700px 420px at 50% 12%,#ffffff24,#0000 62%),linear-gradient(#ffffff08,#ffffff03),0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.35rem;padding:clamp(1rem,2.2vw,1.8rem);display:flex;position:relative}.dashboard-page__clock-wrap{-webkit-backdrop-filter:blur(18px)saturate(1.12);background:linear-gradient(#0f141c66,#0f141c47);border:1px solid #ffffff38;border-radius:24px;flex-direction:column;align-items:center;gap:.5rem;padding:clamp(.8rem,1.5vw,1.2rem) clamp(1rem,2.5vw,1.8rem);display:flex;box-shadow:0 20px 48px #00000047,inset 0 1px #ffffff4d}.dashboard-page__date{text-transform:capitalize;color:#ffffffeb;letter-spacing:.01em;text-shadow:0 2px 10px #00000052;font-size:clamp(.95rem,1.3vw,1.08rem)}.dashboard-page__time{letter-spacing:-.035em;text-align:center;color:#fffffffa;text-shadow:0 14px 34px #00000061,0 2px #fff3;font-variant-numeric:tabular-nums;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:clamp(3.6rem,13vw,8.6rem);font-weight:600;line-height:.94}.dashboard-page__weather-block{flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .6rem .1rem;display:flex}.dashboard-page__weather-place{color:#ffffffe6;text-shadow:0 2px 10px #0000004d}.dashboard-page__weather-temp{color:#fffffffa;text-shadow:0 8px 24px #00000057;font-size:clamp(1.9rem,4vw,2.35rem);font-weight:800;line-height:1}.dashboard-page__weather-desc{color:#fffffff2;text-shadow:0 2px 10px #0000004d;font-weight:700}.dashboard-page__weather-wind,.dashboard-page__hint{color:#ffffffd1;text-shadow:0 2px 8px #00000042}.dashboard-page__settings-toggle{color:#fffffffa;cursor:pointer;-webkit-backdrop-filter:blur(10px);z-index:3;background:linear-gradient(#0e1620d1,#0e1620a8);border:1px solid #ffffff8c;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;line-height:1;display:inline-flex;position:absolute;top:.8rem;right:.8rem;box-shadow:0 8px 20px #00000059,inset 0 1px #ffffff4d}.dashboard-page__settings-toggle:hover{background:linear-gradient(#141e2ce6,#141e2cb8);transform:translateY(-1px)}.dashboard-page__settings{-webkit-backdrop-filter:blur(16px)saturate(1.08);z-index:2;background:linear-gradient(#0c121a75,#0c121a57);border:1px solid #ffffff38;border-radius:18px;width:min(560px,100% - 1.6rem);padding:1rem;position:absolute;top:3.4rem;right:.8rem;box-shadow:0 16px 34px #00000047,inset 0 1px #ffffff40}.dashboard-page__settings-title{color:#fffffff5;text-shadow:0 2px 10px #0000004d;margin-bottom:.75rem;font-weight:800}.dashboard-page__settings-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:.65rem .8rem;display:grid}.dashboard-page__settings-grid label{color:#ffffffe6;text-shadow:0 1px 6px #00000047;flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.dashboard-page__settings-grid select,.dashboard-page__settings-grid input{color:#fffffff5;background:#12182385;border:1px solid #fff6;border-radius:12px;width:100%;padding:.5rem .65rem}.dashboard-page__settings-grid select:disabled,.dashboard-page__settings-grid input:disabled{opacity:.65;cursor:not-allowed}.dashboard-page__city-field{grid-column:span 2}.chat-container{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--color-border);flex-direction:row;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.chat-sidebars{flex-direction:row;flex-shrink:0;min-height:0;display:flex}.channels-stack{background:var(--surface-2);border-right:1px solid var(--color-border,#e0e0e0);flex-direction:column;flex-shrink:0;gap:0;width:240px;min-height:0;display:flex}.channels-stack>.channel-list{flex:1;min-height:0}.voice-panel{border-top:1px solid var(--color-border,#e0e0e0);background:var(--surface-2);margin-top:auto;padding:.65rem .5rem .75rem;box-shadow:inset 0 1px #ffffff59}.voice-panel__head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.voice-panel__title-wrap{flex-direction:column;gap:4px;display:flex}.voice-panel__title-wrap--inline{flex-direction:row;align-items:center;gap:6px}.voice-panel__title{color:var(--color-text);font-size:.82rem;font-weight:700}.voice-panel__badge{width:fit-content;color:var(--color-muted);letter-spacing:.03em;text-transform:uppercase;background:#3498db1f;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.voice-panel__badge--connected{color:#1e8449;background:#2ecc712e}.voice-panel__head-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.voice-panel__settings-btn{border:1px solid var(--color-border,#e0e0e0);background:var(--surface-1);color:var(--color-text);cursor:pointer;border-radius:8px;margin:0;padding:4px 10px;font-size:11px;font-weight:700;transition:filter .15s,border-color .15s}.voice-panel__settings-btn:hover{filter:brightness(.98);border-color:#5865f273}.voice-panel__settings-btn:focus-visible{outline:2px solid var(--color-primary,#5865f2);outline-offset:2px}.voice-panel__ping{color:var(--color-muted);font-size:11px}.voice-panel__summary--static{cursor:default;list-style:none}.voice-chat-settings-modal-overlay{z-index:10100}.voice-chat-settings-modal{width:min(440px,100vw - 24px);max-width:440px}.voice-chat-settings-modal__body{flex-direction:column;gap:12px;max-height:min(85vh,640px);display:flex;overflow-y:auto}.voice-chat-settings-modal__card{margin-bottom:0}.voice-panel__active-room{background:var(--surface-1);border:1px solid var(--color-border,#e0e0e0);border-radius:8px;margin-bottom:8px;padding:8px}.voice-panel__active-room--btn{width:100%;font:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s;display:block}.voice-panel__active-room--btn:hover{background:#5865f217;border-color:#5865f273}.voice-panel__active-room--btn:focus-visible{outline:2px solid var(--color-primary,#5865f2);outline-offset:2px}.voice-panel__active-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:3px;font-size:10px;display:block}.voice-panel__active-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.voice-panel__hint{color:var(--color-muted);margin:0 0 8px;padding:0 .15rem;font-size:.78rem;line-height:1.35}.voice-panel__status{color:var(--color-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.voice-panel__leave{color:#fff;cursor:pointer;background:#e74c3c;border:0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.voice-panel__leave:hover{filter:brightness(1.05)}.voice-panel__details-body--prefs{padding-top:4px}.voice-panel__prefs{flex-direction:column;margin:0 -2px;display:flex}.voice-panel__prefs>:not(:last-child){border-bottom:1px solid #0000000f}@media (prefers-color-scheme:dark){.voice-panel__prefs>:not(:last-child){border-bottom-color:#ffffff14}}.voice-panel__prefs-item{flex-direction:column;gap:4px;padding:10px 2px;display:flex}.voice-panel__prefs-hint{color:var(--color-muted,#888);margin:0 0 0 2px;font-size:10px;font-weight:600;line-height:1.3;display:block}.voice-panel-pref-switch{cursor:pointer;width:100%;font:inherit;color:inherit;justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.voice-panel-pref-switch--disabled{cursor:not-allowed;opacity:.85}.voice-panel-pref-switch__text{letter-spacing:-.01em;min-width:0;color:var(--color-text);flex:1;font-size:12.5px;font-weight:650;line-height:1.3}.voice-panel-pref-switch__control{flex-shrink:0;width:44px;height:26px;position:relative}.voice-panel-pref-switch__input{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.voice-panel-pref-switch__track{pointer-events:none;background:#0000001f;border-radius:999px;transition:background .2s,box-shadow .2s;display:block;position:absolute;inset:0}.voice-panel-pref-switch__track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 3px #0000002e}.voice-panel-pref-switch__input:checked+.voice-panel-pref-switch__track{background:var(--color-primary,#5865f2)}.voice-panel-pref-switch__input:checked+.voice-panel-pref-switch__track:after{transform:translate(18px,-50%)}.voice-panel-pref-switch__input:focus-visible+.voice-panel-pref-switch__track{box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--color-primary,#5865f2)}.voice-panel-pref-switch--disabled .voice-panel-pref-switch__track{opacity:.45}.voice-panel-pref-switch--disabled .voice-panel-pref-switch__input{cursor:not-allowed}@media (prefers-color-scheme:dark){.voice-panel-pref-switch__track{background:#ffffff24}}.voice-panel__details{border:1px solid var(--color-border,#e0e0e0);background:var(--surface-1);border-radius:8px;margin:0 0 6px}.voice-panel__summary{color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;padding:7px 8px;font-size:11px;font-weight:700;list-style:none}.voice-panel__summary::-webkit-details-marker{display:none}.voice-panel__details-body{border-top:1px solid var(--color-border,#e0e0e0);flex-direction:column;gap:.35rem;padding:2px 8px 8px;display:flex}.voice-panel__settings-hint{color:var(--color-muted);margin:0;font-size:10px;line-height:1.35}.voice-panel__noise-row--in-details{margin-bottom:0}.voice-panel__noise-row{background:var(--surface-1);border:1px solid var(--color-border,#e0e0e0);border-radius:8px;margin:0 0 8px;padding:6px 8px}.voice-panel__noise-head{justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:6px;display:flex}.voice-panel__noise-label{color:var(--color-text);font-size:11px;font-weight:700}.voice-panel__noise-busy{color:var(--color-muted);font-size:11px}.voice-panel__denoise-seg{gap:4px;display:flex}.voice-panel__denoise-btn{border:1px solid var(--color-border,#ccc);letter-spacing:.02em;cursor:pointer;background:var(--surface-2);min-width:0;color:var(--color-muted);border-radius:6px;flex:1;padding:5px 2px;font-size:10px;font-weight:800}.voice-panel__denoise-btn:hover:not(:disabled){filter:brightness(.97)}.voice-panel__denoise-btn:disabled{opacity:.55;cursor:wait}.voice-panel__denoise-btn.is-active{color:#3c45a5;background:#5865f247;border-color:#5865f2a6}@media (prefers-color-scheme:dark){.voice-panel__denoise-btn.is-active{color:#c9cdfb}}.voice-panel__controls{gap:6px;margin-bottom:0;display:flex}.voice-panel__control-btn{background:var(--surface-1);min-height:36px;color:var(--color-text);border:1px solid var(--color-border,#e0e0e0);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:6px 0;font-size:14px;font-weight:700;transition:filter .15s,background .15s;display:inline-flex}.voice-panel__control-icon{flex-shrink:0;display:block}.voice-panel__control-btn:hover{filter:brightness(.98)}.voice-panel__control-btn--off{background:var(--surface-2);color:var(--color-muted)}@media (prefers-color-scheme:dark){.voice-panel{box-shadow:inset 0 1px #ffffff0a}.voice-panel__badge--connected{color:#7dcea0;background:#2ecc7138}.voice-panel__control-btn:hover{filter:brightness(1.08)}}.server-panel{background:var(--surface-2);border:none;border-bottom:1px solid var(--color-border,#e0e0e0);border-radius:0;flex-direction:column;gap:.4rem;padding:.65rem .75rem;display:flex;position:relative}.server-panel__title{text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-self:flex-start;align-items:center;gap:.35rem;width:fit-content;padding:.35rem .6rem;font-size:.95rem;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 8px 18px #0000002e}.server-panel__title:after{content:"▾";opacity:.65;transform-origin:50%;font-size:.8rem;line-height:1;transition:transform .15s}.server-panel--open .server-panel__title:after{transform:rotate(180deg)}.server-popover{-webkit-backdrop-filter:blur(10px);z-index:120;background:#181a1ff5;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:.1rem;width:calc(100% - .1rem);min-width:190px;padding:.3rem 0;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 45px #00000080}.server-popover__section{flex-direction:column;gap:.1rem;display:flex}.server-popover__section-title{letter-spacing:.2px;color:#ffffff8c;padding:.45rem .75rem .25rem;font-size:.75rem;font-weight:800}.server-popover__divider{background:#ffffff1f;height:1px;margin:.15rem 0}.server-popover .server-panel__btn:disabled{opacity:.55;cursor:not-allowed}.server-popover .server-panel__btn:disabled:hover{background:0 0}.server-popover:before{content:"";border-bottom:6px solid #181a1ff5;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;top:-6px;left:24px}.server-popover .server-panel__btn{width:100%;box-shadow:none;color:#fffffff2;background:0 0;border:none;border-radius:9px;justify-content:flex-start;align-items:center;padding:.5rem .75rem;font-size:.9rem;font-weight:650;display:flex}.server-popover .server-panel__btn:hover{background:#ffffff1a}.server-popover .server-panel__btn--danger:hover{background:#c0392b33}.server-panel__btn{cursor:pointer;border:1px solid var(--color-border,#e0e0e0);color:var(--color-text);background:#ffffff0a;border-radius:12px;padding:.35rem .6rem;font-size:.85rem;font-weight:700}.server-panel__btn:hover{background:#3498db1a}.server-panel__btn--danger{color:#c0392bf2;border-color:#c0392b59}.server-panel__btn--danger:hover{background:#c0392b1f}.chat-mobile-overlay{display:none}.chat-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-main__bar{border-bottom:1px solid var(--color-border,#e0e0e0);background:var(--surface-2);flex-shrink:0;justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.chat-main__channel-name{font-size:.95rem;font-weight:600}.chat-main__server-name{color:var(--color-muted,#666);-webkit-backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.35rem;margin-right:.25rem;padding:.2rem .45rem;font-weight:500;display:inline-flex}.chat-main__bar-actions{align-items:center;gap:.5rem;display:flex}.chat-main__bar-btn{border:1px solid var(--color-border,#e0e0e0);cursor:pointer;color:var(--color-dark,#333);background:0 0;border-radius:12px;padding:.45rem .75rem;font-size:.85rem}.chat-main__bar-btn:hover{background:#3498db1a}.chat-main__bar-btn--icon{justify-content:center;align-items:center;padding:.45rem;line-height:0;display:inline-flex}.chat-main__bar-btn--nav{display:none}.chat-main__bar-btn--primary{background:var(--color-primary,#3498db);color:#fff;border-color:var(--color-primary,#3498db)}.chat-main__bar-btn--primary:hover{opacity:.9}.chat-main__content,.chat-main__messages-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-call-banner{color:#f2f3f5;background:#2b2d31;border-bottom:1px solid #1e1f22;flex-direction:column;flex-shrink:0;gap:.45rem;padding:.55rem .75rem;display:flex}.chat-call-banner__head{flex-wrap:wrap;align-items:center;gap:.35rem .65rem;font-size:.82rem;display:flex}.chat-call-banner__label{text-transform:uppercase;letter-spacing:.06em;color:#949ba4;font-size:.68rem;font-weight:800}.chat-call-banner__channel{font-weight:700}.chat-call-banner__hint{color:#949ba4;flex:100%;margin:0;font-size:.75rem}.chat-call-banner__tiles{flex-direction:row;gap:.35rem;max-height:132px;padding-bottom:.15rem;display:flex;overflow:auto hidden}.chat-call-banner__tiles .chat-call-dock__participant{flex:none;min-width:132px;max-width:200px}.chat-call-banner__controls{flex-wrap:wrap;gap:.35rem;display:flex}.chat-call-banner__controls .chat-call-stage__btn{flex:none}.chat-call-stage__hint{color:#ffffff9e;text-align:center;margin:0;padding:0 .75rem .85rem;font-size:.85rem}.chat-container--in-call .chat-main{min-width:0}.chat-call-dock{border-left:1px solid var(--color-border,#ffffff24);background:radial-gradient(circle at top,#5865f22e,#202228eb);flex-direction:column;flex-shrink:0;gap:.75rem;width:300px;padding:.9rem;display:flex}.chat-call-dock__head{flex-direction:column;gap:.2rem;display:flex}.chat-call-dock__title-wrap{align-items:center;gap:.45rem;display:flex}.chat-call-dock__title{font-size:.98rem;font-weight:800}.chat-call-dock__live{letter-spacing:.04em;color:#ffdfdf;background:#da373ce6;border-radius:999px;justify-content:center;align-items:center;padding:.1rem .42rem;font-size:.65rem;font-weight:800;display:inline-flex}.chat-call-dock__subtitle{opacity:.85;font-size:.82rem}.chat-call-dock__participants{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex;overflow:auto}.chat-call-dock__participant{background:#14161c8c;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;gap:.2rem;padding:.6rem;display:flex}.chat-call-dock__avatar{color:#fff;aspect-ratio:1;box-sizing:border-box;background:#5865f2e6;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:32px;height:32px;margin-bottom:.2rem;font-size:.8rem;font-weight:800;display:inline-flex;overflow:hidden}.chat-call-dock__video-shell{width:100%;margin-bottom:.2rem;position:relative}.chat-call-dock__video{aspect-ratio:16/9;object-fit:cover;background:#00000052;border:1px solid #ffffff24;border-radius:8px;width:100%}.chat-call-dock__video--contain{object-fit:contain}.chat-call-video-fs{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex;position:absolute;bottom:6px;right:6px}.chat-call-video-fs:hover{background:#5865f2d9}.chat-call-video-fs--dock{width:30px;height:30px;bottom:8px;right:8px}.chat-call-video-fs--dock svg{width:15px;height:15px}:-webkit-any(.chat-call-demo-fs-shell:fullscreen,.chat-call-demo-fs-shell:-webkit-full-screen){box-sizing:border-box;background:#090a0e;flex-direction:column;width:100%;height:100%;margin:0;display:flex}:is(.chat-call-demo-fs-shell:fullscreen,.chat-call-demo-fs-shell:fullscreen){box-sizing:border-box;background:#090a0e;flex-direction:column;width:100%;height:100%;margin:0;display:flex}:-webkit-any(.chat-call-demo-fs-shell:fullscreen .chat-call-stage__video,.chat-call-demo-fs-shell:fullscreen .chat-call-dock__video,.chat-call-demo-fs-shell:-webkit-full-screen .chat-call-stage__video,.chat-call-demo-fs-shell:-webkit-full-screen .chat-call-dock__video){width:100%;min-height:0;max-height:none;aspect-ratio:unset;object-fit:contain;background:#000;border:none;border-radius:0;flex:1}:is(.chat-call-demo-fs-shell:fullscreen .chat-call-stage__video,.chat-call-demo-fs-shell:fullscreen .chat-call-dock__video,.chat-call-demo-fs-shell:fullscreen .chat-call-stage__video,.chat-call-demo-fs-shell:fullscreen .chat-call-dock__video){width:100%;min-height:0;max-height:none;aspect-ratio:unset;object-fit:contain;background:#000;border:none;border-radius:0;flex:1}:-webkit-any(.chat-call-demo-fs-shell:fullscreen .chat-call-stage__avatar,.chat-call-demo-fs-shell:fullscreen .chat-call-dock__avatar,.chat-call-demo-fs-shell:-webkit-full-screen .chat-call-stage__avatar,.chat-call-demo-fs-shell:-webkit-full-screen .chat-call-dock__avatar){flex:none;width:min(22vmin,160px);max-width:min(22vmin,160px);height:min(22vmin,160px);max-height:min(22vmin,160px);margin:auto;font-size:clamp(1.25rem,6vmin,2.75rem)}:is(.chat-call-demo-fs-shell:fullscreen .chat-call-stage__avatar,.chat-call-demo-fs-shell:fullscreen .chat-call-dock__avatar,.chat-call-demo-fs-shell:fullscreen .chat-call-stage__avatar,.chat-call-demo-fs-shell:fullscreen .chat-call-dock__avatar){flex:none;width:min(22vmin,160px);max-width:min(22vmin,160px);height:min(22vmin,160px);max-height:min(22vmin,160px);margin:auto;font-size:clamp(1.25rem,6vmin,2.75rem)}.chat-call-demo-fs-chrome{background:linear-gradient(#1e1f23fa 0%,#14161cf2 100%);border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .85rem;font-family:inherit;display:flex}.chat-call-demo-fs-chrome__label{color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.88rem;font-weight:600;overflow:hidden}.chat-call-demo-fs-chrome__sep{color:#ffffff59;font-weight:500}.chat-call-demo-fs-chrome__name{color:#fff;font-weight:700}.chat-call-demo-fs-chrome__exit{cursor:pointer;color:#fff;background:#5865f2eb;border:none;border-radius:8px;flex-shrink:0;padding:.4rem .75rem;font-family:inherit;font-size:.82rem;font-weight:600}.chat-call-demo-fs-chrome__exit:hover{background:#6370ff}.chat-call-demo-fs-chrome__exit:focus-visible{outline-offset:2px;outline:2px solid #ffffffa6}:-webkit-any(.chat-call-stage__video:fullscreen,.chat-call-stage__video:-webkit-full-screen,.chat-call-dock__video:fullscreen,.chat-call-dock__video:-webkit-full-screen){width:100%;height:100%;max-height:none;aspect-ratio:unset;object-fit:contain;background:#000;border:none;border-radius:0}:is(.chat-call-stage__video:fullscreen,.chat-call-stage__video:fullscreen,.chat-call-dock__video:fullscreen,.chat-call-dock__video:fullscreen){width:100%;height:100%;max-height:none;aspect-ratio:unset;object-fit:contain;background:#000;border:none;border-radius:0}.chat-call-dock__participant-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.chat-call-dock__participant-state{color:#ffffffa6;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.chat-call-dock__participant-state--speaking{color:#78f2a3}.chat-call-dock__participant-flags{gap:.35rem;margin-top:.12rem;display:flex}.chat-call-dock__flag{color:#a8f6c1;text-transform:uppercase;letter-spacing:.04em;background:#57f28733;border-radius:999px;justify-content:center;align-items:center;padding:.18rem .38rem;font-size:.62rem;font-weight:700;display:inline-flex}.chat-call-dock__flag .chat-call-flag-icon,.chat-call-stage__flag .chat-call-flag-icon{flex-shrink:0;display:block}.chat-call-tile-mic-off{z-index:3;color:#fff;pointer-events:none;background:#da373c;border-radius:50%;justify-content:center;align-items:center;padding:.26rem;display:flex;position:absolute;bottom:6px;left:6px;box-shadow:0 1px 6px #00000073}.chat-call-tile-mic-off__icon{display:block}.chat-call-tile-mic-off--sm{padding:.18rem;bottom:4px;left:4px}.chat-call-tile-mic-off--lg{padding:.34rem;bottom:8px;left:8px}.chat-call-stream-invite>.chat-call-tile-mic-off{top:.45rem;bottom:auto;left:.55rem}.chat-call-tile-avatar-wrap{flex-shrink:0;align-self:center;position:relative}.chat-call-tile-avatar-wrap--dock{margin-bottom:.2rem}.chat-call-tile-avatar-wrap--stage{margin-bottom:.15rem}.chat-call-tile-avatar-wrap .chat-call-dock__avatar,.chat-call-tile-avatar-wrap .chat-call-stage__avatar{margin-bottom:0}.chat-call-tile-mic-off--avatar{padding:.15rem;bottom:-2px;left:auto;right:-4px}.chat-call-dock__participant-state--mic-off,.chat-call-stage__participant-state--mic-off{color:#f0a8a8;font-weight:700}.chat-call-dock__flag--off{color:#ffffffa6;background:#ffffff1a}.chat-call-dock__flag--live{color:#ffe5e5;background:#da373ce6}.chat-call-dock__controls{flex-wrap:wrap;gap:.45rem;display:flex}.chat-call-dock__btn{color:#fff;cursor:pointer;background:#5865f2;border:1px solid #ffffff26;border-radius:999px;flex:calc(50% - .25rem);min-width:115px;padding:.5rem .68rem;font-size:.78rem;font-weight:700}.chat-call-dock__btn--off{background:#ffffff1f}.chat-call-dock__btn--danger{background:#da373c}@media (max-width:1100px){.chat-container--in-call{flex-direction:column}.chat-call-dock{border-left:none;border-top:1px solid var(--color-border,#ffffff24);width:auto}}.chat-call-stage{color:#f2f3f5;background:#313338;flex-direction:column;flex:1;gap:.85rem;min-height:0;padding:.9rem;display:flex}.chat-call-stage__topbar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chat-call-stage__channel{color:#ffffffe6;font-size:.9rem;font-weight:700}.chat-call-stage__live{letter-spacing:.04em;color:#ffdede;background:#da373c;border-radius:999px;justify-content:center;align-items:center;padding:.12rem .48rem;font-size:.65rem;font-weight:800;display:inline-flex}.chat-call-stage__grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.7rem;min-height:0;display:grid;overflow:auto}.chat-call-stage__participant{background:#2b2d31;border:1px solid #1e1f22;border-radius:12px;flex-direction:column;gap:.2rem;padding:.65rem;display:flex}.chat-call-stage__video-shell{width:100%;margin-bottom:.2rem;position:relative}.chat-call-stage__video{aspect-ratio:16/9;object-fit:cover;background:#090a0e;border:1px solid #ffffff1f;border-radius:8px;width:100%}.chat-call-stage__video--contain{object-fit:contain}.chat-call-stage__avatar{color:#fff;aspect-ratio:1;box-sizing:border-box;background:#5865f2e6;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:40px;height:40px;margin-bottom:.15rem;font-weight:800;display:inline-flex;overflow:hidden}.chat-call-tile-avatar-img{border-radius:50%!important}.chat-call-stage__participant-name{font-size:.92rem;font-weight:700}.chat-call-stage__participant-state{text-transform:uppercase;color:#ffffffa6;letter-spacing:.04em;font-size:.72rem}.chat-call-stage__participant-state--speaking{color:#78f2a3}.chat-call-stage__participant-flags{gap:.35rem;margin-top:.12rem;display:flex}.chat-call-stage__flag{color:#a8f6c1;text-transform:uppercase;letter-spacing:.04em;background:#57f28733;border-radius:999px;justify-content:center;align-items:center;padding:.18rem .38rem;font-size:.62rem;font-weight:700;display:inline-flex}.chat-call-stage__flag--off{color:#ffffffa6;background:#ffffff1a}.chat-call-stage__flag--live{color:#ffe5e5;background:#da373ce6}.chat-call-stage__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.chat-call-stage__btn{color:#fff;cursor:pointer;background:#5865f2;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .15s,transform .12s;display:inline-flex}.chat-call-stage__btn:hover{filter:brightness(1.06)}.chat-call-stage__btn:active{transform:scale(.96)}.chat-call-stage__btn-icon{flex-shrink:0;display:block}.chat-call-stage__btn--off{color:#ffffffeb;background:#ffffff1f}.chat-call-stage__btn--danger{background:#da373c}.chat-call-banner__toolbar-row{justify-content:flex-end;align-items:center;margin-bottom:.2rem;display:flex}.chat-call-view-toolbar{background:#1e1f22;border:1px solid #3f4147;border-radius:8px;align-items:center;gap:.5rem;padding:.2rem .35rem;display:flex}.chat-call-view-toolbar--compact{gap:.35rem;padding:.12rem .25rem}.chat-call-view-toolbar__label{text-transform:uppercase;letter-spacing:.08em;color:#949ba4;font-size:.65rem;font-weight:800}.chat-call-view-toolbar__seg{border:1px solid #3f4147;border-radius:6px;display:inline-flex;overflow:hidden}.chat-call-view-toolbar__btn{color:#dbdee1;cursor:pointer;background:0 0;border:none;align-items:center;gap:.28rem;padding:.32rem .55rem;font-size:.72rem;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.chat-call-view-toolbar__btn span{display:none}@media (min-width:520px){.chat-call-view-toolbar__btn span{display:inline}}.chat-call-view-toolbar--compact .chat-call-view-toolbar__btn{padding:.25rem .4rem}.chat-call-view-toolbar__btn:hover{color:#fff;background:#3c3f45}.chat-call-view-toolbar__btn.is-active{color:#fff;background:#4e5058}.chat-call-banner__tiles--focus{flex-flow:row;align-items:stretch;gap:.4rem;min-height:0;max-height:200px;display:flex;overflow:hidden}.chat-call-banner__focus-main{flex:58%;min-width:0;max-height:200px;overflow:hidden}.chat-call-banner__focus-main .chat-call-dock__participant{max-height:200px}.chat-call-banner__focus-strip{box-sizing:border-box;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-direction:row;flex:42%;align-items:stretch;gap:.35rem;min-width:0;height:clamp(96px,18svh,118px);min-height:clamp(96px,18svh,118px);max-height:clamp(96px,18svh,118px);padding-bottom:.1rem;display:flex;overflow:auto hidden}.chat-call-banner__focus-strip-item{scroll-snap-align:start;flex:none;align-self:stretch;width:min(120px,40vw);max-width:min(120px,40vw);min-height:0;display:flex}.chat-call-banner__focus-strip-item .chat-call-dock__participant{box-sizing:border-box;flex:1;width:100%;min-width:0;height:100%;min-height:0;max-height:100%;overflow:hidden}.chat-call-banner__focus-strip-item .chat-call-dock__video-shell{flex:auto;height:100%;min-height:0;max-height:100%}.chat-call-banner__focus-strip-item .chat-call-dock__video.chat-call-tile--sm{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:unset;object-fit:cover}.chat-call-banner__focus-strip-item .chat-call-dock__participant--selected{box-shadow:none;outline-offset:-2px;outline:2px solid #5865f2}@media (max-width:720px){.chat-call-banner__tiles--focus{flex-flow:column;align-items:stretch;min-height:0;max-height:none}.chat-call-banner__focus-main{flex:auto;min-height:min(22svh,160px);max-height:min(38svh,260px)}.chat-call-banner__focus-main .chat-call-dock__participant{max-height:min(38svh,260px)}.chat-call-banner__focus-strip{flex:none;height:clamp(88px,22svh,128px);min-height:clamp(88px,22svh,128px);max-height:clamp(88px,22svh,128px)}.chat-call-banner__focus-strip-item{width:min(108px,33vw - 4px);max-width:min(108px,33vw - 4px)}}.chat-call-stage--immersive{color:#f2f3f5;background:#000;gap:.65rem;padding:10px 12px 12px}.chat-call-stage--immersive .chat-call-stage__topbar{border-bottom:1px solid #1e1f22;flex-flow:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 -12px .55rem;padding-bottom:.55rem;padding-left:12px;padding-right:12px;display:flex}.chat-call-stage__topbar-left{align-items:center;gap:.5rem;min-width:0;display:flex}.chat-call-stage__topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.chat-call-stage__channel-speaker{color:#dbdee1;flex-shrink:0;align-items:center;display:inline-flex}.chat-call-stage--immersive .chat-call-stage__channel{letter-spacing:.06em;color:#fff;font-size:.78rem;font-weight:700}.chat-call-stage__chat-hint{color:#b5bac1;cursor:default;border-radius:8px;justify-content:center;align-items:center;padding:.32rem;display:inline-flex}.chat-call-stage__chat-hint:hover{color:#fff;background:#ffffff0f}.chat-call-stage--immersive .chat-call-stage__grid--with-invite{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;display:grid}@media (max-width:640px){.chat-call-stage--immersive .chat-call-stage__grid--with-invite{grid-template-columns:1fr}}.chat-call-stage--immersive .chat-call-stage__grid{gap:10px}.chat-call-stage--immersive .chat-call-stage__participant{background:#1e1f22;border:none;border-radius:12px;flex-direction:column;min-height:min(42vh,320px);padding:0;display:flex;position:relative;overflow:hidden}.chat-call-stage--immersive .chat-call-stage-participant__media{flex:1;justify-content:center;align-items:center;min-height:160px;display:flex}.chat-call-stage--immersive .chat-call-stage-participant__media:has(.chat-call-stage__avatar){background:#c4c4cc}:is(.chat-call-stage--immersive .chat-call-stage-participant__media:has(.chat-call-stage__video-shell),.chat-call-stage--immersive .chat-call-stage-participant__media:has(.chat-call-stream-invite)){background:#0a0a0b;justify-content:stretch;align-items:stretch}.chat-call-stage--immersive .chat-call-stage__avatar{color:#fff;background:#5865f2;width:88px;height:88px;margin:0;font-size:2rem;font-weight:800;box-shadow:0 4px 24px #0000002e}.chat-call-stage--immersive .chat-call-stage__video-shell{flex:1;justify-content:center;align-items:center;min-height:0;margin:0;display:flex}.chat-call-stage--immersive .chat-call-stage__video{width:100%;height:100%;min-height:200px;max-height:min(52vh,520px);aspect-ratio:unset;object-fit:cover;border:none;border-radius:0;flex:1}.chat-call-stage--immersive .chat-call-stage__video--contain{object-fit:contain}.chat-call-stage--immersive .chat-call-stream-invite{border:none;border-radius:0;min-height:200px;margin:0}.chat-call-stage--immersive .chat-call-stage__participant-name{z-index:2;color:#fff;background:#1e1f22f0;border-radius:6px;max-width:calc(100% - 20px);margin:0;padding:5px 9px;font-size:.78rem;font-weight:600;line-height:1.2;position:absolute;bottom:10px;left:10px;box-shadow:0 1px 4px #00000040}.chat-call-stage--immersive .chat-call-stage__participant-flags{display:none}.chat-call-stage--immersive .chat-call-stage__participant-state{margin:0;display:none}.chat-call-stage--immersive .chat-call-stage__participant--speaking{box-shadow:0 0 0 2px #3ba55de6,0 0 28px #3ba55d38}.chat-call-stage--immersive .chat-call-stage__participant--speaking .chat-call-stage__participant-state{z-index:4;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#3ba55df5;border-radius:6px;align-items:center;padding:.3rem .55rem;font-size:.62rem;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 10px #00000059}.chat-call-stage--immersive .chat-call-stage__participant--speaking .chat-call-stage__participant-state--speaking{color:#fff}.chat-call-stage--immersive .chat-call-stage__participant-name--speaking{box-shadow:inset 0 0 0 2px #3ba55df2,0 2px 12px #3ba55d33}.chat-call-stage--immersive .chat-call-focus__strip-item .chat-call-stage__participant--speaking .chat-call-stage__participant-state{padding:.22rem .4rem;font-size:.55rem;top:6px;left:6px}.chat-call-stage--immersive .chat-call-stage__participant--selected.chat-call-stage__participant--speaking{box-shadow:0 0 0 2px #5865f2f2,0 0 0 4px #3ba55d8c,0 0 26px #3ba55d33}.chat-call-dock__participant--speaking{box-shadow:0 0 0 2px #3ba55da6}.chat-call-dock__participant-name--speaking{box-shadow:inset 0 0 0 2px #3ba55dbf}.chat-call-stage--immersive .chat-call-stream-toggle{z-index:3;margin:0;position:absolute;top:8px;right:8px}.chat-call-stage--immersive .chat-call-focus__strip-item .chat-call-stage__participant{height:100%;min-height:0;max-height:100%}.chat-call-stage--immersive .chat-call-focus__strip-item .chat-call-stage__participant--speaking{box-shadow:inset 0 0 0 2px #3ba55dc7}.chat-call-stage--immersive .chat-call-focus__strip-item .chat-call-stage__participant--selected.chat-call-stage__participant--speaking{outline-offset:-2px;outline:2px solid #5865f2;box-shadow:inset 0 0 0 2px #3ba55dc7}.chat-call-stage--immersive .chat-call-focus__strip-item .chat-call-stage__avatar{width:44px;height:44px;font-size:1rem}.chat-call-stage--immersive .chat-call-focus__strip-item .chat-call-stage__participant-name{padding:3px 6px;font-size:.68rem;bottom:6px;left:6px}.chat-call-stage--immersive .chat-call-focus__main{background:#000;border:1px solid #1e1f22;border-radius:12px}.chat-call-stage--immersive .chat-call-focus__invite{border-radius:12px;flex:none;min-height:140px;overflow:hidden}.chat-call-voice-invite{background:linear-gradient(#3c2878 0%,#1a0d2e 38%,#000 100%);border:1px solid #1e1f22;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-height:min(42vh,320px);padding:1rem 1rem 1.25rem;display:flex;position:relative;overflow:hidden}.chat-call-focus__invite .chat-call-voice-invite{min-height:140px}.chat-call-voice-invite__art{pointer-events:none;opacity:.95;justify-content:center;align-items:center;gap:1.25rem;padding-bottom:2.5rem;display:flex;position:absolute;inset:0}.chat-call-voice-invite__orb{filter:blur(.5px);border-radius:50%;display:block}.chat-call-voice-invite__orb--a{background:radial-gradient(circle at 30% 30%,#a78bfa,#5b21b6);width:52px;height:52px;box-shadow:0 8px 28px #5b21b673}.chat-call-voice-invite__orb--b{background:linear-gradient(145deg,#e2e8f0,#94a3b8);width:40px;height:40px;box-shadow:0 6px 20px #94a3b859}.chat-call-voice-invite__orb--c{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);background:conic-gradient(from 45deg,#22c55e,#15803d,#22c55e);width:44px;height:44px;box-shadow:0 6px 22px #22c55e59}.chat-call-voice-invite__actions{z-index:1;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:22rem;display:flex;position:relative}.chat-call-voice-invite__btn{color:#f2f3f5;cursor:pointer;background:#2b2d31;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.78rem;font-weight:600;transition:background .12s,filter .12s;display:inline-flex}.chat-call-voice-invite__btn:hover:not(:disabled){background:#3f4147}.chat-call-voice-invite__btn:disabled{opacity:.45;cursor:not-allowed}.chat-call-stage__controls--floating{justify-content:center;align-items:center;margin-top:.15rem;padding:.35rem 0 .25rem;display:flex;position:relative}.chat-call-stage__pill-toolbar{align-items:center;gap:10px;display:inline-flex}.chat-call-stage__pill{background:#1e1f22;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.chat-call-stage--immersive .chat-call-stage__pill .chat-call-stage__btn{color:#fff;background:#4e5058;border:none;border-radius:50%;width:48px;height:48px}.chat-call-stage--immersive .chat-call-stage__pill .chat-call-stage__btn--off{color:#f2f3f5;background:#4e5058}.chat-call-stage--immersive .chat-call-stage__pill .chat-call-stage__btn:hover{filter:brightness(1.08)}.chat-call-stage--immersive .chat-call-stage__btn--hangup{color:#fff;background:#ed4245;border:none;border-radius:10px;width:56px;height:48px}.chat-call-stage--immersive .chat-call-stage__btn--hangup:hover{filter:brightness(1.06)}.chat-call-stage__corner-actions{align-items:center;gap:2px;display:flex;position:absolute;bottom:.15rem;right:0}.chat-call-stage__corner-btn{color:#b5bac1;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.chat-call-stage__corner-btn:hover{color:#fff;background:#ffffff0f}.chat-call-stage--immersive .chat-call-stage__hint{color:#b9bbc5bf;padding-bottom:.35rem}.chat-call-stage--immersive:fullscreen{background:#000;padding:12px}.chat-call-stage--immersive:fullscreen{background:#000;padding:12px}.chat-call-focus{flex-direction:column;flex:1;gap:.55rem;min-height:0;display:flex;overflow:hidden}.chat-call-focus__main{background:#1e1f22;border:1px solid #3f4147;border-radius:12px;flex:auto;justify-content:center;align-items:center;min-height:clamp(140px,24svh,240px);max-height:min(62svh,560px);padding:.5rem;display:flex;overflow:hidden}.chat-call-focus__main .chat-call-stage__participant{flex-direction:column;width:100%;max-width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.chat-call-focus__main .chat-call-stage__video-shell,.chat-call-focus__main .chat-call-dock__video-shell{background:#0a0a0b;border-radius:8px;flex:auto;justify-content:center;align-items:center;min-height:0;margin-bottom:.35rem;display:flex}.chat-call-focus__strip{box-sizing:border-box;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;flex-flow:row;flex:none;align-items:stretch;gap:.45rem;height:clamp(104px,20svh,132px);min-height:clamp(104px,20svh,132px);max-height:clamp(104px,20svh,132px);padding-bottom:.15rem;display:flex;overflow:auto hidden}.chat-call-focus__strip-item{scroll-snap-align:start;flex:none;align-self:stretch;width:min(152px,38vw);max-width:min(152px,42vw);min-height:0;display:flex}.chat-call-focus__strip-item .chat-call-stage__participant,.chat-call-focus__strip-item .chat-call-dock__participant{box-sizing:border-box;flex:1;width:100%;min-width:0;height:100%;min-height:0;max-height:100%;overflow:hidden}.chat-call-focus__strip-item .chat-call-stage-participant__media{flex:auto;min-height:0;max-height:100%;overflow:hidden}.chat-call-focus__strip-item .chat-call-stage__video-shell,.chat-call-focus__strip-item .chat-call-dock__video-shell{flex:auto;height:100%;min-height:0;max-height:100%}.chat-call-focus__strip-item .chat-call-stage__video.chat-call-tile--sm,.chat-call-focus__strip-item .chat-call-dock__video.chat-call-tile--sm{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:unset;object-fit:cover}.chat-call-focus__strip-item .chat-call-stage__video.chat-call-tile--sm.chat-call-stage__video--contain,.chat-call-focus__strip-item .chat-call-dock__video.chat-call-tile--sm.chat-call-dock__video--contain{object-fit:contain}.chat-call-focus__strip-item .chat-call-stream-invite{width:100%;min-height:0;max-height:100%;aspect-ratio:unset;flex:auto;margin:0}.chat-call-focus__strip-item .chat-call-strip-dup-screen{flex:auto;min-height:0;max-height:100%}.chat-call-focus__strip-item .chat-call-stage__participant--selected,.chat-call-focus__strip-item .chat-call-dock__participant--selected{box-shadow:none;outline-offset:-2px;outline:2px solid #5865f2}.chat-call-focus__strip-item .chat-call-stage__participant--speaking.chat-call-stage__participant--selected,.chat-call-focus__strip-item .chat-call-dock__participant--speaking.chat-call-dock__participant--selected{outline-color:#5865f2;box-shadow:inset 0 0 0 2px #3ba55da6}.chat-call-tile--lg{object-fit:contain;min-height:200px;max-height:min(56vh,480px)}.chat-call-focus__main .chat-call-stage__video.chat-call-tile--lg,.chat-call-focus__main .chat-call-dock__video.chat-call-tile--lg{min-height:0;max-height:100%}.chat-call-focus__main .chat-call-stage__video.chat-call-stage__video--contain.chat-call-tile--lg,.chat-call-focus__main .chat-call-dock__video.chat-call-dock__video--contain.chat-call-tile--lg{width:auto;max-width:100%;height:auto;max-height:100%;aspect-ratio:unset;object-fit:contain}.chat-call-tile--sm{min-height:64px;max-height:100px}.chat-call-stage__video.chat-call-tile--sm,.chat-call-dock__video.chat-call-tile--sm{aspect-ratio:16/9;max-height:100px}@media (max-width:900px){.chat-call-focus__main{min-height:clamp(130px,22svh,220px);max-height:min(56svh,480px)}.chat-call-focus__strip{height:clamp(96px,18svh,120px);min-height:clamp(96px,18svh,120px);max-height:clamp(96px,18svh,120px)}.chat-call-focus__strip-item{width:min(132px,40vw);max-width:min(132px,44vw)}}@media (max-width:600px){.chat-call-focus{gap:.35rem}.chat-call-focus__main{min-height:clamp(120px,20svh,200px);max-height:min(50svh,340px);padding:.35rem}.chat-call-focus__strip{gap:.3rem;height:clamp(92px,17svh,112px);min-height:clamp(92px,17svh,112px);max-height:clamp(92px,17svh,112px);padding-bottom:.2rem}.chat-call-focus__strip-item{width:min(108px,50vw - 20px);max-width:min(108px,50vw - 20px)}.chat-call-tile--sm{min-height:64px;max-height:100px}.chat-call-stage--immersive .chat-call-focus__strip-item .chat-call-stage__avatar{width:36px;height:36px;font-size:.82rem}.chat-call-stage--immersive .chat-call-focus__invite .chat-call-voice-invite{min-height:96px}}@media (max-width:380px){.chat-call-focus__strip-item{width:min(96px,50vw - 16px);max-width:min(96px,50vw - 16px)}}@media (max-height:460px) and (orientation:landscape){.chat-call-focus__main{min-height:clamp(96px,34svh,200px);max-height:min(48svh,300px)}.chat-call-focus__strip{height:clamp(88px,18svh,104px);min-height:clamp(88px,18svh,104px);max-height:clamp(88px,18svh,104px)}}.chat-call-stage__participant--clickable,.chat-call-dock__participant--clickable{cursor:pointer;transition:box-shadow .12s,border-color .12s}.chat-call-stage__participant--selected,.chat-call-dock__participant--selected{border-color:#5865f2b3;box-shadow:0 0 0 2px #5865f2}.chat-call-stream-toggle{flex-wrap:wrap;gap:.2rem;margin:.15rem 0 .25rem;display:flex}.chat-call-stream-toggle__btn{text-transform:uppercase;letter-spacing:.03em;color:#b5bac1;cursor:pointer;background:#2b2d31;border:1px solid #3f4147;border-radius:4px;padding:.14rem .38rem;font-size:.62rem;font-weight:700}.chat-call-stream-toggle__btn.is-active{color:#fff;background:#5865f2;border-color:#5865f2}.chat-call-stream-invite{aspect-ratio:16/9;background:#0c0d10;border:1px solid #ffffff1f;border-radius:8px;width:100%;margin-bottom:.2rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.chat-call-stream-invite--dock{border-color:#ffffff24}.chat-call-stream-invite__frame{pointer-events:none;position:absolute;inset:0}.chat-call-stream-invite__vignette{background:radial-gradient(85% 70% at 50% 45%,#23263033 0%,#08090ceb 72%),linear-gradient(145deg,#5865f21f 0%,#0000 42%);position:absolute;inset:0}.chat-call-stream-invite__noise{opacity:.045;background-image:repeating-linear-gradient(-8deg,#0000,#0000 2px,#ffffffe6 2px 3px);position:absolute;inset:0}.chat-call-stream-invite__content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.55rem .65rem;display:flex;position:absolute;inset:0}.chat-call-stream-invite__icon{color:#b8bcc8;opacity:.95;margin-bottom:.1rem}.chat-call-stream-invite__headline{color:#f2f3f5;max-width:95%;margin:0;font-size:.82rem;font-weight:800;line-height:1.25}.chat-call-stream-invite__subline{color:#b9bbc5eb;max-width:18rem;margin:0;font-size:.68rem;font-weight:600;line-height:1.35}.chat-call-stream-invite__cta{letter-spacing:.02em;color:#fff;cursor:pointer;background:#248046;border:none;border-radius:999px;margin-top:.35rem;padding:.45rem 1.1rem;font-size:.78rem;font-weight:800;box-shadow:0 1px #00000059}.chat-call-stream-invite__cta:hover{filter:brightness(1.08)}.chat-call-stream-invite__cta:active{transform:scale(.98)}.chat-call-stream-invite--sm .chat-call-stream-invite__headline{font-size:.68rem}.chat-call-stream-invite--sm .chat-call-stream-invite__subline{display:none}.chat-call-stream-invite--sm .chat-call-stream-invite__icon{width:28px;height:28px}.chat-call-stream-invite--sm .chat-call-stream-invite__cta{margin-top:.2rem;padding:.32rem .75rem;font-size:.65rem}.chat-call-stream-invite--lg .chat-call-stream-invite__headline{font-size:1rem}.chat-call-stream-invite--lg .chat-call-stream-invite__subline{font-size:.78rem}.chat-call-stream-invite--lg .chat-call-stream-invite__cta{margin-top:.45rem;padding:.55rem 1.35rem;font-size:.9rem}.chat-call-stream-invite--lg .chat-call-stream-invite__icon{width:56px;height:56px}.chat-call-stream-overlay{z-index:1;pointer-events:none;background:0 0;justify-content:flex-end;padding:.45rem .55rem;display:flex;position:absolute;bottom:0;left:auto;right:0}.chat-call-stream-overlay__btn{pointer-events:auto;letter-spacing:.01em;text-transform:none;color:#f2f3f5;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border:1px solid #00000073;border-radius:8px;padding:.32rem .65rem;font-size:.72rem;font-weight:700;box-shadow:0 1px 4px #00000059}.chat-call-stream-overlay__btn:hover{color:#fff;background:#da373ce0;border-color:#00000059}.chat-call-banner__focus-main .chat-call-stream-overlay,.chat-call-focus__main .chat-call-stream-overlay{padding:0;bottom:.35rem;right:.35rem}.chat-call-banner__focus-main .chat-call-stream-overlay__btn,.chat-call-focus__main .chat-call-stream-overlay__btn{white-space:nowrap;border-radius:7px;padding:.28rem .55rem;font-size:.68rem;line-height:1.2}.chat-call-strip-dup-screen{background:#1b1d21;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;min-height:64px;display:flex}.chat-call-strip-dup-screen__inner{color:#949ba4;flex-direction:column;align-items:center;gap:.15rem;padding:.25rem;display:flex}.chat-call-strip-dup-screen__icon{opacity:.85;width:22px;height:22px}.chat-call-strip-dup-screen__label{text-transform:uppercase;letter-spacing:.04em;text-align:center;max-width:5.5rem;font-size:.58rem;font-weight:800;line-height:1.15}.chat-main__empty{color:var(--color-muted,#666);flex:1;justify-content:center;align-items:center;padding:2rem;font-size:.95rem;display:flex}.user-search-modal{width:min(520px,94vw)}.user-search-modal__body{max-height:70vh;overflow:auto}.user-search-modal__results{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.user-search-modal__item{border:1px solid var(--color-border,#e0e0e0);background:#ffffff80;border-radius:12px;align-items:center;gap:.65rem;padding:.55rem .65rem;display:flex}.user-search-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;margin-left:auto;display:flex}.user-search-modal__btn{padding:.38rem .6rem;font-size:.78rem}.user-search-modal__meta{min-width:0}.user-search-modal__name{font-weight:700;line-height:1.15}.user-search-modal__id{color:var(--color-muted,#666);margin-top:.1rem;font-size:.85rem}.user-search-modal__hint{color:var(--color-muted,#666);padding:.25rem .1rem;font-size:.92rem}@media (max-width:640px){.chat-page{padding:.5rem}.chat-grid{grid-template-columns:1fr;gap:.75rem}.friends-rail{display:none}.chat-container{border-radius:var(--radius)}.dashboard-page{border-radius:var(--radius);padding:.8rem}.dashboard-page__time{font-size:clamp(2.6rem,15vw,5.2rem)}.dashboard-page__settings-grid{grid-template-columns:1fr}.dashboard-page__city-field{grid-column:auto}.chat-sidebars{display:none}.chat-main__bar{gap:.5rem}.chat-main__channel-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-main__bar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.chat-main__bar-btn--nav{display:inline-flex}.chat-mobile-overlay{pointer-events:none;z-index:50;display:block;position:absolute;inset:0}.chat-mobile-overlay--open{pointer-events:auto}.chat-mobile-overlay__backdrop{-webkit-backdrop-filter:blur(4px);background:#00000059;border:none;position:absolute;inset:0}.chat-mobile-drawer{background:var(--surface-1);border-right:1px solid var(--color-border);width:min(320px,92vw);position:absolute;top:0;bottom:0;left:0;overflow:auto;box-shadow:12px 0 38px #0000002e}.chat-mobile-drawer .server-list{border-right:none;width:72px}.chat-mobile-drawer .channel-list{border-right:none;width:100%}.saved-content-page--dm{grid-template-columns:unset;grid-template-rows:unset;flex-direction:column;display:flex}.saved-content-page__dm-main{grid-column:unset;grid-row:unset;flex:1;min-height:0}.saved-content-page__dm-voice{grid-column:unset;grid-row:unset;border-right:none;border-top:1px solid var(--color-border,#e0e0e0);flex-shrink:0}.dm-conversations-sidebar{z-index:55;grid-column:unset;grid-row:unset;border-radius:0 var(--radius,12px)var(--radius,12px)0;width:min(320px,92vw);max-width:100%;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:12px 0 38px #0000002e}.dm-conversations-sidebar--open{transform:translate(0)}.dm-conversations-sidebar__backdrop{z-index:54;-webkit-backdrop-filter:blur(4px);cursor:pointer;background:#00000059;border:none;margin:0;padding:0;display:block;position:absolute;inset:0}.dm-conversations-sidebar__toggle{border:1px solid var(--color-border,#e0e0e0);background:var(--surface-2,#f5f5f5);color:var(--color-text,#1a1a1a);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:.35rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex}}.chat-main__extras{border-bottom:1px solid var(--color-border,#e8e8e8);flex-direction:column;flex-shrink:0;gap:.35rem;padding:.35rem .75rem .25rem;display:flex}.chat-typing-hint{color:var(--color-muted,#666);font-size:.8rem;font-style:italic}.chat-thread-banner{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chat-thread-banner__label{font-size:.85rem;font-weight:600}.chat-search-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chat-search-input{border:1px solid var(--color-border,#ddd);border-radius:8px;flex:1;min-width:140px;padding:.35rem .55rem;font-size:.85rem}.chat-search-meta{color:var(--color-muted);font-size:.78rem}.chat-search-results{border-bottom:1px dashed var(--color-border);background:#3498db0a;flex-shrink:0;max-height:140px;padding:.35rem .75rem;overflow-y:auto}.chat-search-hit{border-bottom:1px solid #0000000f;gap:.5rem;padding:.25rem 0;font-size:.78rem;display:flex}.chat-search-hit__author{flex-shrink:0;font-weight:600}.chat-search-hit__text{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.chat-modal{background:var(--surface-1,#fff);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;width:min(520px,100%);max-height:min(70vh,520px);display:flex;overflow:hidden;box-shadow:0 18px 48px #00000038}.chat-modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.chat-modal__title{margin:0;font-size:1rem}.chat-modal__close{cursor:pointer;background:0 0;border:none;font-weight:600}.chat-modal__body{padding:.75rem 1rem;overflow-y:auto}.chat-modal__muted{color:var(--color-muted);margin:0;font-size:.9rem}.chat-modal--music{width:min(520px,100%);max-height:min(78vh,720px)}.chat-pins-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.chat-pins-list__item{border:1px solid var(--color-border);background:#00000005;border-radius:10px;padding:.5rem .65rem}.chat-pins-list__author{margin-bottom:.2rem;font-size:.85rem;font-weight:600;display:block}.chat-pins-list__content{color:var(--color-muted);font-size:.82rem}.voice-user-menu{z-index:10050;background:#111214;border:1px solid #1e1f22;border-radius:10px;min-width:240px;max-width:min(320px,100vw - 16px);padding:.4rem 0;position:fixed;box-shadow:0 12px 40px #0000008c}.voice-user-menu__meta{color:#949ba4;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1e1f22;margin-bottom:.2rem;padding:.15rem .75rem .45rem;font-size:.72rem;font-weight:700}.voice-user-menu__item{text-align:left;color:#f2f3f5;cursor:pointer;background:0 0;border:none;width:100%;padding:.5rem .85rem;font-size:.84rem;font-weight:500;display:block}.voice-user-menu__item:hover:not(:disabled){color:#fff;background:#3c3f45}.voice-user-menu__item:disabled{opacity:.45;cursor:not-allowed}.voice-user-menu__row{padding:.45rem .85rem .55rem}.voice-user-menu__divider{background:#ffffff1a;height:1px;margin:.2rem 0}.voice-user-menu__label{color:#b5bac1;margin-bottom:.35rem;font-size:.72rem;font-weight:600;display:block}.voice-user-menu__volume{accent-color:#5865f2;cursor:pointer;width:100%;height:6px}