.chat-widget-wrapper{z-index:9999;width:380px;font-family:var(--font-sans);will-change:transform, opacity;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateZ(0)}.chat-widget-wrapper.collapsed{width:auto;height:52px;box-shadow:none;background:0 0;border:none;overflow:visible}.chat-widget-wrapper.expanded{border-radius:var(--radius-xl);border:1px solid #a78bfa33;height:620px;overflow:hidden;box-shadow:0 20px 40px #0009,0 0 40px #7c3aed33}.chat-widget-collapsed-pill{-webkit-backdrop-filter:blur(12px)saturate(180%);cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;white-space:nowrap;background:linear-gradient(135deg,#1e1b4bcc 0%,#0f0c21e6 100%);border:1px solid #a78bfa4d;border-radius:50px;align-items:center;gap:12px;padding:12px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;right:0;box-shadow:0 8px 24px #0006,0 0 15px #7c3aed4d}.chat-widget-collapsed-pill:hover{background:linear-gradient(135deg,#2d2864e6 0%,#140f2df2 100%);border-color:#c4b5fd80;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 30px #00000080,0 0 25px #7c3aed80}.chat-widget-collapsed-pill .direct-icon{width:20px;height:20px;color:var(--accent-light)}.chat-widget-collapsed-pill .pill-text{letter-spacing:.3px;font-size:.95rem;font-weight:600}.active-avatars-row{align-items:center;margin-left:4px;display:flex}.pill-avatar{background:var(--accent-gradient);color:#fff;border:2px solid #121218;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-8px;font-size:.7rem;font-weight:800;transition:transform .2s;display:flex;box-shadow:0 2px 4px #0003}.chat-widget-collapsed-pill:hover .pill-avatar{transform:scale(1.05)}.chat-widget-body,.chat-widget-window{-webkit-backdrop-filter:blur(16px)saturate(180%);background:linear-gradient(#171428d9 0%,#0a0814f2 100%);flex-direction:column;flex:1;height:100%;display:flex;position:relative}.chats-list-header,.chat-window-header,.friends-pane-header,.widget-header{background:linear-gradient(#a78bfa1a 0%,#0000 100%);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chats-list-header h3,.friends-pane-header h4{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:1.15rem;font-weight:700}.chat-header-user-info{flex:1;align-items:center;gap:12px;display:flex}.chat-header-user-info strong{color:var(--text-primary);font-size:1rem;font-weight:600}.header-actions{align-items:center;gap:8px;display:flex}.header-action,.back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.header-action:hover,.back-btn:hover{background:var(--border-hover);color:#fff}.chats-list-view{flex-direction:column;height:100%;display:flex;position:relative}.chat-rooms-list-scroll{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow-y:auto}.chat-room-row{border-radius:var(--radius-lg);cursor:pointer;border:1px solid #0000;align-items:center;gap:14px;padding:12px 14px;transition:all .2s;display:flex}.chat-room-row:hover{background:#7c3aed1a;border-color:#7c3aed26}.avatar-placeholder{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.15rem;font-weight:700;display:flex;box-shadow:0 4px 10px #7c3aed33}.avatar-placeholder.sm{width:32px;height:32px;font-size:.85rem}.room-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.room-meta strong{color:var(--text-primary);font-size:.95rem;font-weight:600}.last-message-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;overflow:hidden}.last-message-text.empty{color:var(--accent-light);font-style:italic}.empty-chat-rooms{text-align:center;height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.new-message-floating-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 6px 20px #7c3aed66}.new-message-floating-btn:hover{transform:scale(1.08)rotate(-5deg);box-shadow:0 8px 24px #7c3aed99}.chat-window{flex-direction:column;height:100%;display:flex}.chat-messages-container{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.chat-message-bubble-row{align-items:flex-end;gap:10px;max-width:85%;display:flex}.chat-message-bubble-row.sent{flex-direction:row-reverse;align-self:flex-end}.chat-message-bubble-row.received{align-self:flex-start}.message-sender-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 5px #0003}.message-bubble-body{border-radius:var(--radius-lg);color:var(--text-primary);word-break:break-word;background:#ffffff14;border:1px solid #ffffff0d;padding:10px 14px;font-size:.95rem;line-height:1.45;animation:.3s cubic-bezier(.16,1,.3,1) forwards popIn;position:relative;box-shadow:0 4px 15px #0000001a}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-message-bubble-row.sent .message-bubble-body{background:linear-gradient(135deg, var(--accent) 0%, #6d28d9 100%);color:#fff;border-color:#a78bfa66;border-bottom-right-radius:4px;box-shadow:0 6px 20px #6d28d94d}.chat-message-bubble-row.received .message-bubble-body{border-bottom-left-radius:4px}.message-content{margin:0}.attached-video-box{border:1px solid var(--border-hover);background:#00000059;border-radius:12px;flex-direction:column;max-width:220px;margin-top:10px;display:flex;overflow:hidden}.attached-video-box img{aspect-ratio:16/9;object-fit:cover;width:100%}.video-meta{flex-direction:column;gap:4px;padding:8px 12px;display:flex}.video-meta h5{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;font-weight:600;overflow:hidden}.video-meta .badge{color:var(--accent-light);background:#7c3aed26;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:.7rem}.message-reactions-row{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.reaction-badge{cursor:default;background:#ffffff1a;border-radius:10px;padding:2px 6px;font-size:.75rem;transition:background .2s}.reaction-badge:hover{background:#fff3}.reaction-picker-hover{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);z-index:10;box-shadow:var(--shadow-md);border-radius:30px;gap:4px;padding:4px 8px;display:none;position:absolute;top:-36px;left:10px}.chat-message-bubble-row.sent .reaction-picker-hover{left:auto;right:10px}.message-bubble-body:hover .reaction-picker-hover{display:flex}.reaction-picker-hover button{cursor:pointer;background:0 0;border:none;padding:2px;font-size:1.1rem;transition:transform .15s}.reaction-picker-hover button:hover{transform:scale(1.3)}.chat-input-form-instagram{border:1px solid var(--border-hover);background:#ffffff0d;border-radius:28px;align-items:center;gap:10px;margin:12px 16px 16px;padding:6px 14px;transition:border-color .2s,background .2s;display:flex}.chat-input-form-instagram:focus-within{background:var(--border-hover);border-color:#7c3aed80}.input-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex}.input-action-btn:hover{color:#fff;background:var(--border-hover)}.chat-input-form-instagram input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:.9rem}.chat-input-form-instagram input::placeholder{color:var(--text-muted)}.input-right-actions{align-items:center;gap:6px;display:flex}.send-text-btn{color:var(--accent-light);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.9rem;font-weight:600;transition:color .2s}.send-text-btn:hover{color:#fff}.friends-search-pane{flex-direction:column;gap:16px;height:100%;padding:16px;display:flex;overflow-y:auto}.friends-pane-header{border-bottom:1px solid #ffffff0f;padding:0 0 10px}.friends-search-box{border:1px solid var(--border-hover);background:#ffffff0d;border-radius:20px;align-items:center;padding:4px 6px 4px 14px;display:flex}.friends-search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.friends-search-box button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .2s}.friends-search-box button:hover{background:var(--accent-dark)}.search-results-list,.requests-section,.active-friends-section{flex-direction:column;gap:8px;display:flex}.search-results-list h5,.requests-section h5,.active-friends-section h5{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:.8rem;font-weight:600}.search-user-item,.request-user-item,.friend-item-row{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.friend-item-row{cursor:pointer}.search-user-item:hover,.request-user-item:hover,.friend-item-row:hover{background:#7c3aed14;border-color:#7c3aed26}.friend-meta{flex-direction:column;gap:2px;display:flex}.friend-meta strong{color:var(--text-primary);font-size:.9rem}.friend-meta .status{font-size:.75rem}.friend-meta .status.online{color:var(--success)}.friend-meta .status.offline{color:var(--text-muted)}.chat-icon-btn{cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.friend-item-row:hover .chat-icon-btn{background:var(--accent);color:#fff}.search-user-item button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.request-user-item .actions{gap:6px;display:flex}.request-user-item .btn-approve,.request-user-item .btn-decline{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:opacity .2s;display:flex}.request-user-item .btn-approve{background:var(--success)}.request-user-item .btn-decline{background:var(--error)}.request-user-item button:hover{opacity:.9}.empty{color:var(--text-muted);text-align:center;padding:12px 0;font-size:.85rem}.chat-widget-collapsed-pill{cursor:grab}.chat-widget-wrapper.dragging{cursor:grabbing!important;transition:none!important}.chat-widget-wrapper.dragging .chat-widget-collapsed-pill{transform:scale(1.02);box-shadow:0 12px 40px #000000bf,0 0 25px #7c3aed99;cursor:grabbing!important}@media (max-width:768px){.chat-widget-wrapper.expanded{width:calc(100% - 32px);max-width:360px;right:16px;box-shadow:0 4px 20px #00000080!important}.chat-widget-body{-webkit-backdrop-filter:none!important;background:#181628!important}.chat-widget-collapsed-pill{-webkit-backdrop-filter:none!important;background:#251f47!important;box-shadow:0 2px 10px #0006!important}.chat-messages-container{will-change:scroll-position;-webkit-overflow-scrolling:touch}.reaction-picker-hover{-webkit-backdrop-filter:none!important;background:#221d3f!important}}@media (max-width:1024px){.chat-widget-wrapper{bottom:calc(60px + env(safe-area-inset-bottom,0px) + 16px);right:16px}.chat-widget-pill{bottom:0;right:0}}@media (max-width:480px){.chat-widget-wrapper.expanded{top:0!important;left:0!important;right:0!important;bottom:calc(60px + env(safe-area-inset-bottom,0px))!important;width:100vw!important;height:calc(100dvh - 60px - env(safe-area-inset-bottom,0px))!important;max-width:100vw!important;max-height:calc(100dvh - 60px - env(safe-area-inset-bottom,0px))!important;z-index:99999!important;border-radius:0!important;margin:0!important;padding:0!important;position:fixed!important}.chat-widget-body{-webkit-backdrop-filter:none!important;background:#121020!important;border-radius:0!important;height:100%!important}.chat-window{height:100%!important}}.mini-player-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mini-player-container{background:#121021f2;border:1px solid #7c3aed4d;border-radius:12px;flex-direction:column;width:100%;max-width:800px;display:flex;overflow:hidden;box-shadow:0 20px 50px #000c}.mini-player-header{border-bottom:1px solid var(--border-hover);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.mini-player-header h4{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.mini-player-header .close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.2rem;transition:color .2s;display:flex}.mini-player-header .close-btn:hover{color:#fff}.mini-player-body{aspect-ratio:16/9;background:#000;width:100%;position:relative}.video-thumbnail-container{cursor:pointer;position:relative;overflow:hidden}.video-thumbnail-container img{transition:transform .3s}.video-thumbnail-container:hover img{transform:scale(1.03)}.play-button-overlay{opacity:.8;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s,background .2s;display:flex;position:absolute;inset:0}.video-thumbnail-container:hover .play-button-overlay{opacity:1;background:#00000026}.play-button-overlay svg{color:#fff;filter:drop-shadow(0 2px 8px #00000080);transition:transform .2s}.video-thumbnail-container:hover .play-button-overlay svg{transform:scale(1.15)}.chat-video-title-link{color:inherit;text-decoration:none}.chat-video-title-link h5{margin:0;transition:color .2s}.chat-video-title-link:hover h5{color:var(--accent-light)!important}.message-bubble-body{position:relative;padding-bottom:20px!important}.message-status-tick{letter-spacing:-1px;color:#fff6;-webkit-user-select:none;user-select:none;cursor:default;font-size:.65rem;font-weight:800;position:absolute;bottom:3px;right:8px}.chat-message-bubble-row.sent .message-status-tick[title=Переглянуто]{color:var(--accent-light);opacity:.9}.chat-widget-collapsed-pill.only-plane{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;display:flex;position:relative}.chat-widget-collapsed-pill.only-plane .direct-icon{margin:0}.chat-widget-collapsed-pill.only-plane .unread-badge{color:#fff;text-align:center;background:#ef4444;border:2px solid #121218;border-radius:10px;min-width:18px;padding:2px 6px;font-size:.72rem;font-weight:800;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0000004d}.message-bubble-body{position:relative}.message-bubble-body .hover-actions-toolbar{z-index:100;background:#202124;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:4px 8px;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000080}.hover-actions-toolbar:before{content:"";z-index:-1;background:0 0;position:absolute;inset:-10px -20px}.message-bubble-body.outgoing .hover-actions-toolbar{margin-right:8px;left:auto;right:100%}.message-bubble-body.incoming .hover-actions-toolbar{margin-left:8px;left:100%;right:auto}.message-bubble-body:hover .hover-actions-toolbar{display:flex}.hover-actions-toolbar button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:2px 4px;font-size:.95rem;transition:all .15s;display:flex}.hover-actions-toolbar button:hover{color:#fff;background:var(--border-hover)}.message-bubble-body .hover-picker{background:var(--bg-card);z-index:100;border:1px solid #ffffff1a;border-radius:20px;gap:2px;padding:3px 6px;display:none;position:absolute;top:-34px;box-shadow:0 4px 10px #0006}.message-bubble-body.incoming .hover-picker{left:8px;right:auto}.message-bubble-body.outgoing .hover-picker{left:auto;right:8px}.message-bubble-body:hover .hover-picker{display:flex}.hover-picker button{cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:1.1rem;transition:transform .15s}.hover-picker button:hover{transform:scale(1.3)}.message-context-menu{z-index:1000;background:#2c2c30;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:190px;padding:6px 0;display:flex;position:absolute;top:100%;box-shadow:0 8px 24px #0009}.message-bubble-body.outgoing .message-context-menu{right:0}.message-bubble-body.incoming .message-context-menu{left:0}.message-context-menu button{color:#f5f5f5;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;font-size:.88rem;transition:background .15s;display:flex}.message-context-menu button:hover{background:#ffffff0f}.message-context-menu button.delete{color:#ef4444}.message-context-menu button.delete:hover{background:#ef444414}.inline-edit-form{flex-direction:column;gap:6px;width:100%;display:flex}.inline-edit-input{background:var(--bg-card);color:#fff;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:6px 10px;font-size:.9rem}.inline-edit-actions{justify-content:flex-end;gap:6px;display:flex}.inline-edit-actions button{cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.inline-edit-actions button.save{background:var(--accent);color:#fff}.inline-edit-actions button.cancel{background:var(--bg-hover);color:#fff}.chat-window .reply-preview-container{border-left:4px solid var(--accent);border-top:1px solid var(--border-hover);background:#18181c;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.reply-preview-content{flex-direction:column;gap:2px;min-width:0;display:flex}.reply-preview-author{color:var(--accent-light);font-size:.8rem;font-weight:700}.reply-preview-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;overflow:hidden}.btn-close-reply{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.95rem}.btn-close-reply:hover{color:#fff}.mobile-focus-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-focus-content{flex-direction:column;align-items:center;gap:16px;width:90%;max-width:340px;display:flex}.mobile-focus-picker{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:30px;justify-content:space-around;gap:4px;width:100%;padding:6px 12px;display:flex;box-shadow:0 8px 32px #00000080}.mobile-focus-picker button{cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;transition:transform .15s}.mobile-focus-picker button:hover{transform:scale(1.2)}.message-bubble.focused{pointer-events:none;color:#fff;border-radius:18px;align-self:center;max-width:100%;padding:14px 20px;font-size:1.1rem;box-shadow:0 8px 24px #0006;background:var(--bg-hover)!important}.message-bubble.focused.incoming{border:1px solid #ffffff1a;background:#202124!important}.mobile-focus-menu{background:#2c2c30;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;padding:8px 0;display:flex;box-shadow:0 12px 32px #0009}.mobile-focus-menu button{color:#f5f5f5;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;padding:12px 20px;font-size:.95rem;transition:background .15s;display:flex}.mobile-focus-menu button:hover{background:#ffffff0f}.mobile-focus-menu button.delete{color:#ef4444}.mobile-focus-menu button.delete:hover{background:#ef444414}.bubble-reply-quote{border-left:3px solid var(--accent,#7c3aed);text-align:left;background:#00000026;border-radius:6px;max-width:100%;margin-bottom:8px;padding:6px 10px;font-size:.82rem}.message-bubble-body.incoming .bubble-reply-quote{background:#ffffff0d}.bubble-reply-author{color:var(--accent-light,#c084fc);margin-bottom:2px;font-weight:700;display:block}.bubble-reply-text{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.chat-widget-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;background:#121218f2;border:1px solid #7c3aed59;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;right:0;box-shadow:0 8px 32px #00000080,0 0 15px #7c3aed33}.chat-widget-pill:hover{background:#1e1c32fa;border-color:#7c3aed99;transform:translateY(-2px);box-shadow:0 10px 36px #0009,0 0 20px #7c3aed59}.chat-widget-pill .icon{font-size:1.1rem;line-height:1}.chat-widget-pill .label{font-size:.88rem;font-weight:600}.chat-widget-pill .pill-badge{color:#fff;text-align:center;background:#ef4444;border:2px solid #121218;border-radius:10px;min-width:18px;padding:2px 6px;font-size:.72rem;font-weight:800}.chat-widget-window{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border,#ffffff14);background:#0d0c16f7;border-radius:18px;flex-direction:column;width:380px;max-height:600px;display:flex;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 16px 48px #000000b3,0 0 24px #7c3aed26}.widget-header{background:#14122180;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.widget-header .header-left{align-items:center;gap:10px;display:flex}.widget-header h4{color:var(--text-primary,#fff);margin:0;font-size:1rem;font-weight:700}.widget-header .back-btn{color:var(--text-secondary,#fff9);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.1rem;transition:all .2s}.widget-header .back-btn:hover{background:var(--border-hover);color:#fff}.widget-header .close-btn{color:var(--text-secondary,#ffffff80);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:6px;font-size:1rem;transition:all .2s;display:flex}.widget-header .close-btn:hover{color:#ef4444;background:#ef444426}.widget-header .header-right{align-items:center;gap:4px;display:flex}.widget-header .open-chats-btn{width:30px;height:30px;color:var(--text-secondary,#ffffff80);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.widget-header .open-chats-btn:hover{color:var(--accent-light,#c084fc);background:#7c3aed26}.widget-active-chat{flex-direction:column;flex:1;display:flex;overflow:hidden}.widget-messages{scrollbar-width:thin;scrollbar-color:#7c3aed4d transparent;flex-direction:column;flex:1;gap:8px;padding:12px 14px;display:flex;overflow-y:auto}.widget-messages::-webkit-scrollbar{width:4px}.widget-messages::-webkit-scrollbar-track{background:0 0}.widget-messages::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:4px}.widget-messages .message-bubble{word-break:break-word;border-radius:16px;flex-direction:column;max-width:80%;padding:8px 12px;font-size:.88rem;line-height:1.45;display:flex;position:relative}.widget-messages .message-bubble.outgoing{background:var(--accent,#7c3aed);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 4px 12px #7c3aed40}.widget-messages .message-bubble.incoming{color:var(--text-primary,#fff);background:#ffffff0f;border:1px solid #ffffff12;border-bottom-left-radius:4px;align-self:flex-start}.widget-messages .message-bubble .message-time-meta{color:#ffffff73;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:.7rem;display:flex}.widget-messages .message-bubble.outgoing .message-time-meta{justify-content:flex-end}.widget-messages .message-bubble .message-status-tick{letter-spacing:-1px;color:#ffffff80;font-size:.7rem;font-weight:800;position:static}.widget-messages .message-bubble.outgoing .message-status-tick[title=Переглянуто]{color:#c084fc}.widget-messages .message-bubble .reactions{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.widget-messages .message-bubble .reactions .badge{cursor:pointer;background:#ffffff1a;border-radius:10px;padding:1px 5px;font-size:.78rem;transition:background .15s}.widget-messages .message-bubble .reactions .badge.own-reaction{background:#7c3aed59}.widget-messages .attached-video{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;max-width:200px;margin-top:8px;overflow:hidden}.widget-messages .attached-video img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.widget-messages .attached-video .metadata{padding:6px 10px}.widget-messages .attached-video .metadata h5{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;font-weight:600;overflow:hidden}.widget-messages .message-bubble .hover-actions-toolbar{z-index:100;background:#202124;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:4px 8px;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000080}.widget-messages .message-bubble.outgoing .hover-actions-toolbar{margin-right:6px;left:auto;right:100%}.widget-messages .message-bubble.incoming .hover-actions-toolbar{margin-left:6px;left:100%;right:auto}.widget-messages .message-bubble:hover .hover-actions-toolbar{display:flex}.widget-messages .message-bubble .hover-picker{background:var(--bg-card);z-index:100;border:1px solid #ffffff1a;border-radius:20px;gap:2px;padding:3px 6px;position:absolute;top:-34px;box-shadow:0 4px 10px #0006}.widget-messages .message-bubble.incoming .hover-picker{left:8px}.widget-messages .message-bubble.outgoing .hover-picker{left:auto;right:8px}.widget-messages .message-bubble .message-context-menu{top:100%;bottom:auto}.widget-input-container{background:#0f0d1980;border-top:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.widget-input-pill{border:1px solid var(--border-hover);background:#ffffff0d;border-radius:24px;flex:1;align-items:center;gap:8px;padding:6px 12px;transition:border-color .2s;display:flex}.widget-input-pill:focus-within{background:#ffffff12;border-color:#7c3aed80}.widget-input-pill input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.widget-input-pill input::placeholder{color:#ffffff4d}.input-icon-btn{cursor:pointer;color:var(--text-secondary,#ffffff80);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;font-size:1rem;transition:color .2s;display:flex}.input-icon-btn:hover{color:#fff}.btn-send-pill{background:var(--accent-gradient,linear-gradient(135deg, #7c3aed, #6d28d9));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex;box-shadow:0 4px 10px #7c3aed59}.btn-send-pill:hover{transform:scale(1.08);box-shadow:0 6px 14px #7c3aed80}.widget-body{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.widget-dialogs-list{scrollbar-width:thin;scrollbar-color:#7c3aed33 transparent;flex-direction:column;flex:1;gap:2px;padding:6px 8px;display:flex;position:relative;overflow-y:auto}.widget-dialogs-list::-webkit-scrollbar{width:3px}.widget-dialogs-list::-webkit-scrollbar-track{background:0 0}.widget-dialogs-list::-webkit-scrollbar-thumb{background:#7c3aed33;border-radius:3px}.dialog-row{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:background .18s;display:flex}.dialog-row:hover{background:#7c3aed1a;border-color:#7c3aed26}.dialog-row .avatar{background:var(--accent-gradient,linear-gradient(135deg, #7c3aed, #6d28d9));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 8px #7c3aed33}.dialog-row .info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dialog-row .info-header{align-items:center;gap:6px;display:flex}.dialog-row .info-header strong{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.dialog-row .info .unread-badge{background:var(--signal-accent,#7c3aed);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:16px;height:16px;padding:1px 5px;font-size:.7rem;font-weight:700;display:flex}.dialog-row .info p{color:var(--text-secondary,#ffffff80);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.widget-dialogs-list .empty-state{text-align:center;color:var(--text-secondary,#ffffff73);padding:32px 20px;font-size:.85rem;line-height:1.5}.widget-friends-search{flex-direction:column;flex:1;display:flex;overflow:hidden}.widget-friends-search .search-bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 12px;display:flex}.widget-friends-search .search-bar .back-btn{color:var(--text-secondary,#fff9);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:1.1rem;transition:all .2s}.widget-friends-search .search-bar .back-btn:hover{color:#fff;background:var(--border-hover)}.widget-friends-search .search-bar form{flex:1;display:flex}.widget-friends-search .search-bar input{border:1px solid var(--border-hover);color:#fff;background:#ffffff0d;border-radius:20px;outline:none;flex:1;padding:6px 14px;font-size:.85rem;transition:border-color .2s}.widget-friends-search .search-bar input:focus{border-color:#7c3aed80}.widget-friends-search .search-results-list{flex-direction:column;flex:1;gap:4px;padding:6px 8px;display:flex;overflow-y:auto}.widget-friends-search .search-result-row{border:1px solid var(--border);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;transition:all .18s;display:flex}.widget-friends-search .search-result-row:hover{background:#7c3aed14;border-color:#7c3aed26}.widget-friends-search .search-result-row span{color:var(--text-primary,#fff);font-size:.88rem}.widget-friends-search .search-result-row button{background:var(--accent,#7c3aed);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:4px 12px;font-size:.78rem;font-weight:600;transition:background .2s}.widget-friends-search .search-result-row button:hover{background:#6d28d9}.widget-friends-search .search-result-row .status-label{color:var(--text-secondary,#ffffff80);font-size:.78rem}.widget-friends-search .search-result-row .chat-btn{color:var(--accent-light,#c084fc);background:#7c3aed33;border:1px solid #7c3aed66}.widget-friends-search .empty-state{text-align:center;color:var(--text-secondary,#ffffff73);padding:24px;font-size:.85rem}.widget-active-chat .reply-preview-container{border-left:3px solid var(--accent,#7c3aed);background:#121021e6;border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}@media (max-width:480px){.chat-widget-window{border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;position:fixed!important;inset:0!important}}.chat-widget-window.glass{-webkit-backdrop-filter:blur(28px)saturate(1.4)}