.server-sidebar{flex-shrink:0;width:250px;background:var(--bg-tertiary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--bottom-bar-height)}.server-presence-list{flex:1;min-height:0;overflow-y:auto;padding:0 4px}.server-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0}.server-header-name{font-weight:800;font-size:15px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-section-label{padding:16px 10px 4px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.server-channel{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;margin:1px 0;background:0 0;border:none;border-radius:6px;cursor:pointer;font-family:inherit;text-align:left;transition:background .12s ease}.server-channel:hover{background:var(--button-hover-dark)}.server-channel.active{background:rgba(75,108,183,.25)}.server-channel-icon{font-size:16px;color:var(--text-primary);flex-shrink:0;width:18px;text-align:center}.server-channel.active .server-channel-icon{color:var(--text-primary)}.server-channel-name{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-channel.active .server-channel-name{color:var(--text-primary);font-weight:600}.server-members-count{display:flex;align-items:center;gap:6px;padding:4px 12px 8px;font-size:12px;color:var(--text-secondary)}.server-stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.server-stat-dot.online{background:#3ba55c}:root{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#f7f8fa;--bg-quaternary:#fafbfc;--text-primary:#000;--text-secondary:#666;--text-tertiary:#999;--text-muted:#7d828a;--border-color:#e2e5ea;--border-light:rgba(0, 0, 0, .06);--button-hover:#f0f2f5;--button-hover-dark:#eef1f6;--button-active:#4b6cb7;--message-bg:#dceaff;--message-border:#b6d0f7;--reaction-bg:#f0f2f5;--reaction-border:#e2e5ea;--scroll-thumb:#c7cdd6;--shadow:rgba(0, 0, 0, .06);--shadow-medium:rgba(0, 0, 0, .18);--bottom-bar-height:66px}body.dark-mode,html.dark-mode-pending{--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--bg-quaternary:#242424;--text-primary:#ffffff;--text-secondary:#b0b0b0;--text-tertiary:#808080;--text-muted:#666666;--border-color:#2a2a2a;--border-light:rgba(255, 255, 255, .08);--button-hover:#1e1e1e;--button-hover-dark:#262626;--button-active:#4b6cb7;--message-bg:#1a2332;--message-border:#2d4563;--reaction-bg:#1e1e1e;--reaction-border:#2a2a2a;--scroll-thumb:#444;--shadow:rgba(0, 0, 0, .6);--shadow-medium:rgba(0, 0, 0, .8)}html.dark-mode-pending{background-color:var(--bg-primary)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}[hidden]{display:none!important}body,html{height:100%}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.navbar{background:linear-gradient(100deg,#b8900a 0,#7a5c00 100%);box-shadow:0 2px 18px rgba(0,0,0,.22);border-bottom:1px solid rgba(255,255,255,.08)}.navbar-inner{max-width:900px;margin:0 auto;padding:.55rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-family:Arimo,sans-serif;font-weight:800;font-size:1.45rem;letter-spacing:2px;color:#fff;text-decoration:none;transition:opacity .15s ease}.navbar-brand:hover{opacity:.8}.navbar-actions{display:flex;align-items:center;gap:12px}.navbar-profile-trigger{display:inline-flex;align-items:center;gap:8px;background:0 0;border:none;padding:4px 8px 4px 14px;margin:0 0 0 -10px;border-radius:20px;cursor:pointer;appearance:none;-webkit-appearance:none;outline:0;box-shadow:none;font-family:inherit;transition:background .15s ease}.navbar-profile-trigger:hover{background:rgba(255,255,255,.12)}.navbar-user{color:#fff;font-size:.9rem;opacity:.95}.navbar-avatar{position:relative;box-sizing:border-box;width:34px;height:34px;min-width:34px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:700;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.navbar-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.own-profile-overlay{position:fixed;inset:0;background:rgba(20,24,35,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}@media (min-width:701px){.own-profile-overlay{align-items:flex-end;justify-content:flex-start;padding:0 0 66px 0;background:transparent}}@media (max-width:700px){.own-profile-overlay{align-items:flex-start;justify-content:flex-start;padding:70px 0 0 0;background:transparent}}.own-profile-card.mp-profile{position:relative;width:100%;max-width:320px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px rgba(0,0,0,.3);border-left:none;border-radius:14px;margin-left:0}
@media (min-width:701px){.own-profile-overlay{padding-left:16px}}.own-profile-card .mp-profile-close{display:flex;align-items:center;justify-content:center}.own-profile-avatar-btn{position:relative;box-sizing:border-box;border:none;cursor:pointer;padding:0;appearance:none;-webkit-appearance:none;outline:0;box-shadow:none;font-family:inherit;flex-shrink:0}.own-profile-avatar-btn img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.own-profile-avatar-edit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;font-size:22px;border-radius:50%;opacity:0;transition:opacity .15s ease}.own-profile-avatar-btn:hover .own-profile-avatar-edit{opacity:1}.own-profile-section-title{display:flex;align-items:center;justify-content:space-between}.own-profile-edit-btn{background:0 0;border:none;color:var(--text-muted);font-size:15px;cursor:pointer;padding:2px 4px;border-radius:6px;appearance:none;-webkit-appearance:none}.own-profile-edit-btn:hover{background:var(--button-hover-dark);color:var(--text-primary)}.own-profile-bio-edit textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:60px;border:1px solid var(--border-color);border-radius:8px;padding:8px;font-family:inherit;font-size:15px;color:var(--text-primary);margin-top:4px}.own-profile-bio-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.navbar-bio-count{font-size:11px;color:#9aa0aa;margin-right:auto}.navbar-bio-cancel,.navbar-bio-save{font-family:inherit;font-size:12px;border-radius:16px;padding:6px 12px;cursor:pointer;appearance:none;-webkit-appearance:none}.navbar-bio-cancel{background:0 0;border:1px solid var(--border-color);color:var(--text-secondary)}.navbar-bio-cancel:hover{background:var(--button-hover)}.navbar-bio-save{background:#4b6cb7;border:1px solid #4b6cb7;color:#fff}.navbar-bio-save:hover{background:#3a5aa0}.navbar-bio-save:disabled{opacity:.6;cursor:default}.own-profile-name-section{text-align:left;background:transparent;border:none;padding:0;margin-top:12px}.own-profile-name-row{display:flex;align-items:center;justify-content:flex-start;gap:6px}.own-profile-name-display{margin:0}.own-profile-name-edit input{width:100%;box-sizing:border-box;border:1px solid var(--border-color);border-radius:8px;padding:8px;font-family:inherit;font-size:15px;color:var(--text-primary);margin-top:4px;text-align:center}.own-profile-username-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.btn-nav{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.32);color:#fff;border-radius:22px;padding:7px 18px;font-size:.85rem;font-family:inherit;cursor:pointer;transition:background .15s ease;white-space:nowrap;text-decoration:none;display:inline-block}.btn-nav:hover{background:rgba(255,255,255,.28);color:#fff}.page-content{flex:1;display:flex;justify-content:center;align-items:stretch;padding:0;min-height:0}.chat-app{width:100%;max-width:none;background:var(--bg-secondary);border-radius:0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;height:100%}.chat-tabs{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:72px;background:var(--bg-tertiary);border-right:1px solid var(--border-color);padding:12px 0 68px;gap:10px;overflow-y:auto}.tab-btn{position:relative;width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;border-radius:50%;cursor:pointer;font-size:22px;color:var(--text-primary);padding:0;transition:border-radius .15s ease,background .15s ease}.tab-btn.active,.tab-btn:hover{color:#fff}.tab-btn:hover{border-radius:16px;background:#4b6cb7}.tab-btn.active{border-radius:16px;background:#4b6cb7}.tab-btn-general{color:var(--text-primary)}.tab-btn-general.active,.tab-btn-general:hover{color:#fff}.tab-btn-call{color:var(--text-primary)}.tab-btn-call.active,.tab-btn-call:hover{color:#fff}.tab-btn.active::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:22px;background:var(--bg-secondary);border-radius:0 4px 4px 0}#user-panel-mobile{display:none}.user-panel{display:flex;align-items:center;gap:6px;padding:8px;background:var(--bg-quaternary);border-top:1px solid var(--border-color);margin-top:auto}.user-panel-trigger{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:0 0;border:none;margin:0;padding:4px;border-radius:8px;cursor:pointer;appearance:none;-webkit-appearance:none;outline:0;box-shadow:none;font-family:inherit;text-align:left;transition:background .15s ease}.user-panel-trigger:hover{background:rgba(255,255,255,.08)}.user-panel-name{min-width:0;color:var(--text-primary);font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-panel-logout{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-secondary);font-size:16px;text-decoration:none;transition:background .15s ease,color .15s ease}.user-panel-logout:hover{background:var(--button-hover-dark);color:var(--text-primary)}.user-panel-theme-toggle{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:0 0;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background .15s ease,color .15s ease}.user-panel-theme-toggle:hover{background:var(--button-hover-dark);color:var(--text-primary)}.user-panel-desk{position:absolute;bottom:0;left:0;width:calc(72px + 250px);height:var(--bottom-bar-height);margin-top:0;z-index:10;background:var(--bg-quaternary);border-top:1px solid var(--border-color);box-sizing:border-box}.user-panel-settings{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:0 0;border:none;color:var(--text-primary);font-size:16px;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background .15s ease,transform .2s ease}.user-panel-settings:hover{background:var(--button-hover-dark);transform:rotate(45deg)}.user-panel-icon-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:0 0;border:none;color:var(--text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;transition:background .15s ease,color .15s ease;padding:0}.user-panel-icon-btn:hover{background:var(--button-hover-dark);color:var(--text-primary)}.upanel-icon{width:18px;height:18px;display:block}.upanel-slash{display:none}.user-panel-icon-btn[aria-pressed=true]{color:#f04747}.user-panel-icon-btn[aria-pressed=true] .upanel-slash{display:block}.friends-list-header{flex-shrink:0;padding:14px 16px 8px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted)}.friends-list-items{flex:1;overflow-y:auto;padding:4px 8px 12px;display:flex;flex-direction:column;gap:2px}.friends-list-items .server-members-count{padding:4px 4px 8px;font-size:12px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.friend-item{display:flex;align-items:center;gap:10px;width:100%;background:0 0;border:none;border-radius:8px;padding:8px 8px;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s ease}.friend-item:hover{background:var(--button-hover-dark)}.friend-avatar{position:relative;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#4b6cb7;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;overflow:visible;box-shadow:0 0 0 1px var(--border-color)}.friend-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px var(--border-color)}.unread-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e53935;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--bg-secondary,#1e1e1e);z-index:2}.friend-name{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-list-empty{padding:12px 8px;font-size:15px;color:var(--text-tertiary)}.mp-contacts-sidebar::-webkit-scrollbar{width:6px}.mp-contacts-sidebar::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:3px}.chat-body{flex:1;display:flex;overflow:hidden;position:relative}.chat-panels{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.tab-content{display:none;flex-direction:column;width:100%;height:100%}.tab-content.active{display:flex}.chat-header{display:flex;align-items:center;gap:10px;padding:0 20px;height:52px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;box-shadow:0 1px 4px var(--shadow)}.chat-header-title{font-weight:700;font-size:16px;color:var(--text-primary);flex-shrink:0;white-space:nowrap}.chat-header-actions{margin-left:auto;flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:4px}.chat-header-actions .btn-profile-toggle,.chat-header-actions .btn-search{margin-left:0;flex-shrink:0}.btn-back{display:none;background:0 0;border:none;font-size:20px;line-height:1;color:var(--button-active);cursor:pointer;padding:4px 6px;border-radius:6px}.btn-back:hover{background:var(--button-hover)}.panel-header{display:none;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.panel-title{font-weight:700;font-size:15px;color:var(--text-primary)}@media (max-width:700px){.user-panel-desk{display:none}.chat-body{flex-direction:column;padding-bottom:64px}.chat-tabs{position:fixed;bottom:0;left:0;right:0;z-index:50;width:100%;height:64px;flex-direction:row;justify-content:space-around;align-items:center;gap:0;padding:0;background:var(--bg-tertiary);border-top:1px solid var(--border-color);border-right:none;box-shadow:0 -2px 12px rgba(0,0,0,.15)}.tab-btn{flex:1;height:100%;width:auto;border-radius:0;background:0 0;font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tab-btn::after{content:attr(title);font-size:10px;color:var(--text-muted);font-weight:500;white-space:nowrap}.tab-btn:hover{border-radius:0;background:0 0}.tab-btn.active{border-radius:0;background:0 0;color:#fff}.tab-btn.active::after{color:#fff}.tab-btn.active::before{display:none}.tab-btn-call{color:#fff}.tab-btn-general{color:#fff}.tab-btn-general.active{color:#fff}.tab-btn-general.active::after{color:#fff}.server-sidebar{display:none}.mp-contacts-sidebar{width:100%;border-right:none;border-top:1px solid var(--border-color)}.chat-panels{display:flex}.chat-header .btn-back{display:flex}.panel-header{display:flex}.chat-app.discussion-open .chat-tabs{display:none}.chat-app.call-active .chat-tabs{display:none}.chat-app.discussion-open .chat-body{padding-bottom:0}.chat-app.discussion-open .mp-contacts-sidebar{display:none}#user-panel-mobile{display:flex;position:fixed;top:0;left:0;right:0;z-index:50;width:100%;border-top:none;border-bottom:1px solid var(--border-color);border-radius:0;padding:8px 12px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.chat-body{padding-top:54px}.mp-contacts-sidebar{display:none}}.messages{flex:1;min-height:0;padding:16px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;background:var(--bg-primary);position:relative}.msg-hover-highlight{position:absolute;left:0;right:0;top:0;height:0;background-color:transparent;pointer-events:none;transition:background-color .12s ease,top .05s ease,height .05s ease}.msg-hover-highlight.active{background-color:var(--bg-tertiary)}.message{position:relative;z-index:0;background:0 0;border:none;border-radius:10px;padding:4px 12px;max-width:80%;align-self:flex-start;font-size:14px;display:flex;flex-direction:row;align-items:flex-end;gap:8px;cursor:context-menu;transition:background-color .12s ease;touch-action:pan-y;user-select:none}.message:hover{background:0 0}.msg-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#4b6cb7;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;align-self:flex-start;margin-top:2px}.msg-avatar img{width:100%;height:100%;object-fit:cover}.message.own .msg-avatar{display:flex}.message.msg-grouped .msg-avatar{visibility:hidden}.msg-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.message.swiping{cursor:grabbing}.msg-swipe-reply-icon{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--button-active);opacity:0;pointer-events:none;z-index:1}.msg-swipe-reply-icon.swipe-icon-right{left:-34px}.msg-swipe-reply-icon.swipe-icon-left{right:-34px}.message::before{content:'';position:absolute;top:-5px;bottom:-5px;left:-2000px;right:-2000px;z-index:-1}.message.msg-has-link{cursor:pointer}.fwd-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.fwd-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px var(--shadow-medium);width:320px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.fwd-modal-header{padding:14px 16px;font-weight:600;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.fwd-modal-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.fwd-modal-item{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);border:none;border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text-primary);font-family:inherit;font-size:14px;text-align:left}.fwd-modal-item:hover{background:var(--button-hover)}.fwd-modal-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:14px}.fwd-modal-footer{padding:10px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.fwd-modal-cancel{background:var(--bg-tertiary);border:none;border-radius:6px;padding:6px 14px;cursor:pointer;color:var(--text-primary)}.fwd-modal-cancel:hover{background:var(--button-hover)}.msg-edit-input{font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;min-width:120px;max-width:100%}.msg-edit-hint{font-size:11px;color:var(--text-secondary);margin-left:6px}.msg-context-menu{position:fixed;z-index:200;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px var(--shadow-medium);padding:6px;display:flex;flex-direction:column;gap:2px;min-width:180px}.msg-context-item{background:0 0;border:none;text-align:left;font-family:inherit;font-size:15px;color:var(--text-primary);padding:8px 10px;border-radius:6px;cursor:pointer;appearance:none;-webkit-appearance:none;display:flex;align-items:center;gap:10px}.msg-context-item:hover{background:var(--button-hover-dark)}.msg-context-icon{flex-shrink:0;color:var(--text-primary)}.msg-context-delete .msg-context-icon{color:var(--text-primary)}.msg-toolbar{position:fixed;z-index:201;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px var(--shadow-medium);padding:4px;display:flex;gap:2px;pointer-events:auto}.msg-reaction-btn{background:0 0;border:none;font-size:20px;padding:4px 6px;border-radius:6px;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background .15s ease,transform .15s ease}.msg-reaction-btn:hover{background:var(--button-hover);transform:scale(1.2)}.msg-toolbar-sep{width:1px;align-self:stretch;margin:2px 2px;background:var(--border-color)}.msg-toolbar-more{background:0 0;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:6px;cursor:pointer;transition:background .15s ease}.msg-toolbar-more:hover{background:var(--button-hover)}.msg-toolbar-edit,.msg-toolbar-forward,.msg-toolbar-link,.msg-toolbar-reply{background:0 0;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:6px;cursor:pointer;transition:background .15s ease}.msg-toolbar-edit:hover,.msg-toolbar-forward:hover,.msg-toolbar-link:hover,.msg-toolbar-reply:hover{background:var(--button-hover)}.message.own{align-self:flex-end}body.own-messages-left .message.own{align-self:flex-start}.own-profile-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.own-profile-toggle-label{min-width:0}.own-profile-toggle-hint{font-size:11px;color:var(--text-muted);margin-top:2px}.account-status-ok-row .own-profile-toggle-hint a{color:var(--link-color,#00a8fc);text-decoration:none}.account-status-ok-row .own-profile-toggle-hint a:hover{text-decoration:underline}.own-profile-switch{position:relative;flex-shrink:0;width:40px;height:22px;display:inline-block}.own-profile-switch input{opacity:0;width:0;height:0}.own-profile-switch-slider{position:absolute;inset:0;background:var(--border-color);border-radius:22px;cursor:pointer;transition:background .15s ease}.own-profile-switch-slider::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s ease}.own-profile-switch input:checked+.own-profile-switch-slider{background:#4b6cb7}.own-profile-switch input:checked+.own-profile-switch-slider::before{transform:translateX(18px)}.msg-user{font-weight:700;font-size:12px;color:var(--button-active)}.msg-text{color:var(--text-primary);word-wrap:break-word}.msg-time{font-size:10px;color:var(--text-tertiary);align-self:flex-end}body.hide-msg-names .msg-user{display:none}body.hide-msg-time .msg-time{display:none}.message.msg-grouped .msg-user{display:none}.message.msg-grouped{margin-top:-8px}.msg-reply-preview{display:flex;flex-direction:column;gap:1px;border-left:3px solid var(--button-active);background:rgba(75,108,183,.07);border-radius:4px;padding:4px 8px;margin:2px 0;cursor:pointer;max-width:100%}.msg-reply-preview:hover{background:rgba(75,108,183,.14)}.msg-reply-preview-user{font-size:11px;font-weight:700;color:var(--button-active)}.msg-reply-preview-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message.highlight{outline:2px solid var(--button-active);outline-offset:1px}mark.search-highlight{background:#ffd54f;color:#1a1a1a;border-radius:3px;padding:0 1px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.message.pinned{background:rgba(255,193,7,.07);border-left:3px solid #ffc107;padding-left:9px}.msg-pin-badge{position:absolute;top:6px;right:8px;font-size:12px;opacity:.85;pointer-events:none}.pinned-bar{position:relative;z-index:3}.pinned-bar-list{position:absolute;left:0;right:0;top:100%;max-height:260px;overflow-y:auto;background:var(--panel-bg,#1e1f26);border:1px solid var(--border-color);border-top:none;box-shadow:0 8px 20px rgba(0,0,0,.3)}.pinned-bar-item{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;background:0 0;border:none;border-bottom:1px solid var(--border-color);padding:8px 14px;cursor:pointer}.pinned-bar-item:last-child{border-bottom:none}.pinned-bar-empty{padding:14px;font-size:12px;color:var(--text-secondary);text-align:center}.pinned-bar-item:hover{background:var(--button-hover)}.pinned-bar-item-user{font-size:11px;font-weight:700;color:var(--button-active)}.pinned-bar-item-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.msg-reaction{background:var(--reaction-bg);border:1px solid var(--reaction-border);font-size:12px;padding:3px 8px;border-radius:12px;cursor:pointer;appearance:none;-webkit-appearance:none;font-family:inherit;color:var(--text-primary);transition:background .15s ease,border-color .15s ease}.msg-reaction:hover{background:var(--button-hover-dark);border-color:var(--button-active)}.msg-seen-row{display:flex;justify-content:flex-end;gap:3px;margin-top:-4px;padding:0 4px 2px}.msg-seen-avatar{width:16px;height:16px;border-radius:50%;overflow:hidden;background:#4b6cb7;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--bg-secondary)}.msg-seen-avatar img{width:100%;height:100%;object-fit:cover}.reply-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0}.reply-bar[hidden]{display:none}.reply-bar-info{display:flex;flex-direction:column;gap:1px;min-width:0}.reply-bar-label{font-size:12px;font-weight:700;color:var(--button-active)}.reply-bar-user{color:var(--text-primary)}.reply-bar-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar-cancel{flex-shrink:0;background:0 0;border:none;cursor:pointer;font-size:14px;color:var(--text-tertiary);padding:4px 6px;border-radius:6px}.reply-bar-cancel:hover{background:var(--button-hover);color:var(--text-primary)}.chat-form{display:flex;align-items:center;flex-shrink:0;gap:8px;height:var(--bottom-bar-height);box-sizing:border-box;padding:12px;border-top:1px solid var(--border-color);background:var(--bg-secondary);position:relative}.chat-form input[type=text]{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:0;background:var(--bg-tertiary);color:var(--text-primary)}.chat-form input[type=text]:focus{border-color:var(--button-active)}.chat-form button{background:#4b6cb7;color:#fff;border:none;padding:0 18px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s;display:flex;align-items:center;justify-content:center}.chat-form button.btn-voice{width:52px;height:41.33px;flex-shrink:0;padding:0;font-size:20px}.chat-form button:hover{background:#182848}.emoji-wrapper{position:relative}.chat-form button.btn-attach,.chat-form button.btn-emoji{background:var(--bg-tertiary);color:initial;border:1px solid var(--border-color);padding:0;width:52px;height:41.33px;flex-shrink:0;font-size:24px;border-radius:8px}.chat-form button.btn-attach{font-weight:700;font-size:20px;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.chat-form button.btn-emoji{color:var(--text-primary);display:flex;align-items:center;justify-content:center}.chat-form button.btn-attach svg,.chat-form button.btn-emoji svg{display:block}.chat-form button.btn-attach:hover,.chat-form button.btn-emoji:hover{background:var(--button-hover);border-color:var(--button-active)}.chat-form button.btn-attach:disabled,.chat-form button.btn-emoji:disabled{opacity:.5;cursor:not-allowed}.gif-wrapper{position:relative}.chat-form button.btn-voice.recording{background:#e03131;border-color:#e03131;color:#fff;animation:voice-pulse 1.2s ease-in-out infinite}@keyframes voice-pulse{0%,100%{box-shadow:0 0 0 0 rgba(224,49,49,.45)}50%{box-shadow:0 0 0 6px rgba(224,49,49,0)}}.voice-recording-indicator{position:absolute;left:12px;right:12px;bottom:100%;margin-bottom:8px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--card-bg,#2b2d31);border:1px solid var(--border-color);border-radius:8px;width:auto;max-width:calc(100% - 24px);z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.25);font-size:13px}.voice-recording-dot{width:9px;height:9px;border-radius:50%;background:#e03131;flex-shrink:0;animation:voice-pulse-dot 1.2s ease-in-out infinite}@keyframes voice-pulse-dot{0%,100%{opacity:1}50%{opacity:.35}}.voice-recording-time{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-primary)}.voice-recording-label{color:var(--text-secondary)}.msg-audio{display:block;margin:4px 0;max-width:280px;height:36px}.chat-form button.btn-gif{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);width:52px;padding:0;height:41.33px;flex-shrink:0;font-size:13px;font-weight:800;letter-spacing:.5px;border-radius:8px}.chat-form button.btn-gif:hover{background:var(--button-hover);border-color:var(--button-active)}.chat-form button.btn-gif:disabled{opacity:.5;cursor:not-allowed}.gif-picker{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:14px;width:480px;z-index:20}.gif-picker[hidden]{display:none}.chat-form input.gif-search{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;outline:0;margin-bottom:10px;background:var(--bg-tertiary);color:var(--text-primary)}.chat-form input.gif-search:focus{border-color:var(--button-active)}.gif-results{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:480px;overflow-y:auto;scrollbar-color:var(--scroll-thumb) transparent}.gif-results::-webkit-scrollbar{width:8px}.gif-results::-webkit-scrollbar-track{background:0 0;border-radius:4px}.gif-results::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.gif-results::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.gif-results img{width:100%;height:140px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .1s ease}.gif-results img:hover{transform:scale(1.05)}.gif-loading{grid-column:1/-1;text-align:center;font-size:15px;color:var(--text-tertiary);padding:20px 0}@media (max-width:700px){.gif-picker{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:none;height:100%;border-radius:0;padding:12px;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;z-index:300}.chat-form input.gif-search{flex:none;padding:4px 8px;margin-bottom:6px;border-radius:6px;line-height:1.2;font-size:16px}.gif-results{flex:1;min-height:0;max-height:none;grid-template-columns:repeat(2,1fr)}}@media (min-width:701px){.chat-form button[type=submit]{display:none}}.msg-image-link{display:block;align-self:flex-start;-webkit-user-drag:none;user-select:none}.msg-image{display:block;max-width:700px;max-height:700px;min-height:100px;border-radius:8px;object-fit:cover;-webkit-user-drag:none;user-select:none;pointer-events:none}.message:has(.msg-image){max-width:none}@media (max-width:700px){.msg-image{max-width:88vw;max-height:88vw}}.msg-video{display:block;max-width:320px;max-height:560px;width:100%;aspect-ratio:9/16;border-radius:8px;background:#000;object-fit:cover}.message:has(.msg-video){max-width:none}@media (max-width:700px){.msg-video{max-width:60vw}}.msg-video-wrap{display:block}.msg-video-fallback{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;min-height:80px;padding:16px;border-radius:8px;background:var(--bg-quaternary,#2a2a2a);color:var(--text-primary);text-decoration:none;font-size:14px;text-align:center}.msg-video-fallback:hover{filter:brightness(1.1)}.emoji-picker{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:10px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;width:360px;max-height:320px;overflow-y:auto;z-index:20}.emoji-picker[hidden]{display:none}.emoji-picker::-webkit-scrollbar{width:8px}.emoji-picker::-webkit-scrollbar-track{background:0 0}.emoji-picker::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px}.emoji-picker{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}.chat-form .emoji-picker button{background:0 0;color:initial;border:none;padding:4px;width:auto;height:auto;font-size:20px;line-height:1;border-radius:6px;font-weight:400}.chat-form .emoji-picker button:hover{background:var(--button-hover)}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:3px}.mp-layout{flex:1;min-height:0;display:flex;overflow:hidden;position:relative}.mp-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.general-layout{flex:1;min-height:0;display:flex;overflow:hidden}.general-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.mp-profile{flex-shrink:0;width:260px;margin-left:auto;border-left:1px solid var(--border-color);background:var(--bg-tertiary);padding:20px 16px;overflow-y:auto;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.mp-profile-close{display:none;position:absolute;top:10px;right:10px;background:0 0;border:none;font-size:14px;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:6px}.mp-profile-close:hover{background:var(--button-hover-dark)}.mp-profile-header{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:4px}.mp-profile-header-info{display:flex;flex-direction:column;gap:4px;min-width:0}.mp-profile-avatar{width:72px;height:72px;border-radius:50%;background:#4b6cb7;color:#fff;font-weight:700;font-size:28px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden}.mp-profile-avatar img{width:100%;height:100%;object-fit:cover}.mp-profile-username{font-weight:700;font-size:16px;color:var(--text-primary)}.mp-profile-status{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--text-muted)}.mp-profile-status-dot{width:8px;height:8px;border-radius:50%;background:#3ba55c;flex-shrink:0}.availability-dot-online{background:#3ba55c}.availability-dot-dnd{background:#ed4245}.availability-dot-idle{background:#faa61a}.own-profile-availability-wrap{position:relative;width:100%;margin-top:10px}.own-profile-availability-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;background:var(--bg-secondary);border:1px solid var(--border-color);padding:10px 12px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--text-primary);appearance:none;-webkit-appearance:none;transition:background .15s ease,border-color .15s ease}.own-profile-availability-btn:hover{background:var(--button-hover-dark)}.own-profile-availability-chevron{font-size:10px;color:var(--text-muted);margin-left:2px}.own-profile-availability-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:10;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px var(--shadow-medium);padding:6px;display:flex;flex-direction:column;gap:2px}.own-profile-availability-option{display:flex;align-items:center;gap:8px;width:100%;background:0 0;border:none;text-align:left;font-family:inherit;font-size:14px;color:var(--text-primary);padding:8px 10px;border-radius:6px;cursor:pointer;appearance:none;-webkit-appearance:none}.own-profile-availability-option:hover{background:var(--button-hover-dark)}.mp-profile-section{width:100%;margin-top:18px;text-align:left;background:transparent;border:none;border-radius:0;padding:10px 12px}.mp-profile-section-title{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.mp-profile-section-body{font-size:15px;color:var(--text-primary);word-wrap:break-word}.own-profile-logout-btn{width:100%;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:#ed4245;font-weight:600;font-size:14px;text-decoration:none;box-sizing:border-box;transition:background .15s ease,border-color .15s ease}.own-profile-logout-btn:hover{background:rgba(237,66,69,.12);border-color:#ed4245}.btn-profile-toggle{margin-left:auto;background:0 0;border:none;font-size:18px;line-height:1;color:var(--text-primary);cursor:pointer;padding:4px 6px;border-radius:6px}.btn-profile-toggle:hover{background:var(--button-hover)}#mp-header-call,#mp-header-videocall{color:var(--text-primary)}.btn-search{margin-left:auto;background:0 0;border:none;color:var(--text-primary);cursor:pointer;padding:4px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center}.btn-search:hover{background:var(--button-hover)}.chat-header-actions .chat-search-input{margin-left:0}.chat-search-input{margin-left:auto;flex:1 1 auto;min-width:120px;max-width:420px;padding:8px 40px 8px 16px;border-radius:999px;border:none;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;outline:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.chat-search-input::placeholder{color:#999}@media (min-width:901px){.btn-search-toggle{display:none!important}.chat-search-input{display:inline-block!important;flex:0 1 220px;max-width:220px}}@media (max-width:900px){.mp-profile:not(.own-profile-card){position:absolute;top:0;right:0;bottom:0;width:260px;max-width:80%;box-shadow:-4px 0 16px rgba(0,0,0,.12);z-index:5}.mp-profile-close{display:block}}.mp-contact-select{padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.mp-contact-select select{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:0;background:var(--bg-tertiary);color:var(--text-primary)}.mp-contact-select select:focus{border-color:var(--button-active)}.auth-box{width:100%;max-width:480px;background:var(--bg-secondary);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:40px;text-align:center}@media (max-width:480px){.page-content{padding:20px}.auth-box{padding:40px 24px}}.auth-box h1{margin:0 0 20px;font-size:22px}.auth-tabs{display:flex;background:transparent;border-radius:8px;overflow:hidden;margin-bottom:18px}.auth-tab-btn{flex:1;padding:10px;background:0 0;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary)}.auth-tab-btn.active{background:#4b6cb7;color:#fff}.auth-welcome-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 14px;cursor:default}.auth-tab-btn.auth-welcome-btn.active{background:transparent}.auth-welcome-title{font-size:17px;font-weight:800;color:var(--text-primary)}.auth-welcome-subtitle{font-size:13px;font-weight:400;color:var(--text-secondary)}.auth-error{color:#d33;font-size:15px;margin:0 0 14px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:0;background:var(--bg-tertiary);color:var(--text-primary)}.auth-form input:focus{border-color:var(--button-active)}.auth-password-wrap{position:relative;display:flex;width:100%;box-sizing:border-box}.auth-password-wrap input{width:100%;box-sizing:border-box;padding-right:38px}.auth-password-toggle{position:absolute;top:0;right:0;bottom:0;width:38px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:0;appearance:none;-webkit-appearance:none;transition:color .15s ease}.auth-password-toggle:hover{color:var(--text-primary);background:0 0}.auth-eye-icon{display:block}.auth-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary,#a0a0a0);cursor:pointer;user-select:none}.auth-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--button-active);cursor:pointer}.auth-form button{background:#4b6cb7;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s}.auth-form button:hover{background:#182848}.presence-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:10px 4px 4px}.presence-section-label:first-child{padding-top:4px}.presence-section-offline{margin-top:4px;border-top:1px solid var(--border-color);padding-top:12px}.friend-avatar{position:relative}.presence-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-secondary);flex-shrink:0}.presence-online{background:#3ba55c}.presence-offline{background:#747f8d}.friend-item-me{cursor:default;opacity:.85}.friend-item-me:hover{background:0 0}.call-overlay{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 50% 15%,rgba(75,108,183,.35),transparent 55%),linear-gradient(160deg,#0c0e14 0,#14161f 45%,#05060a 100%);display:flex;align-items:stretch;justify-content:stretch;animation:call-fade .25s ease}@keyframes call-fade{from{opacity:0}to{opacity:1}}.call-modal{position:relative;width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));overflow:hidden}.call-username{font-size:26px;font-weight:700;color:#fff;margin-top:12px;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.4)}.call-status{font-size:15px;color:rgba(255,255,255,.65);letter-spacing:.3px;margin-top:6px}.call-timer{font-size:17px;font-weight:600;color:#3ba55c;letter-spacing:1px;font-variant-numeric:tabular-nums;margin-top:6px}.call-avatar{width:168px;height:168px;border-radius:50%;background:linear-gradient(145deg,#5b7fd6,#3d5aa3);color:#fff;font-size:64px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:auto;box-shadow:0 0 0 8px rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.5)}.call-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.call-video-wrap{position:absolute;inset:0;width:100%;height:100%;background:#000;overflow:hidden}.call-video-wrap video#call-video-remote{width:100%;height:100%;object-fit:contain;background:#000;transition:transform .05s linear}.call-video-wrap video#call-video-local{position:absolute;right:16px;bottom:max(140px,calc(env(safe-area-inset-bottom) + 140px));width:110px;height:150px;border-radius:16px;object-fit:cover;box-shadow:0 6px 20px rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.85);transform:scaleX(-1);z-index:2;cursor:grab;touch-action:none;transition:transform .05s linear}.call-video-wrap video#call-video-local:active{cursor:grabbing}.call-video-wrap video#call-video-remote{cursor:pointer}.call-video-wrap.call-video-swapped video#call-video-remote{position:absolute;right:16px;bottom:max(140px,calc(env(safe-area-inset-bottom) + 140px));width:110px;height:150px;border-radius:16px;object-fit:cover;box-shadow:0 6px 20px rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.85);z-index:2}.call-video-wrap.call-video-swapped video#call-video-local{position:static;width:100%;height:100%;border-radius:0;box-shadow:none;border:none;object-fit:contain;z-index:1}.call-modal:has(.call-video-wrap:not([hidden])){justify-content:flex-start}.call-modal:has(.call-video-wrap:not([hidden]))::before{content:'';position:absolute;top:0;left:0;right:0;height:160px;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);z-index:1;pointer-events:none}.call-modal:has(.call-video-wrap:not([hidden]))::after{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);z-index:1;pointer-events:none}.call-modal:has(.call-video-wrap:not([hidden])) .call-status,.call-modal:has(.call-video-wrap:not([hidden])) .call-timer,.call-modal:has(.call-video-wrap:not([hidden])) .call-username{position:relative;z-index:2}.call-btn-minimize{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;z-index:6;width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.call-btn-minimize:hover{background:rgba(255,255,255,.22)}#btn-flip-camera{position:absolute;top:calc(max(16px,env(safe-area-inset-top)) + 38px + 10px);right:16px;z-index:6;width:38px;height:38px;padding:0;box-shadow:none;font-size:16px}#btn-flip-camera .call-btn-icon{width:18px;height:18px}.call-overlay.call-minimized{inset:auto;top:auto;left:auto;right:20px;bottom:20px;width:240px;height:76px;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.55);cursor:grab;animation:none;background:linear-gradient(160deg,#14161f 0,#05060a 100%);touch-action:none;user-select:none}.call-overlay.call-minimized.dragging{cursor:grabbing;transition:none}.call-overlay.call-minimized .call-modal{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:100%;padding:10px 14px}.call-overlay.call-minimized .call-avatar{width:48px;height:48px;font-size:20px;margin:0;flex-shrink:0;box-shadow:none}.call-overlay.call-minimized .call-video-wrap{position:absolute;inset:0;border-radius:20px}.call-overlay.call-minimized .call-video-wrap video#call-video-local{display:none}.call-overlay.call-minimized .call-video-wrap video#call-video-remote{object-fit:cover}.call-overlay.call-minimized .call-username{font-size:14px;margin:0;text-align:left;text-shadow:0 1px 6px rgba(0,0,0,.6)}.call-overlay.call-minimized .call-status{display:none}.call-overlay.call-minimized .call-timer{font-size:12px;margin:0}.call-overlay.call-minimized #btn-flip-camera,.call-overlay.call-minimized .call-actions,.call-overlay.call-minimized .group-call-grid{display:none}.call-overlay.call-minimized .call-modal::after,.call-overlay.call-minimized .call-modal::before{display:none}.call-overlay.call-minimized .call-btn-minimize{top:6px;right:6px;width:26px;height:26px;background:rgba(0,0,0,.4);z-index:7}.call-overlay.call-minimized .call-btn-minimize svg{width:14px;height:14px;transform:rotate(180deg)}.call-actions{position:relative;z-index:2;display:flex;gap:28px;margin-top:auto;padding-top:24px}.group-call-modal{max-width:720px;width:92vw}.group-call-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;width:100%;margin:20px 0;max-height:50vh;overflow-y:auto}.group-call-tile{position:relative;aspect-ratio:4/3;background:#1e1e1e;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.group-call-tile video{width:100%;height:100%;object-fit:cover}.group-call-tile-avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3a3a3a,#1e1e1e)}.group-call-tile.has-video .group-call-tile-avatar{display:none}.group-call-tile-name{position:absolute;left:8px;bottom:8px;font-size:12px;color:#fff;background:rgba(0,0,0,.55);padding:2px 8px;border-radius:6px}.call-btn{width:68px;height:68px;border-radius:50%;border:none;font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,filter .12s ease;box-shadow:0 8px 20px rgba(0,0,0,.35)}.call-btn:hover{transform:scale(1.08);filter:brightness(1.15)}.call-btn:active{transform:scale(.96)}.call-btn-accept{background:#3ba55c;color:#fff;animation:call-ring 1s ease-in-out infinite}@keyframes call-ring{0%,100%{box-shadow:0 0 0 0 rgba(59,165,92,.5)}50%{box-shadow:0 0 0 14px rgba(59,165,92,0)}}.call-btn-hangup{background:#ed4245;color:#fff}.call-btn-mute,.call-btn-speaker{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}.call-btn-camera{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);font-size:24px}.call-btn-flip{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);transition:transform .35s ease}.call-btn-screenshare{background:rgba(255,255,255,.12);color:#d0d0d0;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}.call-btn-flip.flipping{transform:rotate(180deg)}.call-btn-muted{background:#ed4245;color:#fff;border-color:transparent}.call-btn-icon{display:block}.call-btn-hangup .call-btn-icon{transform:rotate(135deg)}@media (max-width:700px){body:has(#call-overlay.call-minimized) .chat-app.call-active .chat-tabs,body:has(#group-call-overlay.call-minimized) .chat-app.call-active .chat-tabs{display:flex}body:has(#call-overlay.call-minimized) .chat-app.call-active .chat-body,body:has(#group-call-overlay.call-minimized) .chat-app.call-active .chat-body{padding-bottom:64px}.call-overlay.call-minimized{bottom:calc(64px + max(12px,env(safe-area-inset-bottom)));right:12px;width:200px;height:68px}.call-btn-minimize{width:44px;height:44px}#btn-flip-camera{top:calc(max(16px,env(safe-area-inset-top)) + 44px + 10px);width:44px;height:44px}.call-overlay.call-minimized .call-btn-minimize{width:32px;height:32px}}@media (max-width:420px){.call-avatar{width:132px;height:132px;font-size:50px}.call-username{font-size:22px}.call-actions{gap:20px}.call-btn{width:60px;height:60px;font-size:24px}}.call-picker{position:fixed;bottom:76px;right:20px;z-index:150;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.2);min-width:200px;overflow:hidden;animation:call-pop .15s ease}.call-picker-title{padding:10px 14px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.call-picker-item{display:flex;align-items:center;width:100%;padding:8px 10px 8px 14px;background:0 0;border:none;text-align:left;font-family:inherit;font-size:15px;color:var(--text-primary);gap:6px;transition:background .1s}.call-picker-item:hover{background:var(--button-hover-dark)}.call-picker-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-picker-action{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:none;background:var(--bg-quaternary);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .1s,transform .1s}.call-picker-action:hover{filter:brightness(1.15);transform:scale(1.06)}.call-picker-empty{padding:12px 14px;font-size:13px;color:var(--text-muted)}#call-history{min-width:260px;max-width:320px;max-height:420px;display:flex;flex-direction:column}.call-history-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.call-history-header .call-picker-title{border-bottom:none}.call-history-new-btn{flex-shrink:0;width:26px;height:26px;margin-right:10px;border-radius:50%;border:none;background:var(--bg-quaternary);color:var(--text-primary);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .1s,transform .1s}.call-history-new-btn:hover{filter:brightness(1.15);transform:scale(1.06)}.call-history-list{overflow-y:auto;max-height:250px}.call-history-item{display:flex;align-items:center;width:100%;padding:8px 10px 8px 14px;gap:10px;transition:background .1s}.call-history-item:hover{background:var(--button-hover-dark)}.call-history-avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--bg-quaternary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-primary);overflow:hidden}.call-history-avatar img{width:100%;height:100%;object-fit:cover}.call-history-info{flex:1;min-width:0}.call-history-name{font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-history-name.call-history-missed{color:#ed4245}.call-history-meta{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-history-dir{display:inline-block}.call-history-call-btn{width:32px;height:32px;font-size:15px}.discord-settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.discord-settings-layout{display:flex;width:min(1500px,100%);height:min(1000px,100%);background:var(--bg-primary);border-radius:8px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.5);position:relative}.discord-settings-nav{flex-shrink:0;width:232px;background:var(--bg-tertiary);padding:24px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.discord-settings-nav-user{padding:4px 10px 14px}.discord-settings-nav-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.discord-settings-nav-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:8px 10px 4px;cursor:default;user-select:none}.discord-settings-nav-item{text-align:left;padding:8px 10px;border:none;background:0 0;border-radius:6px;font-size:15px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s}.discord-settings-nav-item:hover{background:var(--button-hover-dark);color:var(--text-primary)}.discord-settings-nav-item.active{background:var(--bg-quaternary);color:var(--text-primary)}.discord-settings-nav-subitem{margin-left:14px;padding-left:10px;font-size:14px}.settings-reset-btn{padding:8px 16px;border:none;border-radius:6px;background:var(--danger-color,#ed4245);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.settings-reset-btn:hover{opacity:.85}.discord-settings-content{flex:1;position:relative;overflow-y:auto;padding:48px 40px 60px;max-width:740px;margin:0 auto;width:100%;box-sizing:border-box}.discord-settings-close{position:absolute;top:24px;right:34px;width:36px;height:36px;border-radius:50%;border:2px solid var(--text-muted);background:0 0;color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s,border-color .1s}.discord-settings-close:hover{background:var(--button-hover-dark);color:var(--text-primary);border-color:var(--text-primary)}.discord-settings-panel{display:none}.discord-settings-panel.active{display:block}.discord-settings-h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.discord-settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-color);gap:16px}.discord-settings-row-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.discord-settings-row-value{font-size:15px;color:var(--text-primary);display:flex;align-items:center}.discord-settings-row-clickable{cursor:pointer;border-radius:6px;transition:background .1s}.discord-settings-row-clickable:hover{background:var(--button-hover-dark)}.discord-settings-row-chevron{gap:8px;color:var(--text-muted)}@media (max-width:720px){.discord-settings-overlay{background:var(--bg-primary);padding:0}.discord-settings-layout{width:100%;height:100%;border-radius:0;box-shadow:none}.discord-settings-nav{width:84px;padding:20px 6px}.discord-settings-nav-user{display:none}.discord-settings-nav-item{text-align:center;font-size:11px;padding:10px 4px}.discord-settings-content{padding:60px 16px 40px}.discord-settings-close{top:14px;right:14px}}.groupe-layout{display:flex;flex:1;overflow:hidden;height:100%}.groupe-presence-sidebar{flex-shrink:0;width:220px;background:var(--bg-tertiary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;order:3}.groupe-presence-list{flex:1;min-height:0;overflow-y:auto;padding:0 4px}.groupe-sidebar{width:220px;min-width:180px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--sidebar-bg,var(--bg-secondary));overflow-y:auto;flex-shrink:0;order:1}.groupe-main{flex:1;display:flex;flex-direction:column;overflow:hidden;order:2}.groupe-new-btn{margin:12px 10px 8px;padding:8px 12px;background:var(--accent-color,#4b6cb7);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.groupe-new-btn:hover{opacity:.85}.groupe-create-form{padding:10px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.groupe-create-form input[type=text]{width:100%;padding:7px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg,var(--bg-primary));color:var(--text-primary);font-size:13px;box-sizing:border-box}.groupe-members-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.groupe-members-list{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.groupe-member-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-primary);cursor:pointer;padding:2px 0}.groupe-member-item input[type=checkbox]{accent-color:var(--accent-color,#4b6cb7)}.groupe-create-actions{display:flex;gap:6px;justify-content:flex-end}.groupe-create-actions button{padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}#groupe-create-cancel{background:var(--button-hover-dark,#e5e7eb);color:var(--text-primary)}#groupe-create-submit{background:var(--accent-color,#4b6cb7);color:#fff}.groupe-create-actions button:hover{opacity:.85}.groupe-list{flex:1;overflow-y:auto;padding:6px 0}.groupe-add-members-panel{position:absolute;top:46px;right:12px;z-index:20;width:240px;padding:10px;background:var(--sidebar-bg,var(--bg-secondary));border:1px solid var(--border-color);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:8px}.groupe-add-members-title{font-size:13px;font-weight:700;color:var(--text-primary)}.groupe-list-empty{padding:14px 12px;font-size:13px;color:var(--text-muted)}.groupe-list-item{display:flex;flex-direction:column;width:100%;padding:10px 12px;background:0 0;border:none;text-align:left;cursor:pointer;border-radius:6px;margin:1px 6px;width:calc(100% - 12px);transition:background .12s;color:var(--text-primary)}.groupe-list-item:hover{background:var(--button-hover-dark,#e5e7eb)}.groupe-list-item.active{background:var(--accent-color,#4b6cb7);color:#fff}.groupe-list-item.active .groupe-list-count{color:rgba(255,255,255,.7)}.groupe-list-name{font-size:14px;font-weight:600}.groupe-list-count{font-size:11px;color:var(--text-muted);margin-top:2px}.groupe-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;padding:24px;text-align:center}@media (max-width:600px){.groupe-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);max-height:200px}.groupe-layout{flex-direction:column}.groupe-presence-sidebar{display:none}}.mp-contacts-panel{display:none;flex-direction:column;width:100%;height:100%;overflow-y:auto;background:var(--bg-secondary,#1e1e2e)}.mp-contacts-list{display:flex;flex-direction:column;padding:8px 0}@media (max-width:768px){.mp-contacts-panel{display:flex}.mp-contacts-panel[hidden]{display:none!important}#mp-main[hidden]{display:none!important}}.insta-layout{display:flex;flex-direction:column;gap:16px;padding:16px;max-width:600px;margin:0 auto;width:100%;overflow-y:auto}.insta-add-form{display:flex;gap:8px}.insta-add-form input[type=url]{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color,#333);background:var(--input-bg,#1e1e1e);color:inherit;font-size:14px}.insta-add-form button{padding:10px 18px;border-radius:8px;border:none;background:var(--accent-color,#5865f2);color:#fff;cursor:pointer;font-weight:600}.insta-add-form button:hover{opacity:.9}.insta-error{color:#ff5c5c;font-size:13px;padding:4px 2px}.insta-empty{text-align:center;color:var(--text-muted,#888);padding:24px 0}.insta-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.contacts-list{display:flex;flex-direction:column;gap:8px}.contact-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px}.contact-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#4b6cb7;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.contact-avatar img{width:100%;height:100%;object-fit:cover}.contact-name{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-remove-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;font-size:13px;transition:background .12s ease,color .12s ease}.contact-remove-btn:hover{background:var(--button-hover-dark);color:#ff5c5c}.insta-card{display:block;cursor:pointer;background:var(--card-bg,#1a1a1a);border-radius:12px;overflow:hidden;transition:transform .15s ease}.insta-video{display:block;width:100%;aspect-ratio:9/16;background:#000;object-fit:cover;cursor:pointer}.insta-card:hover{transform:scale(1.03)}.insta-thumb-wrap{position:relative;width:100%;aspect-ratio:9/16;background:#111;overflow:hidden}.insta-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.insta-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--text-muted,#666)}.insta-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none}.insta-item-meta{display:flex;align-items:center;gap:8px;padding:8px 10px}.insta-item-user{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insta-delete-btn{background:0 0;border:1px solid #ff5c5c;color:#ff5c5c;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer}.insta-delete-btn:hover{background:#ff5c5c;color:#fff}.insta-share-btn{background:0 0;border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto;transition:background .1s,transform .1s}.insta-share-btn:hover{background:var(--button-hover-dark);transform:scale(1.06)}.insta-share-picker{max-height:260px;overflow-y:auto}.insta-share-picker .call-picker-item{cursor:pointer}.settings-section-divider{border:none;border-top:1px solid var(--border,rgba(0,0,0,.1));margin:12px 0 8px}.settings-volume-row{flex-direction:column;align-items:flex-start!important;gap:6px}.settings-volume-control{display:flex;align-items:center;gap:8px;width:100%}.settings-volume-icon{font-size:16px;flex-shrink:0}.settings-volume-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:var(--accent,#5865f2);outline:0;cursor:pointer}.settings-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent,#5865f2);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25)}.settings-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent,#5865f2);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25)}.settings-volume-value{font-size:12px;color:var(--text-muted,#888);min-width:36px;text-align:right;flex-shrink:0}.auth-field{display:flex;flex-direction:column;gap:6px;text-align:left}.auth-field label{font-size:13px;font-weight:600;color:var(--text-secondary);font-family:inherit}.auth-field .auth-password-wrap{margin:0}.download-banner{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.download-banner-text{color:var(--text-secondary);font-size:14px}.download-banner-actions{display:flex;gap:10px;align-items:center}.download-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--text-primary);color:var(--bg-secondary);border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:opacity .15s}.download-btn-primary:hover{opacity:.85}.download-btn-secondary{display:inline-flex;align-items:center;background:#5865f2;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s}.download-btn-secondary:hover{background:#4752c4}
.auth-required{color:#ed4245}.auth-birthdate-row{display:flex;gap:10px}.auth-select{flex:1;min-width:0;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:0;background:var(--bg-tertiary);color:var(--text-primary);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.auth-select:focus{border-color:var(--button-active)}
/* ===== GIF favoris ===== */
.gif-item-wrap{position:relative;width:100%;height:140px;border-radius:8px;overflow:hidden}
.gif-item-wrap img{width:100%;height:100%;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .1s ease;display:block}
.gif-item-wrap img:hover{transform:scale(1.05)}
.gif-fav-star{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:absolute;top:6px;right:6px;width:20px !important;height:20px !important;min-width:0;min-height:0;max-width:20px;max-height:20px;background:#000 !important;background-image:none !important;border:none !important;border-radius:3px !important;box-shadow:none !important;cursor:pointer;padding:0 !important;margin:0;line-height:1;z-index:2;opacity:1;outline:0;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}
.gif-fav-star svg{display:block}
.gif-fav-star[data-fav-active="1"]{background:#000 !important}
.gif-fav-star:hover{background:#333 !important;transform:scale(1.1)}
.gif-fav-star[data-fav-active="1"]:hover{background:#333 !important}
.gif-fav-label{width:100%;height:140px;background:#111;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#fff;user-select:none}
.gif-favorites{margin-bottom:10px}
.gif-favorites[hidden]{display:none}
.gif-favorites-title{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}
.gif-favorites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:200px;overflow-y:auto;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}
.gif-favorites-grid::-webkit-scrollbar{width:8px}
.gif-favorites-grid::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.server-members-block{width:100%}
.chat-body:has(#tab-groupe.active) .server-members-block{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;background:var(--bg-tertiary);border-left:1px solid var(--border-color);overflow-y:auto;padding:0 4px;z-index:5}
.chat-body:has(#tab-groupe.active) .server-members-block .server-section-label{padding:16px 6px 4px 8px}
.chat-body:has(#tab-groupe.active) #tab-groupe .chat-header{margin-right:220px}
.chat-body:has(#tab-mp.active) #groupe-list,.chat-body:has(#tab-general.active) #groupe-list{display:none}
#groupe-header-title{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.chat-body:has(#tab-groupe.active) #tab-groupe .chat-form{margin-right:220px}
#groupe-search-input[hidden]{display:none!important}
#mp-search-input[hidden]{display:none!important}.user-panel-desk{width:calc(72px + 250px + 38px)}
.server-sidebar{width:288px}
.user-panel-desk{width:calc(72px + 288px)}
.chat-form{margin-right:258px}
.user-panel-desk{gap:2px}
.user-panel-desk{gap:0}
.user-panel-desk .user-panel-icon-btn{width:24px}
.user-panel-desk{gap:6px}
#user-panel-chevron-mid-desk,#user-panel-chevron-desk{opacity:.5}
#form-general,#form-mp{margin-right:0}
#tab-general .chat-form,#tab-mp .chat-form{justify-content:flex-end}