@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&display=swap);*,:after,:before{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b2e64;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;height:100dvh;margin:0;overflow-y:auto;overscroll-behavior-y:auto}#root{-webkit-overflow-scrolling:touch;height:100%;overflow:hidden}body.dark-theme,html[data-theme=dark]{background:#0b1220!important}body .chat-avatar-wrapper .nexus-status-indicator-final,body .chat-item .nexus-status-indicator-final,body .nexus-status-indicator-final{border:1.5px solid #e2e8f0!important}[data-theme=dark] .chat-avatar-wrapper .nexus-status-indicator-final,[data-theme=dark] .nexus-status-indicator-final,body.dark-theme .chat-avatar-wrapper .nexus-status-indicator-final,body.dark-theme .nexus-status-indicator-final,html[data-theme=dark] .chat-avatar-wrapper .nexus-status-indicator-final,html[data-theme=dark] .nexus-status-indicator-final{border:1.5px solid #030e21!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html.theme-switching,html.theme-switching *,html.theme-switching .chat-input-area,html.theme-switching .chat-interface,html.theme-switching .chat-item,html.theme-switching .chat-messages-container,html.theme-switching .chats-list-container,html.theme-switching .friends-manager-container,html.theme-switching .header,html.theme-switching .main-container,html.theme-switching .message-bubble,html.theme-switching .message-item,html.theme-switching .nav-item,html.theme-switching .notifications-list-wrapper,html.theme-switching .post-card,html.theme-switching .posts-feed-container,html.theme-switching .sidebar-nav,html.theme-switching :after,html.theme-switching :before,html.theme-switching body{transition:background-color .38s cubic-bezier(.4,0,.2,1),background .38s cubic-bezier(.4,0,.2,1),border-color .38s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .38s cubic-bezier(.4,0,.2,1),fill .3s cubic-bezier(.4,0,.2,1)!important;transition-delay:0s!important}.header{background-color:#f8fafc;border-bottom:1px solid #cbd5e1;position:-webkit-sticky;position:sticky;top:0;transition:none!important;z-index:35000}.header.dropdown-open{z-index:500000!important}.chat-active .header,.videochat-active-page .header,body.game-active-overlay .header,body.game-menu-active .header{z-index:300000!important}.header.dropdown-open,.header:has(.lang-dropdown){z-index:500000!important}@media (max-width:600px){.header-logo .nexus-letter{font-size:22px}}.header-content{align-items:center;box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;height:72px;margin:0;max-width:none;padding:0 28px;width:100%}.header-greeting{align-items:center;animation:greet-pop .28s ease;display:inline-flex;gap:8px;grid-column:2;justify-self:center;max-width:60vw;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.header-greeting-icon{color:#2b85eb;font-size:24px}.header-greeting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0a3d62,#0e7490 25%,#1e40af 50%,#4338ca 75%,#312e81);-webkit-background-clip:text;background-clip:text;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-size:24px;font-weight:800;letter-spacing:.3px}@keyframes greet-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.header-logo{align-items:center;display:inline-flex;flex:0 0 auto;gap:6px;justify-content:flex-start;justify-self:start;margin-left:0;position:static;text-decoration:none;transform:none}.header-logo-img{aspect-ratio:1/1;display:block;height:65px;width:65px}.header-logo:hover{text-decoration:none}.nexus-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ef0ff,#1ab8fb 20%,#2b85eb 35%,#5e5ec7 50%,#764ba2 55%,#5e5ec7 60%,#2b85eb 75%,#1ab8fb 90%,#0ef0ff);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:32px;font-weight:900;letter-spacing:2px;text-decoration:none;text-shadow:0 0 8px #4b8ce680,0 0 12px #785ab44d}.header-right-section{align-items:center;display:flex;gap:20px;grid-column:3;justify-self:end}.header-actions-group{backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0a1120bf;border:1px solid #ffffff24;border-radius:12px;box-shadow:inset 0 1px 1px #ffffff40,0 4px 16px #0000002e;gap:6px;height:38px;transform:translateZ(0);-webkit-transform:translateZ(0)}.header-actions-group,.header-theme-toggle-btn{align-items:center;box-sizing:border-box;display:flex;padding:4px 6px}.header-theme-toggle-btn{background:linear-gradient(180deg,#ffffff38,#ffffff12);border:1px solid #ffffff3d;border-radius:8px;border-top:1.5px solid #ffffffbf;box-shadow:inset 0 1px 1px #ffffff80,0 2px 6px #00000040;color:#fff;cursor:pointer;height:28px;justify-content:center;position:relative;transition:all .2s ease}.header-theme-toggle-btn:hover{background:linear-gradient(180deg,#ffffff59,#ffffff1f);border-color:#fff #ffffff8c #ffffff8c;box-shadow:inset 0 1px 2px #fffc,0 3px 10px #0000004d;color:#fff}.header-theme-toggle-btn:active{transform:scale(.9)}.header-theme-toggle-btn.animating{animation:buttonPop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes buttonPop{0%{transform:scale(.86)}50%{transform:scale(1.14)}to{transform:scale(1)}}.header-theme-toggle-btn svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.header-theme-toggle-btn:hover svg{transform:rotate(25deg) scale(1.1)}.header-theme-toggle-btn.dark{color:#f59e0b}.header-theme-toggle-btn.light{color:#0ef0ff}.header-theme-toggle-btn .header-theme-icon-inner{align-items:center;display:flex;justify-content:center;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.header-theme-toggle-btn.animating .header-theme-icon-inner{animation:themeIconSpin .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes themeIconSpin{0%{transform:rotate(0deg) scale(1)}45%{opacity:.6;transform:rotate(180deg) scale(.65)}to{opacity:1;transform:rotate(1turn) scale(1)}}.header-auto-translate-btn{align-items:center;background:linear-gradient(180deg,#ffffff38,#ffffff12);border:1px solid #ffffff3d;border-radius:8px;border-top:1.5px solid #ffffffbf;box-shadow:inset 0 1px 1px #ffffff80,0 2px 6px #00000040;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;padding:4px 6px;transition:all .2s ease}.header-auto-translate-btn:hover{background:linear-gradient(180deg,#ffffff59,#ffffff1f);border-color:#fff #ffffff8c #ffffff8c;box-shadow:inset 0 1px 2px #fffc,0 3px 10px #0000004d;color:#fff}.header-auto-translate-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #60a5fa;border-top:1.5px solid #bfdbfe;box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #fff9;color:#fff}@media (max-width:768px){.header-right-section{gap:8px}.header-actions-group{border-radius:10px;gap:4px;height:34px;padding:3px 4px}.header-auto-translate-btn{border-radius:6px;height:26px;padding:2px 6px}}.header-avatar-container{align-items:center;align-self:center;display:flex;gap:12px;height:100%;position:relative}.header-avatar{border:2px solid #3498db;border-radius:50%;cursor:pointer;height:40px;overflow:hidden;transition:transform .2s ease;width:40px}.header-avatar:hover{transform:scale(1.05)}.header-avatar img{height:100%;object-fit:cover;width:100%}.header-avatar-placeholder{align-items:center;background:#0b7b70;color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;line-height:1!important;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.header-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;gap:2px;margin-top:8px;min-width:190px;padding:6px;position:absolute;right:0;top:100%;z-index:45000}.header-dropdown .dropdown-item{align-items:center;background:none;border:none;border-radius:10px;box-sizing:border-box;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 14px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.header-dropdown .dropdown-item svg{color:#64748b;flex-shrink:0;font-size:16px;transition:color .15s ease}.header-dropdown .dropdown-item:hover{background-color:#e0f2fe!important;color:#0369a1!important}.header-dropdown .dropdown-item:hover svg{color:#0284c7!important}.header-dropdown .dropdown-item.dropdown-logout-item{border-top:1px solid #f1f5f9!important;color:#ef4444!important;margin-top:4px;padding-top:10px}.header-dropdown .dropdown-item.dropdown-logout-item svg{color:#ef4444!important}.header-dropdown .dropdown-item.dropdown-logout-item:hover{background-color:#fee2e2!important;color:#b91c1c!important}.header-dropdown .dropdown-item.dropdown-logout-item:hover svg{color:#dc2626!important}@media (max-width:768px){.header{border-bottom:1px solid #cbd5e1;box-shadow:none!important;left:0;position:fixed;right:0;top:0;width:100%;z-index:20000}.header-content{align-items:center;display:flex;flex-direction:row;gap:4px;height:60px;justify-content:space-between;padding:8px 10px}.header-greeting{display:none}.header-logo{align-items:center;display:flex;flex-shrink:0}.header-logo-img,[data-theme=dark] .header-logo-img,body.dark-theme .header-logo-img{height:35px!important}.nexus-text{font-size:28px}.header-avatar-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:6px;margin-right:0}.header-avatar{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.header-avatar-placeholder{font-size:14px}}.header-daily-stats{align-items:center;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0a1120bf;border:1px solid #ffffff24;border-radius:12px;box-shadow:inset 0 1px 1px #ffffff40,0 4px 16px #0000002e;box-sizing:border-box;cursor:pointer;display:flex;gap:6px;height:38px;padding:4px 6px;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .2s,box-shadow .2s,background-color .2s}.header-daily-stats:hover{border-color:#ffffff40;box-shadow:inset 0 1px 1px #ffffff59,0 4px 20px #00000040;transform:none}.header-daily-stats:hover .header-stats-item{background:linear-gradient(180deg,#ffffff59,#ffffff1f);border-color:#fff #ffffff8c #ffffff8c}.header-stats-item{align-items:center;background:linear-gradient(180deg,#ffffff38,#ffffff12);border:1px solid #ffffff3d;border-radius:8px;border-top:1.5px solid #ffffffbf;box-shadow:inset 0 1px 1px #ffffff80,0 2px 6px #00000040;box-sizing:border-box;display:flex;gap:6px;height:28px;padding:4px 8px;transition:transform .2s,box-shadow .2s,background-color .2s}.header-stats-item:hover{background:linear-gradient(180deg,#ffffff59,#ffffff1f);border-color:#fff #ffffff8c #ffffff8c;box-shadow:inset 0 1px 2px #fffc,0 3px 10px #0000004d;transform:none}.header-stats-icon{align-items:center;color:#38bdf8;display:flex;flex-shrink:0;font-size:14px;justify-content:center;line-height:1}.is-windows .header-minutes-icon,.is-windows .header-stats-icon{position:relative;top:1px}.is-windows .header-minutes-text,.is-windows .header-stats-value{position:relative;top:0}.is-mac .header-minutes-icon,.is-mac .header-stats-icon{position:relative;top:.5px}.is-mac .header-minutes-text,.is-mac .header-stats-value{position:relative;top:0}.header-stats-value{align-items:center;color:#fff;display:inline-flex;font-size:13px;font-weight:700;line-height:1;white-space:nowrap}@media (max-width:768px){.header-daily-stats{border-radius:10px;gap:4px;height:34px;padding:3px 4px}.header-stats-item{border-radius:6px;gap:4px;height:26px;padding:2px 6px}.header-stats-icon{font-size:13px}.header-stats-value{font-size:12px}}.header-minutes-balance{align-items:center;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0a1120bf;border:1px solid #ffffff24;border-radius:12px;box-shadow:inset 0 1px 1px #ffffff40,0 4px 16px #0000002e;box-sizing:border-box;cursor:pointer;display:flex;gap:6px;height:38px;justify-content:center;padding:4px 6px;transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .2s,box-shadow .2s,background-color .2s}.header-minutes-balance:hover{border-color:#ffffff40;box-shadow:inset 0 1px 1px #ffffff59,0 4px 20px #00000040;transform:none}.header-minutes-balance:hover .header-minutes-item{background:#ffffff40;border-color:#ffffff73}.header-minutes-item{background:#ffffff26;border:1px solid #ffffff38;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff59,0 2px 6px #0000002e;box-sizing:border-box;gap:6px;height:28px;padding:0 10px;transition:background-color .2s,border-color .2s}.header-minutes-icon,.header-minutes-item{align-items:center;display:flex;justify-content:center}.header-minutes-icon{color:#38bdf8;flex-shrink:0;font-size:15px;line-height:1}.header-minutes-text{align-items:baseline;display:inline-flex;gap:4px;justify-content:center;line-height:1}.header-minutes-value{color:#fff;font-size:13px;font-weight:700;line-height:1}.header-minutes-label{color:#fffc;font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1;text-transform:uppercase}@media (max-width:768px){.header-minutes-balance{border-radius:10px;gap:4px;height:34px;padding:3px 4px}.header-minutes-item{border-radius:6px;gap:4px;height:26px;padding:2px 6px}.header-minutes-icon,.header-minutes-item{align-items:center;display:flex;justify-content:center}.header-minutes-icon{align-self:center;font-size:12px}.header-minutes-text,.header-minutes-value{align-items:center;display:inline-flex;line-height:1}.header-minutes-value{font-size:12px}.header-minutes-label{display:none}}@media (min-width:769px) and (max-width:1100px){.header-greeting-text{font-size:18px}.header-greeting-icon{font-size:20px}.header-avatar-container{gap:8px;margin-right:15px}}.header-minutes-balance{position:relative}.header-minutes-tooltip{background:#2c3e50;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #00000040;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;right:0;top:calc(100% + 15px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:nowrap;z-index:9999}.header-minutes-tooltip:before{border-bottom:6px solid #2c3e50;border-left:6px solid #0000;border-right:6px solid #0000;content:"";position:absolute;right:20px;top:-6px}.header-minutes-balance:hover .header-minutes-tooltip{opacity:1;top:calc(100% + 10px);visibility:visible}.header-minutes-balance:hover{transform:translateY(-1px)}.header-minutes-countdown-badge{display:none}@media (max-width:768px){.header-minutes-tooltip{display:none!important}.header-minutes-countdown-badge{align-items:center;background:#e74c3ce6;border:1px solid #fff3;border-radius:6px;border-top:1.5px solid #fff9;box-shadow:inset 0 1px 1px #fff6,0 2px 6px #0003;box-sizing:border-box;color:#fff;display:flex;font-family:inherit;font-size:12px;font-weight:700;height:26px;justify-content:center;margin:0;padding:2px 6px;width:-webkit-fit-content;width:fit-content}@keyframes countdown-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(1.05)}}}.tooltip-text{align-items:center;display:flex;font-weight:500;gap:6px}[data-theme=dark] .header,body.dark-theme .header{background-color:#030e21;border-bottom:1px solid #1e293b}[data-theme=dark] .header-logo-img,body.dark-theme .header-logo-img{object-fit:contain;width:auto}[data-theme=dark] .header-avatar,body.dark-theme .header-avatar{border:2px solid #00f0ff}[data-theme=dark] .header-greeting-text,body.dark-theme .header-greeting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ef0ff,#38bdf8 50%,#818cf8);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .header-greeting-icon,[data-theme=dark] .header-minutes-icon,[data-theme=dark] .header-stats-icon,body.dark-theme .header-greeting-icon,body.dark-theme .header-minutes-icon,body.dark-theme .header-stats-icon{color:#0ef0ff!important}[data-theme=dark] .header-minutes-balance:hover .header-minutes-icon,[data-theme=dark] .header-stats-item:hover .header-stats-icon,body.dark-theme .header-minutes-balance:hover .header-minutes-icon,body.dark-theme .header-stats-item:hover .header-stats-icon{color:#0ef0ff!important;filter:drop-shadow(0 0 4px rgba(14,240,255,.6))}[data-theme=dark] .header-dropdown,body.dark-theme .header-dropdown{background:#162033!important;border:1px solid #1e293b!important;box-shadow:0 12px 32px #0009!important}[data-theme=dark] .header-dropdown .dropdown-item,body.dark-theme .header-dropdown .dropdown-item{border:none!important;color:#e2e8f0!important}[data-theme=dark] .header-dropdown .dropdown-item:hover,body.dark-theme .header-dropdown .dropdown-item:hover{background-color:#0ef0ff14!important;color:#0ef0ff!important}[data-theme=dark] .header-dropdown .dropdown-item:hover svg,body.dark-theme .header-dropdown .dropdown-item:hover svg{color:#0ef0ff!important}[data-theme=dark] .header-dropdown .dropdown-item.dropdown-logout-item,body.dark-theme .header-dropdown .dropdown-item.dropdown-logout-item{border-top:1px solid #1e293b!important;color:#f87171!important}[data-theme=dark] .header-dropdown .dropdown-item.dropdown-logout-item svg,body.dark-theme .header-dropdown .dropdown-item.dropdown-logout-item svg{color:#f87171!important}[data-theme=dark] .header-dropdown .dropdown-item.dropdown-logout-item:hover,body.dark-theme .header-dropdown .dropdown-item.dropdown-logout-item:hover{background-color:#ef44441a!important;color:#ef4444!important}[data-theme=dark] .header-dropdown .dropdown-item.dropdown-logout-item:hover svg,body.dark-theme .header-dropdown .dropdown-item.dropdown-logout-item:hover svg{color:#ef4444!important}.language-switcher{display:inline-block;margin:0;position:relative}.lang-btn{align-items:center;background:linear-gradient(180deg,#ffffff38,#ffffff12);border:1px solid #ffffff3d;border-radius:8px;border-top:1.5px solid #ffffffbf;box-shadow:inset 0 1px 1px #ffffff80,0 2px 6px #00000040;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;height:28px;padding:4px 8px;transition:transform .2s,box-shadow .2s,background-color .2s}.lang-btn:hover{background:linear-gradient(180deg,#ffffff59,#ffffff1f);border-color:#fff #ffffff8c #ffffff8c;box-shadow:inset 0 1px 2px #fffc,0 3px 10px #0000004d;transform:none}.current-flag{align-items:center;border-radius:2px;display:flex;height:16px;justify-content:center;overflow:hidden;width:22px}.flag-img{height:100%;object-fit:cover;width:100%}.lang-label{color:#fff;font-size:.85rem;font-weight:700}.lang-dropdown{animation:langDropdownFade .15s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;display:flex;flex-direction:column;gap:3px;min-width:165px;padding:6px;position:absolute;right:-6px;top:calc(100% + 12px);transform-origin:top right;z-index:45000}@keyframes langDropdownFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lang-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.lang-option:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:600}.lang-option.active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.lang-option.active:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}body.dark-theme .lang-dropdown{background:#0b1220;border:1px solid #0ef0ff59;box-shadow:0 10px 30px #000000b3}body.dark-theme .lang-option{color:#cbd5e1}body.dark-theme .lang-option:hover{background:#0ef0ff1a;border-color:#0ef0ff59;color:#fff}body.dark-theme .lang-option.active{background:#0ef0ff33;border-color:#0ef0ff;color:#0ef0ff;font-weight:700}body.dark-theme .lang-option.active:hover{background:#0ef0ff4d;border-color:#0ef0ff;color:#0ef0ff}.option-flag{align-items:center;border-radius:2px;display:flex;height:18px;justify-content:center;overflow:hidden;width:24px}.option-label{font-size:.95rem}@media (max-width:768px){.language-switcher{margin:0}.lang-dropdown{right:-4px;top:calc(100% + 11px)}.lang-label{display:none}.lang-btn{border-radius:6px;height:26px;padding:2px 6px}.current-flag{height:14px;width:20px}}.toast{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #0006;left:50%;max-width:450px;min-width:320px;overflow:hidden;position:fixed;top:80px;transform:translateX(-50%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:9999999}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.toast.hidden{opacity:0;transform:translateX(-50%) translateY(-30px) scale(.95)}.toast-content{align-items:center;display:flex;gap:14px;padding:16px 20px;position:relative}.toast-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:22px}.toast-icon,.toast-message{align-items:center;display:flex;justify-content:center}.toast-message{flex:1 1;font-size:15px;font-weight:600;letter-spacing:.3px;line-height:1.4;text-align:center}.toast-close{align-items:center;background:#fff3;border:1px solid #ffffff59;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:26px;justify-content:center;opacity:.85;padding:0;transition:all .2s ease;width:26px}.toast-close:hover{background-color:#fff6;border-color:#fff9;opacity:1;transform:scale(1.05)}.toast.error{background:#ef4444d9;border-left:5px solid #ff8787;color:#fff}.toast.success{background:#10b981d9;border-left:5px solid #63e6be;color:#fff}.toast.warning{background:#f59e0bd9;border-left:5px solid #ffe066;color:#fff}.toast.info{background:#3b82f6d9;border-left:5px solid #a5d8ff;color:#fff}.dark-theme .toast{box-shadow:0 15px 50px #0009}@media (max-width:480px){.toast{bottom:auto;left:15px;max-width:none;min-width:auto;right:15px;top:75px;transform:none;z-index:9999999}.toast.visible{opacity:1;transform:translateY(0) scale(1)}.toast.hidden{opacity:0;transform:translateY(-20px) scale(.95)}}.navigation-bar-container{background:#0000;box-sizing:border-box;padding:12px 8px 8px;width:100%}.navigation-bar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0a101ca6;border:1px solid #ffffff1f;border-radius:18px;box-shadow:inset 0 1px 1px #ffffff26,0 8px 24px -4px #0006;box-sizing:border-box;cursor:pointer;display:flex;margin:0;min-height:44px;padding:4px;position:relative;user-select:none;-webkit-user-select:none;z-index:10}.navigation-bar.dragging,.navigation-bar.dragging *{cursor:grabbing!important}.nav-capsule{backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);background:linear-gradient(180deg,#ffffff2e,#ffffff08);border:1px solid #fff6;border-radius:14px;bottom:4px;box-shadow:none;left:4px;left:var(--drag-left-px,calc(4px + var(--active-index, 0)*(16.66667% - 1.33333px)));pointer-events:none;position:absolute;top:4px;transition:left .3s cubic-bezier(.25,1,.5,1);width:calc(16.66667% - 1.33333px);z-index:1}.navigation-bar.dragging .nav-capsule{transition:none!important}.nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:14px;color:#ffffff8c;cursor:inherit;display:flex;flex:1 1;flex-direction:column;font-size:11px;justify-content:center;margin:0;outline:none;padding:9px 3px;position:relative;transition:color .25s ease,transform .15s ease;z-index:2}.nav-item:hover{color:#ffffffe6}.nav-item.active{background:#0000;color:#3498db}.nav-item:active .nav-icon{transform:scale(1.05)}.nav-icon{align-items:center;display:flex;font-size:21px;height:22px;justify-content:center;line-height:1;pointer-events:none;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .25s ease;width:22px}.nav-item:hover .nav-icon{transform:scale(1.12)}.nav-item.active .nav-icon{color:#3498db;filter:none!important;transform:scale(1.16)}.nav-label{font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.nav-badge{align-items:center;background:linear-gradient(135deg,#ff4b4b,#dc2626);border:1.5px solid #ffffffe6;border-radius:10px;box-shadow:0 2px 6px #dc262680;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:1px 5px;pointer-events:none;position:absolute;right:-9px;top:-6px;z-index:5}@media (max-width:768px){.navigation-bar-container{bottom:calc(12px + env(safe-area-inset-bottom, 0px));left:5px;margin:0;padding:0;position:fixed;right:5px;width:auto;z-index:9999}.navigation-bar{backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);background:#0b1220e0;border-radius:28px;box-shadow:0 10px 30px #00000080,inset 0 1px 1px #fff3;padding:6px}.nav-item{border-radius:20px;padding:12px 4px}.nav-capsule{border-radius:20px;bottom:6px;top:6px}.nav-icon{font-size:24px;height:24px;width:24px}.nav-badge{font-size:11px;min-width:16px;padding:1px 5px;right:-6px;top:-4px}}[data-theme=dark] .navigation-bar,body.dark-theme .navigation-bar{background:#0b1220!important;border:1px solid #ffffff26!important}[data-theme=dark] .nav-capsule,body.dark-theme .nav-capsule{border:1.5px solid #ffffff73!important;box-shadow:none!important}[data-theme=dark] .nav-item.active,body.dark-theme .nav-item.active{color:#0ef0ff!important}[data-theme=dark] .nav-item.active .nav-icon,body.dark-theme .nav-item.active .nav-icon{color:#0ef0ff!important;filter:none!important}.profile-media-gallery{margin-top:0;padding:4px 20px 0}.gallery-section-title{color:#64748b;font-size:13px;font-weight:800;letter-spacing:.1em;margin-bottom:16px;padding-left:0;text-align:center;text-transform:uppercase}.media-scroll-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;max-height:400px;overflow-y:auto;padding-bottom:12px;width:100%}.media-scroll-container:after,.media-scroll-container:before{display:none}.media-scroll-container::-webkit-scrollbar{display:none}.profile-media-card{aspect-ratio:1/1;background:#f8fafc;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;flex-basis:calc(33.33333% - 8px);flex-grow:0;flex-shrink:0;height:125px;min-width:100px;overflow:hidden;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1)}.profile-media-card:hover{filter:brightness(.95)}.media-wrapper{height:100%;position:relative;width:100%}.media-wrapper img,.media-wrapper video{height:100%;object-fit:cover;width:100%}.media-type-icon{background:#0000004d;border-radius:8px;color:#fff;font-size:.9rem;height:24px;justify-content:center;left:8px;top:8px;width:24px}.like-button,.media-type-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;position:absolute}.like-button{background:#ffffffe6;border:none;border-radius:20px;bottom:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;gap:4px;padding:4px 8px;right:8px;transition:all .2s;z-index:2}.like-button svg{color:#64748b;font-size:1.1rem;transition:color .2s,transform .2s cubic-bezier(.175,.885,.32,1.275)}.like-button.liked svg{color:#ef4444;transform:scale(1.1)}.like-button:hover{background:#fff;transform:scale(1.05)}.likes-count{color:#1e293b;font-size:.75rem;font-weight:700}.profile-gallery-loading{color:#94a3b8;display:flex;justify-content:center;padding:40px}.profile-media-preview-overlay{align-items:center;background:#000000f2;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:999999}.profile-media-preview-content{align-items:center;cursor:default;display:flex;justify-content:center;max-height:100%;max-width:100%;position:relative}.profile-media-preview-wrapper{position:relative}.profile-media-preview-wrapper img,.profile-media-preview-wrapper video{border-radius:12px;box-shadow:0 0 50px #00000080;display:block;max-height:85vh;max-width:90vw}.profile-preview-close-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 15px #0006;cursor:pointer;display:flex;font-size:24px;font-weight:900;height:36px;justify-content:center;position:absolute;right:-18px;top:-18px;width:36px;z-index:10}@media (max-width:768px){.profile-media-card{aspect-ratio:1/1;flex-basis:calc(50% - 6px);flex-grow:0;flex-shrink:0;height:auto!important;min-width:0!important;min-width:auto!important}.profile-media-preview-overlay{padding:10px!important}.profile-media-preview-wrapper img,.profile-media-preview-wrapper video{border-radius:8px!important;max-height:85vh!important;max-width:95vw!important}.profile-preview-close-btn{background:#ffffffe6!important;box-shadow:0 2px 10px #0006!important;font-size:20px!important;height:30px!important;right:10px!important;top:10px!important;width:30px!important}}.profile-folders-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);width:100%}.profile-folder-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:8px 4px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.profile-folder-item:hover{background:#f1f5f9;transform:translateY(-2px)}.folder-icon-wrapper{align-items:center;aspect-ratio:1/1;background:#e2e8f0;border-radius:16px;box-shadow:inset 0 -4px 10px #0000000d;color:#64748b;display:flex;font-size:30px;height:auto;justify-content:center;max-width:70px;position:relative;width:100%}.folder-items-count{background:#ef4444;border:2px solid #fff;border-radius:12px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}.folder-name-label{color:#334155;font-size:13px;font-weight:600;text-align:center;word-break:break-word}.active-folder-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.folder-back-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.folder-back-btn:hover{background:#e2e8f0;color:#1e293b}.active-folder-title{color:#1e293b;font-size:16px;font-weight:700;margin:0}.empty-profile-folder{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center;width:100%}[data-theme=dark] .gallery-section-title,body.dark-theme .gallery-section-title{color:#94a3b8!important}[data-theme=dark] .profile-folder-item:hover,body.dark-theme .profile-folder-item:hover{background:#18283e!important}[data-theme=dark] .folder-icon-wrapper,body.dark-theme .folder-icon-wrapper{background:#121e31!important;border:1px solid #1e293b!important;box-shadow:0 4px 12px #0006!important;color:#0ef0ff!important}[data-theme=dark] .folder-items-count,body.dark-theme .folder-items-count{background:#ef4444!important;border-color:#0b1220!important;color:#fff!important}[data-theme=dark] .folder-name-label,body.dark-theme .folder-name-label{color:#e2e8f0!important}[data-theme=dark] .profile-media-card,body.dark-theme .profile-media-card{background:#121e31!important;border:1px solid #1e293b!important}[data-theme=dark] .active-folder-header,body.dark-theme .active-folder-header{border-bottom-color:#1e293b!important}[data-theme=dark] .active-folder-title,body.dark-theme .active-folder-title{color:#fff!important}[data-theme=dark] .folder-back-btn,body.dark-theme .folder-back-btn{background:#121e31!important;border:1px solid #1e293b!important;color:#94a3b8!important}[data-theme=dark] .folder-back-btn:hover,body.dark-theme .folder-back-btn:hover{background:#18283e!important;border-color:#0ef0ff!important;color:#fff!important}[data-theme=dark] .like-button,body.dark-theme .like-button{background:#121e31d9!important;border:1px solid #1e293b!important}[data-theme=dark] .like-button svg,body.dark-theme .like-button svg{color:#94a3b8!important}[data-theme=dark] .like-button.liked svg,body.dark-theme .like-button.liked svg{color:#ef4444!important}[data-theme=dark] .like-button:hover,body.dark-theme .like-button:hover{background:#1e293b!important}[data-theme=dark] .likes-count,body.dark-theme .likes-count{color:#fff!important}.story-viewer-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}.story-viewer-container{aspect-ratio:9/16;background:#000;border-radius:20px;box-shadow:0 20px 50px #000c;display:flex;flex-direction:column;height:auto;max-height:75vh;max-width:350px;overflow:hidden;position:relative;transform:translateY(20px);width:90%}.story-progress-container{display:flex;gap:4px;left:12px;position:absolute;right:12px;top:20px;z-index:10}.story-progress-bar-bg{background:#ffffff4d;border-radius:2px;flex:1 1;height:2px;overflow:hidden}.story-progress-fill{background:#fff;height:100%;width:0}.story-viewer-header{align-items:center;display:flex;justify-content:space-between;left:0;padding:0 15px;position:absolute;right:0;top:40px;z-index:10}.story-user-info{align-items:center;display:flex;gap:10px}.story-avatar{border-radius:50%;height:32px;overflow:hidden;position:relative;width:32px}.story-avatar.has-stories{align-items:center;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);box-sizing:border-box;display:flex;justify-content:center;padding:2px}.story-avatar.has-stories .avatar-placeholder,.story-avatar.has-stories img{border:2px solid #000;border-radius:50%;box-sizing:border-box;height:100%;width:100%}.story-avatar img{height:100%;object-fit:cover;width:100%}.story-avatar .avatar-placeholder{align-items:center;background:#11a0f1;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.story-header-text{display:flex;flex-direction:column;gap:2px}.story-user-name{color:#fff;font-size:.95rem;font-weight:600;text-shadow:0 1px 2px #00000080}.story-time-remaining{color:#ffffffd9;font-size:.75rem;font-weight:500;text-shadow:0 1px 2px #0000004d}.story-close-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;opacity:.8;padding:5px;transition:opacity .2s}.story-close-btn:hover{opacity:1}.story-content-wrapper{align-items:center;cursor:pointer;display:flex;flex:1 1;height:100%;justify-content:center;position:relative;width:100%}.story-paused-indicator{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.pause-icon{align-items:center;background:#00000080;border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;width:60px}.pause-icon:after,.pause-icon:before{background:#fff;border-radius:3px;content:"";height:24px;margin:0 3px;width:6px}.story-nav-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:44px;z-index:20}.story-viewer-container:hover .story-nav-btn{opacity:.6}.story-nav-btn:hover{background:#fff3;opacity:1!important}.story-nav-btn.prev{left:-60px}.story-nav-btn.next{right:-60px}.story-nav-btn:disabled{display:none}@media (max-width:768px){.story-viewer-header{top:40px}.story-viewer-container{border-radius:20px;max-height:75vh;transform:translateY(0);width:85%}}.story-spinner-container{align-items:center;display:flex;flex-direction:column;gap:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:15}.story-spinner{animation:story-spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes story-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.story-content-wrapper video{background:#000;height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.story-content-wrapper video.is-loading{opacity:0}.story-actions{bottom:20px;display:flex;flex-direction:column;gap:15px;position:absolute;right:15px;z-index:15}.story-like-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28282866;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:24px;gap:8px;height:42px;justify-content:center;min-width:42px;padding:0 12px;transition:all .2s ease;width:auto}.story-like-count{color:#fff!important;font-size:15px;font-weight:700;text-shadow:0 1px 4px #00000080}.story-like-btn:hover{background:#ffffff26;transform:scale(1.05)}.story-like-btn.liked{background:#28282899;border:1px solid #ff3b304d;color:#ff3b30}.story-like-btn.liked:hover{background:#ff3b3040}.story-interactions-view{bottom:20px;display:flex;gap:8px;left:15px;position:absolute;z-index:15}.story-stat-like-btn,.story-stat-view-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28282899;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.story-stat-like-btn:hover,.story-stat-view-btn:hover{background:#fff3;transform:scale(1.05)}.story-stat-like-btn svg,.story-stat-view-btn svg{font-size:18px}.story-stat-like-btn{color:#ff3b30}.story-likers-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0;z-index:100}.likers-list-content{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #00000080;max-width:300px;overflow:hidden;width:100%}.likers-list-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px}.likers-list-header h4{color:#fff;font-size:16px;margin:0}.likers-list-header button{background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:20px}.likers-list-items{max-height:300px;overflow-y:auto;padding:10px}.liker-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:8px 12px;transition:background .2s}.liker-avatar-small{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.liker-avatar-small img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-tiny{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;width:100%}.liker-item:hover{background:#ffffff0d}.liker-name{color:#fff;font-size:14px;font-weight:500}.user-posts-modal-overlay{align-items:center;animation:userPostsFadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172ac7;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000000}@keyframes userPostsFadeIn{0%{opacity:0}to{opacity:1}}.user-posts-modal-content{animation:userPostsScaleIn .25s cubic-bezier(.16,1,.3,1);background:#1e293b;border:1px solid #ffffff1f;border-radius:18px;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:hidden;position:relative;width:100%}@keyframes userPostsScaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-posts-modal-header{align-items:center;background:#243447;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 18px;position:relative}.user-posts-header-info{align-items:center;display:flex;gap:10px}.user-posts-header-info .user-posts-avatar-wrap{height:36px;width:36px}.user-posts-header-info .user-posts-avatar{border:2px solid #3498db;border-radius:50%;height:36px;object-fit:cover;width:36px}.user-posts-header-info .user-posts-avatar-placeholder{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.user-posts-title-wrap h3{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.user-posts-count-badge{background:#38bdf833;border:1px solid #38bdf859;border-radius:10px;color:#38bdf8;font-size:12px;font-weight:700;padding:2px 7px}.user-posts-close-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;color:#ffffffbf;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;line-height:1;transition:all .15s ease;width:30px}.user-posts-close-btn:hover{background:#fff3;border-color:#ffffff4d;color:#fff;transform:scale(1.05)}.user-posts-modal-body{background:#141e2c;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px}.user-posts-empty,.user-posts-loading{color:#fff9;font-size:14.5px;padding:40px 20px;text-align:center}.user-posts-empty-icon{color:#ffffff4d;font-size:38px;margin-bottom:10px}.user-post-card{background:#243447;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 4px 14px #00000040;display:flex;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .2s ease}.user-post-card:hover{border-color:#ffffff29}.user-post-header{align-items:center;display:flex;justify-content:space-between}.user-post-author-info{align-items:center;display:flex;gap:10px}.user-posts-author-avatar-wrap{height:38px;position:relative;width:38px}.user-posts-author-avatar{border:1px solid #ffffff26;border-radius:50%;height:38px;object-fit:cover;width:38px}.user-post-author-name{color:#fff;display:block;font-size:14px;font-weight:600}.user-post-time{color:#ffffff80;display:block;font-size:11.5px}.user-post-text{color:#ffffffeb;font-size:14px;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-word}.user-post-image-wrap{align-items:center;border:1px solid #ffffff1f;border-radius:14px;cursor:pointer;display:flex;justify-content:flex-start;margin:10px 0 12px;max-height:420px;max-width:100%;overflow:hidden;width:-webkit-fit-content;width:fit-content}.user-post-image{border-radius:14px;display:block;height:auto;max-height:420px;max-width:100%;object-fit:cover;width:auto}.user-post-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;padding-top:6px}.user-post-actions-left{align-items:center;display:flex;gap:8px}.user-post-action-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;box-sizing:border-box;color:#ffffffbf;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;height:32px;line-height:1;padding:0 12px;transition:all .15s ease}.user-post-action-btn.has-who-liked{gap:4px;padding-left:11px;padding-right:8px}.user-post-like-inner{align-items:center;display:inline-flex;gap:5px}.user-post-pill-divider{background:#fff3;flex-shrink:0;height:13px;margin:0 2px;width:1px}.user-post-action-btn.liked .user-post-pill-divider{background:#ef444459}.user-post-action-btn svg{font-size:18px}.user-post-action-btn:hover{background:#ffffff1f;color:#fff}.user-post-action-btn.liked{background:#ef44442e;border-color:#ef444466;color:#f87171}.user-post-who-liked-icon{align-items:center;border-radius:50%;color:#fff9;display:inline-flex;justify-content:center;padding:2px;transition:all .15s ease}.user-post-who-liked-icon:hover{background:#ffffff26;color:#fff}.user-post-delete-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffff73;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s ease}.user-post-delete-btn:hover{background:#ef444426;color:#ef4444}.user-post-comments-wrap{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:10px;margin-top:4px;padding-top:10px}.user-post-comments-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding-right:2px}.user-post-comment-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:8px;padding:8px 10px}.user-posts-comment-avatar{border:1px solid #ffffff26;border-radius:50%;height:28px;object-fit:cover;width:28px}.user-post-comment-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.user-post-comment-header{align-items:center;display:flex;justify-content:space-between}.user-post-comment-author{color:#fff;font-size:12.5px;font-weight:600}.user-post-comment-time{color:#ffffff73;font-size:11px}.user-post-comment-text{color:#ffffffe0;font-size:13px;line-height:1.4;word-break:break-word}.user-post-comment-actions{align-items:center;display:flex;gap:10px;margin-top:3px}.user-post-comment-act-btn{align-items:center;background:#0000;border:none;color:#ffffff80;cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:500;gap:3px;padding:0;transition:color .15s ease}.user-post-comment-act-btn:hover{color:#fff}.user-post-comment-act-btn.liked{color:#f87171}.user-post-comment-input-wrap{align-items:center;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:20px;display:flex;gap:6px;padding:5px 10px 5px 12px;position:relative;transition:border-color .15s ease}.user-post-comment-input-wrap:focus-within{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.user-post-comment-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:13px;outline:none}.user-post-comment-input::placeholder{color:#fff6}.user-post-emoji-btn,.user-post-send-comment-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .15s ease}.user-post-emoji-btn:hover{color:#f59e0b}.user-post-send-comment-btn{color:#38bdf8}.user-post-send-comment-btn:hover{color:#60a5fa;transform:scale(1.1)}.user-post-send-comment-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.user-post-emoji-popover{border-radius:12px;bottom:45px;box-shadow:0 10px 30px #0009;overflow:hidden;position:absolute;right:8px;z-index:1000005}.user-posts-dark-modal{background:#243447;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 20px 50px #0009;max-width:400px;overflow:hidden;width:100%}.user-posts-dark-modal-header{align-items:center;background:#1e293b;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 18px}.user-posts-dark-modal-header h3{align-items:center;color:#fff;display:flex;font-size:15.5px;font-weight:700;gap:8px;margin:0}.user-posts-dark-modal-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding:10px 14px}.user-posts-dark-user-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:10px;padding:8px 10px}.user-posts-dark-user-item span{color:#fff;font-size:13.5px;font-weight:600}@media (max-width:640px){.user-posts-modal-content{border-radius:14px;max-height:92vh}.user-posts-modal-body{padding:12px}.user-post-image,.user-post-image-wrap{max-height:240px}}[data-theme=dark] .user-posts-modal-overlay,body.dark-theme .user-posts-modal-overlay{background:#030e21bf}[data-theme=dark] .user-posts-modal-content,body.dark-theme .user-posts-modal-content{background:#0b1220;border:1px solid #1e293b;box-shadow:0 20px 60px #000000b3}[data-theme=dark] .user-posts-modal-header,body.dark-theme .user-posts-modal-header{background:#0b1220;border-bottom:1px solid #1e293b}[data-theme=dark] .user-posts-title-wrap h3 svg,body.dark-theme .user-posts-title-wrap h3 svg{color:#0ef0ff!important}[data-theme=dark] .user-posts-header-info .user-posts-avatar,body.dark-theme .user-posts-header-info .user-posts-avatar{border:2px solid #00f0ff}[data-theme=dark] .user-posts-author-avatar,body.dark-theme .user-posts-author-avatar{border:1.5px solid #1e293b}[data-theme=dark] .user-posts-close-btn,body.dark-theme .user-posts-close-btn{background:#ffffff14;border:1px solid #ffffff1a;color:#94a3b8}[data-theme=dark] .user-posts-close-btn:hover,body.dark-theme .user-posts-close-btn:hover{background:#ffffff29;color:#fff}[data-theme=dark] .user-posts-count-badge,body.dark-theme .user-posts-count-badge{background:#0ef0ff26;border:1px solid #0ef0ff59;color:#0ef0ff}[data-theme=dark] .user-posts-modal-body,body.dark-theme .user-posts-modal-body{background:#0b1220;scrollbar-color:#0ef0ff #0000!important}[data-theme=dark] .user-posts-empty,[data-theme=dark] .user-posts-loading,body.dark-theme .user-posts-empty,body.dark-theme .user-posts-loading{color:#94a3b8}[data-theme=dark] .user-posts-empty-icon,body.dark-theme .user-posts-empty-icon{color:#64748b}[data-theme=dark] .user-post-card,body.dark-theme .user-post-card{background:#121e31;border:1px solid #1e293b;box-shadow:0 4px 14px #0006}[data-theme=dark] .user-post-card:hover,body.dark-theme .user-post-card:hover{border-color:#0ef0ff40}[data-theme=dark] .user-post-author-name,body.dark-theme .user-post-author-name{color:#fff}[data-theme=dark] .user-post-time,body.dark-theme .user-post-time{color:#94a3b8}[data-theme=dark] .user-post-text,body.dark-theme .user-post-text{color:#ecedee}[data-theme=dark] .user-post-image-wrap,body.dark-theme .user-post-image-wrap{background:#0b1220;border-color:#1e293b}[data-theme=dark] .user-post-footer,body.dark-theme .user-post-footer{border-top:none;padding-top:2px}[data-theme=dark] .user-post-action-btn,body.dark-theme .user-post-action-btn{background:#0ef0ff14!important;border:1px solid #0ef0ff33!important;border-radius:17px!important;box-shadow:none!important;color:#0ef0ff!important;font-weight:700!important}[data-theme=dark] .user-post-action-btn:hover,body.dark-theme .user-post-action-btn:hover{background:#0ef0ff29!important;border-color:#0ef0ff4d!important;box-shadow:none!important;color:#0ef0ff!important}[data-theme=dark] .user-post-action-btn.liked,body.dark-theme .user-post-action-btn.liked{background:#ff4b4b1f!important;border-color:#ff4b4b4d!important;box-shadow:none!important;color:#ff4b4b!important}[data-theme=dark] .user-post-action-btn.liked svg,body.dark-theme .user-post-action-btn.liked svg{fill:#ff4b4b!important;color:#ff4b4b!important}[data-theme=dark] .user-post-who-liked-icon,body.dark-theme .user-post-who-liked-icon{color:#0ef0ff!important}[data-theme=dark] .user-post-who-liked-icon:hover,body.dark-theme .user-post-who-liked-icon:hover{background:#0ef0ff33!important;color:#fff!important}[data-theme=dark] .user-post-pill-divider,body.dark-theme .user-post-pill-divider{background:#0ef0ff40!important}[data-theme=dark] .user-post-action-btn.liked .user-post-pill-divider,body.dark-theme .user-post-action-btn.liked .user-post-pill-divider{background:#ff4b4b40!important}[data-theme=dark] .user-post-comments-wrap,body.dark-theme .user-post-comments-wrap{border-top:1px solid #1e293b}[data-theme=dark] .user-post-comment-item,body.dark-theme .user-post-comment-item{background:#162033;border:1px solid #1e293b}[data-theme=dark] .user-post-comment-author,body.dark-theme .user-post-comment-author{color:#fff}[data-theme=dark] .user-post-comment-time,body.dark-theme .user-post-comment-time{color:#94a3b8}[data-theme=dark] .user-post-comment-text,body.dark-theme .user-post-comment-text{color:#ecedee}[data-theme=dark] .user-post-comment-act-btn,body.dark-theme .user-post-comment-act-btn{color:#94a3b8}[data-theme=dark] .user-post-comment-act-btn:hover,body.dark-theme .user-post-comment-act-btn:hover{color:#0ef0ff}[data-theme=dark] .user-post-comment-act-btn.liked,body.dark-theme .user-post-comment-act-btn.liked{color:#f87171}[data-theme=dark] .user-post-comment-input-wrap,body.dark-theme .user-post-comment-input-wrap{background:#101929;border:1px solid #1e293b}[data-theme=dark] .user-post-comment-input-wrap:focus-within,body.dark-theme .user-post-comment-input-wrap:focus-within{border-color:#0ef0ff;box-shadow:0 0 0 2px #0ef0ff33}[data-theme=dark] .user-post-send-comment-btn,body.dark-theme .user-post-send-comment-btn{color:#0ef0ff}[data-theme=dark] .user-post-send-comment-btn:hover,body.dark-theme .user-post-send-comment-btn:hover{color:#38bdf8}[data-theme=dark] .user-posts-dark-modal,body.dark-theme .user-posts-dark-modal{background:#0b1220;border:1px solid #1e293b}[data-theme=dark] .user-posts-dark-modal-header,body.dark-theme .user-posts-dark-modal-header{background:#0b1220;border-bottom:1px solid #1e293b}[data-theme=dark] .user-posts-dark-user-item,body.dark-theme .user-posts-dark-user-item{background:#121e31;border:1px solid #1e293b}[data-theme=dark] .user-posts-dark-user-item:hover,body.dark-theme .user-posts-dark-user-item:hover{background:#18283e;border-color:#0ef0ff4d}.user-profile-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}.user-profile-modal{animation:userProfileFadeIn .25s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 16px 45px #0003;display:flex;flex-direction:column;max-height:88vh;max-width:480px;overflow:hidden;position:relative;width:95%}@keyframes userProfileFadeIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-profile-modal .modal-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;box-sizing:border-box;display:flex;justify-content:center!important;padding:14px 20px;position:relative;width:100%}.user-profile-modal .modal-header h3{color:#0f172a;font-size:16px;font-weight:700;margin:0;text-align:center}.user-profile-modal .close-btn{align-items:center;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:50%;color:#475569!important;cursor:pointer;display:flex;font-size:18px!important;font-weight:900!important;height:32px!important;justify-content:center;line-height:1;padding:0;position:absolute;right:14px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease;width:32px!important;z-index:10}.user-profile-modal .close-btn:hover{background:#e2e8f0!important;color:#0f172a!important}.user-profile-modal .modal-content{box-sizing:border-box;margin:0!important;max-height:calc(88vh - 65px);overflow-x:hidden;overflow-y:auto;padding:0!important;width:100%!important}.profile-header-card{flex-direction:column;padding:22px 20px 14px;text-align:center}.profile-header-card,.user-profile-modal .profile-avatar-large{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.user-profile-modal .profile-avatar-large{background:#e9ecef;border:3.5px solid #3498db;border-radius:50%;box-shadow:0 4px 15px #0000001a;color:#666;cursor:pointer;font-size:48px;height:120px;margin:0 auto 12px;overflow:hidden;position:relative;transition:transform .2s ease;width:120px}.user-profile-modal .profile-avatar-large:hover{transform:scale(1.04)}.user-profile-modal .profile-avatar-large.has-stories{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border:none;padding:3px}.user-profile-modal .profile-avatar-large.has-stories.all-viewed{background:linear-gradient(45deg,#95a5a6,#7f8c8d)}.user-profile-modal .profile-avatar-large.has-stories .avatar-placeholder-large,.user-profile-modal .profile-avatar-large.has-stories img{border:2px solid #fff;border-radius:50%;box-sizing:border-box}.user-profile-modal .profile-avatar-large img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-large{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:42px;font-weight:800;height:100%;justify-content:center;line-height:1!important;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.story-profile-timer{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#6366f1f2;border:1px solid #ffffff4d;border-radius:20px;bottom:8px;box-shadow:0 4px 10px #0000004d;color:#fff;display:flex;font-size:.7rem;font-weight:700;gap:5px;padding:4px 10px;position:absolute;white-space:nowrap;z-index:5}.story-profile-timer svg{font-size:.9rem}.profile-user-name{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0 0 4px}.profile-user-id-row{align-items:center;background:#f1f5f9;border-radius:12px;color:#64748b;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:8px;padding:3px 10px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.profile-user-id-row:hover{background:#e2e8f0;color:#334155}.profile-user-id-row .copy-icon{color:#94a3b8;transition:color .15s ease}.profile-user-id-row .copy-icon.copied{color:#10b981}.profile-location-pill{align-items:center;background:#0ea5e914;border-radius:20px;color:#0284c7;display:inline-flex;font-size:12.5px;font-weight:600;gap:5px;margin-bottom:12px;padding:4px 12px}.profile-quick-actions{display:flex;gap:12px;margin-top:4px;width:100%}.profile-quick-actions,.quick-action-btn{align-items:center;justify-content:center}.quick-action-btn{border:1px solid #0000;border-radius:20px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:7px;padding:8px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.quick-action-btn.message-btn{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.quick-action-btn.message-btn:hover{background:#dbeafe;transform:translateY(-1px)}.quick-action-btn.posts-btn{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.quick-action-btn.posts-btn:hover{background:#dcfce7;transform:translateY(-1px)}.profile-bio-section{box-sizing:border-box;padding:0 20px 14px}.profile-section-title{color:#94a3b8;display:block;font-size:11px;font-weight:800;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.profile-bio-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#334155;font-size:13.5px;line-height:1.5;padding:12px 14px}.profile-bio-card p{margin:0;white-space:pre-wrap;word-break:break-word}.profile-stats-container{box-sizing:border-box;padding:0 20px 14px;width:100%}.profile-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);width:100%}.profile-stat-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;box-sizing:border-box;display:flex;gap:10px;padding:10px 12px;transition:border-color .2s ease}.profile-stat-card:hover{border-color:#cbd5e1}.stat-icon-wrap{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0284c7;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.stat-text-wrap{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.stat-label{color:#94a3b8;font-size:9.5px;font-weight:800;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stat-value{color:#1e293b;font-size:12.5px;font-weight:700;line-height:1.25;white-space:normal;word-break:break-word}.avatar-zoom-overlay{background:#000000e6;cursor:pointer;display:grid!important;padding:40px;place-items:center!important}.avatar-zoom-content{cursor:default;display:table!important;height:auto!important;margin:0!important;position:relative;width:auto!important}.avatar-zoom-content img{border-radius:12px;box-shadow:0 0 50px #00000080;display:block!important;height:auto;max-height:85vh;max-width:90vw;width:auto}.avatar-zoom-close{align-items:center!important;background:#fff!important;border:1px solid #0003!important;border-radius:50%;box-shadow:0 4px 15px #0006;color:#000!important;cursor:pointer;display:flex!important;font-size:24px!important;font-weight:900!important;height:36px!important;justify-content:center!important;position:absolute;right:0;top:0;transform:translate(50%,-50%)!important;transition:all .2s ease;width:36px!important;z-index:999999}.avatar-zoom-close:hover{background:#ff4757!important;color:#fff!important}.avatar-placeholder-zoom{align-items:center;background-color:#e9ecef;border-radius:50%;box-shadow:0 8px 25px #0000004d;color:#fff;display:flex;font-size:200px;font-weight:700;height:500px;justify-content:center;width:500px}@media (max-width:640px){.user-profile-modal-overlay{padding:max(10px,env(safe-area-inset-top,10px)) 10px max(10px,env(safe-area-inset-bottom,10px))!important}.user-profile-modal{margin:auto;max-height:calc(100vh - 30px);max-height:calc(100dvh - 30px);max-width:400px;width:95%}.user-profile-modal .modal-content{max-height:calc(100vh - 90px)!important;max-height:calc(100dvh - 90px)!important;padding-bottom:24px!important}.profile-header-card{padding:16px 14px 12px}.profile-stats-container{padding:0 14px 12px}.profile-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.profile-stat-card{gap:8px;min-width:0;padding:8px 10px}.stat-icon-wrap{border-radius:8px;flex-shrink:0;height:28px;width:28px}.stat-icon-wrap svg{height:15px;width:15px}.stat-text-wrap{flex:1 1;min-width:0}.stat-label{font-size:8.5px;letter-spacing:.3px}.stat-value{font-size:11.5px;line-height:1.25;white-space:normal;word-break:break-word}.user-profile-modal .profile-avatar-large{font-size:38px;height:96px;width:96px}.profile-user-name{font-size:18px}.quick-action-btn{font-size:12px;padding:7px 14px}}[data-theme=dark] .user-profile-modal,body.dark-theme .user-profile-modal{background:#0b1220!important;border:1px solid #1e293b!important;box-shadow:0 20px 60px #000000b3!important;color:#fff!important}[data-theme=dark] .user-profile-modal .modal-header,body.dark-theme .user-profile-modal .modal-header{background:#0b1220!important;border-bottom:1px solid #1e293b!important}[data-theme=dark] .user-profile-modal .modal-header h3,body.dark-theme .user-profile-modal .modal-header h3{color:#fff!important}[data-theme=dark] .user-profile-modal .close-btn,body.dark-theme .user-profile-modal .close-btn{background:#ffffff14!important;border:1px solid #ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .user-profile-modal .close-btn:hover,body.dark-theme .user-profile-modal .close-btn:hover{background:#ffffff29!important;color:#fff!important}[data-theme=dark] .user-profile-modal .modal-content,body.dark-theme .user-profile-modal .modal-content{background:#0b1220!important;scrollbar-color:#0ef0ff #0000!important}[data-theme=dark] .user-profile-modal .profile-avatar-large:not(.has-stories),body.dark-theme .user-profile-modal .profile-avatar-large:not(.has-stories){border-color:#00f0ff!important;box-shadow:none!important}[data-theme=dark] .profile-user-name,body.dark-theme .profile-user-name{color:#fff!important}[data-theme=dark] .profile-user-id-row,body.dark-theme .profile-user-id-row{background:#121e31!important;border:1px solid #1e293b!important;color:#94a3b8!important}[data-theme=dark] .profile-user-id-row:hover,body.dark-theme .profile-user-id-row:hover{background:#18283e!important;border-color:#0ef0ff4d!important;color:#fff!important}[data-theme=dark] .profile-location-pill,body.dark-theme .profile-location-pill{background:#0ef0ff14!important;border:1px solid #0ef0ff33!important;color:#0ef0ff!important}[data-theme=dark] .quick-action-btn,body.dark-theme .quick-action-btn{background:#0ef0ff14!important;border:1px solid #0ef0ff40!important;color:#0ef0ff!important}[data-theme=dark] .quick-action-btn:hover,body.dark-theme .quick-action-btn:hover{background:#0ef0ff29!important;border-color:#0ef0ff!important}[data-theme=dark] .profile-bio-card,body.dark-theme .profile-bio-card{background:#121e31!important;border:1px solid #1e293b!important;color:#ecedee!important}[data-theme=dark] .profile-stat-card,body.dark-theme .profile-stat-card{background:#121e31!important;border:1px solid #1e293b!important}[data-theme=dark] .profile-stat-card:hover,body.dark-theme .profile-stat-card:hover{border-color:#0ef0ff40!important}[data-theme=dark] .stat-icon-wrap,body.dark-theme .stat-icon-wrap{background:#162033!important;border:1px solid #1e293b!important;color:#0ef0ff!important}[data-theme=dark] .stat-label,body.dark-theme .stat-label{color:#94a3b8!important}[data-theme=dark] .stat-value,body.dark-theme .stat-value{color:#fff!important}.report-modal-overlay{align-items:center!important;animation:fadeIn .3s forwards;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;background-color:#0009!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;opacity:0;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999999!important}.report-modal-content{animation:scaleIn .3s cubic-bezier(.2,.8,.2,1) forwards;background:#2c2f33;border-radius:15px;box-shadow:0 5px 20px #0006;box-sizing:border-box;color:#fff;max-width:400px;padding:25px 30px;position:relative;transform:scale(.95);width:90%}@keyframes scaleIn{to{transform:scale(1)}}.report-modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:2rem;position:absolute;right:15px;top:10px;transition:color .2s}.report-modal-close:hover{color:#fff}.report-modal-content h2{color:#fff;font-weight:600;margin-bottom:10px;margin-top:0;text-align:center}.report-modal-content p{color:#ccc;margin-bottom:20px;text-align:center}.report-modal-content p strong{color:#7289da;font-weight:700}.report-reasons{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.report-reason-label{align-items:center;background-color:#23272a;border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:12px;transition:background-color .2s}.report-reason-label:hover{background-color:#202225}.report-reason-label input[type=radio]{appearance:none;-webkit-appearance:none;border:2px solid #7289da;border-radius:50%;cursor:pointer;flex-shrink:0;height:18px;margin:0;position:relative;transition:background-color .2s;width:18px}.report-reason-label input[type=radio]:checked{background-color:#7289da;border-color:#7289da}.report-reason-label input[type=radio]:checked:after{background-color:#fff;border-radius:50%;content:"";display:block;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.report-modal-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.report-details-textarea{background-color:#23272a;border:1px solid #202225;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;margin-bottom:15px;margin-top:-10px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.report-details-textarea:focus{border-color:#7289da;outline:none}.report-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:background-color .2s,opacity .2s}.report-btn.cancel{background-color:initial;color:#ccc}.report-btn.cancel:hover{color:#fff}.report-btn.submit{background-color:#e74c3c;color:#fff}.report-btn.submit:hover{background-color:#c0392b}.report-btn:disabled{cursor:not-allowed;opacity:.5}.report-error{color:#e74c3c;font-weight:500;margin-bottom:15px;margin-top:-10px;text-align:center}[data-theme=dark] .report-modal-content,body.dark-theme .report-modal-content{background:#0b1220;border:1px solid #1e293b}[data-theme=dark] .report-reason-label,body.dark-theme .report-reason-label{background-color:#121e31;border-color:#1e293b}[data-theme=dark] .report-reason-label:hover,body.dark-theme .report-reason-label:hover{background-color:#18283e}[data-theme=dark] .report-reason-label input[type=radio],body.dark-theme .report-reason-label input[type=radio]{border-color:#0ef0ff}[data-theme=dark] .report-reason-label input[type=radio]:checked,body.dark-theme .report-reason-label input[type=radio]:checked{background-color:#0ef0ff;border-color:#0ef0ff}[data-theme=dark] .report-reason-label input[type=radio]:checked:after,body.dark-theme .report-reason-label input[type=radio]:checked:after{background-color:#0b1220}[data-theme=dark] .report-modal-content p strong,body.dark-theme .report-modal-content p strong{color:#0ef0ff}[data-theme=dark] .report-details-textarea,body.dark-theme .report-details-textarea{background-color:#162033;border-color:#1e293b}[data-theme=dark] .report-btn.cancel,body.dark-theme .report-btn.cancel{background-color:#162033;border:1px solid #1e293b;color:#94a3b8}.avatar-zoom-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999}.avatar-zoom-modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:88vh;min-height:360px;min-width:300px;overflow:hidden;position:relative;width:min(430px,90vw)}.avatar-zoom-modal.simple{background:#0000;box-shadow:none;min-height:auto;min-width:auto}.avatar-zoom-header{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:center;padding:14px 52px 16px;position:relative}.avatar-zoom-header h3{color:#333;font-size:20px;font-weight:600;margin:0;text-align:center;width:100%}.avatar-zoom-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:0;width:100%}.avatar-zoom-image-container{align-items:center;display:grid;flex:1 1;grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;max-height:75vh;padding:22px 24px;position:relative;width:100%}.avatar-zoom-image-container img{aspect-ratio:1/1;border-radius:50%;box-shadow:0 12px 35px #0003;display:block;height:auto;margin:0 auto;object-fit:cover;width:min(330px,calc(100% - 72px))}.avatar-zoom-image{align-self:center;display:block;grid-area:1/1;justify-self:center}.avatar-zoom-image.hires{opacity:1;transition:none}.avatar-zoom-image.hires.loaded{opacity:1}.avatar-zoom-name{background:#fafafa;border-top:1px solid #f0f0f0;color:#333;font-size:14px;font-weight:600;margin-top:auto;min-height:44px;text-align:center;width:100%}.avatar-zoom-modal .close-btn,.avatar-zoom-name{align-items:center;display:flex;justify-content:center}.avatar-zoom-modal .close-btn{background:#fff!important;border:1px solid #0003!important;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#000!important;cursor:pointer;font-size:20px!important;font-weight:900!important;height:40px;line-height:40px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;width:40px;z-index:10}.avatar-zoom-header .close-btn{font-size:16px;height:30px;line-height:1;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px}.avatar-zoom-modal .close-btn:hover{background:#ff4757;color:#fff}.avatar-zoom-modal .close-btn.floating{background:#0009;color:#fff;right:20px;top:20px}.avatar-zoom-modal .close-btn.floating:hover{background:#000c}.image-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:15px;width:40px}.image-error{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.error-icon{font-size:48px;margin-bottom:15px;opacity:.5}.image-error span{color:#999;font-size:14px}@media (max-width:768px){.avatar-zoom-modal{border-radius:15px;margin:10px;max-height:95vh;max-width:95vw;min-height:350px;min-width:280px}.avatar-zoom-header{padding:15px 20px 10px}.avatar-zoom-header h3{font-size:16px}.avatar-zoom-image-container{max-height:65vh;padding:12px}.avatar-zoom-image-container img{height:auto;width:clamp(200px,45vmin,340px)}.avatar-zoom-name{font-size:15px;padding:15px 20px 20px}.close-btn{font-size:16px;height:30px;right:12px;top:50%;transform:translateY(-50%);width:30px}.close-btn.floating{right:15px;top:15px}}@media (max-width:480px){.avatar-zoom-modal{border-radius:12px;margin:5px;max-height:98vh;max-width:98vw;min-height:300px;min-width:260px}.avatar-zoom-header{padding:12px 15px 8px}.avatar-zoom-image-container{padding:10px}.avatar-zoom-image-container img{height:250px;width:250px}.avatar-zoom-name{font-size:14px;padding:12px 15px 15px}}[data-theme=dark] .avatar-zoom-modal,body.dark-theme .avatar-zoom-modal{background:#162033!important;border:1px solid #1e293b!important;color:#fff!important}[data-theme=dark] .avatar-zoom-header,body.dark-theme .avatar-zoom-header{background:#1c263b!important;border-bottom:1px solid #1e293b!important}[data-theme=dark] .avatar-zoom-header h3,body.dark-theme .avatar-zoom-header h3{color:#fff!important}[data-theme=dark] .avatar-zoom-name,body.dark-theme .avatar-zoom-name{background:#162033!important;color:#fff!important}.call-waiting-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20000}.call-waiting-modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:14px;box-shadow:0 10px 28px #00000038;display:flex;flex-direction:column;gap:22px;max-width:460px;padding:34px;text-align:center;width:92%}.call-waiting-header{align-items:center;display:flex;flex-direction:column;gap:12px}.call-waiting-modal .caller-avatar{align-items:center;background-color:#e0e0e0;border:4px solid #3498db;border-radius:50%;box-shadow:0 6px 16px #0000001f;color:#757575;display:flex;font-size:48px;height:130px;justify-content:center;overflow:hidden;position:relative;width:130px}.call-waiting-modal .caller-avatar:after,.call-waiting-modal .caller-avatar:before{border:3px solid #4caf50;border-radius:50%;box-shadow:0 0 18px 4px #4caf5059;content:"";inset:-12px;opacity:.65;position:absolute}.call-waiting-modal .caller-avatar img{height:100%;object-fit:cover;width:100%}.call-waiting-modal .caller-name{color:#333;font-size:24px;font-weight:700;margin:0}.call-waiting-modal .waiting-message{color:#666;font-size:16px;margin:0}.call-waiting-actions{display:flex;justify-content:center;padding-top:6px}.call-waiting-actions .cancel-call-btn{background-color:#f44336;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;min-width:160px;padding:12px 24px;transition:background-color .2s ease,transform .2s ease}.call-waiting-actions .cancel-call-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.call-waiting-actions .cancel-call-btn:active{transform:translateY(0)}@media (max-width:480px){.call-waiting-modal{padding:20px;width:85%}.call-waiting-modal .caller-avatar{font-size:32px;height:80px;width:80px}.call-waiting-modal .caller-name{font-size:20px}.call-waiting-modal .waiting-message{font-size:14px}.call-waiting-actions .cancel-call-btn{font-size:14px;min-width:130px;padding:10px 20px}}.waiting-participants-slack{background:#f8f9fa;border:1px solid #0000000d;border-radius:16px;margin-top:15px;padding:18px;text-align:center}.waiting-participants-title{color:#777;font-size:13px;font-weight:700;letter-spacing:.8px;margin:0 0 16px;text-align:center;text-transform:uppercase}.slack-avatars-grid{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.slack-participant-node{align-items:center;display:flex;flex-direction:column;transition:transform .2s ease;width:64px}.slack-participant-node:hover{transform:none}.slack-avatar-wrapper{height:54px;position:relative;width:54px}.slack-avatar-circle{align-items:center;background:#e0e0e0;border:3px solid #ccc;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;transition:all .3s ease;width:100%}.slack-participant-node.accepted .slack-avatar-circle{border-color:#2ecc71}.slack-participant-node.declined .slack-avatar-circle{border-color:#e74c3c}.slack-participant-node.missed .slack-avatar-circle{border-color:#95a5a6;opacity:.6}.slack-participant-node.ringing .slack-avatar-circle{animation:pulse-border 1.5s infinite;border-color:#f1c40f}.slack-avatar-circle img{height:100%;object-fit:cover;width:100%}.slack-avatar-circle .avatar-placeholder{color:#555;font-size:18px;font-weight:700}.slack-status-badge{align-items:center;border:1.5px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 2px 5px #0003;display:flex;font-size:9px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-2px;width:18px;z-index:5}.slack-status-badge.accepted{background-color:#2ecc71;color:#fff}.slack-status-badge.declined{background-color:#e74c3c;color:#fff}.slack-status-badge.missed{background-color:#95a5a6;color:#fff}.slack-status-badge.ringing{background-color:#f1c40f;color:#fff}.slack-participant-name{color:#444;font-size:12px;font-weight:600;margin-top:8px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}@keyframes pulse-border{0%{box-shadow:0 0 0 0 #f1c40f66}70%{box-shadow:0 0 0 8px #f1c40f00}to{box-shadow:0 0 0 0 #f1c40f00}}[data-theme=dark] .call-waiting-modal,body.dark-theme .call-waiting-modal{background:#162033!important;border:1px solid #1e293b!important;box-shadow:0 16px 48px #0009!important;color:#fff!important}[data-theme=dark] .call-waiting-header h3,[data-theme=dark] .call-waiting-modal .caller-name,body.dark-theme .call-waiting-header h3,body.dark-theme .call-waiting-modal .caller-name{color:#fff!important}[data-theme=dark] .call-waiting-modal .waiting-message,body.dark-theme .call-waiting-modal .waiting-message{color:#94a3b8!important}[data-theme=dark] .call-waiting-modal .caller-avatar,body.dark-theme .call-waiting-modal .caller-avatar{background-color:#1e293b!important;color:#94a3b8!important}[data-theme=dark] .call-waiting-type,body.dark-theme .call-waiting-type{color:#0ef0ff!important}[data-theme=dark] .waiting-participants-slack,body.dark-theme .waiting-participants-slack{background:#0f172a!important;border:1px solid #1e293b!important}[data-theme=dark] .waiting-participants-title,body.dark-theme .waiting-participants-title{color:#94a3b8!important}[data-theme=dark] .slack-avatar-circle,body.dark-theme .slack-avatar-circle{background:#1e293b!important;border-color:#334155}[data-theme=dark] .slack-avatar-circle .avatar-placeholder,body.dark-theme .slack-avatar-circle .avatar-placeholder{background:#1e293b!important;color:#94a3b8!important}[data-theme=dark] .slack-participant-node.accepted .slack-avatar-circle,body.dark-theme .slack-participant-node.accepted .slack-avatar-circle{border-color:#2ecc71!important}[data-theme=dark] .slack-participant-node.declined .slack-avatar-circle,body.dark-theme .slack-participant-node.declined .slack-avatar-circle{border-color:#e74c3c!important}[data-theme=dark] .slack-participant-node.missed .slack-avatar-circle,body.dark-theme .slack-participant-node.missed .slack-avatar-circle{border-color:#64748b!important;opacity:.6}[data-theme=dark] .slack-participant-node.ringing .slack-avatar-circle,body.dark-theme .slack-participant-node.ringing .slack-avatar-circle{border-color:#f1c40f!important}[data-theme=dark] .slack-status-badge,body.dark-theme .slack-status-badge{border-color:#0f172a!important}[data-theme=dark] .slack-participant-name,body.dark-theme .slack-participant-name{color:#cbd5e1!important}.live-chat-overlay-container{--self-name-color:#3498db;--other-name-color:#2c3e50;bottom:90px;display:flex;flex-direction:column;left:15px;max-height:45%;pointer-events:none;position:absolute;width:320px;z-index:1001}.live-chat-overlay-container--direct{bottom:52px}.live-chat-overlay-container--random{bottom:90px}.live-chat-overlay-messages-list--direct{gap:16px}.live-chat-overlay-messages-list--direct,.live-chat-overlay-messages-list--random{bottom:40px;display:flex;flex-direction:column;left:20px;max-height:50%;overflow-y:auto;position:absolute;width:calc(100% - 40px);z-index:10}.live-chat-overlay-messages-list--random{gap:10px}.visible-container{gap:10px}.hidden-container,.visible-container{justify-content:flex-end}.live-chat-overlay-toggle-btn,.live-chat-overlay-toggle-btn--direct{margin-bottom:5px}.live-chat-overlay-toggle-btn,.live-chat-overlay-toggle-btn--direct,.live-chat-overlay-toggle-btn--random{align-self:flex-start;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:18px;height:32px;line-height:32px;pointer-events:auto;text-align:center;width:32px}.live-chat-overlay-toggle-btn--random{margin-bottom:20px}.live-chat-overlay-messages-list,.live-chat-overlay-messages-list--direct,.live-chat-overlay-messages-list--random{border-radius:12px;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:10px;pointer-events:auto;transition:opacity .3s ease,max-height .4s ease,padding .3s ease}.live-chat-overlay-messages-list--group{gap:12px}.live-chat-overlay-messages-list--direct.hidden,.live-chat-overlay-messages-list--random.hidden,.live-chat-overlay-messages-list.hidden{max-height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0}.live-chat-overlay-message-block,.live-chat-overlay-message-block--direct,.live-chat-overlay-message-block--random{word-wrap:break-word;align-items:flex-start;align-self:flex-start;animation:fadeIn .3s ease;background-color:#fffffff2;border-radius:18px 18px 18px 2px;box-shadow:0 2px 8px #00000026;color:#333;display:flex;flex-direction:column;max-width:85%;padding:8px 14px;text-align:left;width:-webkit-fit-content;width:fit-content}.live-chat-overlay-message-block--direct.own-message,.live-chat-overlay-message-block--random.own-message,.live-chat-overlay-message-block.own-message{align-items:flex-end;align-self:flex-end;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:18px 18px 2px 18px;text-align:right}.live-chat-overlay-header{align-items:center;display:flex;gap:6px;margin-bottom:3px}.live-chat-overlay-header.own-header{flex-direction:row-reverse}.live-chat-overlay-avatar{align-items:center;color:#fff;display:flex;font-size:10px;font-weight:700;justify-content:center}.live-chat-overlay-avatar,.live-chat-overlay-avatar-img{border-radius:50%;box-shadow:0 1px 4px #0000004d;flex-shrink:0;height:18px;width:18px}.live-chat-overlay-avatar-img{object-fit:cover}.live-chat-overlay-sender-name{font-size:.82em;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.live-chat-overlay-sender-name.self{color:#1976d2}.live-chat-overlay-sender-name.other{color:#455a64}.group-other-message{align-items:flex-start!important;align-self:flex-start!important;border-radius:14px 14px 14px 2px!important;box-shadow:0 4px 14px #0006!important;color:#fff!important;text-align:left!important}.group-other-message .live-chat-overlay-message-text{color:#f8fafc!important}.live-chat-dual-text{align-items:inherit;display:flex;flex-direction:column;gap:2px;position:relative;text-align:inherit}.live-chat-original-text{color:#333;display:block;font-size:.76em;font-style:italic;line-height:1.2;margin-bottom:4px;opacity:.6}.live-chat-overlay-message-text{color:#111;line-height:1.4;padding-top:8px;position:relative;text-align:inherit}.live-chat-dual-text .live-chat-overlay-message-text:before{background:#00000014;content:"";height:1px;left:0;position:absolute;top:0;width:100%}.original-label{opacity:.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.live-chat-overlay-messages-list::-webkit-scrollbar{width:5px}.live-chat-overlay-messages-list::-webkit-scrollbar-track{background:#0000}.live-chat-overlay-messages-list::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}@media (max-width:768px){.live-chat-overlay-container--direct{bottom:calc(110px + env(safe-area-inset-bottom, 0px))!important}.live-chat-overlay-container--random{bottom:calc(200px + env(safe-area-inset-bottom, 0px))!important}.live-chat-overlay-container,.live-chat-overlay-container--direct,.live-chat-overlay-container--random{display:flex;flex-direction:column;justify-content:flex-end;left:15px;max-width:calc(100% - 30px);position:fixed!important;right:15px;width:auto;z-index:10001!important}.live-chat-overlay-toggle-btn,.live-chat-overlay-toggle-btn--direct,.live-chat-overlay-toggle-btn--random{margin-bottom:0;margin-top:-5px;order:2;position:relative}.live-chat-overlay-messages-list,.live-chat-overlay-messages-list--direct,.live-chat-overlay-messages-list--random{bottom:auto;left:0;max-height:100%;order:1;padding-bottom:0!important;position:relative;width:100%}.live-chat-overlay-message-block,.live-chat-overlay-message-block--direct,.live-chat-overlay-message-block--random{font-size:13px;padding:6px 10px}.live-chat-overlay-sender-name{font-size:.8em}.live-chat-overlay-message-text{line-height:1.3}.live-chat-overlay-toggle-btn,.live-chat-overlay-toggle-btn--direct,.live-chat-overlay-toggle-btn--random{font-size:15px;height:28px;line-height:28px;width:28px}}.typing-indicator-block{align-items:center!important;background:#ffffffe6!important;border-radius:18px!important;box-shadow:0 2px 10px #0003!important;display:flex!important;flex-direction:row!important;gap:8px!important;margin-top:5px;opacity:1!important;padding:6px 14px!important;width:-webkit-fit-content;width:fit-content}.typing-indicator{display:flex;gap:3px}.typing-indicator .dot{animation:typing-bounce-overlay 1.4s ease-in-out infinite both;height:5px;width:5px}.typing-text{color:#555!important;font-weight:600;white-space:nowrap}@keyframes typing-bounce-overlay{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes typingAnimation{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.live-chat-gift-bubble.premium{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;gap:8px;min-width:80px;padding:12px}.gift-icon-wrapper{align-items:center;border-radius:14px;box-shadow:0 4px 12px #0003;display:flex;height:54px;justify-content:center;margin:0 auto;overflow:hidden;width:54px}.gift-emoji-large{font-size:32px}.gift-minutes-tag{background:#4f46e5;border-radius:10px;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;text-transform:uppercase}.live-chat-overlay-message-block--direct.group-other-message,.live-chat-overlay-message-block--random.group-other-message,.live-chat-overlay-message-block.group-other-message{border-radius:18px 18px 2px 18px;transition:background-color .2s ease,border-color .2s ease}.live-chat-overlay-message-block--direct.group-other-message .live-chat-overlay-sender-name,.live-chat-overlay-message-block--random.group-other-message .live-chat-overlay-sender-name,.live-chat-overlay-message-block.group-other-message .live-chat-overlay-sender-name{font-size:.82em;font-weight:800;letter-spacing:.3px}@media (max-width:768px){.live-chat-overlay-container,.live-chat-overlay-container--direct{bottom:68px;left:10px;max-height:40%;max-width:280px;width:calc(100% - 20px)}.live-chat-overlay-messages-list--direct,.live-chat-overlay-messages-list--random{bottom:62px;left:10px;max-width:280px;width:calc(100% - 20px)}.live-chat-overlay-toggle-btn,.live-chat-overlay-toggle-btn--direct{font-size:14px;height:28px;line-height:28px;margin-bottom:4px;width:28px}}.live-captions-container{align-items:center;bottom:160px;display:flex;flex-direction:column;gap:6px;left:50%;max-width:min(88vw,540px);pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .35s cubic-bezier(.16,1,.3,1);width:auto;z-index:10000050}.live-captions-container.game-mode{align-items:flex-start;bottom:auto;left:20px;max-width:300px;top:70px;transform:none;z-index:10000050}.live-caption-bubble{animation:captionSlideUp .25s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0f1dc2;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 4px 20px #0006;box-sizing:border-box;max-width:100%;padding:6px 14px;pointer-events:auto;text-align:center;width:-webkit-fit-content;width:fit-content}.live-captions-container.game-mode .live-caption-bubble{text-align:left}.live-caption-bubble.remote{border-left:3px solid #3b82f6;border-left:3px solid var(--primary-color,#3b82f6)}.live-caption-bubble.local{background:#0a0f1da6;border-left:3px solid #10b981;opacity:.9}.live-caption-header{align-items:center;display:flex;gap:5px;justify-content:center;margin-bottom:2px}.live-captions-container.game-mode .live-caption-header{justify-content:flex-start}.live-caption-speaker{color:#93c5fd;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.live-caption-main-text{color:#fff;font-size:14.5px;font-weight:500;line-height:1.4;text-shadow:0 1px 3px #000000e6;word-break:break-word}.live-caption-original-text{color:#ffffff8c;font-size:11px;font-style:italic;line-height:1.3;margin-top:2px;word-break:break-word}.live-caption-typing-indicator{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);box-shadow:0 0 6px #3b82f6;box-shadow:0 0 6px var(--primary-color,#3b82f6)}.live-caption-mic-indicator,.live-caption-typing-indicator{animation:pulseDot 1s infinite alternate;border-radius:50%;display:inline-block;height:5px;width:5px}.live-caption-mic-indicator{background-color:#10b981;box-shadow:0 0 6px #10b981}@keyframes pulseDot{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}@keyframes captionSlideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.live-captions-container{bottom:180px;max-width:92vw}.live-captions-container.game-mode{left:10px;max-width:260px;top:60px}.live-caption-bubble{border-radius:10px;padding:5px 12px}.live-caption-main-text{font-size:13.5px}.live-caption-original-text{font-size:10.5px}}.video-call-container{overflow:visible;position:relative;z-index:100000}.remote-video-container,.video-call-container{background:linear-gradient(135deg,#134e5e,#71b280);height:100%}.remote-video-container{left:0;overflow:hidden;position:absolute;top:0;width:100%}[data-theme=dark] .remote-video-container,[data-theme=dark] .video-call-container,body.dark-theme .remote-video-container,body.dark-theme .video-call-container{background:linear-gradient(135deg,#0c1427,#1a2a44 50%,#2a446a)!important}.local-video-container{background:#ffffff0d;border:2px solid #ffffffd9;border-radius:10px;box-shadow:0 4px 16px #00000059;height:142px;overflow:hidden;position:absolute;right:20px;top:20px;width:190px}[data-theme=dark] .local-video-container,body.dark-theme .local-video-container{background:#0c1427!important;border-color:#fff3!important}.remote-video{background:linear-gradient(135deg,#134e5e,#71b280);bottom:0!important;height:100%;left:0!important;object-fit:cover!important;position:absolute!important;right:0!important;top:0!important;transition:none!important;width:100%;z-index:10!important}[data-theme=dark] .remote-video,body.dark-theme .remote-video{background:linear-gradient(135deg,#0c1427,#1a2a44 50%,#2a446a)!important}.remote-video.portrait-video{background:#0000!important;border:none;border-radius:0;bottom:0!important;box-shadow:none;height:100%!important;left:0!important;object-fit:cover!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}@media (min-width:769px){.remote-video.portrait-video{border-radius:16px!important;box-shadow:0 8px 32px #0006!important;display:block!important;margin:0 auto!important;max-width:420px!important;position:relative!important}}.local-video{background:#0000!important;transform:scaleX(-1)}.local-video.portrait-video,.random-chat-video-area .video-call-container .remote-video{background:#0000!important;object-fit:cover}.video-controls{align-items:center;background:#00000080;border-radius:25px;bottom:24px;box-sizing:border-box;display:flex;gap:12px;justify-content:center;left:50%;opacity:0;padding:8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1100}.video-call--random .video-controls{bottom:84px}.video-call-container:hover .video-controls{opacity:1;pointer-events:auto;visibility:visible}.controls-group,.live-chat-input-area{align-items:center;display:flex;gap:15px}.live-chat-input-area{background:#fff!important;border-top:1px solid #e9ecef;bottom:0;box-sizing:border-box;left:0;padding:12px 15px;position:absolute;width:100%;z-index:99}.control-btn{align-items:center;background:#fff3;border:none;border-radius:50%!important;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px!important;justify-content:center;padding:0!important;transition:background .2s;width:44px!important}.control-btn:hover{background:#fff6}.control-btn.muted{background:#ffffff1a;opacity:.6}.control-btn.end-call{background:#e74c3c}.control-btn.end-call:hover{background:#c0392b}.control-btn.skip{background:#fff3;color:#fff}.control-btn.skip:hover{background:#fff6}.control-btn.add-friend.pending{background-color:#f39c12;cursor:not-allowed}.control-btn.add-friend.friends{background-color:#95a5a6;cursor:not-allowed}.control-btn.captions{background:#fff3;color:#fff}.control-btn.captions:hover{background:#ffffff59}.control-btn.captions.active{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);box-shadow:none;color:#fff}.control-btn.captions.active:hover{background-color:#2563eb;box-shadow:none}.live-chat-form{display:flex;flex:1 1}.live-chat-input{background:#0000!important;border:none!important;box-sizing:border-box!important;color:#000!important;font-size:16px!important;height:100%!important;outline:none!important;padding:0 15px!important;width:100%!important}.live-chat-send-btn{align-items:center;background:#3498db;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;padding:0 15px}.input-actions{position:relative}.input-action-btn{background:none;color:#555;font-size:24px;padding:5px}.emoji-picker{bottom:120%;left:0;position:absolute;z-index:10003}.controls-hidden{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.emoji-option{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.friend-icon,.skip-icon{font-size:18px}.user-check-icon{align-items:center;display:inline-flex;justify-content:center;position:relative}.user-check-icon .check-overlay{background:none;border-radius:50%;bottom:-4px;color:#fff;font-size:14px;font-weight:700;position:absolute;right:-4px}@media (max-width:768px){.local-video-container{border-width:1px;bottom:120px;height:133px;right:15px;top:auto;width:100px;z-index:1000}.control-btn{font-size:16px!important;height:36px!important;width:36px!important}.control-btn svg{height:18px!important;width:18px!important}.remote-video.portrait-video,.remote-video:not(.portrait-video){object-fit:cover!important}.video-call--random .video-controls{bottom:calc(85px + env(safe-area-inset-bottom, 0px))!important}.video-call--direct .video-controls{bottom:calc(75px + env(safe-area-inset-bottom, 0px))!important}.video-controls{background:#0006!important;border-radius:30px!important;box-sizing:border-box!important;display:flex!important;gap:8px!important;left:50%!important;max-width:95vw!important;padding:6px 8px!important;pointer-events:auto!important;position:fixed!important;transform:translateX(-50%)!important;transition:opacity .4s ease,visibility .4s ease!important;width:auto!important;z-index:10002!important}.live-chat-input-area{background:#fff!important;bottom:0!important;display:flex!important;left:0!important;position:absolute!important;width:100%!important;z-index:10001!important}.emoji-picker{background:#1e1e1e!important;border-radius:15px!important;bottom:calc(120px + env(safe-area-inset-bottom, 0px))!important;box-shadow:0 5px 25px #0006!important;display:block!important;left:20px!important;margin:0!important;max-width:none!important;min-width:auto!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:20px!important;width:auto!important;z-index:999999!important}.emoji-picker .EmojiPickerReact{border:none!important;border-radius:20px 20px 0 0!important;max-width:100%!important;min-width:100%!important;width:100%!important}.controls-hidden{opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}}.partner-stats-overlay{animation:partnerStatsFadeIn .3s ease-out;background:#000000b3;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:6px;left:20px;opacity:0;padding:12px 18px;pointer-events:none;position:absolute;top:20px;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;z-index:1000}.video-call-container:hover .partner-stats-overlay{opacity:1;transform:translateY(0)}.partner-stat-item{align-items:center;display:flex;gap:10px;justify-content:flex-start}.partner-stat-label{color:#ffffffb3;font-size:11px;letter-spacing:1px;text-transform:uppercase}.partner-stat-value{font-feature-settings:"tnum";color:#fff;font-size:15px;font-variant-numeric:tabular-nums;font-weight:700}.partner-stat-value.timer{color:#60a5fa;font-family:Courier New,Courier,monospace;font-size:18px;text-shadow:0 0 10px #60a5fa4d}@keyframes partnerStatsFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.control-btn.game{align-items:center!important;background:linear-gradient(135deg,#6c5ce7,#a29bfe)!important;color:#fff!important;display:flex!important;justify-content:center!important}.control-btn.game svg{fill:currentColor!important;color:#fff!important;height:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.control-btn.game:hover{background:linear-gradient(135deg,#a29bfe,#6c5ce7)!important;transform:scale(1.1)!important}.control-btn.game.active{background:#5f3dc4!important;box-shadow:inset 0 2px 4px #0003,0 0 12px #6c5ce780!important}.control-btn.gift{align-items:center!important;background:linear-gradient(135deg,#ff758c,#ff7eb3)!important;color:#fff!important;display:flex!important;justify-content:center!important}.control-btn.gift:hover{background:linear-gradient(135deg,#ff7eb3,#ff758c)!important;transform:scale(1.1)!important}.control-btn.gift.active{background:#ff4b6b!important;box-shadow:inset 0 2px 4px #0003!important}.gift-control-icon{fill:#fff!important;align-items:center!important;color:#fff!important;display:flex!important;font-size:26px!important;height:26px!important;justify-content:center!important;width:26px!important}@media (max-width:768px){.control-btn.gift{height:44px!important;width:44px!important}.gift-control-icon{font-size:24px!important;height:24px!important;width:24px!important}}.live-chat-gift-bubble{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ff758c4d;border-radius:12px;display:inline-flex;gap:6px;margin-top:2px;padding:4px 10px}.video-call--random .gift-panel-wrapper--vci{bottom:250px!important}.vci-gift-hint-dropdown{animation:giftHintSlideUp .25s ease-out;background:#1e1e28f2;background:#1e1e28f7;border:1px solid #ffffff1a;border-radius:16px;bottom:calc(100% + 12px);box-shadow:0 12px 40px #00000080;left:50%;max-width:85vw;overflow:hidden;position:absolute;transform:translateX(-50%);width:280px;z-index:10000}@keyframes giftHintSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.vci-gift-hint-header{border-bottom:1px solid #ffffff14;padding:14px 16px 10px}.vci-gift-hint-header h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 4px}.vci-gift-hint-header p{color:#ffffff80;font-size:12px;line-height:1.3;margin:0}.vci-gift-hint-list{max-height:220px;overflow-y:auto;padding:8px}.vci-gift-hint-item{align-items:center;border-radius:10px;display:flex;gap:12px;padding:8px 10px;transition:background .2s}.vci-gift-hint-item:hover{background:#ffffff0f}.vci-gift-hint-emoji{flex-shrink:0;font-size:26px}.vci-gift-hint-info{display:flex;flex-direction:column;gap:2px}.vci-gift-hint-name{color:#fff;font-size:13px;font-weight:600}.vci-gift-hint-price{color:#ffffff73;font-size:11px}.live-chat-gift-bubble .gift-emoji{font-size:16px}.live-chat-gift-bubble .gift-label{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px #0003}.live-chat-gift-bubble .gift-minutes{color:#ff9fb1;font-size:11px;font-weight:600}@media (max-width:768px){.partner-stats-overlay{background:#000000bf;gap:4px;left:15px;padding:8px 12px;top:15px}.partner-stat-item{gap:8px;min-width:120px}.partner-stat-label{font-size:10px}.partner-stat-value{font-size:13px}.partner-stat-value.timer{font-size:15px}}.reconnecting-overlay{align-items:center;animation:reconnectFadeIn .3s ease-out;background:#0009;background:#000000bf;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:50}@media (max-width:768px){.reconnecting-overlay{justify-content:flex-start;padding-top:35dvh}}.video-call-container:has(.reconnecting-overlay) .video-controls{opacity:1!important;pointer-events:auto!important;z-index:10005!important}.reconnecting-spinner{animation:reconnectSpin .8s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#60a5fa;height:48px;width:48px}.reconnecting-text{color:#ffffffe6;font-size:16px;font-weight:500;letter-spacing:.5px;margin:0}@keyframes reconnectSpin{to{transform:rotate(1turn)}}@keyframes reconnectFadeIn{0%{opacity:0}to{opacity:1}}.female-gift-hint{animation:gentlePulse 2s ease-in-out infinite;background:#ff69b466!important;border:1px solid #ffc0cb80;border-radius:50%!important;box-shadow:0 0 15px #ff5f9699;cursor:help!important;display:flex!important;pointer-events:auto!important;z-index:1101!important}.pulsing-gift{animation:wobble 3s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}@keyframes gentlePulse{0%{box-shadow:0 0 10px #ff5f9666;transform:scale(1)}50%{box-shadow:0 0 20px #ff5f96cc;transform:scale(1.1)}to{box-shadow:0 0 10px #ff5f9666;transform:scale(1)}}@keyframes wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(0deg)}75%{transform:rotate(-5deg) scale(1.05)}}.dictation-btn.recording{border-radius:50%!important}.floating-heart-trigger-container{align-items:center;display:flex;justify-content:center;position:absolute;right:25px;top:50%;transform:translateY(-50%);z-index:10000}@media (max-width:768px){.floating-heart-trigger-container{bottom:auto!important;right:15px!important}.video-call--direct .floating-heart-trigger-container{bottom:auto!important}}.video-call-ending-container{background:linear-gradient(135deg,#134e5e,#71b280);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100}[data-theme=dark] .video-call-ending-container,body.dark-theme .video-call-ending-container{background:linear-gradient(135deg,#0c1427,#1a2a44 50%,#2a446a)!important}.video-call-ending-screen{align-items:center;animation:videoEndingFadeIn .4s ease forwards;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}@keyframes videoEndingFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-call-ending-avatar{object-fit:cover}.video-call-ending-avatar,.video-call-ending-avatar-placeholder{border:2px solid #ffffff40;border-radius:50%;box-shadow:0 4px 20px #0006;height:100px;width:100px}.video-call-ending-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:42px;font-weight:700;justify-content:center}[data-theme=dark] .video-call-ending-avatar,[data-theme=dark] .video-call-ending-avatar-placeholder,body.dark-theme .video-call-ending-avatar,body.dark-theme .video-call-ending-avatar-placeholder{border:2px solid #ffffff40!important;box-shadow:0 4px 20px #0006!important}.video-call-ending-name{color:#fff;font-size:22px;font-weight:700;margin-top:4px}[data-theme=dark] .video-call-ending-name,body.dark-theme .video-call-ending-name{color:#fff!important}.video-call-ending-text{color:#ffffffb3;font-size:16px;font-weight:500}[data-theme=dark] .video-call-ending-text,body.dark-theme .video-call-ending-text{color:#94a3b8!important}.gift-panel-wrapper{animation:giftPanelSlideUp .3s cubic-bezier(.34,1.56,.64,1);bottom:calc(100% + 15px);display:flex;justify-content:center;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:10000}.gift-panel-wrapper--vci{bottom:115px}.gift-panel-wrapper--header{animation:giftPanelSlideDown .3s cubic-bezier(.34,1.56,.64,1);bottom:auto;left:auto;right:0;top:calc(100% + 10px);transform:none}@keyframes giftPanelSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gift-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 12px 48px #00000040,0 4px 12px #0000001a;max-width:90vw;overflow:hidden;width:320px}@keyframes giftPanelSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.gift-panel-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:14px 16px}.gift-panel-title{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:700;gap:8px}.gift-title-icon{color:#6366f1;font-size:20px}.gift-panel-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:all .2s;width:30px}.gift-panel-close:hover{background:#e5e7eb;color:#374151}.gift-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:14px 16px}.gift-card{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:12px 8px;position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.gift-card:hover:not(.disabled){background:#e8eef5;border-color:#0d8bd1;box-shadow:none;transform:translateY(-3px) scale(1.03)}.gift-card:active:not(.disabled){transform:translateY(0) scale(.97)}.gift-card.disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.8}.gift-card-icon{align-items:center;border-radius:14px;box-shadow:0 4px 12px #0000001a;display:flex;height:48px;justify-content:center;width:48px}.gift-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:26px}.gift-card-name{color:#374151;font-size:11px;font-weight:600;line-height:1.2;text-align:center}.gift-card-cost{align-items:center;color:#6b7280;display:flex;font-size:10px;font-weight:500;gap:3px}.gift-card-cost svg{font-size:11px}.gift-card-locked{font-size:12px;position:absolute;right:4px;top:4px}.gift-confirm{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px 16px}.gift-confirm-preview{align-items:center;animation:giftConfirmPulse 1.5s ease-in-out infinite;border-radius:20px;box-shadow:0 8px 24px #00000026;display:flex;height:80px;justify-content:center;width:80px}@keyframes giftConfirmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gift-confirm-emoji{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));font-size:40px}.gift-confirm-info{text-align:center}.gift-confirm-name{color:#1f2937;display:block;font-size:16px;font-weight:700;margin-bottom:4px}.gift-confirm-cost{align-items:center;color:#6366f1;display:flex;font-size:13px;font-weight:600;gap:4px;justify-content:center}.gift-confirm-text{color:#6b7280;font-size:13px;line-height:1.4;margin:0;text-align:center}.gift-confirm-actions{display:flex;gap:10px;margin-top:4px;width:100%}.gift-confirm-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.gift-confirm-btn.send{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f159;color:#fff}.gift-confirm-btn.send:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.gift-confirm-btn.send:disabled{cursor:not-allowed;opacity:.7}.gift-confirm-btn.cancel{background:#f3f4f6;color:#6b7280}.gift-confirm-btn.cancel:hover{background:#e5e7eb}.gift-panel-balance{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:12px;padding:10px 16px;text-align:center}.gift-panel-balance strong{color:#6366f1;font-weight:700}.gift-animation-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .4s ease;z-index:99999}.gift-animation-overlay.enter{opacity:0}.gift-animation-overlay.show{opacity:1}.gift-animation-overlay.exit{opacity:0}.gift-animation-content{align-items:center;display:flex;flex-direction:column;gap:16px;position:relative}.gift-animation-emoji{animation:giftBounceIn .6s cubic-bezier(.34,1.56,.64,1) forwards,giftFloat 2s ease-in-out .6s infinite;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3));font-size:120px;transform:scale(0)}@keyframes giftBounceIn{0%{transform:scale(0) rotate(-15deg)}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}@keyframes giftFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gift-animation-name{animation:giftFadeUp .5s ease-out .3s forwards;color:#fff;font-size:24px;font-weight:800;letter-spacing:2px;opacity:0;text-shadow:0 2px 10px #00000080;text-transform:uppercase;transform:translateY(20px)}.gift-animation-subtitle{animation:giftFadeUp .5s ease-out .4s forwards;color:#ffffffe6;font-size:16px;font-weight:500;margin-top:-8px;opacity:0;text-shadow:0 1px 4px #00000080;transform:translateY(20px)}.gift-animation-minutes{animation:giftFadeUp .5s ease-out .5s forwards;color:#a5f3fc;font-size:18px;font-weight:700;opacity:0;text-shadow:0 2px 8px #0006;transform:translateY(20px)}@keyframes giftFadeUp{to{opacity:1;transform:translateY(0)}}.gift-animation-sparkles{height:0;left:50%;position:absolute;top:50%;width:0}.sparkle{animation:sparkleOut 1.5s ease-out 0s forwards;animation:sparkleOut 1.5s ease-out var(--delay,0s) forwards;background:gold;border-radius:50%;box-shadow:0 0 6px gold,0 0 12px gold;height:8px;opacity:0;position:absolute;width:8px}.sparkle:nth-child(2n){background:#ff6b9d;box-shadow:0 0 6px #ff6b9d,0 0 12px #ff6b9d;height:6px;width:6px}.sparkle:nth-child(3n){background:#a78bfa;box-shadow:0 0 6px #a78bfa,0 0 12px #a78bfa;height:10px;width:10px}@keyframes sparkleOut{0%{opacity:0;transform:rotate(0deg) translateX(0);transform:rotate(var(--angle,0deg)) translateX(0)}20%{opacity:1}to{opacity:0;transform:rotate(0deg) translateX(100px);transform:rotate(var(--angle,0deg)) translateX(var(--distance,100px))}}.gift-message{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f126;border-radius:16px;display:flex;flex-direction:column;gap:8px;min-width:140px;padding:16px 20px}.gift-message-icon{align-items:center;animation:giftMessagePulse 2s ease-in-out infinite;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;height:56px;justify-content:center;width:56px}@keyframes giftMessagePulse{0%,to{box-shadow:0 4px 12px #0000001a;transform:scale(1) rotate(0deg)}50%{box-shadow:0 10px 25px #0003;transform:scale(1.05) rotate(2deg)}}.gift-message-visual{animation:giftModelFloat 3s ease-in-out infinite;box-shadow:0 10px 20px #00000026,inset 0 -4px 6px #0000001a,inset 0 4px 6px #ffffff4d;height:100px;transform:perspective(600px) rotateX(10deg);width:100px}@keyframes giftModelFloat{0%,to{transform:perspective(600px) rotateX(10deg) translateY(0)}50%{transform:perspective(600px) rotateX(15deg) translateY(-8px)}}.gift-message-emoji-large{filter:drop-shadow(0 10px 10px rgba(0,0,0,.3)) drop-shadow(0 0 15px rgba(255,255,255,.5));font-size:56px}.gift-message-details{align-items:center;display:flex;flex-direction:column;gap:4px}.gift-trigger-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:6px;position:relative;transition:all .2s}.gift-trigger-btn:hover{background:#6366f114;color:#6366f1}.gift-trigger-btn.active{background:#6366f11f;color:#6366f1}@media (max-width:480px){.gift-panel-wrapper{bottom:150px;left:50%;max-width:420px;position:fixed;right:auto;transform:translateX(-50%);width:calc(100% - 32px)}.gift-panel{max-width:100%}.gift-grid{gap:8px;grid-template-columns:repeat(3,1fr);padding:10px 12px}.gift-card{padding:10px 6px}.gift-card-icon{height:42px;width:42px}.gift-emoji{font-size:22px}.gift-animation-emoji{font-size:80px}.gift-animation-name{font-size:18px}.gift-animation-subtitle{font-size:14px;margin-top:-6px}}[data-theme=dark] .gift-panel,body.dark-theme .gift-panel{background:#111a2e!important;border:1px solid #ffffff1a!important;box-shadow:0 12px 48px #0009!important;color:#fff!important}[data-theme=dark] .gift-panel-header,body.dark-theme .gift-panel-header{border-bottom:1px solid #ffffff14!important;color:#fff!important}[data-theme=dark] .gift-panel-title,body.dark-theme .gift-panel-title{color:#fff!important}[data-theme=dark] .gift-title-icon,body.dark-theme .gift-title-icon{color:#0ef0ff!important}[data-theme=dark] .gift-panel-close,body.dark-theme .gift-panel-close{background:#ffffff14!important;color:#94a3b8!important}[data-theme=dark] .gift-panel-close:hover,body.dark-theme .gift-panel-close:hover{background:#ffffff29!important;color:#fff!important}[data-theme=dark] .gift-card,body.dark-theme .gift-card{background:#0e1626!important;border:1px solid #ffffff14!important}[data-theme=dark] .gift-card:hover,body.dark-theme .gift-card:hover{background:#162033!important;border-color:#0ef0ff!important;box-shadow:none!important}[data-theme=dark] .gift-card-name,body.dark-theme .gift-card-name{color:#fff!important}[data-theme=dark] .gift-card-cost,body.dark-theme .gift-card-cost{color:#cbd5e1!important;font-weight:600!important}[data-theme=dark] .gift-card-cost svg,body.dark-theme .gift-card-cost svg{color:#0ef0ff!important}[data-theme=dark] .gift-panel-balance,body.dark-theme .gift-panel-balance{border-top:1px solid #ffffff14!important;color:#94a3b8!important}[data-theme=dark] .gift-panel-balance strong,body.dark-theme .gift-panel-balance strong{color:#0ef0ff!important}[data-theme=dark] .gift-confirm-name,body.dark-theme .gift-confirm-name{color:#fff!important}[data-theme=dark] .gift-confirm-text,body.dark-theme .gift-confirm-text{color:#94a3b8!important}[data-theme=dark] .gift-confirm-cost,body.dark-theme .gift-confirm-cost{color:#0ef0ff!important}[data-theme=dark] .gift-confirm-btn.cancel,body.dark-theme .gift-confirm-btn.cancel{background:#0e1626!important;color:#e2e8f0!important}[data-theme=dark] .gift-confirm-btn.cancel:hover,body.dark-theme .gift-confirm-btn.cancel:hover{background:#162033!important}[data-theme=dark] .gift-confirm-btn.send,[data-theme=dark] .gift-confirm-btn.send:hover,body.dark-theme .gift-confirm-btn.send,body.dark-theme .gift-confirm-btn.send:hover{box-shadow:none!important}.identity-warning-overlay{align-items:center;animation:identityFadeIn .3s ease;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#000000bf;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999999!important}@keyframes identityFadeIn{0%{opacity:0}to{opacity:1}}.identity-warning-modal{animation:identitySlideIn .4s cubic-bezier(.2,.8,.2,1);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:2px solid #e74c3c;border-radius:20px;box-shadow:0 20px 60px #0009;max-width:420px;padding:40px 30px;text-align:center;width:90%}@keyframes identitySlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.identity-warning-icon{animation:identityPulse 1s ease-in-out infinite;font-size:64px;margin-bottom:16px}@keyframes identityPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.identity-warning-title{color:#e74c3c;font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin:0 0 12px}.identity-warning-message{color:#d0d0d0;font-size:1rem;line-height:1.5;margin:0 0 24px}.identity-warning-countdown{color:#f39c12;font-size:1.1rem;font-weight:600;margin-bottom:16px}.identity-warning-progress{background:#ffffff26;border-radius:3px;height:6px;overflow:hidden;width:100%}.identity-warning-progress-bar{background:linear-gradient(90deg,#e74c3c,#f39c12);border-radius:3px;height:100%;transition:width 1s linear}.game-menu-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:10100}.game-menu-panel{animation:gameMenuFadeIn .3s ease-out;background:#0f0f1ef2;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 16px 40px #0000004d,inset 0 1px 1px #ffffff26;display:flex;flex-direction:column;gap:16px;left:calc(50% + 180px);max-width:480px;min-width:280px;padding:16px;position:absolute;top:45%;transform:translate(-50%,-50%);z-index:2147483647!important}.game-menu-panel-random{top:45%!important}@media (max-width:768px){.game-menu-panel-random{top:50%!important}}@keyframes gameMenuFadeIn{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.game-menu-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.game-menu-title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px}.game-menu-title .game-icon{font-size:20px}.game-menu-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .2s;width:28px}.game-menu-close:hover{background:#fff3}.game-menu-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);overflow-y:auto;padding-right:4px}.game-menu-item:last-child:nth-child(odd){grid-column:span 2;justify-content:center}.game-menu-item:last-child:nth-child(odd) .game-menu-item-info{flex:0 1 auto}.game-menu-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .2s ease}.game-menu-item:hover{background:#3498db33;border-color:#3498db4d;transform:translateX(4px)}.game-menu-item:active{transform:translateX(2px) scale(.98)}.game-menu-item.is-locked{cursor:not-allowed;opacity:.45;pointer-events:auto}.game-menu-item.is-locked:hover{background:#ffffff0d;border-color:#ffffff0f;transform:none}.game-menu-item-locked-status{color:#ff9f43;font-size:11px;font-weight:600;margin-top:4px}.game-menu-item-emoji{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;width:32px}.game-menu-item-info{flex:1 1;min-width:0}.game-menu-item-name{font-size:14px;font-weight:600;margin-bottom:2px}.game-menu-item-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ffffff80;display:-webkit-box;font-size:11px;line-height:1.3;overflow:hidden}.game-menu-waiting{color:#ffffffb3;font-size:14px;padding:20px 12px;text-align:center}.game-menu-waiting-spinner{animation:gameMenuSpin .8s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top-color:#3498db;height:24px;margin:0 auto 12px;width:24px}@keyframes gameMenuSpin{to{transform:rotate(1turn)}}.game-menu-cancel{background:#e74c3c33;border:1px solid #e74c3c4d;border-radius:8px;color:#e74c3c;cursor:pointer;font-size:12px;font-weight:500;margin-top:12px;padding:8px 16px;transition:all .2s}.game-menu-cancel:hover{background:#e74c3c4d}.game-invite-overlay{animation:gameMenuSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:#0f0f1efa;border:1px solid #3498db4d;border-radius:16px;bottom:220px;box-shadow:0 8px 32px #00000080;left:50%;min-width:260px;padding:20px;position:fixed;text-align:center;transform:translateX(-50%);z-index:2147483647!important}@media (min-width:769px){.game-invite-overlay{left:calc(50% + 180px)}}.game-invite-emoji{font-size:48px;margin-bottom:8px}.game-invite-text{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.game-invite-name{color:#fff9;font-size:12px;margin-bottom:16px}.game-invite-actions{display:flex;gap:8px;justify-content:center}.game-invite-accept{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.game-invite-accept:hover{background:#2ecc71;transform:translateY(-1px)}.game-invite-decline{background:#e74c3c40;border:1px solid #e74c3c66;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.game-invite-decline:hover{background:#e74c3c4d;transform:translateY(-1px)}.game-invite-overlay-direct{bottom:180px}@media (max-width:768px){.game-menu-panel{border-radius:12px;gap:8px;left:50%;max-height:85vh;max-width:320px;min-width:280px;padding:12px;position:absolute;top:58%;transform:translate(-50%,-50%);width:90vw;z-index:2147483647!important}.game-menu-panel.is-waiting{max-width:260px;min-width:220px;width:auto}.game-menu-panel-random{top:55%!important}.game-menu-panel-direct{bottom:auto!important}.game-menu-header{margin-bottom:4px;padding-bottom:4px}.game-menu-title{font-size:13px}.game-icon{font-size:16px}.game-menu-close{font-size:12px;height:24px;width:24px}.game-menu-list{gap:8px;grid-template-columns:repeat(2,1fr);max-height:500px;min-height:180px;overflow-y:auto;padding-right:2px}.game-menu-item{border-radius:8px;gap:8px;padding:5px 8px}.game-menu-item-emoji{font-size:18px;height:26px;width:26px}.game-menu-item-name{font-size:12px}.game-menu-item-desc{display:none}.game-menu-waiting{font-size:12px;padding:30px 12px}.game-menu-waiting-spinner{height:18px;margin-bottom:6px;width:18px}.game-menu-cancel{font-size:11px;margin-top:25px;padding:8px 20px}.game-invite-overlay{bottom:180px;left:50%;max-width:260px;min-width:260px;padding:10px;position:fixed;transform:translateX(-50%);width:75%;z-index:2147483647!important}.game-invite-overlay-direct{bottom:180px!important;top:auto!important}.game-invite-emoji{font-size:32px;margin-bottom:8px}.game-invite-text{font-size:13px;margin-bottom:8px}.game-invite-name{font-size:11px;margin-bottom:12px}.game-invite-accept,.game-invite-decline{font-size:12px;padding:6px 16px}}@media (min-width:601px){.game-overlay.game-battleship{width:600px}}.battleship-game{align-items:center;color:#fff;display:flex;flex-direction:column;gap:15px;padding:10px}.battleship-status{font-size:1.1em;font-weight:700;min-height:1.5em;text-align:center}.battleship-grids{display:flex;flex-wrap:nowrap;gap:20px;justify-content:center}@media (max-width:600px){.battleship-grids{align-items:center;flex-direction:column;gap:15px}}.battleship-grid-container{align-items:center;display:flex;flex-direction:column;gap:5px}.battleship-grid-title{font-size:.9em;opacity:.8}.battleship-grid{grid-gap:1px;background:#ffffff1a;border:1px solid #fff3;display:grid;gap:1px;grid-template-columns:repeat(10,25px);grid-template-rows:repeat(10,25px)}@media (max-width:768px){.battleship-grid{grid-template-columns:repeat(10,24px);grid-template-rows:repeat(10,24px)}}@media (max-width:600px){.battleship-grid{grid-template-columns:repeat(10,28px);grid-template-rows:repeat(10,28px)}}.battleship-cell{-webkit-tap-highlight-color:transparent;align-items:center;background:#282c3480;border:none;cursor:default;display:flex;font-size:14px;height:100%;justify-content:center;padding:0;touch-action:manipulation;transition:background .2s;width:100%}.battleship-cell.my-ship{background:#4caf5066;border:1px solid #4caf5099}.battleship-cell.opponent-cell{cursor:pointer}@media (hover:hover){.battleship-cell.opponent-cell:hover:not(:disabled){background:#ffffff1a}}.battleship-cell.pending{animation:pulsePending 1s infinite alternate;background:#fff3}@keyframes pulsePending{0%{opacity:.6}to{opacity:1}}.battleship-cell.hit{background:#f4433699;color:#fff}.battleship-cell.miss{background:#ffffff1a}.battleship-cell.miss:after{color:#ffffff80;content:"•"}.battleship-cell.sunk{background:#f44336e6;border:1px solid #fff}.battleship-controls{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.battleship-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 20px;transition:all .2s ease}@media (hover:hover){.battleship-btn:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}}.battleship-result{padding:20px;text-align:center}.battleship-result-emoji{font-size:3em;margin-bottom:10px}.battleship-result-text{font-size:1.5em;font-weight:700;margin-bottom:20px}.battleship-result-text.win{color:#4caf50}.battleship-result-text.lose{color:#f44336}.battleship-btn.ready{background:#4caf50;margin-left:10px}.battleship-btn.ready:hover{background:#388e3c}.rotate-btn{align-items:center;background:#3498db33;border-color:#3498db66;display:flex;gap:10px;justify-content:center;min-width:140px}.rotate-btn:hover{background:#3498db4d;border-color:#3498db99}.rotate-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.rotate-icon.ver{transform:rotate(90deg)}.battleship-btn:active .rotate-icon{transform:rotate(180deg)}.randomize-btn{background:#673ab74d;border-color:#673ab766}.randomize-btn:hover{background:#673ab766;border-color:#673ab799}.reset-btn{background:#f4433633;border-color:#f4433666}.reset-btn:hover{background:#f443364d;border-color:#f4433680}.emoji-icon{font-size:1.2em}.battleship-hint{color:#fff;font-size:.85em;margin-top:10px;opacity:.7;text-align:center}.battleship-placing .battleship-grid{margin-bottom:15px}.battleship-placing .battleship-cell:not(:disabled):hover{background:#4caf504d}.battleship-header-stats{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;width:100%}.battleship-score-bar{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:15px;display:flex;font-size:1.2em;font-weight:700;gap:15px;padding:5px 20px}.score-divider{opacity:.5}.score-me{color:#4caf50}.score-partner{color:#f44336}.battleship-ship-counter{background:#ffffff0d;border-radius:8px;margin-bottom:8px;padding:8px;width:100%}.counter-title{font-size:.8em;margin-bottom:5px;opacity:.6;text-align:center;text-transform:uppercase}.counter-grid{display:flex;gap:5px;justify-content:space-around}.counter-item{align-items:center;display:flex;font-size:.85em;gap:2px;transition:opacity .3s}.counter-item.empty{filter:grayscale(1);opacity:.25}.ship-icon{font-size:1.1em}.ship-len{font-size:.8em;opacity:.7}.ship-count{font-weight:700}.battleship-final-score{font-size:1.5em;font-weight:700;letter-spacing:2px;margin-bottom:20px}@media (min-width:650px){.game-overlay.game-find_diff{width:650px}}.fd-game{flex-direction:column;gap:15px}.fd-game,.fd-loading{align-items:center;color:#fff;display:flex}.fd-loading{font-size:1.2rem;font-weight:500;justify-content:center;letter-spacing:1px;min-height:400px;width:100%}.fd-stats{display:flex;font-size:1.1em;font-weight:700;justify-content:space-around;width:100%}.fd-score{align-items:center;display:flex;flex-direction:column}.fd-score.me{color:#4caf50}.fd-score.partner{color:#e91e63}.fd-grids{display:flex;flex-wrap:nowrap;gap:20px;justify-content:center}.fd-grid-side{align-items:center;display:flex;flex-direction:column;gap:10px}.fd-grid{background:#ffffff0d;border:4px solid #ffffff1a;border-radius:8px;display:grid;grid-template-columns:repeat(6,45px);grid-template-rows:repeat(6,45px);overflow:hidden;position:relative}@media (max-width:768px){.game-overlay.game-find_diff{max-width:95vw;width:370px}.fd-grids{gap:10px}.fd-grid{border-width:2px;gap:2px;grid-template-columns:repeat(6,25px);grid-template-rows:repeat(6,25px);padding:5px}.fd-cell{font-size:18px}.fd-found-marker{font-size:16px}}.fd-cell{align-items:center;cursor:pointer;display:flex;font-size:24px;justify-content:center;position:relative;transition:transform .2s;-webkit-user-select:none;user-select:none}.fd-cell:hover{transform:scale(1.1)}.fd-cell.found-me{background:#4caf504d;box-shadow:inset 0 0 10px #4caf5080}.fd-cell.found-partner{background:#e91e634d;box-shadow:inset 0 0 10px #e91e6380}.fd-found-marker{font-size:20px;pointer-events:none;position:absolute}.fd-result{padding:20px;text-align:center}.fd-result-emoji{font-size:3em;margin-bottom:10px}.fd-result-text{font-size:1.5em;font-weight:700;margin-bottom:15px}.fd-result-text.win{color:#4caf50}.fd-result-text.lose{color:#f44336}.fd-result-text.draw{color:#ffeb3b}.fd-final-score{font-size:1.5em;font-weight:700;letter-spacing:2px;margin-bottom:24px}.quiz-game{box-sizing:border-box;color:#333;padding:20px;width:100%}.quiz-game,.quiz-theme-selection{align-items:center;display:flex;flex-direction:column;height:100%}.quiz-theme-selection{gap:20px;justify-content:center}.quiz-theme-selection h3{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:-.3px;margin-bottom:25px;margin-top:-5px;text-align:center;text-shadow:0 2px 10px #00000080}.quiz-themes{display:flex;gap:15px}.quiz-theme-btn{align-items:center;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:700;gap:8px;min-width:130px;overflow:hidden;padding:15px 10px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.quiz-theme-btn:before{background:linear-gradient(135deg,#ffffff26,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.quiz-theme-btn.hp{background:linear-gradient(135deg,#740001,#ae0001);box-shadow:0 4px 15px #7400014d,inset 0 0 0 1px #eeba3033;color:#eeba30}.quiz-theme-btn.lotr{background:linear-gradient(135deg,#1a472a,#2a623d);box-shadow:0 4px 15px #1a472a4d,inset 0 0 0 1px #ffffff1a;color:#f1f5f9}.quiz-theme-btn:hover{box-shadow:0 10px 20px #0003;filter:brightness(1.2);transform:translateY(-4px) scale(1.02)}.quiz-theme-btn .emoji{filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));font-size:1.8rem;transition:transform .3s ease;z-index:2}.quiz-theme-btn:hover .emoji{transform:scale(1.1) rotate(5deg)}.quiz-theme-btn span:not(.emoji){text-shadow:0 2px 4px #0000004d;z-index:2}.quiz-playing{display:flex;flex-direction:column;gap:20px;width:100%}.quiz-header{background:#00000008;border-radius:12px;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;margin-bottom:5px;padding:10px 15px;width:100%}.quiz-question-container{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 10px 30px #0000000d;display:flex;font-size:1.3rem;font-weight:700;justify-content:center;line-height:1.4;min-height:120px;padding:24px;text-align:center}.quiz-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;width:100%}.quiz-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #00000005;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:18px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.quiz-option:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.quiz-option.correct{background:#dcfce7!important;border-color:#22c55e!important;color:#166534!important}.quiz-option.wrong{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.quiz-option:disabled{cursor:not-allowed;opacity:.8}.quiz-scores{display:flex;gap:20px;justify-content:center;margin-top:10px}.quiz-score-item{align-items:center;display:flex;flex-direction:column;gap:4px}.quiz-score-val{color:#6366f1;font-size:1.5rem;font-weight:800}.quiz-score-label{color:#666;font-size:.8rem;text-transform:uppercase}.quiz-finished{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.quiz-winner-emoji{font-size:4rem}.quiz-winner-text{color:#1a1a1a;font-size:2rem;font-weight:800}.quiz-final-scores{background:#f1f5f9;border-radius:20px;display:flex;gap:40px;padding:20px 40px}.quiz-restart-btn{background:#6366f1;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 30px;transition:all .2s ease}.quiz-restart-btn:hover{background:#4f46e5;transform:scale(1.05)}.theme-hp .quiz-question-container{border-left:5px solid #ae0001}.theme-lotr .quiz-question-container{border-left:5px solid #2a623d}@media (max-width:480px){.quiz-game{padding:10px}.quiz-theme-selection h3{font-size:1.1rem;margin-bottom:15px}.quiz-themes{flex-direction:row;gap:15px;justify-content:center;width:100%}.quiz-theme-btn{border-radius:12px;flex-direction:column;font-size:.85rem;gap:6px;max-width:none;min-width:0;min-width:auto;padding:10px 5px;width:115px}.quiz-theme-btn .emoji{font-size:1.4rem}.quiz-question-container{font-size:1.1rem;min-height:80px;padding:15px}.quiz-options{gap:10px;grid-template-columns:1fr}.quiz-option{font-size:.9rem;padding:12px 15px}.quiz-final-scores{gap:20px;padding:15px 25px}}.killer-puzzle{background:linear-gradient(135deg,#1a1c2c,#4a1c40);border-radius:12px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;height:100%;overflow-y:auto;padding:1rem;width:100%}.killer-puzzle.finished,.killer-puzzle.intro{align-items:center;justify-content:center;text-align:center}.killer-puzzle .title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b6b,#fca048);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #00000080}.killer-puzzle .subtitle{color:#ccc;font-size:1.1rem;margin-bottom:2rem;max-width:80%}.killer-btn{-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:10px 20px;touch-action:manipulation;transition:all .2s ease}.killer-btn.primary{background:linear-gradient(135deg,#ff6b6b,#fca048);border:none;box-shadow:0 4px 15px #ff6b6b66}@media (hover:hover){.killer-btn.primary:hover{box-shadow:0 6px 20px #ff6b6b99;transform:translateY(-2px)}}.killer-btn.primary.pulse{animation:pulseButton 2s infinite}@keyframes pulseButton{0%{box-shadow:0 0 0 0 #ff6b6bb3;transform:scale(1)}70%{box-shadow:0 0 0 10px #ff6b6b00;transform:scale(1.05)}to{box-shadow:0 0 0 0 #ff6b6b00;transform:scale(1)}}.puzzle-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem}.round-badge{background:#ffffff26;border-radius:20px;font-size:.9rem;font-weight:500;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.current-scores{color:#ffd93d;font-size:1rem;font-weight:700}.case-content{background:#0003;border-radius:12px;box-shadow:inset 0 2px 10px #0000004d;margin-bottom:1.5rem;padding:1.5rem}.case-title{color:#ff9a9e;font-size:1.5rem;margin:0 0 1rem;text-align:center}.case-image{aspect-ratio:1;border:2px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #00000080;margin-bottom:1rem;object-fit:cover;width:100%}.case-story{color:#eee;font-size:1.1rem;line-height:1.6}.guessing-area{display:flex;flex:1 1;flex-direction:column;gap:1rem}.pick-prompt{color:#a8df65;font-size:1.1rem;font-weight:500;margin:0;text-align:center}.suspects-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.suspect-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff14;border:2px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:1rem;touch-action:manipulation;transition:all .2s ease}@media (hover:hover){.suspect-btn:hover{background:#ffffff26;border-color:#ff6b6b;transform:translateY(-2px)}}.suspect-btn:active{transform:translateY(0)}.suspect-icon{font-size:2rem}.suspect-name{font-size:1rem;font-weight:500}.killer-puzzle .waiting-message{animation:pulse 1.5s infinite;background:#fca0481a;border:1px dashed #fca048;border-radius:8px;color:#fca048;font-size:1.2rem;padding:2rem;text-align:center}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.result-area{align-items:center;background:#00000040;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.result-title{color:#ffd93d;font-size:1.4rem;margin:0}.highlight-green{color:#a8df65;font-size:1.2rem}.explanation-text{color:#ddd;font-style:italic;margin-bottom:1rem}.choices-summary{display:flex;gap:1rem;margin-bottom:1rem;width:100%}.choice-box{border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:1rem}.choice-box.correct{background:#a8df6533;border:1px solid #a8df65}.choice-box.wrong{background:#ff6b6b33;border:1px solid #ff6b6b}.player-label{font-size:.9rem;opacity:.8}.picked-name{font-size:1.1rem;font-weight:700}.final-scores{display:flex;gap:2rem;margin:1rem 0}.score-box{background:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:1rem}.score-label{color:#ccc;font-size:.9rem}.score-num{color:#ff6b6b;font-size:2rem;font-weight:700}.winner-text{color:#a8df65;font-size:1.5rem;margin-bottom:2rem}@media (max-width:600px){.killer-puzzle{padding:.5rem}.killer-puzzle .title{font-size:1.5rem;margin-bottom:.25rem}.killer-puzzle .subtitle{font-size:.95rem;margin-bottom:1rem}.puzzle-header{margin-bottom:.5rem;padding-bottom:.25rem}.round-badge{font-size:.75rem;padding:2px 8px}.current-scores{font-size:.85rem}.case-content{border-radius:8px;margin-bottom:.5rem;padding:.75rem}.case-title{font-size:1.1rem;margin-bottom:.5rem}.case-scene{font-size:1.6rem;letter-spacing:5px;margin-bottom:.25rem;padding:5px}.case-story{font-size:.9rem;line-height:1.3}.suspect-btn{border-radius:8px;gap:4px;padding:.5rem}.suspect-icon{font-size:1.4rem}.suspect-name{font-size:.8rem}.guessing-area{gap:.5rem}.killer-puzzle .waiting-message{font-size:1rem;padding:1rem}.result-area{gap:.5rem;padding:.75rem}.result-title{font-size:1.1rem}.highlight-green{font-size:1rem}.explanation-text{font-size:.85rem;margin-bottom:.5rem}.choices-summary{gap:.5rem;margin-bottom:.5rem}.choice-box{padding:.5rem}.player-label{font-size:.75rem}.picked-name{font-size:.9rem}.killer-btn{font-size:1rem;padding:8px 16px}}.pong-container{align-items:center;background:#0f172a;color:#f1f5f9;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:auto;justify-content:center;min-height:300px;overflow:hidden;padding:40px 20px;width:100%}.pong-container.playing{height:80vh;justify-content:space-between;min-height:500px;padding:10px}.table-perspective-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;max-height:70vh;perspective:1000px;position:relative;width:100%}.pong-canvas{background:#3b82f6;border:4px solid #f8fafc;border-radius:4px;box-shadow:0 10px 0 #1e3a8a,0 30px 40px #0009;cursor:ew-resize;height:100%;max-height:600px;max-width:100%;touch-action:none;transform:rotateX(25deg);transform-style:preserve-3d}.table-net{background:#fff3;background-image:linear-gradient(90deg,#0000 50%,#ffffff80 0),linear-gradient(#ffffff80 50%,#0000 0);background-size:4px 4px;border-top:2px solid #fff;height:25px;left:50%;max-width:calc(100% - 20px);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotateX(-15deg);width:100%;z-index:10}.pong-header{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:15px;padding:0 15px;width:100%;z-index:20}.pong-player-name{font-size:18px;font-weight:800;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px #0006;white-space:nowrap}.pong-player-name.me{color:#38bdf8;text-align:left}.pong-player-name.partner{color:#f43f5e;text-align:right}.pong-score{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 4px 15px #0000004d;display:flex;font-size:32px;font-weight:800;gap:15px;padding:5px 25px}.pong-score .me{color:#38bdf8}.pong-score .partner{color:#f43f5e}.pong-score .divider{opacity:.3}.pong-btn{background:#94a3b81a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:12px 32px;transition:all .2s}.pong-btn.primary{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 12px #6366f14d}.pong-btn:hover{background:#4f46e5;transform:translateY(-2px)}.waiting h2{margin-bottom:10px}.waiting p{color:#94a3b8;font-size:14px}.finished .result-emoji{font-size:64px;margin-bottom:10px}.finished h2.me{color:#34d399}.finished h2.partner{color:#f87171}.final-score{font-size:24px;font-weight:700;margin:15px 0}@media (max-width:480px){.pong-canvas{transform:rotateX(20deg);width:100%}}.melody-container{align-items:center!important;background:radial-gradient(circle at 50% 50%,#1e293b 0,#0f172a 100%);border-radius:16px;color:#f1f5f9;display:flex!important;flex-direction:column!important;font-family:Inter,sans-serif;height:-webkit-min-content!important;height:min-content!important;margin:0 auto;max-width:100%;min-height:0!important;overflow:hidden!important;padding:20px;position:relative;width:100%}.melody-container:before{background:radial-gradient(circle,#6366f10d 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.melody-scoreboard-modern{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 15px 35px #0006;display:flex;gap:20px;justify-content:center;margin-bottom:35px;padding:15px 25px;width:100%}.player-stat{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:12px;min-width:0}.player-stat.me{justify-content:flex-end}.player-stat.partner{justify-content:flex-start}.p-name{color:#fff9;font-size:15px;font-weight:700;letter-spacing:1px;max-width:120px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.p-score{font-size:48px;font-weight:900;line-height:1}.me .p-score{color:#818cf8;text-shadow:0 0 20px #818cf866}.partner .p-score{color:#f87171;text-shadow:0 0 20px #f8717166}.vs-badge{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:8px;color:#ffffff4d;font-size:12px;font-weight:800;padding:6px 10px}.audio-visualizer{margin-bottom:30px;position:relative;z-index:1}.audio-visualizer,.disc{align-items:center;display:flex;justify-content:center}.disc{background:#000;border:8px solid #1e293b;border-radius:50%;box-shadow:0 0 0 10px #6366f11a,0 0 40px #0009,inset 0 0 20px #ffffff0d;height:150px;overflow:hidden;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:150px}.disc.spinning{animation:spin 4s linear infinite;border-color:#312e81}.disc img{height:100%;object-fit:cover;opacity:.8;width:100%}.disc svg{color:#6366f1b3;filter:drop-shadow(0 0 10px rgba(99,102,241,.3));font-size:72px}.play-toggle{align-items:center;background:#6366f1;border:none;border-radius:50%;box-shadow:0 10px 25px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:absolute;transition:all .3s;width:60px;z-index:2}.play-toggle:hover{background:#4f46e5;box-shadow:0 15px 30px #6366f180;transform:scale(1.1)}.options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:30px;max-width:700px;width:100%;z-index:1}.option-btn{background:#1e293b99;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:80px;padding:18px 24px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.option-btn:hover:not(:disabled){background:#6366f126;border-color:#6366f180;box-shadow:0 10px 20px -5px #0000004d;transform:translateY(-4px)}.option-btn.correct{background:#10b98133;border-color:#10b981;box-shadow:0 0 20px #10b98133}.option-btn.disabled{cursor:default;opacity:.4}.song-name{color:#fff;font-size:16px;font-weight:700;line-height:1.3}.artist-name,.song-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.artist-name{color:#94a3b8;font-size:13px;white-space:normal}.next-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:16px;box-shadow:0 10px 20px #6366f14d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:16px 48px;transition:all .3s;z-index:1}.next-btn:hover:not(:disabled){box-shadow:0 15px 30px #6366f166;filter:brightness(1.1);transform:translateY(-2px)}.next-btn:disabled{cursor:not-allowed;opacity:.5}.melody-header-modern{margin-bottom:40px;text-align:center}.melody-icon-pulse{animation:melodyPulse 2s infinite alternate;color:#6366f1;filter:drop-shadow(0 0 20px rgba(99,102,241,.4));font-size:64px;margin-bottom:20px}@keyframes melodyPulse{0%{filter:drop-shadow(0 0 20px rgba(99,102,241,.4));transform:scale(1)}to{filter:drop-shadow(0 0 35px rgba(99,102,241,.6));transform:scale(1.1)}}.melody-title-premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:900;margin-bottom:12px}.melody-subtitle{color:#64748b;font-size:16px}.genre-selection{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:40px;max-width:500px;width:100%}.genre-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px;transition:all .3s}.genre-card:hover:not(:disabled){background:#6366f11a;border-color:#6366f14d;box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.genre-emoji{font-size:32px}.genre-name{color:#cbd5e1;font-size:16px;font-weight:700}.waiting-host-modern{color:#64748b;text-align:center}.loader-dots{display:flex;gap:6px;justify-content:center;margin-bottom:10px}.loader-dots span{animation:dotBlink 1.4s infinite;background:#6366f1;border-radius:50%;height:8px;width:8px}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}@media (max-width:768px){.melody-container{border-radius:12px;padding:12px}.melody-scoreboard-modern{gap:8px;margin-bottom:20px;padding:8px 12px}.p-score{font-size:28px}.p-name{font-size:12px;max-width:80px}.vs-badge{font-size:10px;padding:4px 6px}.melody-header-modern{margin-bottom:20px}.melody-icon-pulse{font-size:40px;margin-bottom:12px}.melody-title-premium{font-size:24px;margin-bottom:8px}.melody-subtitle{font-size:13px}.options-grid{gap:8px;grid-template-columns:1fr;margin-bottom:20px}.option-btn{border-radius:12px;min-height:60px;padding:10px 12px}.song-name{font-size:13px}.artist-name{font-size:11px}.disc{border-width:4px;height:100px;width:100px}.play-toggle{font-size:18px;height:40px;width:40px}.next-btn{border-radius:12px;font-size:14px;padding:12px 32px}.genre-selection{gap:10px;margin-bottom:20px}.genre-card{border-radius:12px;padding:12px}.genre-emoji{font-size:24px}.genre-name{font-size:13px}}.game-overlay{animation:gameOverlayFadeIn .35s cubic-bezier(.34,1.56,.64,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0f172a;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px -12px #0009,inset 0 1px 1px #ffffff1a;display:flex!important;flex-direction:column!important;height:auto!important;left:calc(50% + 180px);max-height:85vh!important;overflow:hidden;padding:0;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);will-change:transform;z-index:1000000!important}@media (min-width:769px){.game-overlay{max-height:calc(100vh - 80px);width:480px}.game-find_diff,.game-killer,.game-melody,.game-quiz{max-height:90vh!important;max-width:800px!important;min-width:500px!important;width:auto!important}.game-battleship{max-height:85vh!important;width:650px!important}}.game-overlay-random{top:45%!important}@keyframes gameOverlayFadeIn{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.game-overlay-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:12px 16px;touch-action:none;-webkit-user-select:none;user-select:none}.game-overlay-title{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px}.game-overlay-close{align-items:center;background:#e74c3c33;border:1px solid #e74c3c4d;border-radius:50%;color:#e74c3c;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .2s;width:30px}.game-overlay-close:hover{background:#e74c3c59}.game-overlay-body{align-items:center!important;color:#fff;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:flex-start!important;min-height:0!important;overflow-y:auto!important;padding:16px;scrollbar-color:#6366f1 #0000;scrollbar-width:thin}.game-overlay-body::-webkit-scrollbar{width:4px}.game-overlay-body::-webkit-scrollbar-thumb{background:#3498db;border-radius:10px}.game-result{padding:20px 0;text-align:center}.game-result-emoji{font-size:56px;margin-bottom:12px}.game-result-text{font-size:20px;font-weight:700;margin-bottom:8px}.game-result-text.win{color:#2ecc71}.game-result-text.lose{color:#e74c3c}.game-result-text.draw{color:#f39c12}.game-result-sub{color:#ffffff80;font-size:13px;margin-bottom:16px}.game-play-again{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.game-play-again:hover{box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.rps-game{text-align:center;width:100%}.rps-round{color:#ffffff80;font-size:13px;margin-bottom:4px}.rps-score{color:#fffc;font-size:15px;font-weight:600;margin-bottom:16px}.rps-choices{gap:12px;margin-bottom:20px}.rps-choice-btn,.rps-choices{display:flex;justify-content:center}.rps-choice-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;font-size:36px;height:72px;transition:all .2s;width:72px}.rps-choice-btn:hover{background:#3498db33;border-color:#3498db66;transform:scale(1.1)}.rps-choice-btn:active{transform:scale(.95)}.rps-choice-btn.selected{background:#3498db4d;border-color:#3498db;box-shadow:0 0 16px #3498db66}.rps-choice-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.rps-vs{align-items:center;display:flex;gap:16px;justify-content:center;margin:16px 0}.rps-player{text-align:center}.rps-player-choice{font-size:48px;margin-bottom:4px}.rps-player-name{color:#ffffff80;font-size:11px}.rps-vs-divider{color:#ffffff4d;font-size:18px;font-weight:700}.rps-round-result{border-radius:8px;font-size:14px;font-weight:600;margin-top:8px;padding:6px 12px}.rps-round-result.win{background:#2ecc7126;color:#2ecc71}.rps-round-result.lose{background:#e74c3c26;color:#e74c3c}.rps-round-result.draw{background:#f39c1226;color:#f39c12}.rps-waiting{align-items:center;color:#ffffff80;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:8px}.rps-waiting-dot{animation:rpsDotPulse 1.2s ease-in-out infinite;background:#3498db;border-radius:50%;height:6px;width:6px}.rps-waiting-dot:nth-child(2){animation-delay:.2s}.rps-waiting-dot:nth-child(3){animation-delay:.4s}@keyframes rpsDotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.ttt-game{text-align:center;width:100%}.ttt-status{color:#ffffffb3;font-size:14px;font-weight:500;margin-bottom:12px}.ttt-board{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin:0 auto 16px;width:210px}.ttt-cell{align-items:center;background:#ffffff0a;border:2px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:30px;font-weight:700;height:66px;justify-content:center;transition:all .15s;width:66px}.ttt-cell:hover:not(:disabled){background:#3498db26;border-color:#3498db4d}.ttt-cell:disabled{cursor:not-allowed}.ttt-cell.x{color:#3498db}.ttt-cell.o{color:#e74c3c}.ttt-cell.winning{animation:tttWinPulse .6s ease-in-out;background:#2ecc7133;border-color:#2ecc71}@keyframes tttWinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.wyr-game{text-align:center;width:100%}.wyr-question-label{color:#fff6;font-size:12px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.wyr-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.wyr-option{background:#ffffff0a;border:2px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;line-height:1.4;padding:14px 16px;text-align:left;transition:all .2s}.wyr-option:hover{background:#3498db26;border-color:#3498db4d}.wyr-option.selected{background:#3498db40;border-color:#3498db}.wyr-option.partner-selected{border-color:#e74c3c}.wyr-option.selected.partner-selected{background:#2ecc7126;border-color:#2ecc71}.wyr-option-label{color:#fff6;font-size:11px;margin-top:6px}.wyr-next-btn{background:#3498db33;border:1px solid #3498db4d;border-radius:8px;color:#3498db;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s}.wyr-next-btn:hover{background:#3498db4d}.tod-game{text-align:center;width:100%}.tod-selection{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.tod-btn{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.tod-btn:hover{transform:translateY(-2px)}.tod-btn.truth{border-color:#3498db4d}.tod-btn.truth:hover{background:#3498db33}.tod-btn.dare{border-color:#e74c3c4d}.tod-btn.dare:hover{background:#e74c3c33}.tod-card{animation:todCardFlip .4s ease-out;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;margin-bottom:16px;padding:20px 16px}@keyframes todCardFlip{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}.tod-type-badge{font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.tod-type-badge.truth{color:#3498db}.tod-type-badge.dare{color:#e74c3c}.tod-text{color:#ffffffe6;font-size:16px;line-height:1.5}.memory-game{text-align:center;width:100%}.memory-info{color:#fff9;display:flex;font-size:13px;justify-content:space-between;margin-bottom:12px}.memory-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin:0 auto 12px;max-width:280px}.memory-card{align-items:center;aspect-ratio:1;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;font-size:24px;justify-content:center;transition:all .2s}.memory-card.flipped{background:#3498db26;border-color:#3498db4d}.memory-card.matched{background:#2ecc7126;border-color:#2ecc714d;opacity:.7}.memory-card:not(.flipped):not(.matched){font-size:0}.memory-card:not(.flipped):not(.matched):after{content:"❓";font-size:24px}.memory-card:hover:not(.flipped):not(.matched){background:#3498db1a;border-color:#3498db33}@media (max-width:768px){.game-overlay{border-radius:12px;left:50%;max-height:85vh!important;max-width:320px;top:50%;width:90%;z-index:1000000!important}.game-overlay-header{padding:8px 12px}.game-overlay-title{font-size:13px}.game-overlay-close{font-size:14px;height:26px;width:26px}.game-overlay-body{min-height:100px;padding:8px}.rps-choice-btn{border-radius:12px;font-size:24px;height:54px;width:54px}.rps-player-choice{font-size:32px}.ttt-cell{font-size:24px;height:56px;width:56px}.ttt-board{width:180px}.wyr-option{font-size:13px;padding:10px 12px}.wyr-options{gap:8px;margin-bottom:12px}.tod-btn{font-size:14px;padding:10px 18px}.tod-card{padding:16px 12px}.tod-text{font-size:14px}.memory-grid{gap:4px;margin-bottom:8px;max-width:220px}.memory-card{border-width:1.5px}.memory-card,.memory-card:not(.flipped):not(.matched):after{font-size:18px}}.reaction-overlay-container{align-items:center;display:flex;justify-content:center;overflow:hidden;pointer-events:none;z-index:10100}.reaction-backdrop,.reaction-overlay-container{height:100%;left:0;position:absolute;top:0;width:100%}.reaction-backdrop{animation:backdropFlash 2.5s ease-out forwards;background:radial-gradient(circle at center,var(--bg-color) 0,#0000 60%);opacity:0}@keyframes backdropFlash{0%{opacity:0;transform:scale(.8)}10%{opacity:.15;transform:scale(1)}80%{opacity:.1}to{opacity:0}}.float-up-curve,.sticker-wrapper{opacity:0;position:absolute;will-change:transform,opacity}.float-up-curve{animation-fill-mode:forwards;animation-name:floatUpCurve;animation-timing-function:cubic-bezier(.25,.46,.45,.94);bottom:-150px;left:var(--start-x);transform-origin:center}@keyframes floatUpCurve{0%{opacity:0;transform:translate(0) scale(0) rotate(calc(var(--rot) - 20deg))}15%{opacity:1;transform:translate(calc((var(--end-x) - var(--start-x))*.2),-25vh) scale(1.1) rotate(calc(var(--rot)*.5))}75%{opacity:.9;transform:translate(calc((var(--end-x) - var(--start-x))*.8),-75vh) scale(1) rotate(calc(var(--rot)*1.5))}to{opacity:0;transform:translate((var(--end-x) - var(--start-x)),-120vh) scale(.6) rotate(calc(var(--rot)*2))}}.heart-trigger-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ff3366b3,#ff7800b3);border:1px solid #fff6;border-radius:50%;box-shadow:0 4px 12px #f366;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:50px;z-index:1000}.heart-trigger-btn:hover{background:linear-gradient(135deg,#ff3366e6,#ff7800e6);box-shadow:0 6px 16px #f369;transform:scale(1.1)}.heart-trigger-btn:active{box-shadow:0 2px 6px #ff33664d;transform:scale(.95)}.heart-trigger-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));font-size:26px}.heart-trigger-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none;transform:scale(.9)}@media (max-width:768px){.floating-hearts-container{bottom:90px;right:15px}.heart-trigger-btn{height:44px;width:44px}.heart-trigger-icon{font-size:22px}}.group-video-call-container{background:#0a0a0a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.group-call-header{align-items:center;background:linear-gradient(180deg,#000000b3,#0000);display:flex;justify-content:space-between;left:0;padding:12px 20px;position:absolute;right:0;top:0;z-index:10}.group-call-title{color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 4px #00000080}.group-call-participants-count{color:#ffffffb3;font-size:13px;font-weight:500}.group-call-header-right{align-items:center;display:flex;gap:12px}.group-call-timer-badge{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:12px;color:#fff;display:flex;font-size:12px;gap:6px;padding:4px 10px}.group-call-timer-badge .timer-value{color:#60a5fa;font-weight:700}.group-partner-stats-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border:1px solid #ffffff26;border-radius:10px;box-shadow:0 4px 12px #0000004d;display:flex;gap:12px;left:16px;opacity:0;padding:8px 14px;pointer-events:none;position:absolute;top:56px;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease;z-index:15}.group-video-call-container:hover .group-partner-stats-overlay{opacity:1;pointer-events:auto;transform:translateY(0)}.group-partner-stat-item{align-items:center;display:flex;gap:6px}.group-partner-stat-label{color:#ffffffb3;font-size:12px;font-weight:500}.group-partner-stat-value{color:#fff;font-size:13px;font-weight:700}.group-partner-stat-value.timer{color:#3b82f6}.group-camera-minute-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 4px 12px #0006;color:#fff;display:flex;font-size:12px;gap:6px;left:10px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:10px;transform:translateY(-5px);transition:opacity .3s ease,transform .3s ease;z-index:15}.group-video-item:hover .group-camera-minute-overlay{opacity:1;pointer-events:auto;transform:translateY(0)}.camera-stat-label{color:#ffffffb3;font-size:11px;font-weight:500}.camera-stat-value{color:#fff;font-weight:700}.camera-stat-value.timer{color:#3b82f6}.group-video-grid{grid-gap:4px;box-sizing:border-box;display:grid;flex:1 1;gap:4px;height:100%;padding:4px;width:100%}.group-video-grid.participants-1{grid-template-columns:1fr;grid-template-rows:1fr}.group-video-grid.participants-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.group-video-grid.participants-3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.group-video-grid.participants-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.group-video-grid.participants-5{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.group-video-grid.participants-5 .group-video-item:nth-child(4){grid-column:1/2}.group-video-grid.participants-5 .group-video-item:nth-child(5){grid-column:2/4}.group-video-grid.participants-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.group-video-item{background:#1a1a2e;border:1px solid #ffffff59;border-radius:10px;box-shadow:0 4px 14px #0000004d;min-height:0;overflow:hidden;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.group-video-item.self-video-item{border:2px solid #60a5fa;box-shadow:0 0 16px #60a5fa73}.group-video-element{display:block;height:100%;object-fit:cover;width:100%}.group-video-placeholder{background:#1a1a2e;flex-direction:column;gap:12px;inset:0;position:absolute}.group-video-avatar,.group-video-placeholder{align-items:center;display:flex;justify-content:center}.group-video-avatar{border-radius:50%;color:#fff;font-size:24px;font-weight:700;height:60px;width:60px}.group-video-avatar-img{border-radius:50%;box-shadow:0 4px 12px #0006;height:60px;object-fit:cover;width:60px}.group-video-connecting{animation:pulse-opacity 1.5s ease infinite;color:#fff9;font-size:12px}@keyframes pulse-opacity{0%,to{opacity:.6}50%{opacity:1}}.group-video-name-tag{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000a6;border:1px solid #ffffff26;border-radius:20px;bottom:10px;box-shadow:0 2px 8px #0006;color:#fff;font-size:13px;font-weight:600;left:10px;max-width:calc(100% - 20px);overflow:hidden;padding:5px 12px;position:absolute;text-overflow:ellipsis;white-space:nowrap}.group-video-name-tag.self-tag{background:#2563ebbf;border-color:#93c5fd59}.group-video-controls{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000008c;border:1px solid #ffffff1f;border-radius:30px;bottom:24px;box-shadow:0 8px 24px #0006;display:flex;gap:12px;left:50%;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.group-video-call-container:hover .group-video-controls{opacity:1;pointer-events:auto;visibility:visible}.group-control-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:background .2s ease,transform .2s ease;width:44px}.group-control-btn:hover{background:#fff6;transform:scale(1.06)}.group-control-btn.muted{background:#ffffff1a;opacity:.7}.group-control-btn.captions{background:#fff3;color:#fff}.group-control-btn.captions:hover{background:#ffffff59}.group-control-btn.captions.active{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);box-shadow:none;color:#fff}.group-control-btn.end-call{background:#e74c3c}.group-control-btn.end-call:hover{background:#c0392b;transform:scale(1.06)}.group-chat-input-area{bottom:10px;left:15px;position:absolute;right:15px;z-index:10}.group-chat-form{align-items:center;display:flex;gap:8px}.group-chat-input{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000a6;border:1px solid #ffffff40;border-radius:24px;box-shadow:0 4px 16px #0006;color:#fff;flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s ease}.group-chat-input::placeholder{color:#fff6}.group-chat-input:focus{border-color:#3b82f680}.group-chat-send-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.group-chat-send-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.group-chat-send-btn:disabled{cursor:default;opacity:.4}@media (max-width:768px){.group-video-call-container{box-sizing:border-box;height:100%!important;overflow:hidden!important;padding:4px 4px 57px!important;width:100%!important}.group-call-header{padding:6px 12px}.group-call-title{font-size:14px}.group-video-grid{box-sizing:border-box;gap:6px;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden;padding:0!important;width:100%!important}.group-video-grid.participants-2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.group-video-grid.participants-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.group-video-grid.participants-3 .group-video-item:first-child{grid-column:1/-1}.group-video-grid.participants-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.group-video-grid.participants-5{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.group-video-grid.participants-5 .group-video-item:nth-child(5){grid-column:1/-1;justify-self:center;max-width:65%;width:100%}.group-video-grid.participants-6{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.group-video-avatar{font-size:18px;height:44px;width:44px}.group-video-name-tag{bottom:6px;font-size:11px;left:6px;max-width:calc(100% - 12px);padding:3px 8px}.group-control-btn{font-size:18px;height:42px;width:42px}.group-video-controls{bottom:61px!important;gap:10px;padding:6px 12px}.group-chat-input-area{bottom:8px;left:10px;right:10px}.group-chat-input{font-size:13px;padding:8px 14px}}.group-call-ended-overlay{align-items:center;animation:fadeInEnded .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f0f1ad9;display:flex;inset:0;justify-content:center;padding:20px;position:absolute;z-index:99}@keyframes fadeInEnded{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.group-call-ended-card{align-items:center;background:#ffffff12;border:1px solid #fff3;border-radius:20px;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;max-width:320px;padding:30px 24px;text-align:center;width:100%}.group-call-ended-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 20px #0006;display:flex;height:76px;justify-content:center;margin-bottom:16px;overflow:hidden;width:76px}.group-call-ended-img{height:100%;object-fit:cover;width:100%}.group-call-ended-initials{color:#fff;font-size:32px;font-weight:800}.group-call-ended-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 6px}.group-call-ended-subtitle{color:#ffffffb3;font-size:13px;line-height:1.4;margin:0 0 16px}.group-call-ended-badge{background:#ef44442e;border:1px solid #ef444459;border-radius:20px;color:#f87171;font-size:12px;font-weight:600;margin-bottom:20px;padding:4px 14px}.group-call-ended-leave-btn{align-items:center;background:#e74c3c;border:none;border-radius:24px;box-shadow:0 4px 14px #e74c3c66;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 24px;transition:all .2s ease}.group-call-ended-leave-btn:hover{background:#c0392b;transform:scale(1.04)}.group-call-ending-container{background:linear-gradient(135deg,#134e5e,#71b280);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100}[data-theme=dark] .group-call-ending-container,body.dark-theme .group-call-ending-container{background:linear-gradient(135deg,#0c1427,#1a2a44 50%,#2a446a)!important}.group-call-ending-screen{align-items:center;animation:groupEndingFadeIn .4s ease forwards;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}@keyframes groupEndingFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.group-call-ending-avatar{object-fit:cover}.group-call-ending-avatar,.group-call-ending-avatar-placeholder{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0006;height:100px;width:100px}.group-call-ending-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:42px;font-weight:700;justify-content:center}[data-theme=dark] .group-call-ending-avatar,[data-theme=dark] .group-call-ending-avatar-placeholder,body.dark-theme .group-call-ending-avatar,body.dark-theme .group-call-ending-avatar-placeholder{border:3px solid #ffffff4d!important;box-shadow:0 8px 32px #0006!important}.group-call-ending-name{color:#fff;font-size:20px;font-weight:700;max-width:80%;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 8px #00000080;white-space:nowrap}[data-theme=dark] .group-call-ending-name,body.dark-theme .group-call-ending-name{color:#fff!important}.group-call-ending-text{color:#ffffffb3;font-size:15px;font-weight:500;text-shadow:0 1px 4px #0006}[data-theme=dark] .group-call-ending-text,body.dark-theme .group-call-ending-text{color:#94a3b8!important}.confirm-modal-overlay{animation:modalFadeIn .3s ease-out;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);background-color:#0006;bottom:0;left:0;right:0;top:0}.confirm-modal-content{animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:20px;max-width:460px;padding:32px;width:90%}.dark-theme .confirm-modal-content{background:#1e293bf2;border:1px solid #ffffff0d}.confirm-modal-header h3{color:#1e293b;font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0;text-align:center}.dark-theme .confirm-modal-header h3{color:#f1f5f9}.confirm-modal-body{text-align:center}.confirm-message{color:#64748b;font-size:16px;font-weight:500;line-height:1.6;margin:0}.dark-theme .confirm-message{color:#94a3b8}.confirm-input-wrapper{margin-top:20px;width:100%}.confirm-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:16px;padding:14px 18px;transition:all .2s ease;width:100%}.dark-theme .confirm-input{background:#0f172a80;border-color:#ffffff1a;color:#f1f5f9}.confirm-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.dark-theme .confirm-input:focus{background:#0f172acc;border-color:#3b82f6}.confirm-modal-actions{display:flex;gap:12px;margin-top:10px}.confirm-modal-actions button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;justify-content:center;overflow:hidden;padding:14px 20px;text-overflow:ellipsis;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.confirm-cancel-btn{background:#e2e8f0;color:#475569}.dark-theme .confirm-cancel-btn{background:#ffffff0d;color:#94a3b8}.confirm-cancel-btn:hover{background:#cbd5e1;color:#0f172a;transform:translateY(-2px)}.dark-theme .confirm-cancel-btn:hover{background:#ffffff1a;color:#f1f5f9}.confirm-submit-btn{box-shadow:0 4px 12px #0000001a;color:#fff}.confirm-submit-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.confirm-submit-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-submit-btn.danger:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.confirm-submit-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-submit-btn.primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.confirm-submit-btn.success{background:linear-gradient(135deg,#10b981,#059669)}.confirm-submit-btn.success:hover{background:linear-gradient(135deg,#34d399,#10b981)}@media (max-width:480px){.confirm-modal-content{border-radius:20px;margin-bottom:20px;padding:24px}.confirm-modal-actions{flex-direction:row}.confirm-modal-actions button{font-size:13px;padding:10px 14px}}[data-theme=dark] .confirm-modal-content,body.dark-theme .confirm-modal-content{background:#162033!important;border:1px solid #1e293b!important;color:#fff!important}[data-theme=dark] .confirm-modal-header h3,body.dark-theme .confirm-modal-header h3{color:#fff!important}[data-theme=dark] .confirm-message,body.dark-theme .confirm-message{color:#94a3b8!important}[data-theme=dark] .confirm-input,body.dark-theme .confirm-input{background:#101929!important;border-color:#2c3e50!important;color:#fff!important}.video-call-container{display:flex;justify-content:center;padding:0 10px;width:100%}.video-call-container .video-call-embedded{border-radius:12px;height:400px;max-width:600px;width:100%}.message-video{background:#0000;border:1px solid #ffffff1a;border-radius:12px;display:block;margin-top:8px;max-height:400px;max-width:100%;min-width:250px;transition:transform .2s ease;width:100%}@media (max-width:480px){.message-video{max-height:220px;min-width:180px}}.message-video:hover{transform:none}.chat-interface{background:#fff;display:flex;flex:1 1;flex-direction:column;height:100%;overflow-x:visible!important;position:relative}.chat-interface:has(.has-video-call){overflow:visible!important;z-index:100000}@media (min-width:769px){.chat-interface:has(.has-video-call){position:relative}}.chat-interface .chat-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #cbd5e1!important;box-shadow:0 1px 3px #0000000d!important;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px;pointer-events:auto;position:relative;z-index:200000}.chat-user-avatar{flex-shrink:0}.clickable-avatar{cursor:pointer;transition:transform .2s ease}.clickable-avatar:hover{transform:none}.chat-interface .chat-header .chat-user-avatar{align-items:center;display:flex;height:40px;justify-content:center;position:relative;width:40px}.chat-interface .chat-header .chat-user-avatar.has-stories{align-items:center!important;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)!important;border-radius:50%!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;padding:2px!important}.chat-interface .chat-header .chat-user-avatar.has-stories.all-viewed{background:linear-gradient(45deg,#95a5a6,#7f8c8d)!important}.chat-interface .chat-header .chat-user-avatar.has-stories .avatar-placeholder,.chat-interface .chat-header .chat-user-avatar.has-stories img{border:2px solid #fff!important;border-radius:50%!important;box-sizing:border-box!important;height:100%!important;width:100%!important}.chat-interface .chat-header .chat-user-avatar img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.chat-interface .chat-header .chat-user-avatar .avatar-placeholder{align-items:center;border-radius:50%;display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.chat-user-details{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.chat-user-name{align-items:center;display:inline-flex;justify-content:flex-start;margin-bottom:4px;position:relative;text-align:left}.chat-user-name .user-age{color:#7f8c8d;display:inline;font-size:14px;font-weight:400;white-space:nowrap}.chat-user-status{font-size:13px;font-weight:500;transition:color .3s ease;white-space:nowrap}.chat-user-status.online{color:#27ae60}.chat-user-status.offline{color:#7f8c8d}.chat-message-link{color:#00d2ff;cursor:pointer;text-decoration:underline;transition:opacity .2s ease;word-break:break-all}.chat-message-link:hover{opacity:.8;text-decoration:underline}.message.own .chat-message-link{color:#fff;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.chat-user-status-wrapper{position:relative}.chat-status-marquee-box,.chat-user-status-wrapper{align-items:center;display:inline-flex;justify-content:flex-start;text-align:left}.partner-balance-badge{align-items:center;background:#6366f11a;border-radius:12px;color:#6366f1;display:inline-flex;font-size:11px;font-weight:600;gap:4px;line-height:1;padding:3px 8px;white-space:nowrap;z-index:10}.partner-balance-icon{color:#6366f1;flex-shrink:0;font-size:12px}.load-more-btn:disabled{cursor:not-allowed;opacity:.7}.spinner-mini{animation:spin .8s linear infinite;border:2px solid #007bff4d;border-radius:50%;border-top-color:#007bff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-user-name-wrapper{align-items:center;display:inline-flex;line-height:1.2}.pc-balance-badge{align-items:center;display:inline-flex;margin-left:8px;position:static;transform:none}.avatar-balance-badge{display:none}.chat-actions{align-items:center;gap:8px;margin-left:auto;pointer-events:auto;position:relative;z-index:200001}.chat-no-minutes-warning{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:6px;box-shadow:0 2px 6px #ef44444d;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 10px}.warning-icon{font-size:14px}.warning-text{font-size:12px;font-weight:700}.chat-action-btn{align-items:center;color:#2c3e50;display:flex;height:40px;justify-content:center;padding:8px;pointer-events:auto;position:relative;transition:all .2s ease;width:40px;z-index:10}.chat-action-btn.disabled{background:#e0e0e0;cursor:not-allowed;opacity:.5}.chat-action-btn.disabled:hover{background:#e0e0e0;transform:none}.close-btn-chat{align-items:center;background:#ef4444!important;border-radius:6px;color:#fff!important;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:8px;pointer-events:auto;position:relative;transition:all .2s ease;width:40px;z-index:10}.close-btn-chat:hover{background:#dc2626!important}.messages-area{background:#f0f2f5;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden!important;overflow-y:auto;padding:5px 0 2px;position:relative;scrollbar-color:#3498db #0000;scrollbar-width:thin}.messages-area::-webkit-scrollbar{width:5px}.messages-area::-webkit-scrollbar-track{background:#0000}.messages-area::-webkit-scrollbar-thumb{background:#3498db;border-radius:10px}.messages-area::-webkit-scrollbar-thumb:hover{background:#2980b9}.messages-area.has-video-call{background:linear-gradient(135deg,#134e5e,#71b280);display:flex;flex:1 1!important;flex-direction:column;height:100%!important;margin:0!important;min-height:0!important;overflow:hidden!important;padding:0!important;position:relative;z-index:100000}.embedded-video-call{display:none}.messages-area.has-video-call .video-call-container{height:100%;margin:0;padding:0;position:relative;width:100%}.messages-area.has-video-call .video-call-container .remote-video-container{height:100%;width:100%}.messages-area.has-video-call .video-call-container .local-video-container{border-radius:12px;height:142px;position:absolute;right:15px;top:15px;width:190px;z-index:20}.messages-area.has-video-call .video-call-container .video-controls{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:30}.messages-area.has-video-call .video-call-container:hover .video-controls{opacity:1;pointer-events:auto;visibility:visible}.vci-wrapper{position:relative}.vci-wrapper.fullscreen{height:100%;position:absolute;width:100%;z-index:100000}.vci-wrapper.pip{background:linear-gradient(135deg,#134e5e,#71b280);border:1px solid #fff3;border-radius:12px;bottom:20px;box-shadow:0 10px 30px #0000004d;height:180px;overflow:hidden;position:absolute;right:20px;width:240px;z-index:3000}.vci-wrapper.hidden{display:none!important}@media (max-width:768px){.vci-wrapper.pip{bottom:80px;height:186px;right:15px;width:140px}}.video-call-overlay{align-items:center;background:linear-gradient(135deg,#134e5e,#71b280);border-radius:0;box-shadow:none;display:flex;flex-direction:column;inset:0;justify-content:flex-end;position:absolute;z-index:100}.video-call-overlay:hover .embedded-controls{opacity:1;pointer-events:auto}.chat-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #00000080;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:45px;justify-content:center;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:45px;z-index:200}.chat-toggle-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.video-call-embedded{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.remote-video,.remote-video-wrapper,.video-call-embedded{background:linear-gradient(135deg,#134e5e,#71b280);height:100%;width:100%}.remote-video,.remote-video-wrapper{left:0;object-fit:cover!important;position:absolute;top:0}.local-video-float{border:3px solid #3498db;border-radius:12px;box-shadow:0 8px 24px #0006;height:150px;overflow:hidden;position:absolute;right:20px;top:20px;width:200px;z-index:10}.local-video{height:100%;object-fit:cover;width:100%}.embedded-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff1a;border-radius:16px;gap:16px;margin-bottom:30px;position:absolute;transition:opacity .3s ease;z-index:10}.embedded-controls,.embedded-controls .control-btn{display:flex;opacity:0;padding:12px 20px;pointer-events:none}.embedded-controls .control-btn{align-items:center;background:#3498db;border:none;border-radius:12px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;transition:all .2s ease;visibility:hidden}.messages-area.has-video-call .video-call-container:hover .embedded-controls .control-btn{opacity:1;pointer-events:auto;visibility:visible}.embedded-controls .control-btn:hover{box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.embedded-controls .control-btn.end{background:#e74c3c}.embedded-controls .control-btn.end:hover{background:#c0392b}@media (max-width:768px){.chat-interface{bottom:0!important;display:none;height:calc(100% - 60px)!important;left:0!important;overflow:hidden!important;padding-bottom:0!important;position:fixed!important;right:0!important;top:60px!important;z-index:1200!important}.chat-active .chat-interface .message-input-area{background:#f8f9fa!important;border-top:1px solid #cbd5e1!important;bottom:env(safe-area-inset-bottom,0);display:flex!important;flex-direction:column!important;left:0;padding:4px 10px!important;position:fixed;right:0;z-index:8000}.chat-active .chat-interface .message-input-area:after{background:inherit;content:"";height:100vh;left:0;pointer-events:none;position:absolute;right:0;top:100%;z-index:-1}.chat-interface.active{display:flex}.chat-interface>.chat-header{align-items:center;border-top:1px solid #e9ecef;display:flex;height:60px;justify-content:space-between;padding:0 15px}.chat-user-info{align-items:center!important;display:flex!important;flex:1 1 auto!important;height:100%!important;margin-right:8px!important;min-width:0!important;overflow:hidden!important}.chat-user-avatar{align-items:center;display:flex;flex-shrink:0;height:38px;margin-right:10px;position:relative;width:38px}.chat-user-avatar.has-stories{border-radius:50%!important;padding:2px!important}.chat-user-avatar.has-stories.all-viewed{background:linear-gradient(45deg,#95a5a6,#7f8c8d)!important}.chat-interface .chat-header .chat-user-avatar.has-stories img,.chat-user-avatar.has-stories .avatar-placeholder,.chat-user-avatar.has-stories img{border:2px solid #fff!important;height:100%!important;width:100%!important}.chat-interface .chat-header .chat-user-avatar img,.chat-user-avatar img{border-radius:50%;height:38px;object-fit:cover;width:38px}.chat-user-details{align-items:flex-start!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;overflow:hidden!important;text-align:left!important}.chat-user-details,.chat-user-name{display:flex!important;width:100%!important}.chat-user-name{font-size:15px!important;justify-content:flex-start!important;margin-bottom:4px!important}.chat-user-name,.chat-user-name-wrapper{align-items:center!important;position:relative!important}.chat-user-name-wrapper{display:inline-flex!important;justify-content:center!important}.chat-user-display-name{display:inline-block!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.user-age{color:#7f8c8d!important;display:inline!important;font-size:13px!important}.chat-status-marquee-box,.chat-user-status-wrapper{display:block!important;max-width:100%!important;overflow:hidden!important;text-align:left!important;white-space:nowrap!important;width:100%!important}.chat-user-status{display:inline-block!important;text-align:left!important;white-space:nowrap!important}.header-gift-hint,.pc-balance-badge{display:none!important}.input-gift-hint{align-items:center;display:flex!important;justify-content:center}.input-gift-hint-dropdown{bottom:calc(100% + 12px)!important;left:0!important;position:absolute!important;right:auto!important;top:auto!important;z-index:5000!important}.avatar-balance-badge{background:#6366f1!important;border:1.5px solid #111a2e!important;border-radius:10px!important;bottom:-5px!important;box-shadow:0 2px 6px #0006!important;color:#fff!important;display:flex!important;font-size:10px!important;font-weight:800!important;left:50%!important;letter-spacing:.3px!important;line-height:1!important;padding:2px 7px!important;position:absolute!important;transform:translateX(-50%)!important;white-space:nowrap!important;z-index:20!important}[data-theme=light] .avatar-balance-badge,body:not(.dark-theme) .avatar-balance-badge{background:#6366f1!important;border:1.5px solid #fff!important;color:#fff!important}.chat-actions{gap:6px}.chat-action-btn,.close-btn-chat{font-size:14px;height:40px;width:40px}.messages-area{-webkit-overflow-scrolling:touch!important;display:flex;flex:1 1!important;flex-direction:column;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 2px 20px;touch-action:pan-y!important}.chat-interface .message-input-area{gap:0}.chat-interface .message-form{align-items:center;display:flex;gap:4px;width:100%}.chat-interface .input-actions{flex-shrink:0;gap:1px}.chat-interface .message-input-wrapper{border-radius:20px;box-sizing:border-box;flex:1 1;height:40px;min-width:0;padding:0 4px 0 12px}.chat-interface .message-input{font-size:14px;height:100%!important;line-height:normal;padding:0!important}.chat-interface .message-input-inner-actions{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:0!important;margin:0!important;padding:0!important}.chat-interface .message-input-inner-actions .input-action-btn{flex-shrink:0!important;font-size:20px!important;height:32px!important;margin:0!important;padding:0!important;width:32px!important}.chat-interface .message-input-inner-actions .ci-emoji-menu{align-items:center!important;display:flex!important;flex:none!important;height:32px!important;justify-content:center!important;margin:0!important;padding:0!important;width:32px!important}.input-action-btn{font-size:22px!important;height:36px;width:36px}.input-action-btn,.send-btn{align-items:center;display:flex;justify-content:center}.send-btn{border-radius:50%;box-sizing:border-box;flex-shrink:0;height:40px;margin:0;min-width:40px;padding:0;width:40px}.chat-interface .send-btn svg{height:24px!important;width:24px!important}.video-call-overlay{height:calc(100vh - 180px)}.local-video-float{height:110px;right:15px;top:15px;width:150px}.embedded-controls{background:#000c;opacity:1;pointer-events:auto}.embedded-controls .control-btn{font-size:14px;min-width:120px;padding:10px 16px}.messages-area.has-video-call .video-call-container .local-video-container{border-radius:8px;border-width:1.5px;height:133px;right:10px;top:10px;width:100px}.messages-area.has-video-call .video-call-container .video-controls{border-radius:16px;bottom:calc(75px + env(safe-area-inset-bottom, 0px))!important;gap:8px;opacity:1;padding:6px 10px;pointer-events:auto;visibility:visible}.messages-area.has-video-call .video-call-container .video-controls .control-btn{align-items:center;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.messages-area.has-video-call .video-call-container .video-controls .control-btn.gift{background:linear-gradient(135deg,#ff758c,#ff7eb3)!important;height:36px!important;width:36px!important}.messages-area.has-video-call .video-call-container .video-controls .control-btn.gift svg{fill:#fff!important;color:#fff!important;display:block!important;height:22px!important;width:22px!important}.messages-area.has-video-call .video-call-container .video-controls .control-btn.add-friend,.messages-area.has-video-call .video-call-container .video-controls .control-btn.skip{height:32px;width:32px}.messages-area.has-video-call .video-call-container .video-controls .controls-group{gap:8px}.messages-area.has-video-call .video-call-container .remote-video{height:100%!important;object-fit:cover!important;width:100%!important}.chat-interface .scroll-buttons-container,.scroll-buttons-container{bottom:calc(85px + env(safe-area-inset-bottom, 0px))!important;gap:8px!important;left:auto!important;position:fixed!important;right:14px!important;transform:translateY(10px)!important;z-index:10000!important}.chat-interface .scroll-buttons-container.visible,.scroll-buttons-container.visible{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.scroll-button{height:36px!important;width:36px!important}}.no-messages{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-messages h4{color:#2c3e50;font-size:18px;margin-bottom:10px}.no-messages p{font-size:14px}.messages-list{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-x:hidden!important;padding:0 20px;width:100%}.messages-end-anchor{display:block;flex-shrink:0;height:12px;width:100%}@media (max-width:768px){.messages-list{gap:6px;padding-bottom:0!important}.messages-end-anchor{display:block!important;flex-shrink:0;height:calc(48px + env(safe-area-inset-bottom, 0px))!important;width:100%}}.chat-interface.no-user-selected{background-color:#f0f2f5;color:#657786;font-size:18px}.blocked-chat-view,.chat-interface.no-user-selected{align-items:center;display:flex;height:100%;justify-content:center}.blocked-chat-view{background-color:#f8f9fa}.blocked-message-container{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.blocked-message-container p{color:#495057;font-size:16px;margin:0}.chat-date-divider{align-items:center;display:flex;justify-content:center;margin:12px 0;position:relative}.load-more-container+.chat-date-divider{margin-top:5px}.chat-date-divider:before{background:#b0bec5;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.chat-date-text{background:#fff;border:1px solid #b0bec5;border-radius:20px;color:#555;font-size:11px;font-weight:500;padding:4px 12px;position:relative;z-index:2}.nexus-load-earlier-btn{align-items:center!important;background:#007bff14!important;border:1px solid #007bff!important;border-radius:20px!important;box-shadow:none!important;color:#007bff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;padding:8px 18px!important;transform:none!important;transition:none!important}.nexus-load-earlier-btn:hover:not(:disabled){background:#007bff26!important;box-shadow:none!important;transform:none!important}.nexus-load-earlier-btn:active{background:#007bff40;transform:none!important}.nexus-load-earlier-btn:disabled{cursor:not-allowed;opacity:.6}.load-more-container{display:flex;justify-content:center;padding:18px 0 0;width:100%}.load-more-btn{background:#11a0f11a;border:1px solid #11a0f133;border-radius:20px;color:#11a0f1;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.load-more-btn:hover{background:#11a0f133}.load-more-btn:active{background:#11a0f14d}.message{max-width:80%}.message.sent{align-self:flex-end;flex-direction:row-reverse;margin-left:auto;margin-right:0}.message.received,.message.sent{align-items:center;display:flex;gap:12px;max-width:80%;width:-webkit-fit-content;width:fit-content}.message.received{align-self:flex-start;flex-direction:row}.message-bubble-wrapper{display:flex;flex-direction:column;min-width:-webkit-min-content;min-width:min-content}.message.sent .message-bubble-wrapper{align-items:flex-end}.message.received .message-bubble-wrapper{align-items:flex-start}.message-avatar{flex-shrink:0;margin:0 8px 5px 0}.message.sent .message-avatar{margin:0 0 5px 8px}.message-avatar img{border-radius:50%;height:32px;object-fit:cover;width:32px}.message-avatar .avatar-placeholder{font-size:14px;height:32px;width:32px}.chat-interface .message .message-content{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 2px 5px #00000014;box-sizing:border-box!important;display:table!important;flex-shrink:0!important;height:auto;max-width:85%!important;min-width:-webkit-max-content!important;min-width:max-content!important;overflow:visible!important;overflow-wrap:anywhere!important;padding:10px 16px!important;width:auto!important;word-break:normal!important}.system-message .message-text{align-items:center;display:flex!important;gap:8px;padding-right:0!important;white-space:nowrap!important;width:-webkit-max-content!important;width:max-content!important}.message-content.system-message .message-text span{white-space:nowrap!important}.message-bubble-wrapper{flex-shrink:0;position:relative}.message.sent .message-content{border-color:#2980b9}.message.sent .message-text{color:#fff}.message-text{display:block;max-width:100%!important;overflow:visible!important;overflow-wrap:anywhere!important;text-align:left!important;white-space:pre-wrap!important;width:auto!important;word-break:normal!important}.media-message .message-audio,.media-message .message-image,.media-message .message-video{max-width:100%}.message-text{word-wrap:break-word;color:#2c3e50;font-size:14px;font-weight:500;text-align:left}.media-message .message-text{margin-bottom:0!important;padding:0 12px!important}.translated-text-container{align-items:flex-start;gap:2px;margin-top:4px;position:relative;text-align:left}.translated-text{color:inherit;padding-top:8px;position:relative}.translated-text:before{background:#0000000d;content:"";height:1px;left:0;position:absolute;top:0;width:100%}.message.sent .translated-text:before{background:#ffffff40}.original-text{color:inherit;display:block;font-size:.76em;font-style:italic;line-height:1;margin-bottom:2px;opacity:.6;text-align:left}.original-label{font-size:10px;font-style:normal;opacity:1;text-transform:lowercase;vertical-align:initial}.message.sent .original-label{color:#fffffff2}.translation-badge{cursor:help;font-size:10px;font-style:normal;margin-left:6px;opacity:.85;vertical-align:middle}.message.sent .translation-badge{color:#fffffff2}.message-inner{display:block;padding:0;width:100%}@media (max-width:768px){.message-inner{padding:0 2px}.message,.message.received,.message.sent{max-width:92%!important}.message-avatar{margin:0 4px 5px 0!important}.message.sent .message-avatar{margin:0 0 5px 4px!important}.message-avatar .avatar-placeholder,.message-avatar img{height:28px;width:28px}}.highlighted-message{background-color:initial!important;border:none!important;box-shadow:none!important}.received.highlighted-message .message-content{animation:highlight-received-bubble-pulse 4s cubic-bezier(.25,1,.5,1) forwards}.sent.highlighted-message .message-content{animation:highlight-sent-bubble-pulse 4s cubic-bezier(.25,1,.5,1) forwards}.system-message-centered.highlighted-message .system-message-text{animation:highlight-system-bubble-pulse 4s cubic-bezier(.25,1,.5,1) forwards}@keyframes highlight-received-bubble-pulse{0%{background-color:#dbeafe!important;box-shadow:0 0 0 4px #3b82f64d,0 4px 12px #00000014;transform:translateY(-2px)}60%{background-color:#dbeafe!important;box-shadow:0 0 0 4px #3b82f64d,0 4px 12px #00000014;transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes highlight-sent-bubble-pulse{0%{background-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb66,0 4px 12px #00000026;transform:translateY(-2px)}60%{background-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb66,0 4px 12px #00000026;transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes highlight-system-bubble-pulse{0%{background-color:#3b82f633!important;box-shadow:0 0 0 4px #3b82f64d;transform:scale(1.03)}60%{background-color:#3b82f633!important;box-shadow:0 0 0 4px #3b82f64d;transform:scale(1.03)}to{transform:scale(1)}}.message-time-container{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-left:auto;margin-top:4px}.message-time{color:#7f8c8d;flex-shrink:0;font-weight:500;text-align:right}.message.sent .message-time{color:#ffffffe6;opacity:1;order:1}.message-status{align-items:center;display:flex;flex-shrink:0;font-size:16px;order:2}.message-status.sent{color:#ffffff73}.message-status.read{color:#2563eb}.message.sent .message-status.sent{color:#ffffff73}.message.sent .message-status.read{color:#00e5ff!important;filter:drop-shadow(0 0 2px rgba(0,229,255,.7))}.message-input-area{display:flex;flex-direction:column;gap:10px;padding:10px 20px}.reply-preview{align-items:center;animation:slideDown .2s ease-out;background:#e9ecef;border-left:4px solid #007bff;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.reply-preview-content{overflow:hidden}.reply-preview-header{color:#007bff;font-size:13px;font-weight:600;margin-bottom:2px}.reply-preview-text{color:#495057;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-close{background:#0000;border:none;color:#6c757d;cursor:pointer;font-size:20px;padding:0 5px}.quoted-reply{background:#0000000d;border-left:3px solid #007bff;border-radius:4px;cursor:pointer;margin-bottom:8px;max-width:100%;padding:6px 10px;transition:background .2s}.message.sent .quoted-reply{background:#ffffff26;border-left-color:#fff}.quoted-reply:hover{background:#00000014}.message.sent .quoted-reply:hover{background:#fff3}.quoted-reply-sender{color:#007bff;font-size:13px;font-weight:700;margin-bottom:2px}.message.sent .quoted-reply-sender{color:#fff;font-weight:600}.quoted-reply-text{color:#495057;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.sent .quoted-reply-text{color:#ffffffe6}.message-form{align-items:center;display:flex;gap:10px;pointer-events:auto;touch-action:manipulation}.emoji-btn{position:relative}.message-input-wrapper{align-items:center;background:#fff;border:1px solid #94a3b8;border-radius:22px;box-shadow:inset 0 1px 2px #00000014;box-sizing:border-box;display:flex;flex:1 1;height:44px;padding:0 4px 0 16px;pointer-events:auto;touch-action:manipulation;transition:border-color .2s ease}.message-input-wrapper:focus-within{border-color:#3498db}.message-input-wrapper:has(.message-input:disabled){background:#f8f9fa;cursor:not-allowed}.message-input{-webkit-appearance:none;appearance:none;border-radius:18px;box-sizing:border-box;color:#000;cursor:text;height:44px;min-width:0;padding:6px 14px;pointer-events:auto;touch-action:manipulation;transition:border-color .2s ease}.message-input:disabled{background:#f8f9fa;cursor:not-allowed}.message-input-wrapper .message-input{background:#0000!important;border:none!important;box-shadow:none!important;height:100%!important;outline:none!important;padding:0!important}.message-input-inner-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.message-input-inner-actions .input-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.message-input-inner-actions .input-action-btn:hover{background:#3498db14!important;color:#3498db!important;transform:translateY(-1px)}.message-input-inner-actions .input-action-btn.active{background:#3498db1f!important;color:#3498db!important}.send-btn{align-items:center;display:flex;font-size:13px;height:44px;justify-content:center;min-width:55px;padding:8px 14px;transition:all .2s ease}.send-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.send-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.no-chat-selected{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.no-chat-selected-icon{color:#3498db;font-size:68px;margin-bottom:16px;opacity:.9}.no-chat-selected h3{color:#2c3e50;font-size:20px;margin-bottom:10px}.no-chat-selected p{font-size:16px}.debug-info{background:#f39c12;border-radius:5px;color:#fff;font-size:12px;margin-bottom:10px;padding:5px 10px;text-align:center}.message-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.message-edit-input{align-self:center;background:#fff;border:2px solid #3498db;border-radius:8px;font-size:14px;margin-bottom:18px;outline:none;padding:8px 10px;width:80%}.message-edit-buttons{bottom:5px;display:flex;gap:6px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.message-edit-cancel,.message-edit-save{border:none;border-radius:4px;cursor:pointer;font-size:10px;font-weight:600;min-width:50px;padding:4px 8px;transition:all .2s ease}.message-edit-save{background:#27ae60;color:#fff}.message-edit-save:hover{background:#229954;transform:translateY(-1px)}.message-edit-cancel{background:#95a5a6;color:#fff}.message-edit-cancel:hover{background:#7f8c8d;transform:translateY(-1px)}.message-edited{color:#34495e;font-size:11px;font-style:italic}.message-edited-time{color:#7f8c8d;font-size:10px}.media-message{display:flex;flex-direction:column;gap:8px;max-width:100%;overflow:visible!important}.message-content:has(.media-message){height:auto!important;min-height:auto;overflow:visible!important;padding:8px}.message.received .media-message,.message.sent .media-message{align-items:flex-start!important;max-width:280px!important;overflow:visible!important;width:auto!important}@media (max-width:480px){.message.received .media-message,.message.sent .media-message{max-width:180px!important;width:auto!important}}.message .media-message.audio-message{box-sizing:border-box!important;margin-bottom:0!important;max-width:100%!important;min-width:100%!important;padding-bottom:0!important;width:100%!important}@media (max-width:480px){.message .media-message.audio-message{margin-bottom:0!important;width:280px!important}}.message-image{border-radius:8px;cursor:pointer;display:block;height:auto;max-height:400px;max-width:280px;object-fit:contain;transition:transform .2s ease;width:auto}.message.received .message-image,.message.sent .message-image{border:1px solid #0000000d!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;height:auto!important;max-height:400px!important;max-width:280px!important;object-fit:contain!important;width:auto!important}.message.received .message-image:hover,.message.sent .message-image:hover{box-shadow:0 2px 8px #0000001a!important;transform:none!important}.image-container{border-radius:8px;display:inline-block;max-width:100%;overflow:visible;position:relative}.message.received .image-container,.message.sent .image-container{border-radius:8px!important;max-width:400px!important;overflow:visible!important;width:auto!important}.chat-interface .messages-list .message .media-bubble.audio-bubble-modified{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:95%!important;min-width:400px!important;padding:6px!important;width:400px!important}.chat-interface .messages-list .message .audio-bubble-modified .audio-message,.chat-interface .messages-list .message .audio-bubble-modified .nexus-audio-player-glass{box-sizing:border-box!important;max-width:100%!important;min-width:100%!important;width:100%!important}@media (max-width:768px){.chat-interface .messages-list{padding:10px!important}.chat-interface .messages-list .message .media-bubble.audio-bubble-modified{max-width:88%!important;min-width:0!important;min-width:auto!important;width:-webkit-fit-content!important;width:fit-content!important}.message .media-message.audio-message,.message .media-message.playlist-message{max-width:100%!important;min-width:0!important;min-width:auto!important;width:280px!important}.chat-interface .messages-list .message .message-content.media-bubble{align-items:center!important;border-radius:12px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;max-width:88%!important;min-width:0!important;min-width:auto!important;padding:6px 10px!important;width:-webkit-fit-content!important;width:fit-content!important}.chat-interface .messages-list .message .audio-bubble-modified .audio-message,.chat-interface .messages-list .message .audio-bubble-modified .nexus-audio-player-glass{margin-bottom:-4px!important}.chat-interface .messages-list .message .media-bubble.audio-bubble-modified{padding-bottom:0!important}.chat-interface .messages-list .message .message-content.media-bubble{background:#fff!important;border:1px solid #e1e8ed!important;box-shadow:0 1px 3px #0000001a!important;overflow:hidden!important;position:relative!important}.chat-interface .messages-list .message.sent .message-content.media-bubble{align-items:center!important;background:#3498db!important;border-color:#0000000d!important;margin-left:auto!important;margin-right:12px!important}.chat-interface .messages-list .message.received .message-content.media-bubble{align-items:center!important;margin-left:12px!important;margin-right:auto!important}.chat-interface .messages-list .message .media-bubble .image-container{align-items:center!important;display:flex!important;height:auto!important;justify-content:center!important;max-width:220px!important;width:100%!important}.chat-interface .messages-list .message .media-bubble .message-image{border-radius:12px!important;display:block!important;max-height:380px!important;max-width:100%!important;object-fit:contain!important;width:auto!important}.chat-interface .messages-list .message .media-bubble.video-bubble-modified{align-items:center!important;overflow:visible!important;padding:10px!important;width:240px!important}.chat-interface .messages-list .message .video-bubble-modified .media-message{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:100%!important;overflow:visible!important;width:220px!important}.chat-interface .messages-list .message .video-bubble-modified .message-video{background:#000!important;border-radius:8px!important;display:block!important;height:220px!important;margin-bottom:14px!important;object-fit:contain!important;width:220px!important}.chat-interface .messages-list .message .video-bubble-modified .message-text{color:#fff!important;font-size:13px!important;font-weight:500!important;margin:0 0 6px!important;text-align:center!important;width:100%!important}.chat-interface .messages-list .message .media-bubble .message-footer{box-sizing:border-box!important;display:flex!important;justify-content:flex-end!important;padding:4px!important;width:100%!important}.chat-interface .messages-list .message.sent .media-bubble .message-time{color:#ffffffe6!important;font-size:11px!important}}@media (max-width:600px){.chat-interface .messages-list .message.sent .message-content.media-bubble{margin-left:auto!important;margin-right:12px!important}.chat-interface .messages-list .message.received .message-content.media-bubble{margin-left:12px!important;margin-right:auto!important}.chat-interface .messages-list .message .media-bubble.video-bubble-modified{background:#3498db!important;max-width:85%!important;padding:0!important;width:-webkit-fit-content!important;width:fit-content!important}.chat-interface .messages-list .message .video-bubble-modified .message-video{border-radius:12px 12px 0 0!important;height:auto!important;margin-bottom:0!important;max-height:220px!important;max-width:160px!important;width:100%!important}.chat-interface .messages-list .message .video-bubble-modified .message-text{font-size:11px!important;margin:0!important;padding:4px 10px 0!important;text-align:center!important}.chat-interface .messages-list .message .video-bubble-modified .message-footer{margin-top:-2px!important;padding:0 8px 4px!important}.chat-interface .messages-list .message .media-bubble .image-container,.chat-interface .messages-list .message .media-bubble .message-image{max-width:180px!important}.chat-search-container{max-width:280px!important}.chat-search-input{min-width:0!important;min-width:auto!important}}.image-modal{background-color:#000000e6;cursor:pointer;height:100dvh;left:0;position:fixed;top:0;width:100vw;z-index:2147483647!important}.image-modal,.image-modal-content{align-items:center;display:flex;justify-content:center}.image-modal-content{cursor:default;max-height:90dvh;max-width:95vw;position:relative}.image-modal img{border-radius:12px;box-shadow:0 5px 30px #0009;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-height:90dvh;max-width:100%;object-fit:contain}.image-modal-close{align-items:center;background:#00000080;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:100001}.image-modal-close:hover{background:#000c;transform:none}@media (max-width:768px){.image-modal-content{max-height:90vh;max-width:95vw}}@media (max-width:480px){.image-modal{padding:0}.image-modal-content{height:100dvh;max-height:100dvh;max-width:100vw;width:100vw}.image-modal img{border-radius:12px;max-height:90dvh;object-fit:contain;width:95vw}.image-modal-close{right:20px;top:20px}}.image-fallback{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:150px;min-width:200px;padding:20px}.file-error{color:#dc3545;font-size:12px;font-weight:500;margin-top:8px}.file-icon{font-size:48px;margin-bottom:10px;opacity:.6}.file-name{color:#666;font-size:14px;text-align:center;word-break:break-all}.message-video{border-radius:8px;cursor:pointer;max-height:200px;max-width:300px}.message-audio{border-radius:8px;height:40px;width:250px}.emoji-message{align-items:center;display:flex;justify-content:center}.emoji-text{font-size:2rem;line-height:1}.ci-emoji-menu,.ci-gift-menu{align-items:center;display:flex;justify-content:center;position:relative}.ci-emoji-popover{border-radius:12px;bottom:calc(100% + 15px);box-shadow:0 10px 40px #00000040;left:50%;margin-bottom:0;position:absolute;transform:translateX(-50%);z-index:1000000}@media (max-width:768px){.ci-emoji-menu{position:static!important}.ci-emoji-popover{bottom:80px!important;height:350px!important;left:10px!important;max-width:none!important;position:fixed!important;right:10px!important;transform:none!important;width:auto!important;z-index:2000000!important}.ci-emoji-popover .EmojiPickerReact{height:100%!important;min-width:0!important;min-width:auto!important;width:100%!important}}.chat-interface .emoji-picker{display:none!important}.call-message{background:#3498db1a;border:1px solid #3498db4d;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}.call-info{align-items:center;display:flex;gap:8px}.call-icon{font-size:1.2rem}.call-text{color:#3498db;font-weight:500}.accept-call-btn{align-self:flex-start;background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .2s ease}.accept-call-btn:hover{background:#229954;transform:translateY(-1px)}.accept-call-btn:active{transform:translateY(0)}.dropdown-container{pointer-events:auto;position:relative;z-index:300}.dropdown-container.inactive{pointer-events:none}.dropdown-container.inactive .chat-action-btn{pointer-events:auto}.dropdown-menu{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;display:block!important;margin-top:5px!important;min-width:180px!important;opacity:1!important;overflow:hidden!important;pointer-events:auto!important;position:absolute!important;right:0!important;top:100%!important;visibility:visible!important;z-index:200000!important}.dropdown-menu.hidden{display:none!important;pointer-events:none!important}.dropdown-menu .dropdown-item{background:none;border:none;color:#2d3748;cursor:pointer;display:block;font-size:14px;font-weight:500;line-height:1.2;padding:12px 16px;text-align:left;transition:background-color .2s ease,color .2s ease;width:100%}.dropdown-menu .dropdown-item:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.dropdown-menu .dropdown-item+.dropdown-item{border-top:1px solid #f1f5f9}.dropdown-menu .dropdown-item:last-child{border-bottom:none;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.dropdown-item.add:hover,.dropdown-item.block-item:hover,.dropdown-item.clear-chat:hover,.dropdown-item.remove-friend:hover,.dropdown-item.remove-item:hover,.dropdown-item.report-item:hover,.dropdown-item:hover{background-color:#2c3e50!important;color:#fff!important}.dropdown-item.disabled{color:#9e9e9e;cursor:not-allowed}.dropdown-item.disabled:hover{background-color:initial!important;color:#9e9e9e!important}.dropdown-divider{background-color:#e9ecef;height:1px;margin:4px 0}.scroll-buttons-container{bottom:85px!important;display:flex!important;flex-direction:column!important;gap:8px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;right:20px!important;transform:translateY(12px)!important;transition:opacity .2s ease,transform .2s ease!important;z-index:10000!important}.scroll-buttons-container.visible{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.scroll-button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#0284c7;cursor:pointer;display:flex;height:38px;justify-content:center;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:38px}.scroll-button:hover{background:#0284c7;border-color:#0284c7;box-shadow:0 6px 16px #0284c74d;color:#fff;transform:scale(1.08)}.scroll-button:active{transform:scale(.95)}.chat-search-bar{background:#e2e8f0;border-bottom:1px solid #cbd5e1;border-top:none!important;display:flex;justify-content:center;padding:4px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.chat-search-container{align-items:center;display:flex;gap:8px;max-width:400px;width:100%}.chat-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:20px;flex:1 1;font-size:13px;min-width:200px;outline:none;padding:8px 14px;transition:all .3s ease}.chat-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.chat-search-input::placeholder{color:#6c757d;font-size:12px}.chat-search-controls{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:15px;box-shadow:0 1px 3px #00000014;display:flex;gap:4px;padding:4px 8px}.search-counter{color:#6c757d;font-size:11px;font-weight:500;margin-right:4px;white-space:nowrap}.search-clear-btn,.search-nav-btn{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.search-nav-btn:hover:not(:disabled){background:#007bff;color:#fff;transform:translateY(-1px)}.search-clear-btn:hover{background:#dc3545;color:#fff;transform:translateY(-1px)}.search-nav-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.search-highlight{background-color:#ffeb3b;border-radius:3px;box-shadow:0 1px 3px #ffeb3b4d;color:#333;font-weight:700;padding:2px 4px}.context-menu-overlay{background:#0000001a;bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:99999}.context-menu{background:#fff;border:2px solid #007bff;border-radius:12px;box-shadow:0 8px 24px #0000004d;min-width:220px;padding:8px 0;pointer-events:auto;position:fixed;transform:translateX(-50%);z-index:100000}.context-menu-item{align-items:center;color:#444;cursor:pointer;display:flex;font-size:14.5px;font-weight:500;gap:12px;padding:12px 20px;pointer-events:auto;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.context-icon{align-items:center;color:#666;display:flex;font-size:19px;justify-content:center;transition:color .2s ease}.context-menu-item:hover{background-color:#f0f7ff;color:#007bff}.context-menu-item:hover .context-icon{color:#007bff}.context-menu-item.delete-item,.context-menu-item.delete-item .context-icon{color:#e74c3c}.context-menu-item.delete-item:hover{background-color:#fff1f0;color:#d93025}.context-menu-item.delete-item:hover .context-icon{color:#d93025}.context-menu-item:active{background-color:#e9ecef}.context-menu-item:first-child{border-radius:12px 12px 0 0}.context-menu-item:last-child{border-radius:0 0 12px 12px}.reaction-bar{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-around;padding:8px 12px}.reaction-emoji{cursor:pointer;font-size:22px;transition:transform .2s ease}.reaction-emoji:hover{transform:scale(1.2)}.reactions-display{display:flex;gap:4px;margin-right:8px}.reaction-pill{align-items:center;background:#4a90e2;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;font-size:12px;padding:2px 6px;transition:all .2s ease}.message.sent .reaction-pill{background:#fff;color:#4a90e2}.reaction-pill:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.reaction-avatar{border-radius:50%;height:16px;margin-right:4px;object-fit:cover;width:16px}.message.sent .reaction-avatar,.reaction-avatar{border:1px solid #ffffffb3}.reaction-count{color:#6c757d;margin-left:4px}.reactions-display-placeholder{flex-grow:1}.message-footer{align-items:flex-end;align-self:flex-end!important;box-sizing:border-box;display:flex;justify-content:flex-end;margin-top:6px;padding:0!important;width:auto!important}.message:has(.audio-message) .message-footer,.message:has(.message-image) .message-footer,.message:has(.message-video) .message-footer{margin-top:0!important}.audio-message,.message:has(.audio-message) .message-bubble-wrapper,.message:has(.audio-message) .message-content{overflow:visible!important}.confirm-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:500000}.confirm-modal{animation:confirm-pop .16s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 20px 50px #00000040;color:#1f2937;padding:18px 20px;width:min(420px,92vw)}.confirm-title{font-size:18px;font-weight:700;margin-bottom:8px}.confirm-text{color:#6b7280;font-size:14px}.confirm-actions{border-top:none!important;display:flex;gap:10px;justify-content:center;margin-top:16px}.confirm-actions .btn-danger,.confirm-actions .btn-secondary{border:1px solid #0000;border-radius:10px;cursor:pointer;font-weight:600;padding:8px 14px;transition:all .2s ease}.confirm-actions .btn-secondary{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.confirm-actions .btn-secondary:hover{background:#e5e7eb}.confirm-actions .btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.confirm-actions .btn-danger:hover{background:#dc2626;border-color:#dc2626}@keyframes confirm-pop{0%{;opacity:0}to{opacity:1;transform:scale(1)}}.translating-indicator{align-items:center;color:#7f8c8d;display:flex;font-size:13px;font-style:italic;gap:4px;padding:4px 0}.translating-dot{animation:translating-bounce 1.4s ease-in-out infinite both;background-color:#7f8c8d;border-radius:50%;height:4px;width:4px}.translating-dot:first-child{animation-delay:-.32s}.translating-dot:nth-child(2){animation-delay:-.16s}@keyframes translating-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.translating-text{margin-left:4px}.chat-action-btn.active{background:#3498db;box-shadow:0 0 10px #3498db66;color:#fff}.translation-badge{color:#95a5a6;font-size:11px;font-style:italic;margin-left:5px}.translated-text-container{display:flex;flex-direction:column;gap:4px}.message-deleting{animation:dust-dissolve 1.5s cubic-bezier(.5,0,.7,.4) forwards!important;filter:url(#dissolve-filter)!important;pointer-events:none!important;transform-origin:center}@keyframes dust-dissolve{0%{filter:blur(0) url(#dissolve-filter);opacity:1;transform:scale(1) translate(0)}20%{filter:blur(1px) url(#dissolve-filter);opacity:.95;transform:translateY(-2px)}50%{filter:blur(5px) url(#dissolve-filter);opacity:.6;transform:scale(1.15) translateY(-15px)}85%{filter:blur(12px) url(#dissolve-filter);opacity:.1;transform:scale(1.3) translateY(-40px)}to{filter:blur(20px) url(#dissolve-filter);opacity:0;transform:scale(1.5) translateY(-60px)}}.typing-indicator-container{align-items:flex-end;align-self:flex-start;animation:fadeIn .3s ease-out;display:flex;gap:12px;margin-bottom:2px;margin-left:10px;margin-top:auto;padding:0;width:-webkit-fit-content;width:fit-content}.typing-avatar{object-fit:cover}.typing-avatar,.typing-avatar-placeholder{border:1.5px solid #0ef0ff66;border-radius:50%;height:36px;width:36px}.typing-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}@media (max-width:768px){.typing-indicator-container{margin-bottom:25px;margin-left:36px}}.typing-text{color:#65676b;font-size:13px;font-style:italic;font-weight:500}.typing-indicator{align-items:center;display:inline-flex;gap:4px;margin-bottom:2px}.typing-indicator .dot{animation:typing-bounce 1.4s ease-in-out infinite both;background-color:#8d96a0;border-radius:50%;height:6px;width:6px}.typing-indicator .dot:first-child{animation-delay:-.32s}.typing-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.input-actions .input-action-btn{align-items:center;background:none;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-actions .input-action-btn:hover{background:#3498db14!important;color:#3498db!important;transform:translateY(-1px)}.input-actions .input-action-btn.active{background:#3498db1f!important;color:#3498db!important}.message-input-area{background:#f1f5f9;border-top:1px solid #cbd5e1;flex-shrink:0;padding:15px 20px;position:relative}.chat-interface .message .message-content.gift-bubble{background:#0000!important;border:none!important;box-shadow:none!important;max-width:100%;min-width:0!important;min-width:auto!important;padding:0!important;width:auto}.sent .gift-message.premium{background:#3498db;border-color:#ffffff1a;box-shadow:0 4px 15px #0000001a}.gift-message.premium{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:20px;box-shadow:0 4px 12px #0000001f;display:flex;flex-direction:column;gap:10px;min-width:170px;overflow:hidden;padding:18px 24px 34px;position:relative;transition:all .3s ease}.gift-message-header{margin-bottom:4px}.gift-message-title{color:#1a1a1a;font-size:15px;font-weight:700;line-height:1.3;text-align:center}.sent .gift-message-title{color:#fff;text-shadow:0 1px 2px #0000001a}.gift-message-meta{align-items:center;bottom:8px;display:flex;gap:4px;position:absolute;right:12px}.gift-message-time{color:#94a3b8;font-size:11px;font-weight:500}.sent .gift-message-time{color:#ffffffb3}.gift-message.premium .message-status{font-size:14px;margin:0;padding:0}.sent .gift-message.premium .message-status.read{color:#a5f3fc}.sent .gift-message.premium .message-status.sent{color:#fff9}.gift-message-visual{align-items:center;border-radius:20px;box-shadow:0 8px 20px #00000026;display:flex;height:80px;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:80px}.own-message .gift-message.premium{background:linear-gradient(135deg,#6366f126,#4f46e51a);border-color:#6366f14d}.gift-message-emoji-large{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:48px}.gift-message-minutes-badge{background:#f1f5f9;border-radius:20px;box-shadow:0 2px 4px #0000000d;color:#3b82f6;font-size:13px;font-weight:800;padding:5px 14px}.own-message .gift-message-minutes-badge{background:#fff3;color:#6366f1}.header-gift-hint{display:block}.input-gift-hint{display:none}.female-gift-hint-btn{pointer-events:auto!important}.gift-hint-dropdown{animation:slideDownFade .2s ease;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 8px 25px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:250px;z-index:4000}.gift-hint-header{background:#0000;border-bottom:none;padding:12px 16px;text-align:center}.gift-hint-header h4{color:#c2185b;font-size:14px;margin:0 0 4px}.gift-hint-header p{color:#666;font-size:11px;line-height:1.3;margin:0}.gift-hint-list{max-height:300px;overflow-y:auto;padding:8px 0}.gift-hint-item{align-items:center;display:flex;gap:12px;padding:8px 16px}.gift-hint-item:hover{background:#0000}.gift-hint-emoji{align-items:center;background:#f8f9fa;border-radius:50%;box-shadow:0 2px 5px #0000000d;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;line-height:1;width:36px}.gift-hint-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.gift-hint-name{color:#333;font-size:13px;font-weight:600}.gift-hint-info .gift-hint-price{color:#6366f1;font-size:12px;font-weight:500}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseHint{0%{box-shadow:0 0 5px #ff5f9633;transform:none}50%{box-shadow:0 0 10px #ff5f9680;transform:none}to{box-shadow:0 0 5px #ff5f9633;transform:none}}@keyframes wiggleGift{0%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-10deg)}}@media screen and (max-width:1200px){.chat-interface .message,.chat-interface .message .message-bubble-wrapper,.chat-interface .message .message-content,.chat-interface .message .message-inner{min-width:0!important}.chat-interface .message .message-bubble-wrapper{flex-shrink:1!important;max-width:100%!important}.chat-interface .message .message-content{align-items:flex-start!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;max-width:80vw!important;overflow:visible!important;overflow-wrap:break-word!important;width:-webkit-fit-content!important;width:fit-content!important;word-break:normal!important}.chat-interface .message .message-inner,.chat-interface .message .message-text-content{align-self:flex-start!important;text-align:left!important;width:100%!important}.chat-interface .message .message-content .message-text{justify-content:flex-start!important;max-width:100%!important;overflow-wrap:break-word!important;text-align:left!important;white-space:pre-wrap!important;width:100%!important;word-break:normal!important}.chat-interface .message .message-content.system-message .message-text{justify-content:flex-start!important;white-space:normal!important;word-break:normal!important}.chat-interface .message .message-footer{align-self:flex-end!important;display:flex!important;justify-content:flex-end!important;margin-top:4px!important;white-space:nowrap!important;width:auto!important}.gift-message.premium{border-radius:16px!important;gap:6px!important;min-width:140px!important;padding:12px 16px 28px!important}.gift-message-visual{border-radius:15px!important;height:60px!important;width:60px!important}.gift-message-emoji-large{font-size:32px!important}.gift-message-title{font-size:13px!important;font-weight:600!important}.gift-message-minutes-badge{font-size:11px!important;padding:3px 10px!important}}.vci-wrapper.fullscreen{bottom:0;height:auto;left:0;right:0;top:0}@media (max-width:768px){.chat-interface .message-input-area{flex-shrink:0;position:relative;z-index:5}.chat-interface:has(.vci-wrapper.fullscreen) .message-input-area{background:#fff!important;bottom:0!important;box-sizing:border-box!important;display:flex!important;left:0!important;padding:10px!important;position:fixed!important;right:0!important;width:100%!important;z-index:200000!important}.chat-interface .vci-wrapper.fullscreen{bottom:calc(57px + env(safe-area-inset-bottom, 0px))!important;height:calc(100% - 57px - env(safe-area-inset-bottom, 0px))!important;max-height:calc(100% - 57px - env(safe-area-inset-bottom, 0px))!important;top:0!important}}@keyframes dictationPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.dictation-btn .pulse-animation{animation:dictationPulse 1.5s ease-in-out infinite;color:#ff3b30!important}.dictation-btn.recording{background:#ff3b301a!important;border-color:#ff3b304d!important}.highlighted-search-match{background-color:#fff3cd!important;border:2px solid #ffc107!important;border-radius:8px;padding:2px;transition:background-color .3s ease,border .3s ease}.selection-toolbar{align-items:center;animation:slideDown .3s ease;background:#6366f1;box-shadow:0 2px 10px #0003;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:3000}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.selection-info{font-size:16px;font-weight:600}.selection-actions{display:flex;gap:12px}.selection-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.selection-btn.delete{background:#ef4444;color:#fff}.selection-btn.delete:hover:not(:disabled){background:#dc2626;transform:none}.selection-btn.delete:disabled{cursor:not-allowed;opacity:.5}.selection-btn.cancel{background:#fff3;color:#fff}.selection-btn.cancel:hover{background:#ffffff4d}.message.selection-mode{cursor:pointer;transition:transform .2s ease}.message.selection-mode:hover{transform:translateX(5px)}.message-selection-checkbox{flex-shrink:0}.checkbox-circle,.message-selection-checkbox{align-items:center;display:flex;justify-content:center}.checkbox-circle{background:#fff;border:2px solid #cbd5e1;border-radius:50%;height:24px;transition:all .2s ease;width:24px}.checkbox-circle.checked{background:#6366f1;border-color:#6366f1}.checkmark{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:700;justify-content:center;line-height:1}.message.selected .message-bubble-wrapper{opacity:.8}.message.selected .message-content{box-shadow:0 0 0 2px #6366f1}.selection-mode-active .chat-header{opacity:.5;pointer-events:none}.gallery-grid{grid-gap:2px;border-radius:12px;cursor:pointer;display:grid;gap:2px;max-width:100%;overflow:hidden;width:260px}@media (max-width:768px){.gallery-grid{width:220px}.gallery-grid-2{grid-template-rows:140px}.gallery-grid-3,.gallery-grid-4{grid-template-rows:110px 110px}.gallery-grid-item{min-height:80px}}.gallery-grid-1{grid-template-columns:1fr}.gallery-grid-2{grid-template-columns:1fr 1fr;grid-template-rows:180px}.gallery-grid-3{grid-template-columns:1fr 1fr;grid-template-rows:130px 130px}.gallery-grid-3 .gallery-grid-item:first-child{grid-row:1/3}.gallery-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px}.gallery-grid-item{background:#1a1a2e;min-height:120px;overflow:hidden;position:relative}.gallery-grid-1 .gallery-grid-item{max-height:300px}.gallery-grid-item img{display:block;height:100%;object-fit:cover;object-position:center center;transition:transform .2s ease;width:100%}.gallery-grid-item:hover img{transform:scale(1.03)}.gallery-grid-more{align-items:center;background:#0000008c;color:#fff;display:flex;font-size:24px;font-weight:700;inset:0;justify-content:center;position:absolute}.gallery-grid-item video{display:block;height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.gallery-grid-item:hover video{transform:scale(1.03)}.gallery-grid-play{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #fff6;border-radius:50%;box-shadow:0 4px 10px #0000004d;color:#fff;display:flex;font-size:16px;height:44px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s ease,transform .2s ease;width:44px;z-index:2}.gallery-grid-item:hover .gallery-grid-play{background:#fff6;transform:translate(-50%,-50%) scale(1.1)}.message .media-message.playlist-message{box-sizing:border-box!important;margin-bottom:0!important;max-width:100%!important;min-width:100%!important;padding-bottom:0!important;width:100%!important}.playlist-container{display:flex;flex-direction:column;gap:8px;width:100%}.playlist-header{color:#1e293b;font-size:13px;font-weight:700;margin-bottom:2px;padding-left:4px;padding-top:6px}.dark-theme .playlist-header{color:#f1f5f9}.playlist-item{width:100%}.playlist-message .nexus-audio-player-glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;border:1px solid #00000024!important;border-radius:16px!important;box-shadow:0 4px 12px #0000000d!important}.dark-theme .playlist-message .nexus-audio-player-glass{background:#1e293b!important;border-color:#ffffff14!important;box-shadow:none!important}.group-details-overlay{align-items:center;animation:fadeIn .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172ab3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:0;z-index:999999!important}.group-details-modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #00000040;display:flex;flex-direction:column;height:auto;margin:auto;max-height:83.5vh;max-height:83.5dvh;max-width:95%;overflow:hidden;width:460px}.dark-theme .group-details-modal{background:#0f172a;border-color:#ffffff0d;box-shadow:0 20px 40px #00000080}@media (max-width:768px){.group-details-overlay{align-items:center!important;justify-content:center!important;padding:max(16px,env(safe-area-inset-top,16px)) 12px max(16px,env(safe-area-inset-bottom,16px))!important;z-index:999999!important}.group-details-modal{border-radius:20px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;max-height:83.5dvh!important;max-width:400px!important;width:95%!important}.group-details-header{flex-shrink:0!important;padding:12px 16px!important}.group-details-info{flex-shrink:0!important;padding:12px 10px!important}.group-details-avatar-container{margin-bottom:6px!important}.group-details-tabs{flex-shrink:0!important}.group-large-avatar,.group-large-avatar-placeholder{font-size:22px!important;height:58px!important;width:58px!important}.display-group-name h4{font-size:16px!important}.add-members-view,.members-list-view,.shared-media-view{flex:1 1!important;min-height:0!important;overflow-y:auto!important;padding:10px 10px 20px!important}}.group-details-header{align-items:center;border-bottom:1px solid #cbd5e1;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.dark-theme .group-details-header{border-color:#ffffff14}.group-details-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0}.dark-theme .group-details-header h3{color:#f1f5f9}.group-details-header .close-modal-btn{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#334155;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:background .2s,color .2s,transform .2s;width:36px}.dark-theme .group-details-header .close-modal-btn{background:#ffffff26;color:#f1f5f9}.group-details-header .close-modal-btn:hover{background:#cbd5e1;border-color:#0000;box-shadow:none;transform:scale(1.1)}.dark-theme .group-details-header .close-modal-btn:hover{background:#ffffff40}.group-details-info{align-items:center;background:#f8fafc;border-bottom:1px solid #cbd5e1;display:flex;flex-direction:column;padding:24px}.dark-theme .group-details-info{background:#1e293b;border-color:#ffffff14}.group-details-avatar-container{margin-bottom:16px;position:relative}.group-large-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;height:90px;object-fit:cover;width:90px}.dark-theme .group-large-avatar{border-color:#0f172a}.group-large-avatar-placeholder{align-items:center;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;color:#fff;display:flex;font-size:36px;font-weight:700;height:90px;justify-content:center;width:90px}.dark-theme .group-large-avatar-placeholder{border-color:#0f172a}.change-avatar-label{align-items:center;background:#3498db;border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:0;transition:background .2s,transform .2s;width:32px}.dark-theme .change-avatar-label{border-color:#1e293b}.change-avatar-label:hover{background:#2980b9;transform:scale(1.1)}.group-details-name-container{display:flex;justify-content:center;width:100%}.display-group-name{align-items:center;display:flex;gap:8px}.display-group-name h4{color:#0f172a;font-size:18px;font-weight:700;margin:0}.dark-theme .display-group-name h4{color:#f1f5f9}.edit-group-name-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s,color .2s;width:28px}.edit-group-name-btn:hover{background:#0000000d;color:#0f172a}.dark-theme .edit-group-name-btn:hover{background:#ffffff14;color:#f1f5f9}.edit-group-name-form{display:flex;gap:8px;max-width:320px;width:100%}.edit-group-name-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.dark-theme .edit-group-name-input{background:#0f172a;border-color:#ffffff1a;color:#f1f5f9}.cancel-group-name-btn,.save-group-name-btn{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:8px 12px}.save-group-name-btn{background:#2ecc71;color:#fff}.cancel-group-name-btn{background:#e74c3c;color:#fff}.group-details-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.add-members-view,.members-list-view{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:24px}.add-members-header,.members-list-header{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;margin-bottom:16px}.add-members-header h4,.members-list-header h4{color:#475569;font-size:14px;font-weight:700;margin:0;white-space:nowrap}.dark-theme .add-members-header h4,.dark-theme .members-list-header h4{color:#94a3b8}.add-member-btn,.back-btn{background:#3498db1a;border:none;border-radius:8px;color:#3498db;transition:background .2s}.add-member-btn,.back-btn,.banned-members-badge-btn{cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;white-space:nowrap}.banned-members-badge-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;transition:all .2s ease}.back-btn,.banned-members-badge-btn{align-items:center;display:inline-flex;gap:4px}.add-member-btn:hover,.back-btn:hover{background:#3498db33}.banned-members-badge-btn:hover{background:#ef444433}.add-members-list,.members-list{display:flex;flex:1 1;flex-direction:column;margin-bottom:16px;min-height:140px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}.add-members-list::-webkit-scrollbar,.members-list::-webkit-scrollbar{width:5px}.add-members-list::-webkit-scrollbar-track,.members-list::-webkit-scrollbar-track{background:#0000}.add-members-list::-webkit-scrollbar-thumb,.members-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.dark-theme .add-members-list::-webkit-scrollbar-thumb,.dark-theme .members-list::-webkit-scrollbar-thumb{background-color:#475569}.add-member-item,.member-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #f1f5f9;border-radius:10px;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.dark-theme .add-member-item,.dark-theme .member-item{background:#0000;border-color:#ffffff0d}.add-member-item{cursor:pointer}.add-member-item:hover,.member-item:hover{background:#f1f5f9}.dark-theme .add-member-item:hover,.dark-theme .member-item:hover{background:#334155}.add-members-list .add-member-item:first-child,.members-list .member-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.add-members-list .add-member-item:last-child,.members-list .member-item:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.member-info{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px;min-width:0;-webkit-user-select:none;user-select:none}.member-info:hover .member-name{color:#2563eb}.dark-theme .member-info:hover .member-name{color:#60a5fa}.add-member-item{align-items:center;display:flex;gap:12px}.friend-mini-avatar,.member-mini-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.friend-mini-avatar-placeholder,.member-mini-avatar-placeholder{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.member-avatar-wrapper{display:flex;flex-shrink:0;height:36px;position:relative;width:36px}.member-status-indicator-online{background-color:#00e676;border:1px solid #fff;border-radius:50%;bottom:0;box-sizing:border-box;height:8px;position:absolute;right:1px;width:8px;z-index:10}.dark-theme .member-status-indicator-online{border-color:#0f172a}.member-text-info{display:flex;flex-direction:column;gap:2px}.friend-name,.member-name{color:#0f172a;font-size:14px;font-weight:600}.dark-theme .friend-name,.dark-theme .member-name{color:#f1f5f9}.admin-badge{background:#f1c40f26;color:#f1c40f}.admin-badge,.creator-badge{border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.creator-badge{background:#6366f126;color:#6366f1}.member-actions{display:flex;gap:6px}.ban-member-btn,.dismiss-admin-btn,.make-admin-btn,.quick-chat-btn,.remove-member-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s,color .2s,transform .2s;width:28px}.make-admin-btn{color:#94a3b8}.make-admin-btn:hover{background:#f1c40f26;color:#f1c40f;transform:scale(1.1)}.dismiss-admin-btn{color:#f1c40f}.dismiss-admin-btn:hover{background:#e74c3c26;color:#e74c3c;transform:scale(1.1)}.remove-member-btn{color:#94a3b8}.remove-member-btn:hover{background:#e74c3c1a;color:#e74c3c;transform:scale(1.1)}.ban-member-btn{color:#ff4d4d;margin-left:6px}.ban-member-btn:hover{background:#e74c3c26;color:#e74c3c;transform:scale(1.1)}.unban-member-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#4caf50;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:4px 8px;transition:background .2s,color .2s,transform .2s}.unban-member-btn:hover{background:#4caf5026;color:#43a047;transform:scale(1.05)}.quick-chat-btn{color:#3b82f6;color:var(--primary-color,#3b82f6);margin-right:6px}.quick-chat-btn:hover{background:#3b82f626;color:#2563eb;color:var(--primary-hover,#2563eb);transform:scale(1.1)}.group-action-buttons{display:flex;flex-direction:row;gap:10px;margin-top:20px;width:100%}.leave-group-modal-btn{align-items:center;background:#e74c3c;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:background .2s,transform .2s}.leave-group-modal-btn:hover{background:#c0392b}.delete-group-modal-btn{align-items:center;background:#962d22;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:background .2s,transform .2s}.delete-group-modal-btn:hover{background:#78241b}.confirm-add-members-btn{background:#3498db;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:background .2s;width:100%}.confirm-add-members-btn:hover:not(:disabled){background:#2980b9}.confirm-add-members-btn:disabled{cursor:not-allowed;opacity:.5}.no-friends-to-add{color:#64748b;font-size:14px;padding:24px 0;text-align:center}.message-sender-name{-webkit-user-select:none;user-select:none}.message-readers-avatars{align-items:center;display:flex;margin-left:2px;margin-right:6px}.message-reader-avatar-container{align-items:center;background-color:#cbd5e1;border:1px solid #fff;border:1px solid var(--border-color,#fff);border-radius:50%;box-sizing:border-box;display:flex;height:18px;justify-content:center;margin-left:-6px;overflow:hidden;position:relative;transition:transform .2s ease,z-index .2s ease;width:18px;z-index:2}.message-reader-avatar-container:hover{transform:scale(1.3);z-index:10}.message-reader-avatar-container:first-child{margin-left:0;z-index:1}.message-reader-avatar{height:100%;object-fit:cover;width:100%}.message-reader-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:9px;font-weight:700;height:100%;justify-content:center;line-height:1;text-transform:uppercase;width:100%}.message-reader-avatar-container.extra{background-color:#64748b;border-color:#fff;border-color:var(--border-color,#fff)}.message-reader-avatar-placeholder.extra-count{color:#fff;font-size:9px;font-weight:600}.message-readers-under-bubble{align-items:center;display:flex;margin-top:4px;padding:0 4px}.message.sent .message-readers-under-bubble{justify-content:flex-end}.message.received .message-readers-under-bubble{justify-content:flex-start}.reaction-pill{position:relative}.reaction-pill.active{border:1.5px solid #fff;box-shadow:0 0 0 1px #4a90e2;font-weight:700}.message.sent .reaction-pill.active{border:1.5px solid #4a90e2;font-weight:700}.reaction-count{color:inherit!important;font-size:11px;font-weight:600;margin-left:2px}.reaction-tooltip{background-color:#2c3e50;border-radius:6px;bottom:125%;box-shadow:0 4px 12px #0003;color:#fff!important;display:flex;flex-direction:column;gap:6px;left:50%;min-width:100px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.85);transition:all .15s ease-in-out;z-index:1000}.reaction-tooltip:after{border:4px solid #0000;border-top-color:#2c3e50;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.reaction-pill:hover .reaction-tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1)}.reaction-tooltip-user{align-items:center;display:flex;gap:6px}.reaction-tooltip-avatar{border:1px solid #fff3;border-radius:50%;flex-shrink:0;height:16px;object-fit:cover;width:16px}.reaction-tooltip-avatar-placeholder{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:8px;font-weight:700;height:16px;justify-content:center;line-height:1;width:16px}.reaction-tooltip-name{color:#fff;font-size:11px;font-weight:400;white-space:nowrap}.member-search-container{margin-bottom:16px;width:100%}.member-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:20px;box-sizing:border-box;color:#0f172a;font-size:13px;outline:none;padding:8px 14px;transition:all .3s ease;width:100%}.member-search-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.dark-theme .member-search-input{background:#0f172a;border-color:#ffffff1a;color:#f1f5f9}.dark-theme .member-search-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db40}.system-message-centered{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin:16px 0;padding:0 16px;width:100%}.system-message-text{background-color:#e2e8f0;border:1px solid #cbd5e1;border-radius:20px;box-shadow:0 2px 4px #0000000f;color:#475569;font-size:13px;font-weight:500;max-width:80%;padding:8px 18px;text-align:center;word-break:break-word}.dark-theme .system-message-text{background-color:#334155;border-color:#475569;color:#f1f5f9}.chat-system-call-icon.normal{color:#3498db}.chat-system-call-icon.declined{color:#ff4d4d}[data-theme=dark] .chat-system-call-icon.normal,body.dark-theme .chat-system-call-icon.normal{color:#00f0ff!important}[data-theme=dark] .chat-system-call-icon.declined,body.dark-theme .chat-system-call-icon.declined{color:#ff4d4d!important}.group-details-tabs{background:#0000;border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:8px;padding:0;width:100%}.dark-theme .group-details-tabs{border-bottom-color:#ffffff14}.details-tab-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;outline:none;padding:12px 4px;position:relative;transition:all .2s ease;white-space:nowrap}.dark-theme .details-tab-btn{color:#94a3b8}.details-tab-btn:hover{background-color:#3498db0d;color:#3498db}.dark-theme .details-tab-btn:hover{background-color:#3498db1a}.details-tab-btn.active{color:#3498db}.details-tab-btn.active:after{background-color:#3498db;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.shared-media-view{flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px}.shared-media-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.shared-media-item{aspect-ratio:1;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.dark-theme .shared-media-item{background-color:#1e293b;border-color:#ffffff0d}.shared-media-item:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.03)}.shared-media-item img{height:100%;object-fit:cover;width:100%}.shared-video-preview{height:100%;position:relative;width:100%}.shared-video-preview video{height:100%;object-fit:cover;width:100%}.video-play-icon{align-items:center;background:#00000080;border-radius:50%;color:#fff;display:flex;font-size:12px;height:28px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px}.shared-media-goto-btn{right:5px}.shared-media-download-btn,.shared-media-goto-btn{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffffa6;border:1px solid #fffc;border-radius:50%;box-shadow:0 1px 4px #00000026;color:#0f172a;cursor:pointer;display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;opacity:.9;position:absolute;top:5px;transition:all .2s ease;width:24px;z-index:10}.shared-media-download-btn{left:5px}.shared-media-item:hover .shared-media-download-btn,.shared-media-item:hover .shared-media-goto-btn{opacity:1;transform:scale(1.08)}.shared-media-download-btn:hover,.shared-media-goto-btn:hover{background:#fffffff2;border-color:#0284c7;box-shadow:0 4px 10px #0003;color:#0284c7}.shared-action-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;box-shadow:0 1px 3px #0000000d;color:#0284c7;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.shared-action-btn:hover{background:#0284c7;border-color:#0284c7;box-shadow:0 3px 8px #0284c74d;color:#fff;transform:translateY(-1px)}.shared-links-view{flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px}.shared-links-list{display:flex;flex-direction:column;gap:12px}.shared-link-item{align-items:center;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;gap:12px;padding:10px 12px;transition:background-color .2s ease}.dark-theme .shared-link-item{background-color:#1e293b;border-color:#ffffff08}.shared-link-item:hover{background-color:#f1f5f9}.dark-theme .shared-link-item:hover{background-color:#334155}.shared-link-icon{align-items:center;background-color:#3498db1a;border-radius:8px;color:#3498db;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.shared-link-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.shared-link-url{color:#3498db;font-size:13px;font-weight:500;text-decoration:none;word-break:break-all}.shared-link-url:hover{text-decoration:underline}.shared-link-sender{color:#64748b;font-size:11px}.dark-theme .shared-link-sender{color:#94a3b8}.goto-message-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.goto-message-btn:hover{background:#3498db1a;color:#3498db;transform:translateX(2px)}.no-shared-items{color:#64748b;font-size:14px;padding:32px 0;text-align:center}.dark-theme .no-shared-items{color:#94a3b8}.shared-audio-view{flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px}.shared-audio-list{display:flex;flex-direction:column;gap:12px}.shared-audio-item{align-items:stretch;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:8px;padding:12px 14px}.shared-audio-play-btn{align-items:center;background:#0284c7;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.shared-audio-play-btn:hover{background:#0369a1;transform:scale(1.05)}.shared-audio-controls{align-items:center;display:flex;gap:12px;margin-top:4px;width:100%}.shared-audio-time{color:#64748b;font-size:12px;font-weight:600;min-width:36px}.shared-audio-time.duration{text-align:right}.shared-audio-range{accent-color:#0284c7;background:#cbd5e1;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.shared-audio-icon{align-items:center;background-color:#2ecc711a;border-radius:8px;color:#2ecc71;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.shared-audio-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.shared-audio-name{color:#0f172a;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-theme .shared-audio-name{color:#f1f5f9}.shared-audio-meta{color:#64748b;font-size:11px}.dark-theme .shared-audio-meta{color:#94a3b8}.shared-audio-view::-webkit-scrollbar,.shared-links-view::-webkit-scrollbar,.shared-media-view::-webkit-scrollbar{width:5px}.shared-audio-view::-webkit-scrollbar-track,.shared-links-view::-webkit-scrollbar-track,.shared-media-view::-webkit-scrollbar-track{background:#0000}.shared-audio-view::-webkit-scrollbar-thumb,.shared-links-view::-webkit-scrollbar-thumb,.shared-media-view::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.dark-theme .shared-audio-view::-webkit-scrollbar-thumb,.dark-theme .shared-links-view::-webkit-scrollbar-thumb,.dark-theme .shared-media-view::-webkit-scrollbar-thumb{background-color:#475569}.pinned-messages-banner{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#f8f9faf2;border-bottom:1px solid #00000014;box-shadow:0 1px 2px #00000008;display:flex;flex-shrink:0;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:99}.pinned-icon-container{align-items:center;color:#3b82f6;display:flex;font-size:18px;justify-content:center;margin-right:12px}.pinned-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.pinned-title{color:#3b82f6;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.pinned-text-preview{color:#475569;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-actions{align-items:center;display:flex;gap:8px;margin-left:12px}.pinned-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:4px;transition:all .2s;width:24px}.pinned-close-btn:hover{background:#0000000d;color:#64748b}.dark-theme .pinned-messages-banner{background:#1e293bf2;border-bottom:1px solid #ffffff14}.dark-theme .pinned-text-preview{color:#cbd5e1}.dark-theme .pinned-close-btn:hover{background:#ffffff1a;color:#f1f5f9}.rejoin-group-modal-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:background .2s,transform .2s}.rejoin-group-modal-btn:hover{background:#2563eb;background:var(--primary-hover-color,#2563eb)}.rejoin-group-input-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:background .2s}.rejoin-group-input-btn:hover{background:#2563eb;background:var(--primary-hover-color,#2563eb)}.chat-action-btn.rejoin-group-call-btn{align-items:center!important;animation:groupRejoinPulse 2s infinite!important;background:#22c55e!important;border:1px solid #ffffff4d!important;border-radius:20px!important;box-shadow:0 0 12px #22c55e80!important;color:#fff!important;display:flex!important;font-size:13px!important;font-weight:700!important;gap:6px!important;padding:6px 14px!important}.chat-action-btn.rejoin-group-call-btn:hover{background:#16a34a!important;transform:scale(1.03)}.rejoin-btn-text{white-space:nowrap}@keyframes groupRejoinPulse{0%{box-shadow:0 0 0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.active-group-call-chat-banner{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#22c55e26,#10b98140);border-bottom:1px solid #22c55e4d;display:flex;gap:12px;justify-content:space-between;padding:10px 16px;z-index:10}.banner-left{align-items:center;display:flex;gap:10px}.pulsing-call-dot{animation:dotPulse 1.5s ease-in-out infinite;background-color:#22c55e;border-radius:50%;height:10px;width:10px}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.banner-text{color:#065f46;font-size:14px;font-weight:700}.dark .banner-text,.dark-theme .banner-text{color:#a7f3d0}.banner-rejoin-btn{align-items:center;background:#22c55e;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.banner-rejoin-btn:hover{background:#16a34a;transform:translateY(-1px)}@media (max-width:768px){.active-group-call-chat-banner{gap:8px;padding:8px 10px}.banner-left{flex:1 1;gap:6px;min-width:0}.pulsing-call-dot{flex-shrink:0;height:8px;width:8px}.banner-text{font-size:12px;line-height:1.25}.banner-rejoin-btn{border-radius:14px;flex-shrink:0;font-size:12px;gap:4px;padding:5px 10px}}.avatar-modal-overlay{align-items:center;animation:fadeIn .15s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:600000}.avatar-modal-card{animation:confirm-pop .15s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 40px #00000026;color:#1f2937;display:flex;flex-direction:column;padding:22px 20px 18px;width:min(340px,90vw)}.dark-theme .avatar-modal-card{background:#0f172a;border-color:#ffffff1a;box-shadow:0 20px 40px #00000080;color:#f8fafc}.avatar-modal-header{border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:12px;text-align:center}.dark-theme .avatar-modal-header{border-bottom-color:#ffffff14}.avatar-modal-title{color:#0f172a;font-size:17px;font-weight:700}.dark-theme .avatar-modal-title{color:#fff}.avatar-modal-body{display:flex;flex-direction:column;gap:10px}.avatar-modal-btn{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;color:#1e293b;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.dark-theme .avatar-modal-btn{background:#ffffff0d;border-color:#ffffff14;color:#f8fafc}.avatar-modal-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.dark-theme .avatar-modal-btn:hover{background:#ffffff1a;border-color:#ffffff26}.avatar-modal-icon-bg{align-items:center;background:#e0f2fe;border-radius:10px;color:#0284c7;display:flex;height:34px;justify-content:center;width:34px}.dark-theme .avatar-modal-icon-bg{background:#38bdf826;color:#38bdf8}.avatar-modal-btn.cancel{background:#0000;border-color:#0000;color:#64748b;font-weight:500;justify-content:center;margin-top:2px}.dark-theme .avatar-modal-btn.cancel{color:#94a3b8}.avatar-modal-btn.cancel:hover{background:#f1f5f9;color:#334155}.dark-theme .avatar-modal-btn.cancel:hover{background:#ffffff0d;color:#cbd5e1}.read-by-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999999!important}.read-by-modal-content{background-color:#1e293b;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:380px;overflow:hidden;position:relative;width:90%;z-index:1000000!important}.read-by-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.read-by-modal-title{color:#fff;font-size:17px;font-weight:700;margin:0}.read-by-modal-close{background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:20px;padding:4px 8px;transition:background-color .2s}.read-by-modal-close:hover{background-color:#ffffff1a;color:#fff}.read-by-modal-body{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;padding:12px 16px}.read-by-user-item{align-items:center!important;background-color:#ffffff0d!important;border:1px solid #ffffff0f!important;border-radius:14px!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;padding:10px 14px!important;width:100%!important}.read-by-user-avatar{object-fit:cover!important}.read-by-user-avatar,.read-by-user-placeholder{border-radius:50%!important;flex-shrink:0!important;height:40px!important;width:40px!important}.read-by-user-placeholder{align-items:center!important;color:#fff!important;font-size:16px !weight;font-weight:700!important}.read-by-user-info,.read-by-user-placeholder{display:flex!important;justify-content:center!important}.read-by-user-info{align-items:flex-start!important;flex:1 1!important;flex-direction:column!important;margin-left:12px!important;text-align:left!important}.read-by-user-name{color:#f8fafc!important;font-size:15px!important;font-weight:600!important;margin:0!important;text-align:left!important}.read-by-user-time{color:#94a3b8!important;font-size:12px!important;margin-top:2px!important;text-align:left!important}.read-by-empty{color:#94a3b8!important;font-size:14px!important;padding:24px 16px!important;text-align:center!important}[data-theme=dark] .chat-interface,body.dark-theme .chat-interface{background:#0b1220}[data-theme=dark] .chat-interface .chat-header,[data-theme=dark] .chat-interface>.chat-header,body.dark-theme .chat-interface .chat-header,body.dark-theme .chat-interface>.chat-header{background:#030e21!important;border-bottom:1px solid #1e293b!important;box-shadow:0 2px 8px #0006!important}[data-theme=dark] .chat-interface .chat-header .user-name,[data-theme=dark] .chat-user-display-name,[data-theme=dark] .chat-user-name,body.dark-theme .chat-interface .chat-header .user-name,body.dark-theme .chat-user-display-name,body.dark-theme .chat-user-name{color:#fff!important}[data-theme=dark] .chat-user-name .user-age,body.dark-theme .chat-user-name .user-age{color:#7f8c8d!important}[data-theme=dark] .chat-interface .chat-header .user-status,[data-theme=dark] .chat-user-status,body.dark-theme .chat-interface .chat-header .user-status,body.dark-theme .chat-user-status{color:#94a3b8!important}[data-theme=dark] .chat-user-status.online,body.dark-theme .chat-user-status.online{color:#0ef0ff!important}[data-theme=dark] .chat-action-btn,body.dark-theme .chat-action-btn{background:#162033!important;border:1px solid #1e293b!important;color:#fff!important}[data-theme=dark] .chat-action-btn svg,body.dark-theme .chat-action-btn svg{color:#fff!important}[data-theme=dark] .chat-action-btn:hover:not(:disabled):not(.disabled),body.dark-theme .chat-action-btn:hover:not(:disabled):not(.disabled){background:#0ef0ff2e!important;border-color:#0ef0ff!important;color:#0ef0ff!important}[data-theme=dark] .chat-action-btn:hover:not(:disabled):not(.disabled) svg,body.dark-theme .chat-action-btn:hover:not(:disabled):not(.disabled) svg{color:#0ef0ff!important}[data-theme=dark] .chat-action-btn.disabled,[data-theme=dark] .chat-action-btn:disabled,body.dark-theme .chat-action-btn.disabled,body.dark-theme .chat-action-btn:disabled{background:#16203399!important;border:1px solid #ffffff14!important;color:#ffffff59!important;opacity:.6!important}[data-theme=dark] .chat-action-btn.disabled svg,[data-theme=dark] .chat-action-btn:disabled svg,body.dark-theme .chat-action-btn.disabled svg,body.dark-theme .chat-action-btn:disabled svg{color:#ffffff59!important}[data-theme=dark] .chat-action-btn.close-btn-chat,body.dark-theme .chat-action-btn.close-btn-chat{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}[data-theme=dark] .chat-action-btn.close-btn-chat:hover,body.dark-theme .chat-action-btn.close-btn-chat:hover{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}[data-theme=dark] .chat-search-bar,body.dark-theme .chat-search-bar{background:#0b1220!important;border-bottom:1px solid #1e293b!important}[data-theme=dark] .chat-search-input,body.dark-theme .chat-search-input{background:#162033!important;border:1px solid #1e293b!important;box-shadow:0 4px 12px #0000004d!important;color:#fff!important}[data-theme=dark] .chat-search-input::placeholder,body.dark-theme .chat-search-input::placeholder{color:#94a3b8!important}[data-theme=dark] .chat-search-input:focus,body.dark-theme .chat-search-input:focus{border-color:#0ef0ff!important;box-shadow:0 0 0 2px #0ef0ff33!important}[data-theme=dark] .chat-search-controls,body.dark-theme .chat-search-controls{background:#162033!important;border:1px solid #1e293b!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .search-counter,body.dark-theme .search-counter{color:#94a3b8!important}[data-theme=dark] .search-clear-btn,[data-theme=dark] .search-nav-btn,body.dark-theme .search-clear-btn,body.dark-theme .search-nav-btn{background:#ffffff14!important;color:#cbd5e1!important}[data-theme=dark] .search-clear-btn:hover,[data-theme=dark] .search-nav-btn:hover,body.dark-theme .search-clear-btn:hover,body.dark-theme .search-nav-btn:hover{background:#0ef0ff33!important;color:#0ef0ff!important}[data-theme=dark] .messages-area,[data-theme=dark] .messages-container,body.dark-theme .messages-area,body.dark-theme .messages-container{background:#0b1220}[data-theme=dark] .chat-interface .message .message-content,body.dark-theme .chat-interface .message .message-content{background:linear-gradient(135deg,#1c2a4d,#0e1628)!important;border:1px solid #ffffff14!important;border-radius:20px!important;border-bottom-left-radius:4px!important;box-shadow:0 2px 8px #0000004d!important;color:#f1f5f9!important}[data-theme=dark] .message-text,body.dark-theme .message-text{color:#f1f5f9}[data-theme=dark] .message.sent .message-content,body.dark-theme .message.sent .message-content{background:linear-gradient(135deg,#0d8bd1,#075985)!important;border:none!important;border-radius:20px!important;border-bottom-right-radius:4px!important;box-shadow:0 2px 10px #0d8bd140!important;color:#fff!important}[data-theme=dark] .message.sent .message-text,body.dark-theme .message.sent .message-text{color:#fff}[data-theme=dark] .message-time,body.dark-theme .message-time{color:#ffffff80!important}[data-theme=dark] .message.sent .message-time,body.dark-theme .message.sent .message-time{color:#ffffffb3!important}[data-theme=dark] .read-status-icon,body.dark-theme .read-status-icon{color:#0ef0ff!important}[data-theme=dark] .reply-preview-container,body.dark-theme .reply-preview-container{background:#ffffff0d;border-left:3px solid #0ef0ff;border-radius:8px}[data-theme=dark] .message.sent .reply-preview-container,body.dark-theme .message.sent .reply-preview-container{background:#ffffff26;border-left:3px solid #fff}[data-theme=dark] .chat-date-text,body.dark-theme .chat-date-text{background:#162033!important;border:1px solid #1e293b!important;border-radius:20px!important;color:#94a3b8!important;position:relative!important;z-index:2!important}[data-theme=dark] .chat-date-divider:before,body.dark-theme .chat-date-divider:before{background:#1e293b!important;z-index:1!important}[data-theme=dark] .chat-active .chat-interface .message-input-area,[data-theme=dark] .chat-interface .message-input-area,[data-theme=dark] .chat-interface:has(.vci-wrapper.fullscreen) .message-input-area,[data-theme=dark] .message-input-area,body.dark-theme .chat-active .chat-interface .message-input-area,body.dark-theme .chat-interface .message-input-area,body.dark-theme .chat-interface:has(.vci-wrapper.fullscreen) .message-input-area,body.dark-theme .message-input-area{background:#030e21!important;border-top:1px solid #1e293b!important}[data-theme=dark] .chat-active .chat-interface .message-input-area:after,body.dark-theme .chat-active .chat-interface .message-input-area:after{background:#030e21!important}[data-theme=dark] .message-input-wrapper,body.dark-theme .message-input-wrapper{background:#162033!important;border:1px solid #1e293b!important;box-shadow:inset 0 1px 2px #0000004d!important}[data-theme=dark] .message-input-wrapper:focus-within,body.dark-theme .message-input-wrapper:focus-within{border-color:#0ef0ff!important;box-shadow:0 0 0 2px #0ef0ff26!important}[data-theme=dark] .message-input,body.dark-theme .message-input{background:#162033!important;border:1px solid #1e293b!important;box-shadow:inset 0 1px 2px #0000004d!important;color:#fff!important}[data-theme=dark] .message-input-wrapper .message-input,body.dark-theme .message-input-wrapper .message-input{background:#0000!important;border:none!important;box-shadow:none!important}[data-theme=dark] .message-input::placeholder,body.dark-theme .message-input::placeholder{color:#94a3b8!important}[data-theme=dark] .input-actions .input-action-btn,[data-theme=dark] .message-input-inner-actions .input-action-btn,body.dark-theme .input-actions .input-action-btn,body.dark-theme .message-input-inner-actions .input-action-btn{background:#0000!important;border:none!important;box-shadow:none!important;color:#cbd5e1!important}[data-theme=dark] .input-actions .input-action-btn svg,[data-theme=dark] .message-input-inner-actions .input-action-btn svg,body.dark-theme .input-actions .input-action-btn svg,body.dark-theme .message-input-inner-actions .input-action-btn svg{color:#cbd5e1!important}[data-theme=dark] .input-actions .input-action-btn:hover,[data-theme=dark] .message-input-inner-actions .input-action-btn:hover,body.dark-theme .input-actions .input-action-btn:hover,body.dark-theme .message-input-inner-actions .input-action-btn:hover{background:#0ef0ff1f!important;color:#0ef0ff!important}[data-theme=dark] .input-actions .input-action-btn:hover svg,[data-theme=dark] .message-input-inner-actions .input-action-btn:hover svg,body.dark-theme .input-actions .input-action-btn:hover svg,body.dark-theme .message-input-inner-actions .input-action-btn:hover svg{color:#0ef0ff!important}[data-theme=dark] .input-actions .input-action-btn.active,[data-theme=dark] .message-input-inner-actions .input-action-btn.active,body.dark-theme .input-actions .input-action-btn.active,body.dark-theme .message-input-inner-actions .input-action-btn.active{background:#0ef0ff2e!important;color:#0ef0ff!important}[data-theme=dark] .send-btn,body.dark-theme .send-btn{background:#00f0ff!important;color:#030e21!important}[data-theme=dark] .send-btn:hover:not(:disabled),body.dark-theme .send-btn:hover:not(:disabled){background:#38bdf8!important;transform:translateY(-1px)}[data-theme=dark] .send-btn:disabled,body.dark-theme .send-btn:disabled{background:#ffffff1f!important;color:#ffffff4d!important}[data-theme=dark] .reply-preview,body.dark-theme .reply-preview{background:#162033!important;border-left:4px solid #00f0ff!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .reply-preview-header,body.dark-theme .reply-preview-header{color:#00f0ff!important}[data-theme=dark] .reply-preview-text,body.dark-theme .reply-preview-text{color:#cbd5e1!important}[data-theme=dark] .reply-preview-close,body.dark-theme .reply-preview-close{color:#94a3b8!important}[data-theme=dark] .dropdown-menu,body.dark-theme .dropdown-menu{background:#121e31!important;border:1px solid #1e293b!important;box-shadow:0 8px 24px #00000080!important}[data-theme=dark] .dropdown-menu .dropdown-item,body.dark-theme .dropdown-menu .dropdown-item{color:#ecedee!important}[data-theme=dark] .dropdown-menu .dropdown-item:hover,body.dark-theme .dropdown-menu .dropdown-item:hover{background:#1e293b!important;color:#0ef0ff!important}[data-theme=dark] .dropdown-menu .dropdown-item+.dropdown-item,body.dark-theme .dropdown-menu .dropdown-item+.dropdown-item{border-top:1px solid #1e293b!important}[data-theme=dark] .dropdown-menu .dropdown-item.danger,[data-theme=dark] .dropdown-menu .dropdown-item.remove-friend,body.dark-theme .dropdown-menu .dropdown-item.danger,body.dark-theme .dropdown-menu .dropdown-item.remove-friend{color:#ef4444!important}[data-theme=dark] .dropdown-menu .dropdown-item.danger:hover,[data-theme=dark] .dropdown-menu .dropdown-item.remove-friend:hover,body.dark-theme .dropdown-menu .dropdown-item.danger:hover,body.dark-theme .dropdown-menu .dropdown-item.remove-friend:hover{background:#ef444426!important;color:#ff6b6b!important}[data-theme=dark] .chat-interface.no-user-selected,body.dark-theme .chat-interface.no-user-selected{background-color:#0b1220;color:#94a3b8}[data-theme=dark] .blocked-chat-view,body.dark-theme .blocked-chat-view{background-color:#0b1220}[data-theme=dark] .blocked-message-container,body.dark-theme .blocked-message-container{background-color:#162033;border-color:#1e293b;color:#ecedee}[data-theme=dark] .blocked-message-container p,body.dark-theme .blocked-message-container p{color:#ecedee}[data-theme=dark] .no-chat-selected h3,body.dark-theme .no-chat-selected h3{color:#fff!important}[data-theme=dark] .no-chat-selected p,body.dark-theme .no-chat-selected p{color:#94a3b8!important}[data-theme=dark] .no-chat-selected-icon,body.dark-theme .no-chat-selected-icon{color:#0ef0ff!important;opacity:.9}[data-theme=dark] .group-details-overlay,body.dark-theme .group-details-overlay{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#000000b3!important}[data-theme=dark] .group-details-modal,body.dark-theme .group-details-modal{background:#0b1220!important;border:1px solid #1e293b!important;box-shadow:0 20px 40px #00000080!important}[data-theme=dark] .group-details-header,body.dark-theme .group-details-header{background:#0b1220!important;border-bottom:1px solid #1e293b!important}[data-theme=dark] .group-details-header h3,body.dark-theme .group-details-header h3{color:#f1f5f9!important}[data-theme=dark] .group-details-header .close-modal-btn,body.dark-theme .group-details-header .close-modal-btn{background:#ffffff14!important;border:none!important;box-shadow:none!important;color:#cbd5e1!important}[data-theme=dark] .group-details-header .close-modal-btn:hover,body.dark-theme .group-details-header .close-modal-btn:hover{background:#ffffff29!important;box-shadow:none!important;color:#fff!important}[data-theme=dark] .group-details-info,body.dark-theme .group-details-info{background:#121e31!important;border-bottom:1px solid #1e293b!important}[data-theme=dark] .group-large-avatar,[data-theme=dark] .group-large-avatar-placeholder,body.dark-theme .group-large-avatar,body.dark-theme .group-large-avatar-placeholder{border:3px solid #1e293b!important;box-shadow:none!important}[data-theme=dark] .display-group-name h4,body.dark-theme .display-group-name h4{color:#f1f5f9!important}[data-theme=dark] .group-details-tabs,body.dark-theme .group-details-tabs{background:#0000!important;border-bottom:1px solid #1e293b!important}[data-theme=dark] .details-tab-btn,body.dark-theme .details-tab-btn{color:#94a3b8!important}[data-theme=dark] .details-tab-btn:hover,body.dark-theme .details-tab-btn:hover{background-color:#0ef0ff0d!important;color:#0ef0ff!important}[data-theme=dark] .details-tab-btn.active,body.dark-theme .details-tab-btn.active{color:#0ef0ff!important;font-weight:700!important}[data-theme=dark] .details-tab-btn.active:after,body.dark-theme .details-tab-btn.active:after{background:#0ef0ff!important;box-shadow:none!important}[data-theme=dark] .shared-audio-view,[data-theme=dark] .shared-links-view,[data-theme=dark] .shared-media-view,body.dark-theme .shared-audio-view,body.dark-theme .shared-links-view,body.dark-theme .shared-media-view{background:#0b1220}[data-theme=dark] .shared-media-item,body.dark-theme .shared-media-item{background-color:#162033!important;border:1px solid #1e293b!important;box-shadow:none!important}[data-theme=dark] .shared-media-item:hover,body.dark-theme .shared-media-item:hover{border-color:#0ef0ff!important;box-shadow:none!important}[data-theme=dark] .shared-media-download-btn,[data-theme=dark] .shared-media-goto-btn,body.dark-theme .shared-media-download-btn,body.dark-theme .shared-media-goto-btn{background:#0b1220d9!important;border:1px solid #ffffff1f!important;box-shadow:none!important;color:#f1f5f9!important}[data-theme=dark] .shared-media-download-btn:hover,[data-theme=dark] .shared-media-goto-btn:hover,body.dark-theme .shared-media-download-btn:hover,body.dark-theme .shared-media-goto-btn:hover{background:#0ef0ff!important;border-color:#0ef0ff!important;box-shadow:none!important;color:#030e21!important}[data-theme=dark] .video-play-icon,body.dark-theme .video-play-icon{background:#0009!important;border:none!important;color:#fff!important}[data-theme=dark] .shared-audio-item,[data-theme=dark] .shared-link-item,body.dark-theme .shared-audio-item,body.dark-theme .shared-link-item{background-color:#162033!important;border:1px solid #1e293b!important;box-shadow:none!important}[data-theme=dark] .shared-audio-item:hover,[data-theme=dark] .shared-link-item:hover,body.dark-theme .shared-audio-item:hover,body.dark-theme .shared-link-item:hover{background-color:#1a273e!important;border-color:#0ef0ff!important;box-shadow:none!important}[data-theme=dark] .shared-audio-name,[data-theme=dark] .shared-link-name,body.dark-theme .shared-audio-name,body.dark-theme .shared-link-name{color:#f1f5f9!important}[data-theme=dark] .shared-audio-meta,[data-theme=dark] .shared-link-meta,body.dark-theme .shared-audio-meta,body.dark-theme .shared-link-meta{color:#94a3b8!important}[data-theme=dark] .shared-audio-play-btn,body.dark-theme .shared-audio-play-btn{background:#0ef0ff!important;color:#030e21!important}[data-theme=dark] .shared-audio-play-btn:hover,body.dark-theme .shared-audio-play-btn:hover{background:#38bdf8!important;color:#030e21!important;transform:scale(1.05)}[data-theme=dark] .shared-audio-time,body.dark-theme .shared-audio-time{color:#94a3b8!important}[data-theme=dark] .shared-audio-range,body.dark-theme .shared-audio-range{accent-color:#0ef0ff!important;background:#1e293b!important}[data-theme=dark] .shared-audio-icon,[data-theme=dark] .shared-link-icon,body.dark-theme .shared-audio-icon,body.dark-theme .shared-link-icon{background-color:#0ef0ff1f!important;color:#0ef0ff!important}[data-theme=dark] .shared-link-url,body.dark-theme .shared-link-url{color:#0ef0ff!important}[data-theme=dark] .shared-link-url:hover,body.dark-theme .shared-link-url:hover{color:#38bdf8!important;text-decoration:underline}[data-theme=dark] .shared-link-sender,body.dark-theme .shared-link-sender{color:#94a3b8!important}[data-theme=dark] .shared-action-btn,body.dark-theme .shared-action-btn{background:#1e293b!important;border:1px solid #ffffff1a!important;box-shadow:none!important;color:#0ef0ff!important}[data-theme=dark] .shared-action-btn:hover,body.dark-theme .shared-action-btn:hover{background:#0ef0ff!important;border-color:#0ef0ff!important;box-shadow:none!important;color:#030e21!important}[data-theme=dark] .member-item,body.dark-theme .member-item{border-bottom-color:#ffffff0d!important}[data-theme=dark] .member-item:hover,body.dark-theme .member-item:hover{background-color:#ffffff0a!important}[data-theme=dark] .member-name,body.dark-theme .member-name{color:#f1f5f9!important}[data-theme=dark] .member-status,[data-theme=dark] .no-shared-items,body.dark-theme .member-status,body.dark-theme .no-shared-items{color:#94a3b8!important}[data-theme=dark] .scroll-button,body.dark-theme .scroll-button{background:#162033!important;border:1px solid #1e293b!important;box-shadow:0 4px 14px #00000080!important;color:#0ef0ff!important}[data-theme=dark] .scroll-button:hover,body.dark-theme .scroll-button:hover{background:#0ef0ff!important;border-color:#0ef0ff!important;color:#030e21!important;transform:scale(1.08)!important}[data-theme=dark] .messages-area,body.dark-theme .messages-area{scrollbar-color:#0ef0ff #0000!important}[data-theme=dark] .messages-area::-webkit-scrollbar-track,body.dark-theme .messages-area::-webkit-scrollbar-track{background:#0000!important}[data-theme=dark] .messages-area::-webkit-scrollbar-thumb,body.dark-theme .messages-area::-webkit-scrollbar-thumb{background:#0ef0ff!important;border-radius:10px!important}[data-theme=dark] .messages-area::-webkit-scrollbar-thumb:hover,body.dark-theme .messages-area::-webkit-scrollbar-thumb:hover{background:#38bdf8!important;box-shadow:none!important}[data-theme=dark] .change-avatar-label,body.dark-theme .change-avatar-label{background:#0ef0ff!important;border:2px solid #0b1220!important;box-shadow:none!important;color:#0b1220!important}[data-theme=dark] .change-avatar-label:hover,body.dark-theme .change-avatar-label:hover{background:#00d8e6!important;transform:scale(1.1)!important}[data-theme=dark] .edit-group-name-btn,body.dark-theme .edit-group-name-btn{color:#0ef0ff!important}[data-theme=dark] .edit-group-name-btn:hover,body.dark-theme .edit-group-name-btn:hover{color:#fff!important}[data-theme=dark] .edit-group-name-input,body.dark-theme .edit-group-name-input{background:#0000004d!important;border:1px solid #ffffff26!important;color:#fff!important}[data-theme=dark] .edit-group-name-input:focus,body.dark-theme .edit-group-name-input:focus{border-color:#0ef0ff!important}[data-theme=dark] .save-group-name-btn,body.dark-theme .save-group-name-btn{background:#10b981!important;color:#fff!important}[data-theme=dark] .cancel-group-name-btn,body.dark-theme .cancel-group-name-btn{background:#ffffff14!important;color:#cbd5e1!important}[data-theme=dark] .add-member-btn,body.dark-theme .add-member-btn{background:#0ef0ff1f!important;border:1px solid #0ef0ff40!important;color:#0ef0ff!important}[data-theme=dark] .add-member-btn:hover,body.dark-theme .add-member-btn:hover{background:#0ef0ff!important;color:#0b1220!important}[data-theme=dark] .banned-members-badge-btn,body.dark-theme .banned-members-badge-btn{background:#ef44441f!important;border:1px solid #ef44444d!important;border-radius:6px!important;color:#f87171!important;cursor:pointer!important;transition:all .2s ease!important}[data-theme=dark] .banned-members-badge-btn:hover,body.dark-theme .banned-members-badge-btn:hover{background:#ef444440!important;border-color:#ef4444!important;color:#ef4444!important}[data-theme=dark] .creator-badge,body.dark-theme .creator-badge{background:#a855f726!important;border:1px solid #a855f74d!important;color:#c084fc!important}[data-theme=dark] .admin-badge,body.dark-theme .admin-badge{background:#fbbf241f!important;border:1px solid #fbbf2440!important;color:#fbbf24!important}[data-theme=dark] .member-search-input,body.dark-theme .member-search-input{background:#00000040!important;border:1px solid #ffffff1a!important;color:#fff!important}[data-theme=dark] .member-search-input:focus,body.dark-theme .member-search-input:focus{border-color:#0ef0ff!important}[data-theme=dark] .quick-chat-btn,body.dark-theme .quick-chat-btn{color:#0ef0ff!important}[data-theme=dark] .quick-chat-btn:hover,body.dark-theme .quick-chat-btn:hover{background:#0ef0ff26!important;color:#0ef0ff!important}[data-theme=dark] .dismiss-admin-btn,[data-theme=dark] .make-admin-btn,body.dark-theme .dismiss-admin-btn,body.dark-theme .make-admin-btn{color:#fbbf24!important}[data-theme=dark] .dismiss-admin-btn:hover,[data-theme=dark] .make-admin-btn:hover,body.dark-theme .dismiss-admin-btn:hover,body.dark-theme .make-admin-btn:hover{background:#fbbf2426!important}[data-theme=dark] .remove-member-btn,body.dark-theme .remove-member-btn{color:#94a3b8!important}[data-theme=dark] .remove-member-btn:hover,body.dark-theme .remove-member-btn:hover{background:#ffffff1a!important;color:#fff!important}[data-theme=dark] .ban-member-btn,body.dark-theme .ban-member-btn{color:#f87171!important}[data-theme=dark] .ban-member-btn:hover,body.dark-theme .ban-member-btn:hover{background:#ef444426!important;color:#ef4444!important}[data-theme=dark] .leave-group-modal-btn,body.dark-theme .leave-group-modal-btn{background:#ffffff0f!important;border:1px solid #ffffff1a!important;border-radius:10px!important;box-shadow:none!important;color:#f87171!important;font-weight:600!important}[data-theme=dark] .leave-group-modal-btn:hover,body.dark-theme .leave-group-modal-btn:hover{background:#ef444426!important;border-color:#ef444466!important;color:#fff!important}[data-theme=dark] .delete-group-modal-btn,body.dark-theme .delete-group-modal-btn{background:#ef4444!important;border:none!important;border-radius:10px!important;box-shadow:none!important;color:#fff!important;font-weight:600!important}[data-theme=dark] .delete-group-modal-btn:hover,body.dark-theme .delete-group-modal-btn:hover{background:#dc2626!important}[data-theme=dark] .rejoin-group-modal-btn,body.dark-theme .rejoin-group-modal-btn{background:#0ef0ff!important;border:none!important;border-radius:10px!important;box-shadow:none!important;color:#0b1220!important;font-weight:700!important}[data-theme=dark] .add-members-list::-webkit-scrollbar-thumb,[data-theme=dark] .members-list::-webkit-scrollbar-thumb,[data-theme=dark] .shared-audio-view::-webkit-scrollbar-thumb,[data-theme=dark] .shared-links-view::-webkit-scrollbar-thumb,[data-theme=dark] .shared-media-view::-webkit-scrollbar-thumb,body.dark-theme .add-members-list::-webkit-scrollbar-thumb,body.dark-theme .members-list::-webkit-scrollbar-thumb,body.dark-theme .shared-audio-view::-webkit-scrollbar-thumb,body.dark-theme .shared-links-view::-webkit-scrollbar-thumb,body.dark-theme .shared-media-view::-webkit-scrollbar-thumb{background:#0ef0ff!important;border-radius:10px!important}[data-theme=dark] .local-video,[data-theme=dark] .messages-area.has-video-call,[data-theme=dark] .messages-area.has-video-call .remote-video-container,[data-theme=dark] .messages-area.has-video-call .video-call-container,[data-theme=dark] .remote-video,[data-theme=dark] .remote-video-wrapper,[data-theme=dark] .vci-wrapper,[data-theme=dark] .vci-wrapper.pip,[data-theme=dark] .video-call-embedded,[data-theme=dark] .video-call-overlay,body.dark-theme .local-video,body.dark-theme .messages-area.has-video-call,body.dark-theme .messages-area.has-video-call .remote-video-container,body.dark-theme .messages-area.has-video-call .video-call-container,body.dark-theme .remote-video,body.dark-theme .remote-video-wrapper,body.dark-theme .vci-wrapper,body.dark-theme .vci-wrapper.pip,body.dark-theme .video-call-embedded,body.dark-theme .video-call-overlay{background:linear-gradient(135deg,#0c1427,#1a2a44 50%,#2a446a)!important}[data-theme=dark] .gift-hint-dropdown,body.dark-theme .gift-hint-dropdown{background:#111a2e!important;border:1px solid #ffffff1a!important;box-shadow:0 10px 30px #00000080!important}[data-theme=dark] .gift-hint-header,body.dark-theme .gift-hint-header{background:#0000!important;border-bottom:none!important}[data-theme=dark] .gift-hint-header h4,body.dark-theme .gift-hint-header h4{color:#f472b6!important}[data-theme=dark] .gift-hint-header p,body.dark-theme .gift-hint-header p{color:#94a3b8!important}[data-theme=dark] .gift-hint-item,[data-theme=dark] .gift-hint-item:hover,body.dark-theme .gift-hint-item,body.dark-theme .gift-hint-item:hover{background:#0000!important}[data-theme=dark] .gift-hint-emoji,body.dark-theme .gift-hint-emoji{background:#ffffff0f!important;box-shadow:none!important}[data-theme=dark] .gift-hint-name,body.dark-theme .gift-hint-name{color:#f1f5f9!important}[data-theme=dark] .gift-hint-info .gift-hint-price,body.dark-theme .gift-hint-info .gift-hint-price{color:#0ef0ff!important}:root{--glass-bg:#ffffffbf;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #1f268726;--accent-gradient:linear-gradient(135deg,#6366f1,#a855f7)}.nexus-audio-player-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffbf;background:var(--glass-bg);border:1px solid #fff6;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px 0 #1f268726;box-shadow:var(--glass-shadow);margin:4px auto 0;max-width:none!important;min-width:0;overflow:visible!important;padding:12px 16px;position:relative;transition:transform .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;width:100%;z-index:100}@media (max-width:480px){.nexus-audio-player-glass{border-radius:16px;margin:0 auto;max-width:280px;padding:6px 8px}}.player-body{gap:16px;width:100%}.glass-play-btn,.player-body{align-items:center;display:flex}.glass-play-btn{background:linear-gradient(135deg,#6366f1,#a855f7);background:var(--accent-gradient);border:none;border-radius:50%;box-shadow:0 4px 15px #6366f166;color:#fff;cursor:pointer;flex-shrink:0;font-size:22px;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.glass-play-btn:hover{box-shadow:0 6px 20px #6366f180;transform:scale(1.1)}.player-main-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.player-info-row{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:0 2px}.glass-filename{color:#1e293b;font-size:14px;font-weight:700;letter-spacing:-.01em;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.glass-filename{font-size:12px;max-width:110px}.glass-play-btn{font-size:16px;height:36px;width:36px}.player-body{gap:10px}.glass-duration{font-size:10px}}.glass-duration{font-feature-settings:"tnum";color:#64748b;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;opacity:.8}.glass-progress-container{align-items:center;display:flex;height:6px;position:relative;width:100%}.glass-progress-slider{appearance:none;-webkit-appearance:none;background:#0000000d;border-radius:10px;cursor:pointer;height:4px;outline:none;width:100%}.glass-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#6366f1;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;height:14px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:14px}.glass-progress-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.player-side-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.glass-action-btn{align-items:center;background:#00000008;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.glass-action-btn:hover{background:#0000000f;color:#1e293b}.glass-volume-wrapper{align-items:center;display:flex;position:relative}.glass-volume-popout-vertical{align-items:center;animation:glass-pop-up .2s ease-out;background:#fff;border:1px solid #0000000d;border-radius:12px;bottom:100%;box-shadow:0 10px 25px #00000026;display:flex;justify-content:center;left:50%;margin-bottom:8px;padding:12px 6px;position:absolute;transform:translateX(-50%);z-index:1000}.glass-volume-popout-vertical:after{background:#0000;content:"";height:15px;left:0;position:absolute;top:100%;width:100%}@keyframes glass-pop-up{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.vertical-slider{-webkit-appearance:slider-vertical;appearance:slider-vertical;cursor:pointer;height:60px;outline:none;width:4px;writing-mode:bt-lr}.glass-more-wrapper{position:relative}.glass-dropdown{animation:glass-pop .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 10px 40px #00000026;margin-top:12px;min-width:160px;padding:8px;position:absolute;right:0;top:100%;z-index:1000}@keyframes glass-pop{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.glass-dropdown-item{align-items:center;background:none;border:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:10px 12px;transition:all .2s ease;width:100%}.glass-dropdown-item:hover:not(:disabled){background:#f1f5f9;color:#6366f1}.player-meta-footer{border-top:1px solid #0000000d;display:flex;gap:10px;margin-top:8px;padding-top:6px}.glass-meta-tag{background:#0000000a;border-radius:6px;color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.08em;padding:3px 8px;text-transform:uppercase}.dark-theme .nexus-audio-player-glass{background:#1e293be6;border-color:#ffffff1a;box-shadow:0 8px 32px 0 #0006}.dark-theme .glass-volume-popout-vertical{background:#1e293b;border-color:#ffffff26}.dark-theme .glass-filename{color:#f1f5f9}.dark-theme .glass-duration{color:#94a3b8}.dark-theme .glass-progress-slider{background:#ffffff1a}.dark-theme .glass-action-btn{background:#ffffff0d;color:#94a3b8}.dark-theme .glass-action-btn:hover{background:#ffffff1a;color:#fff}.dark-theme .glass-dropdown{background:#1e293b;border-color:#ffffff26}.dark-theme .glass-dropdown-item{color:#cbd5e1}.dark-theme .meta-tag{background:#ffffff0d}.chats-list-container{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:20px 20px 0;scrollbar-color:#3498db #ffffff0d;scrollbar-width:thin}.chats-list-container::-webkit-scrollbar{width:6px}.chats-list-container::-webkit-scrollbar-track{background:#0000}.chats-list-container::-webkit-scrollbar-thumb{background:#3498db;border-radius:10px}.chats-list-container::-webkit-scrollbar-thumb:hover{background:#3498db;border-color:#d0d0d0}.chats-header{border-bottom:none;margin-bottom:12px;margin-top:-12px;min-height:28px;padding-bottom:8px}.chats-header,.chats-header-inner{align-items:center;display:flex;justify-content:center;position:relative}.chats-header-inner{width:100%}.chats-header h3{color:#fff;font-size:18px;font-weight:600;margin:0;text-align:center}.create-group-header-btn{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;height:32px;position:absolute;right:0;transition:all .2s ease;width:32px}.create-group-header-btn,.create-group-icon-wrapper{align-items:center;display:flex;justify-content:center}.create-group-add-icon{margin-left:-3px}.chat-search-container-sidebar{align-items:center;background:#f4f6f9;border-radius:20px;display:flex;height:40px;margin:0 5px;overflow:hidden;position:relative}.chat-search-input-sidebar{border:none;box-sizing:border-box;color:#333;flex:1 1;font-size:14px;height:40px;line-height:40px;outline:none;padding:0 15px 0 40px;transition:all .2s ease;width:100%}.search-icon-sidebar{color:#7f8c8d;left:15px;pointer-events:none;position:absolute}.chat-search-input-sidebar::placeholder{color:#7f8c8d}.chat-search-input-sidebar:focus{background-color:#e4e6eb}.chats-list{display:flex;flex-direction:column;gap:5px}.chats-list.scrollable{flex:1 1;padding-bottom:60px;padding-right:6px;scrollbar-color:#3498db #ffffff0d;scrollbar-width:thin}.chats-list.scrollable::-webkit-scrollbar{width:6px}.chats-list.scrollable::-webkit-scrollbar-track{background:#0000}.chats-list.scrollable::-webkit-scrollbar-thumb{background:#3498db;border-radius:10px}.chat-item{align-items:center;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;gap:14px;margin-bottom:12px;max-height:250px;max-width:100%;opacity:1;overflow:hidden;padding:24px 20px;position:relative;transition:all .3s ease}.chat-item.animating-out{border-width:0;margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;pointer-events:none;transform:translateY(-15px)}.chat-item:hover{background-color:#f7fafc;box-shadow:0 6px 12px #0000004d;transform:translateY(-3px)}.chat-avatar{border-radius:50%;flex-shrink:0;height:100%;overflow:hidden;position:relative;transition:transform .2s ease;width:100%}.chat-avatar-wrapper.has-stories{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:2px}.chat-avatar-wrapper.has-stories.all-viewed{background:linear-gradient(45deg,#95a5a6,#7f8c8d)}.chat-avatar-wrapper.has-stories .chat-avatar{border:2px solid #fff}.chat-avatar-wrapper.has-stories:hover .chat-avatar{transform:scale(.95)}.chat-avatar-wrapper{flex-shrink:0;height:45px;position:relative;width:45px}.avatar-placeholder{font-size:18px;line-height:1!important;text-align:center;-webkit-user-select:none;user-select:none;z-index:1}.avatar-placeholder,.chat-avatar img{height:100%;left:0;position:absolute;top:0;width:100%}.chat-avatar img{border-radius:50%;object-fit:cover;z-index:2}.chat-content{display:flex;flex:1 1;flex-direction:column;gap:14px;min-width:0}.chat-item .chat-header{align-items:center;background:#0000;border:none;display:flex;justify-content:space-between;margin-bottom:4px;padding:0;width:100%}.chat-name{align-items:center;color:#37474f;display:flex;font-size:17px;font-weight:600;gap:6px;margin-bottom:0}.group-chat-name-icon{color:#2563eb;flex-shrink:0;font-size:17px}.chat-name-text{align-items:baseline;display:inline-flex}.chat-name .user-age{color:#7f8c8d;font-size:14px;font-weight:400;margin-left:0;position:static}.chat-preview{align-items:center;display:flex;gap:8px;justify-content:flex-start;width:100%}.chat-preview-text{color:#2c3e50;flex:1 1;font-size:13px;font-weight:400;line-height:1.3;min-width:0;order:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.chat-call-icon{font-size:14px}.chat-call-icon.normal{color:#3498db}.chat-call-icon.declined{color:#e74c3c}.chat-item-meta{align-items:flex-end;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;margin-left:auto;min-width:35px;padding-bottom:2px;padding-top:2px}.chat-time{color:#7f8c8d;font-size:10px;font-weight:500;opacity:.9;white-space:nowrap}.chat-message-status{align-items:center;display:inline-flex;flex-shrink:0;font-size:14px}.chat-message-status.sent{color:#7f8c8d}.chat-message-status.read{color:#3498db}.unread-badge{align-items:center;background:#e74c3c;border-radius:9999px;box-shadow:0 2px 5px #e74c3c4d;color:#fff;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;width:22px}.chat-typing-preview{align-items:center;color:#11a0f1!important;display:flex!important;font-style:italic;font-weight:500!important;gap:3px}.typing-text-sidebar{margin-left:4px}.typing-dot{animation:typing-bounce-sidebar 1.4s ease-in-out infinite both;background-color:#11a0f1;border-radius:50%;height:4px;width:4px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce-sidebar{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.no-chats{align-items:center;color:#bdc3c7;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-top:-70px;padding:20px;text-align:center}.no-chats h4{color:#fff;font-size:20px;font-style:italic;font-weight:600;margin-bottom:10px}.no-chats p{color:#bdc3c7;font-size:14px;font-style:italic;font-weight:400;line-height:1.5;margin:0}.loading{align-items:center;color:#bdc3c7;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:40px 20px;text-align:center}@media (max-width:768px){.chats-list-container{padding:20px 10px 10px}.chat-search-container-sidebar{margin-bottom:0}.chats-header{margin-bottom:12px;margin-top:-8px}.chat-item{align-items:center!important;border-radius:16px;gap:12px!important;margin-bottom:10px;min-height:70px;padding:16px 14px}.chat-avatar,.chat-avatar-wrapper{height:48px!important;width:48px!important}.chat-avatar-wrapper.has-stories{padding:2px!important}.chat-avatar-wrapper.has-stories .chat-avatar{border:2px solid #fff!important;height:100%!important;width:100%!important}.nexus-status-indicator-final{background-color:#00e676!important;border:1.5px solid #e2e8f0!important;border-radius:50%!important;bottom:1px!important;display:block!important;height:9px!important;position:absolute!important;right:1px!important;width:9px!important;z-index:999!important}.chat-item .chat-header{margin-bottom:6px!important}.chat-item .chat-header,.chat-name{margin-left:0!important;padding-left:0!important}.chat-name{font-size:15px}.chat-preview,.chat-preview-text{margin-left:0!important;padding-left:0!important}}.chat-avatar-wrapper .nexus-status-indicator-final,.chat-item .nexus-status-indicator-final,.nexus-status-indicator-final{background-color:#00e676!important;border:1.5px solid #e2e8f0!important;border-radius:50%!important;bottom:1px!important;display:block!important;height:10px!important;position:absolute!important;right:1px!important;width:10px!important;z-index:999!important}.chat-edit-cancel-btn{background:#0000;border:none;bottom:8px;color:#bdc3c7;cursor:pointer;font-size:14px;left:0;position:absolute}.chat-edit-right-actions{align-items:center;bottom:5px;display:flex;gap:8px;position:absolute;right:0}.chat-edit-delete-btn{align-items:center;background:#e74c3c;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:26px;justify-content:center;padding:0 10px;transition:all .2s ease}.chat-edit-delete-btn:hover:not(:disabled){background:#c0392b;box-shadow:0 2px 5px #e74c3c66;transform:translateY(-1px)}.chat-edit-delete-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.chat-edit-delete-btn:disabled{cursor:not-allowed;opacity:.5}.chat-edit-count{color:#fff;font-size:14px}.chat-item.edit-mode{padding-left:45px}.chat-item.selected{border-color:#3498db}.chat-selection-indicator{left:12px;position:absolute;top:50%;transform:translateY(-50%)}.chat-checkbox,.chat-selection-indicator{align-items:center;display:flex;justify-content:center}.chat-checkbox{border:2px solid #bdc3c7;border-radius:50%;height:22px;transition:all .2s ease;width:22px}.chat-checkbox.checked{background-color:#3498db;border-color:#3498db;color:#fff}.group-friend-select-item{align-items:center;background-color:initial;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.group-friend-select-item:hover{background-color:#ffffff0d;background-color:var(--bg-hover,#ffffff0d)}.group-friend-select-item.checked{background-color:#3b82f61f}.group-friend-select-item.checked:hover{background-color:#3b82f62e}.create-group-header-btn{transition:all .2s ease!important}.create-group-header-btn:hover{background:#2563eb!important;background:var(--primary-hover,#2563eb)!important;box-shadow:0 2px 8px #3b82f659!important;opacity:.95!important}.create-group-header-btn:active{opacity:.8!important;transform:scale(.95)!important}.create-group-submit-btn{box-shadow:none!important;transition:all .2s ease!important}.create-group-submit-btn:hover:not(:disabled){background-color:#2563eb!important}.create-group-submit-btn:active:not(:disabled),.create-group-submit-btn:hover:not(:disabled){box-shadow:none!important;transform:none!important}[data-theme=dark] .chats-list,[data-theme=dark] .chats-list-container,body.dark-theme .chats-list,body.dark-theme .chats-list-container{scrollbar-color:#0ef0ff #0000!important}[data-theme=dark] .chats-list-container::-webkit-scrollbar-thumb,[data-theme=dark] .chats-list::-webkit-scrollbar-thumb,body.dark-theme .chats-list-container::-webkit-scrollbar-thumb,body.dark-theme .chats-list::-webkit-scrollbar-thumb{background:#0ef0ff!important;border-radius:10px!important}[data-theme=dark] .chats-list-container::-webkit-scrollbar-thumb:hover,[data-theme=dark] .chats-list::-webkit-scrollbar-thumb:hover,body.dark-theme .chats-list-container::-webkit-scrollbar-thumb:hover,body.dark-theme .chats-list::-webkit-scrollbar-thumb:hover{background:#38bdf8!important;box-shadow:0 0 10px #0ef0ffcc!important}[data-theme=dark] .create-group-header-btn,body.dark-theme .create-group-header-btn{background:#00f0ff1f!important;border:1px solid #00f0ff59!important;border-radius:17px!important;color:#00f0ff!important;height:34px!important;width:34px!important}[data-theme=dark] .create-group-header-btn:hover,body.dark-theme .create-group-header-btn:hover{background:#00f0ff38!important;border-color:#00f0ff!important}[data-theme=dark] .chat-item,body.dark-theme .chat-item{background-color:#121e31;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 4px 10px #0006;position:relative}[data-theme=dark] .chat-item:before,body.dark-theme .chat-item:before{background-color:#00f0ff;border-bottom-right-radius:4px;border-top-right-radius:4px;bottom:15px;content:"";left:0;opacity:1;position:absolute;top:15px;width:3.5px;z-index:10}[data-theme=dark] .chat-item.is-group:before,body.dark-theme .chat-item.is-group:before{background-color:#9b59b6}[data-theme=dark] .chat-item .chat-header,body.dark-theme .chat-item .chat-header{background:#0000!important;border:none!important}[data-theme=dark] .chat-item:hover,body.dark-theme .chat-item:hover{background-color:#18283e;border-color:#00f0ff4d;box-shadow:0 6px 14px #00000080}[data-theme=dark] .chat-item.active,body.dark-theme .chat-item.active{background-color:#1a2942;border-color:#00f0ff66;box-shadow:0 0 16px #00f0ff26}[data-theme=dark] .chat-name,body.dark-theme .chat-name{color:#fff!important}[data-theme=dark] .chat-name .user-age,body.dark-theme .chat-name .user-age{color:#7f8c8d!important}[data-theme=dark] .chat-last-message,[data-theme=dark] .chat-preview-text,[data-theme=dark] .chat-preview-text svg,body.dark-theme .chat-last-message,body.dark-theme .chat-preview-text,body.dark-theme .chat-preview-text svg{color:#bdc3c7!important}[data-theme=dark] .chat-content.has-unread .chat-preview-text,body.dark-theme .chat-content.has-unread .chat-preview-text{color:#fff!important;font-weight:600}[data-theme=dark] .typing-text-sidebar,body.dark-theme .typing-text-sidebar{color:#0ef0ff!important}[data-theme=dark] .chat-time,body.dark-theme .chat-time{color:#7f8c8d!important}[data-theme=dark] .chat-item .nexus-status-indicator-final,[data-theme=dark] .nexus-status-indicator-final,body.dark-theme .chat-item .nexus-status-indicator-final,body.dark-theme .nexus-status-indicator-final{border:1.5px solid #030e21!important}[data-theme=dark] .chat-search-container-sidebar,body.dark-theme .chat-search-container-sidebar{background:#34495e66;border:1px solid #34495e}[data-theme=dark] .chat-search-input-sidebar,body.dark-theme .chat-search-input-sidebar{background:#0000;color:#fff}[data-theme=dark] .chat-search-input-sidebar::placeholder,body.dark-theme .chat-search-input-sidebar::placeholder{color:#7f8c8d}[data-theme=dark] .chat-search-input-sidebar:focus,body.dark-theme .chat-search-input-sidebar:focus{background-color:#34495e99}[data-theme=dark] .chats-header,body.dark-theme .chats-header{border-bottom:none!important}[data-theme=dark] .chats-header h3,body.dark-theme .chats-header h3{color:#fff}[data-theme=dark] .chat-call-icon.normal,body.dark-theme .chat-call-icon.normal{color:#00f0ff!important}[data-theme=dark] .chat-call-icon.declined,body.dark-theme .chat-call-icon.declined{color:#ff4d4d!important}[data-theme=dark] .group-chat-name-icon,body.dark-theme .group-chat-name-icon{color:#9b59b6!important}[data-theme=dark] .chat-message-status.read,body.dark-theme .chat-message-status.read{color:#00e5ff!important}[data-theme=dark] .chat-message-status.sent,body.dark-theme .chat-message-status.sent{color:#ffffff59!important}[data-theme=dark] .group-modal-content,body.dark-theme .group-modal-content{background-color:#111a2e!important;border:1px solid #ffffff14!important;box-shadow:none!important;color:#fff!important}[data-theme=dark] .group-modal-title,body.dark-theme .group-modal-title{color:#fff!important}[data-theme=dark] .group-avatar-upload-box,body.dark-theme .group-avatar-upload-box{background-color:#0ef0ff0a!important;border:2px dashed #0ef0ff!important}[data-theme=dark] .group-avatar-icon,body.dark-theme .group-avatar-icon{color:#0ef0ff!important}[data-theme=dark] .group-avatar-hint,body.dark-theme .group-avatar-hint{color:#94a3b8!important}[data-theme=dark] .group-name-input,body.dark-theme .group-name-input{background-color:#00000040!important;border:1px solid #ffffff1f!important;color:#fff!important}[data-theme=dark] .group-name-input:focus,body.dark-theme .group-name-input:focus{border-color:#0ef0ff!important}[data-theme=dark] .group-select-all-btn,body.dark-theme .group-select-all-btn{color:#0ef0ff!important}[data-theme=dark] .group-friend-select-item,body.dark-theme .group-friend-select-item{color:#f1f5f9!important}[data-theme=dark] .group-friend-select-item:hover,body.dark-theme .group-friend-select-item:hover{background-color:#ffffff0a!important}[data-theme=dark] .group-friend-select-item.checked,body.dark-theme .group-friend-select-item.checked{background-color:#0ef0ff14!important}[data-theme=dark] .group-friend-checkbox,body.dark-theme .group-friend-checkbox{background-color:initial!important;border:2px solid #ffffff40!important;box-shadow:none!important}[data-theme=dark] .group-friend-checkbox.checked,body.dark-theme .group-friend-checkbox.checked{background-color:#0ef0ff!important;border:none!important;box-shadow:none!important}[data-theme=dark] .group-friend-checkbox.checked svg,body.dark-theme .group-friend-checkbox.checked svg{color:#0b1220!important}[data-theme=dark] .create-group-submit-btn,body.dark-theme .create-group-submit-btn{background-color:#0ef0ff!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#0b1220!important;font-weight:700!important}[data-theme=dark] .create-group-submit-btn:hover:not(:disabled),body.dark-theme .create-group-submit-btn:hover:not(:disabled){background-color:#00d8e6!important;box-shadow:none!important}[data-theme=dark] .create-group-submit-btn:disabled,body.dark-theme .create-group-submit-btn:disabled{background-color:#0ef0ff26!important;border:1px solid #0ef0ff40!important;color:#0ef0ff80!important;cursor:not-allowed!important;opacity:1!important}[data-theme=dark] .create-group-cancel-btn,body.dark-theme .create-group-cancel-btn{background:#ffffff0f!important;border:1px solid #ffffff1a!important;border-radius:8px!important;box-shadow:none!important;color:#cbd5e1!important;font-weight:600!important}[data-theme=dark] .create-group-cancel-btn:hover,body.dark-theme .create-group-cancel-btn:hover{background:#ffffff1f!important;color:#fff!important}.chat-time-row{align-items:center;display:flex;gap:5px}.chat-item-meta-bottom{align-items:center;display:flex;gap:6px}.chat-pin-icon{align-items:center;color:#7f8c8d;display:inline-flex;font-size:13px;justify-content:center;transform:rotate(45deg);transition:color .2s ease}[data-theme=dark] .chat-pin-icon,body.dark-theme .chat-pin-icon{color:#00f0ff;opacity:.9}.chat-edit-pin-btn{align-items:center;background:#00f0ff26;border:1px solid #00f0ff4d;border-radius:6px;box-sizing:border-box;color:#00f0ff;cursor:pointer;display:inline-flex;font-size:14px;height:26px;justify-content:center;padding:0;transition:all .2s ease;width:26px}.chat-edit-pin-btn:hover{background:#00f0ff40;transform:translateY(-1px)}.chat-list-context-menu{animation:chatContextMenuFadeIn .15s ease-out;background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 8px 30px #00000040;display:flex;flex-direction:column;gap:2px;min-width:170px;padding:6px;position:fixed;z-index:10000}[data-theme=dark] .chat-list-context-menu,body.dark-theme .chat-list-context-menu{background:#111e2e;border:1px solid #00f0ff33;box-shadow:0 10px 30px #0009}@keyframes chatContextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat-list-context-item{align-items:center;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:8px 12px;transition:background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}[data-theme=dark] .chat-list-context-item,body.dark-theme .chat-list-context-item{color:#e4e6eb}.chat-list-context-item:hover{background:#f0f2f5}[data-theme=dark] .chat-list-context-item:hover,body.dark-theme .chat-list-context-item:hover{background:#00f0ff1a;color:#00f0ff}.chat-list-context-item .context-icon{color:#7f8c8d;font-size:16px}.chat-list-context-item .context-icon.pinned,[data-theme=dark] .chat-list-context-item:hover .context-icon.pinned,body.dark-theme .chat-list-context-item:hover .context-icon.pinned{color:#00f0ff}.chat-list-context-item.delete-item,.chat-list-context-item.delete-item .context-icon{color:#e74c3c}.chat-list-context-item.delete-item:hover{background:#e74c3c1a;color:#e74c3c}.posts-feed-container{box-sizing:border-box;display:flex;flex-direction:column;gap:22px;margin:0 auto;max-width:640px;padding:24px 20px 40px;width:100%}.posts-feed-header{align-items:center;display:flex;gap:10px;justify-content:center;padding:6px 0 0;width:100%}.posts-header-icon{color:#3498db;font-size:28px}.posts-feed-header h2{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0}.dark-theme .posts-feed-header h2,[data-theme=dark] .posts-feed-header h2{color:#fff}.posts-feed-sticky-tabs-wrap{align-items:center;display:flex;justify-content:center;margin:-4px 0 0;pointer-events:none;position:-webkit-sticky;position:sticky;top:14px;width:100%;z-index:200}.posts-feed-tabs{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#2c3e50eb;border:1px solid #ffffff29;border-radius:16px;box-shadow:0 8px 24px #00000059;display:inline-flex;gap:6px;padding:5px;pointer-events:auto}.feed-tab-btn,.posts-feed-tabs{align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1)}.feed-tab-btn{background:#0000;border:none;border-radius:12px;color:#ffffffa6;cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:8px;padding:9px 20px}.feed-tab-btn:hover{background:#ffffff14;color:#fff}.feed-tab-btn.active{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:none;color:#fff}.my-posts-badge{background:#ffffff38;border-radius:10px;color:#fff;font-size:12px;font-weight:700;margin-left:2px;padding:2px 8px}.my-post-stats-bar{align-items:center;background:#00000040;border:1px solid #ffffff14;border-radius:14px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 16px}.stats-group{gap:16px}.stat-item-btn,.stats-group{align-items:center;display:flex}.stat-item-btn{background:#e74c3c1f;border:1px solid #e74c3c4d;border-radius:10px;color:#ff6b6b;cursor:pointer;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.stat-item-btn:hover{background:#e74c3c40;transform:translateY(-1px)}.stat-item-comments{align-items:center;color:#ffffffbf;display:flex;font-size:13px;font-weight:600;gap:6px}.who-liked-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999999}.who-liked-modal{animation:modalPopIn .25s cubic-bezier(.16,1,.3,1);background:#2c3e50;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 16px 40px #00000080;max-width:440px;overflow:hidden;width:100%}@keyframes modalPopIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.who-liked-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.who-liked-header h3{align-items:center;color:#fff;display:flex;font-size:17px;font-weight:700;gap:8px;margin:0}.who-liked-header .close-modal-btn{align-items:center;background:#ffffff14!important;border:none!important;border-radius:50%;box-shadow:none!important;color:#ffffffb3!important;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.who-liked-header .close-modal-btn:hover{background:#ffffff2e!important;border-color:#0000!important;box-shadow:none!important;color:#fff!important;transform:none!important}.who-liked-header .close-modal-btn:active,.who-liked-header .close-modal-btn:focus{box-shadow:none!important;outline:none!important}.who-liked-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding:12px 16px}.liked-user-item{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:12px;padding:10px 14px;transition:background .2s ease}.liked-user-item:hover{background:#ffffff1a}.liked-user-avatar{border:1px solid #fff3;border-radius:50%;height:40px;object-fit:cover;width:40px}.liked-user-name{color:#fff;font-size:14px;font-weight:600}.create-post-card{background:#2c3e50;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 8px 24px #00000038;display:flex;flex-direction:column;gap:16px;padding:22px;transition:box-shadow .25s ease}.create-post-card:hover{box-shadow:0 12px 28px #0000004d}.create-post-header{align-items:flex-start;display:flex;gap:14px}.author-avatar-container,.user-avatar-container{height:48px;min-height:48px;min-width:48px;width:48px}.author-avatar-container,.comment-avatar-container,.user-avatar-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.comment-avatar-container{height:36px;min-height:36px;min-width:36px;width:36px}.author-avatar,.author-avatar-placeholder,.user-avatar,.user-avatar-placeholder{aspect-ratio:1/1;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:48px;min-height:48px;min-width:48px;width:48px}.author-avatar,.user-avatar{border:2px solid #fff3;box-shadow:0 2px 8px #0003;object-fit:cover}.author-avatar-placeholder,.user-avatar-placeholder{border:2px solid #fff3;box-shadow:0 2px 8px #0003;font-size:20px}.author-avatar-placeholder,.comment-avatar-placeholder,.user-avatar-placeholder{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center;line-height:1!important;text-align:center;-webkit-user-select:none;user-select:none}.comment-avatar-placeholder{aspect-ratio:1/1;border:1px solid #fff3;border-radius:50%;box-sizing:border-box;flex-shrink:0;font-size:15px;height:36px;min-height:36px;min-width:36px;width:36px}.post-input{background:#ffffff12;border:1px solid #ffffff26;border-radius:16px;color:#fff;flex:1 1;font-family:inherit;font-size:14.5px;min-height:85px;outline:none;padding:14px 16px;resize:vertical;transition:all .2s ease}.post-input::placeholder{color:#ffffff73}.post-input:focus{background:#ffffff1a;border-color:#3498db;box-shadow:0 0 0 3.5px #3498db40}.image-preview-wrap{border:1px solid #ffffff26;border-radius:14px;margin-top:12px;overflow:hidden;position:relative;width:-webkit-fit-content;width:fit-content}.image-preview,.image-preview-wrap{display:block;max-height:380px;max-width:100%}.image-preview{border-radius:14px;height:auto;object-fit:cover;width:auto}.clear-image-btn{align-items:center;background:#000000a6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:32px}.clear-image-btn:hover{background:#e74c3c;transform:scale(1.05)}.post-error-banner{background:#e74c3c33;border:1px solid #e74c3c66;border-radius:14px;color:#ff6b6b}.post-error-banner,.post-status-banner{align-items:center;display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 16px}.post-status-banner{background:#3498db33;border:1px solid #3498db66;border-radius:14px;color:#5dade2}.create-post-actions{align-items:center;display:flex;justify-content:space-between;padding-top:4px}.post-actions-left{align-items:center;display:flex;gap:10px;position:relative}.emoji-picker-container{position:relative}.create-post-card .emoji-btn,.create-post-container .emoji-btn,.posts-feed .emoji-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#ffffffd9;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:all .2s ease;width:38px}.create-post-card .emoji-btn:hover,.create-post-container .emoji-btn:hover,.posts-feed .emoji-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.emoji-picker-popover{border:1px solid #ffffff26;border-radius:16px;box-shadow:0 12px 36px #000000a6;left:0;max-width:calc(100vw - 32px);overflow:hidden;position:absolute;z-index:99999}.emoji-picker-popover .EmojiPickerReact{max-width:100%!important}.emoji-picker-popover.popover-down{bottom:auto;top:calc(100% + 8px)}.emoji-picker-popover.popover-up{bottom:calc(100% + 8px);top:auto}@media (max-width:520px){.emoji-picker-popover{left:-50px;max-width:calc(100vw - 36px)}.emoji-picker-popover .EmojiPickerReact{max-width:calc(100vw - 36px)!important;width:100%!important}}.attach-image-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#ffffffd9;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:9px 16px;transition:all .2s ease}.attach-image-btn:hover{background:#ffffff24;border-color:#ffffff4d;color:#fff}.publish-post-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;box-shadow:none;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s ease}.publish-post-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.publish-post-btn:not(:disabled):hover{box-shadow:none;opacity:.9;transform:translateY(-1px)}.posts-list{display:flex;flex-direction:column;gap:22px}.posts-empty,.posts-loading{background:#2c3e50;border:1px dashed #fff3;border-radius:20px;box-shadow:0 8px 24px #0003;color:#ffffffb3;font-size:14.5px;font-weight:500;padding:40px 24px;text-align:center}.post-card{background:#2c3e50;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 8px 24px #00000038;display:flex;flex-direction:column;gap:14px;padding:20px 20px 16px;transition:all .25s ease}.post-card:hover{border-color:#ffffff40;box-shadow:0 12px 28px #0000004d}.post-header{justify-content:space-between}.post-author-info,.post-header{align-items:center;display:flex}.post-author-info{gap:14px}.author-avatar{border:2px solid #fff3;border-radius:50%;box-shadow:0 2px 6px #0003;height:46px;object-fit:cover;width:46px}.author-details{align-items:flex-start!important;display:flex;flex-direction:column;text-align:left!important}.author-name{color:#fff;font-size:15.5px;font-weight:600}.post-time{color:#ffffff80;font-size:12px;text-align:left!important}.delete-post-btn{background:#0000;border:none;border-radius:10px;color:#fff6;cursor:pointer;font-size:19px;padding:8px;transition:all .2s ease}.delete-post-btn:hover{background:#e74c3c33;color:#e74c3c}.post-text{color:#fffffff2;font-size:15px;line-height:1.55;margin:0;text-align:left!important;white-space:pre-wrap}.post-image-wrap{align-items:center;border:1px solid #ffffff1f;border-radius:14px;display:flex;justify-content:flex-start;margin:10px 0 12px;max-height:480px;max-width:100%;overflow:hidden;width:-webkit-fit-content;width:fit-content}.clickable-post-image-wrap{cursor:pointer}.post-image{border-radius:14px;display:block;height:auto;max-height:480px;max-width:100%;object-fit:cover;width:auto}.post-image-modal-overlay{animation:fadeInModal .22s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000e0;bottom:0;left:0;padding:24px;position:fixed;right:0;top:0;z-index:999999}.post-image-modal-content,.post-image-modal-overlay{align-items:center;display:flex;justify-content:center}.post-image-modal-content{max-height:90vh;max-width:92vw;position:relative}.enlarged-post-image{border:1px solid #ffffff26;border-radius:18px;box-shadow:0 20px 60px #000000b3;max-height:86vh;max-width:92vw;object-fit:contain}.close-image-modal-btn{align-items:center;background:#1e293beb;border:1px solid #fff3;border-radius:50%;box-shadow:0 6px 20px #00000080;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-16px;top:-16px;transition:all .2s cubic-bezier(.16,1,.3,1);width:40px;z-index:10}.close-image-modal-btn:hover{background:#e74c3c;border-color:#e74c3c;transform:scale(1.1)}.post-footer{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:space-between;padding-top:14px}.footer-left-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.action-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;box-sizing:border-box;color:#ffffffbf;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:500;gap:7px;height:36px;line-height:1;padding:0 14px;transition:all .2s ease}.action-btn.has-who-liked{gap:5px;padding-left:13px;padding-right:9px}.like-btn-inner{align-items:center;display:inline-flex;gap:6px}.action-pill-divider{background:#fff3;flex-shrink:0;height:14px;margin:0 3px;width:1px}.action-btn.liked .action-pill-divider{background:#e74c3c59}.action-btn svg{font-size:19px}.action-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff}.who-liked-trigger{align-items:center;display:inline-flex;justify-content:center;opacity:.8;padding:2px;transition:all .2s ease}.who-liked-trigger:hover{color:#3498db;opacity:1;transform:scale(1.15)}.delete-post-icon-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;color:#ffffff73;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.delete-post-icon-btn:hover{background:#e74c3c33;border-color:#e74c3c66;color:#ff6b6b}.like-btn.liked{background:#e74c3c33;border-color:#e74c3c66;color:#e74c3c}.like-btn.liked svg{fill:#e74c3c}.comments-accordion-wrapper{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;overflow:hidden;transition:grid-template-rows .38s cubic-bezier(.16,1,.3,1),opacity .35s ease,margin-top .38s cubic-bezier(.16,1,.3,1)}.comments-accordion-wrapper.expanded{grid-template-rows:1fr;margin-top:12px;opacity:1;overflow:visible;transition:opacity .35s ease,margin-top .38s cubic-bezier(.16,1,.3,1)}.comments-accordion-inner{min-height:0;overflow:hidden}.comments-accordion-wrapper.expanded .comments-accordion-inner{overflow:visible}@keyframes commentSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes commentFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.comments-section{border-top:1px solid #ffffff1a;gap:14px;padding-top:14px}.comments-list,.comments-section{display:flex;flex-direction:column}.comments-list{gap:10px;max-height:340px;overflow-y:auto}.comments-loading,.no-comments{color:#ffffff80;font-size:13px;padding:10px;text-align:center}.comment-item{align-items:flex-start;display:flex;gap:12px;transition:background-color .3s ease}.comment-avatar{border:1px solid #ffffff26;border-radius:50%;height:36px;object-fit:cover;width:36px}.comment-body-wrapper{max-width:85%}.comment-body-wrapper,.comment-bubble{align-items:flex-start!important;display:flex;flex-direction:column;text-align:left!important}.comment-bubble{background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;gap:4px;padding:8px 12px}.comment-footer-actions{align-items:center;display:flex;gap:12px;margin-top:3px;margin-top:4px;padding-left:6px}.comment-like-btn,.delete-comment-btn,.edit-comment-btn,.reply-comment-btn{align-items:center;background:none;border:none;color:#ffffff8c;cursor:pointer;display:flex;font-size:11.5px;font-weight:600;gap:3px;padding:0;transition:color .2s ease}.comment-like-btn .heart-filled,.comment-like-btn.liked,.comment-like-btn:hover{color:#ff4f5e}.reply-comment-btn:hover{color:#38bdf8;text-decoration:underline}.edit-comment-btn:hover{color:#60a5fa;text-decoration:underline}.delete-comment-btn:hover{color:#f87171;text-decoration:underline}.edit-comment-wrapper{display:flex;flex-direction:column;gap:8px;margin-top:6px;width:100%}.edit-comment-input{background:#ffffff1a;border:1.5px solid #3b82f6;border-radius:8px;box-sizing:border-box;color:#fff;font-size:13.5px;outline:none;padding:8px 12px;width:100%}.edit-comment-actions{align-items:center;display:flex;gap:8px}.cancel-edit-btn,.save-edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s ease}.save-edit-btn{background:#3b82f6;color:#fff}.save-edit-btn:hover:not(:disabled){background:#2563eb}.save-edit-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-edit-btn{background:#ffffff1a;color:#94a3b8}.cancel-edit-btn:hover{background:#fff3;color:#fff}.edited-tag{color:#94a3b8;font-size:11px;font-style:italic;margin-left:6px}.comment-author{color:#3498db;font-size:13px;font-weight:600;text-align:left!important}.comment-text{color:#fff;font-size:13.5px;line-height:1.45;text-align:left!important;word-break:break-word}.comment-time{color:#ffffff73;font-size:11px;font-weight:500}.add-comment-form{align-items:center;display:flex;gap:10px}.comment-field-container{align-items:center;display:flex;flex:1 1;position:relative}.comment-field{background:#ffffff12;border:1px solid #ffffff26;border-radius:14px;color:#fff;font-size:13.5px;outline:none;padding:10px 42px 10px 14px;transition:all .2s ease;width:100%}.comment-emoji-picker-wrap{position:absolute;right:10px}.comment-emoji-btn,.comment-emoji-picker-wrap{align-items:center;display:flex;justify-content:center}.comment-emoji-btn{background:none;border:none;border-radius:50%;color:#ffffff8c;cursor:pointer;padding:4px;transition:color .2s ease}.comment-emoji-btn:hover{color:#3498db}.comment-emoji-popover{border:1px solid #ffffff26;border-radius:14px;bottom:calc(100% + 10px);box-shadow:0 10px 30px #0009;overflow:hidden;position:absolute;right:0;z-index:99999}.comment-field::placeholder{color:#ffffff73}.comment-field:focus{background:#ffffff1a;border-color:#3498db}.send-comment-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;box-shadow:none!important;color:#fff;cursor:pointer;display:flex;font-size:17px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.send-comment-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4}.send-comment-btn:not(:disabled):hover{box-shadow:none!important;transform:scale(1.05)}@media (max-width:768px){.posts-feed-container{gap:16px;padding:12px 10px}.posts-feed-header{padding:8px 0}.posts-feed-header h2{color:#fff!important;font-size:20px}.posts-header-icon{color:#38bdf8;font-size:24px}.create-post-card,.post-card,.posts-empty,.posts-loading{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:14px}.author-avatar,.author-avatar-container,.author-avatar-placeholder,.user-avatar,.user-avatar-container,.user-avatar-placeholder{font-size:16px;height:38px;min-height:38px;min-width:38px;width:38px}.post-input{border-radius:12px;font-size:14px;min-height:70px;padding:10px 12px}.publish-post-btn{border-radius:10px;font-size:13px;padding:8px 16px}.attach-image-btn{border-radius:10px;font-size:12px;padding:7px 12px}.author-name{font-size:14px}.post-text{font-size:13.5px}.action-btn{font-size:12.5px;padding:6px 10px}.comment-bubble{max-width:90%;padding:8px 10px}.image-preview,.image-preview-wrap{max-height:280px}.post-image,.post-image-wrap{max-height:340px}}.highlighted-post-card{border:2.5px solid #3b82f6!important;box-shadow:0 0 18px #3b82f673!important;transition:border-color .3s ease,box-shadow .3s ease!important}.highlighted-comment-item{background:#3b82f62e!important;border:1.5px solid #3b82f6!important;border-radius:14px!important;box-shadow:0 0 16px #3b82f680!important;padding:4px 6px!important;transition:all .3s ease!important}.custom-delete-modal-overlay{animation:fadeIn .2s ease-out!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#0f172abf!important;bottom:0!important;justify-content:center!important;left:0!important;padding:16px!important;position:fixed!important;right:0!important;top:0!important;z-index:99999!important}.custom-delete-modal,.custom-delete-modal-overlay{align-items:center!important;display:flex!important}.custom-delete-modal{background:#1e293b!important;border:1px solid #334155!important;border-radius:18px!important;box-shadow:0 20px 30px -5px #00000080,0 8px 12px -6px #00000080!important;box-sizing:border-box!important;color:#fff!important;flex-direction:column!important;gap:12px!important;max-width:360px!important;padding:24px 20px!important;text-align:center!important;width:100%!important}.delete-modal-icon-wrap{align-items:center!important;background:#ef44441f!important;border:1px solid #ef444440!important;border-radius:50%!important;color:#ef4444!important;display:flex!important;height:52px!important;justify-content:center!important;width:52px!important}.delete-modal-title{color:#f8fafc!important;font-size:17px!important;font-weight:700!important;margin:0!important}.delete-modal-desc{color:#94a3b8!important;font-size:13.5px!important;line-height:1.45!important;margin:0!important}.delete-modal-actions{display:flex!important;gap:10px!important;margin-top:6px!important;width:100%!important}.delete-modal-cancel-btn{background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:10px!important;color:#cbd5e1!important;cursor:pointer!important;flex:1 1!important;font-size:13.5px!important;font-weight:600!important;padding:10px 14px!important;transition:all .2s ease!important}.delete-modal-cancel-btn:hover{background:#ffffff26!important;color:#fff!important}.delete-modal-confirm-btn{background:#ef4444!important;border:none!important;border-radius:10px!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;flex:1 1!important;font-size:13.5px!important;font-weight:700!important;padding:10px 14px!important;transition:all .2s ease!important}.delete-modal-confirm-btn:hover{background:#dc2626!important;box-shadow:none!important}[data-theme=dark] .posts-feed-header h2,body.dark-theme .posts-feed-header h2{color:#fff}[data-theme=dark] .posts-header-icon,body.dark-theme .posts-header-icon{color:#0ef0ff}[data-theme=dark] .posts-feed-container,body.dark-theme .posts-feed-container{background-color:initial}[data-theme=dark] .posts-feed-tabs,body.dark-theme .posts-feed-tabs{background:#121e31;border:1px solid #1e293b;box-shadow:none!important}[data-theme=dark] .feed-tab-btn,body.dark-theme .feed-tab-btn{background:#0000;border:1px solid #0000;color:#fff9}[data-theme=dark] .feed-tab-btn:hover,body.dark-theme .feed-tab-btn:hover{background:#ffffff14;color:#fff}[data-theme=dark] .feed-tab-btn.active,body.dark-theme .feed-tab-btn.active{background:#0ef0ff1f!important;border:1px solid #0ef0ff!important;box-shadow:none!important;color:#0ef0ff!important}[data-theme=dark] .my-posts-badge,body.dark-theme .my-posts-badge{background:#0ef0ff;color:#000;font-weight:800}[data-theme=dark] .create-post-card,body.dark-theme .create-post-card{background:#0d1527!important;border:1px solid #1e293b!important;border-radius:18px!important;box-shadow:none!important}[data-theme=dark] .post-input,[data-theme=dark] .post-input-box,body.dark-theme .post-input,body.dark-theme .post-input-box{background:#162033!important;border:1px solid #1e293b!important;box-shadow:none!important;color:#fff!important}[data-theme=dark] .post-input-box:focus,[data-theme=dark] .post-input:focus,body.dark-theme .post-input-box:focus,body.dark-theme .post-input:focus{border-color:#1e293b!important;box-shadow:none!important;outline:none!important}[data-theme=dark] .attach-image-btn,body.dark-theme .attach-image-btn{background:#ffffff0f!important;border:1px solid #ffffff1a!important;box-shadow:none!important;color:#0ef0ff!important}[data-theme=dark] .attach-image-btn:hover,body.dark-theme .attach-image-btn:hover{background:#ffffff1f!important;border-color:#ffffff26!important;color:#0ef0ff!important}[data-theme=dark] .create-post-card .emoji-btn,[data-theme=dark] .create-post-container .emoji-btn,[data-theme=dark] .posts-feed .emoji-btn,body.dark-theme .create-post-card .emoji-btn,body.dark-theme .create-post-container .emoji-btn,body.dark-theme .posts-feed .emoji-btn{background:#ffffff0f!important;border:1px solid #ffffff1a!important;box-shadow:none!important;color:#0ef0ff!important}[data-theme=dark] .create-post-card .emoji-btn:hover,[data-theme=dark] .create-post-container .emoji-btn:hover,[data-theme=dark] .posts-feed .emoji-btn:hover,body.dark-theme .create-post-card .emoji-btn:hover,body.dark-theme .create-post-container .emoji-btn:hover,body.dark-theme .posts-feed .emoji-btn:hover{background:#ffffff1f!important;border-color:#ffffff26!important}[data-theme=dark] .publish-post-btn,body.dark-theme .publish-post-btn{background:#0ef0ff!important;border:none!important;box-shadow:none!important;color:#000!important;filter:none!important;font-weight:800!important;text-shadow:none!important}[data-theme=dark] .publish-post-btn:hover:not(:disabled),body.dark-theme .publish-post-btn:hover:not(:disabled){background:#00d2df!important;box-shadow:none!important;color:#000!important;filter:none!important;text-shadow:none!important;transform:none!important}[data-theme=dark] .publish-post-btn:disabled,body.dark-theme .publish-post-btn:disabled{background:#ffffff14!important;border:1px solid #ffffff0f!important;box-shadow:none!important;color:#ffffff4d!important;cursor:not-allowed!important;transform:none!important}[data-theme=dark] .post-card,body.dark-theme .post-card{background:#0d1527!important;border:1px solid #1e293b!important;border-radius:18px!important;box-shadow:none!important}[data-theme=dark] .post-card:hover,body.dark-theme .post-card:hover{border-color:#1e293b!important;box-shadow:none!important}[data-theme=dark] .create-post-header .user-avatar img,[data-theme=dark] .post-author-avatar img,body.dark-theme .create-post-header .user-avatar img,body.dark-theme .post-author-avatar img{border:none!important}[data-theme=dark] .post-author-name,body.dark-theme .post-author-name{color:#fff!important}[data-theme=dark] .post-time,body.dark-theme .post-time{color:#ffffff73!important}[data-theme=dark] .post-text,body.dark-theme .post-text{color:#ffffffeb!important}[data-theme=dark] .post-footer,body.dark-theme .post-footer{border-top:1px solid #1e293b}[data-theme=dark] .action-btn,[data-theme=dark] .post-action-btn,[data-theme=dark] .post-stats-pill,body.dark-theme .action-btn,body.dark-theme .post-action-btn,body.dark-theme .post-stats-pill{background:#0ef0ff14!important;border:1px solid #0ef0ff33!important;border-radius:17px!important;box-shadow:none!important;color:#0ef0ff!important;font-weight:700!important}[data-theme=dark] .action-btn:hover,[data-theme=dark] .post-action-btn:hover,[data-theme=dark] .post-stats-pill:hover,body.dark-theme .action-btn:hover,body.dark-theme .post-action-btn:hover,body.dark-theme .post-stats-pill:hover{background:#0ef0ff29!important;border-color:#0ef0ff4d!important;box-shadow:none!important;color:#0ef0ff!important}[data-theme=dark] .action-btn.liked,[data-theme=dark] .post-action-btn.liked,body.dark-theme .action-btn.liked,body.dark-theme .post-action-btn.liked{background:#ff4b4b1f!important;border-color:#ff4b4b4d!important;box-shadow:none!important;color:#ff4b4b!important}[data-theme=dark] .action-btn.liked svg,body.dark-theme .action-btn.liked svg{fill:#ff4b4b!important;color:#ff4b4b!important}[data-theme=dark] .action-pill-divider,body.dark-theme .action-pill-divider{background:#0ef0ff40!important}[data-theme=dark] .action-btn.liked .action-pill-divider,body.dark-theme .action-btn.liked .action-pill-divider{background:#ff4b4b40!important}[data-theme=dark] .who-liked-trigger,body.dark-theme .who-liked-trigger{color:#0ef0ffbf!important}[data-theme=dark] .action-btn.liked .who-liked-trigger,body.dark-theme .action-btn.liked .who-liked-trigger{color:#ff4b4bd9!important}[data-theme=dark] .delete-post-icon-btn,body.dark-theme .delete-post-icon-btn{background:#ef44441a!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:#ef4444!important;height:32px!important;width:32px!important}[data-theme=dark] .delete-post-icon-btn:hover,body.dark-theme .delete-post-icon-btn:hover{background:#ef444433!important;color:#ff6b6b!important}[data-theme=dark] .comments-section,body.dark-theme .comments-section{border-top:1px solid #1e293b}[data-theme=dark] .comment-item,body.dark-theme .comment-item{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin-bottom:12px!important;padding:0!important}[data-theme=dark] .comment-bubble,body.dark-theme .comment-bubble{background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:14px!important;box-shadow:none!important;padding:10px 14px!important}[data-theme=dark] .comment-author,[data-theme=dark] .comment-author-name,body.dark-theme .comment-author,body.dark-theme .comment-author-name{color:#0ef0ff!important;font-size:13px!important;font-weight:700!important}[data-theme=dark] .comment-text,body.dark-theme .comment-text{color:#ffffffe6!important;font-size:13.5px!important;line-height:18px!important}[data-theme=dark] .comment-footer-actions,body.dark-theme .comment-footer-actions{color:#fff6!important}[data-theme=dark] .comment-time,body.dark-theme .comment-time{color:#fff6!important;font-size:11px!important}[data-theme=dark] .comment-like-btn,[data-theme=dark] .edit-comment-btn,[data-theme=dark] .reply-comment-btn,body.dark-theme .comment-like-btn,body.dark-theme .edit-comment-btn,body.dark-theme .reply-comment-btn{color:#fff9!important}[data-theme=dark] .delete-comment-btn,body.dark-theme .delete-comment-btn{color:#ef4444!important}[data-theme=dark] .comment-like-btn .heart-filled,[data-theme=dark] .comment-like-btn.liked,body.dark-theme .comment-like-btn .heart-filled,body.dark-theme .comment-like-btn.liked{color:#ff4b4b!important}[data-theme=dark] .add-comment-input,[data-theme=dark] .comment-input,body.dark-theme .add-comment-input,body.dark-theme .comment-input{background:#0000004d!important;border:1px solid #ffffff1a!important;box-shadow:none!important;color:#fff!important}[data-theme=dark] .add-comment-input:focus,[data-theme=dark] .comment-input:focus,body.dark-theme .add-comment-input:focus,body.dark-theme .comment-input:focus{border-color:#1e293b!important;box-shadow:none!important;outline:none!important}[data-theme=dark] .comment-submit-btn,body.dark-theme .comment-submit-btn{background:#0ef0ff!important;border:none!important;box-shadow:none!important;color:#000!important;filter:none!important;font-weight:800!important;text-shadow:none!important}.incoming-call-overlay{align-items:flex-start;display:flex;inset:0;justify-content:flex-end;opacity:0;padding:24px;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:2000000!important}.incoming-call-overlay.visible{opacity:1}.incoming-call-modal{animation:slideInTopRight .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 12px 40px #0003;max-width:90vw;padding:20px;pointer-events:auto;text-align:left;-webkit-user-select:none;user-select:none;width:320px}.incoming-call-modal.dragging{box-shadow:0 20px 50px #0000004d;opacity:.95;transition:none}@keyframes slideInTopRight{0%{opacity:0;transform:translate(20px,-20px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.incoming-header{align-items:center;display:flex;flex-direction:row;gap:16px}.incoming-avatar-container{flex-shrink:0;height:64px;position:relative;width:64px}.incoming-avatar{align-items:center;background:#e0e0e0;border:3px solid #3498db;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.incoming-avatar img{height:100%;object-fit:cover;width:100%}.header-info{flex:1 1}.incoming-name{color:#333;font-size:18px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-text{color:#666;font-size:14px;margin:2px 0 0}.incoming-actions{display:flex;gap:12px;justify-content:stretch;margin-top:20px}.accept-btn,.decline-btn{align-items:center;background:#2ecc71;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease}.decline-btn{background:#e74c3c}.accept-btn:hover{background:#27ae60}.decline-btn:hover{background:#c0392b}.accept-btn:active,.decline-btn:active{transform:scale(.96)}.btn-icon{font-size:12px}.incoming-avatar:after,.incoming-avatar:before{animation:pulse-ring 1.6s ease-out infinite;border:2px solid #3498db;border-radius:50%;box-shadow:0 0 12px 3px #3498db59;content:"";inset:-8px;opacity:.65;position:absolute}.incoming-avatar:before{animation-delay:.4s;opacity:.5}@keyframes pulse-ring{0%{opacity:.6;transform:scale(.75)}70%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1.2)}}@keyframes avatar-breathe{0%{box-shadow:0 0 0 0 #3498db59;transform:scale(1)}50%{box-shadow:0 0 16px 4px #3498db73;transform:scale(1.02)}to{box-shadow:0 0 0 0 #3498db59;transform:scale(1)}}@media (max-width:480px){.incoming-call-overlay{align-items:flex-start;background:#0006;justify-content:center;padding:10px;pointer-events:none}.incoming-call-modal{animation:slideInFromTop .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 30px #0003;cursor:default!important;margin:0;max-width:100%;padding:16px;transform:none!important;width:100%}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.incoming-header{align-items:center;flex-direction:row;gap:12px;text-align:left}.incoming-avatar{flex-shrink:0;height:60px;width:60px}.header-info{flex:1 1}.incoming-name{font-size:18px;margin:0}.incoming-text{font-size:13px}.incoming-actions{gap:10px;margin-top:14px;width:100%}.accept-btn,.decline-btn{border-radius:12px;flex:1 1;font-size:15px;min-width:0;min-width:auto;padding:12px 0}}.incoming-avatar-container .caller-badge{align-items:center;background:#e0e0e0;border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 2px 8px #00000040;display:flex;height:24px;justify-content:center;overflow:hidden;position:absolute;right:-2px;width:24px;z-index:5}.incoming-avatar-container .caller-badge img{height:100%;object-fit:cover;width:100%}.incoming-caller-name{color:#444;font-size:13px;font-weight:600;margin:4px 0 0}[data-theme=dark] .incoming-call-modal,body.dark-theme .incoming-call-modal{background:#0b1220!important;border:1px solid #1e293b!important;box-shadow:0 20px 60px #000000b3!important;color:#fff!important}[data-theme=dark] .incoming-name,body.dark-theme .incoming-name{color:#fff!important}[data-theme=dark] .incoming-text,body.dark-theme .incoming-text{color:#94a3b8!important}[data-theme=dark] .incoming-caller-name,body.dark-theme .incoming-caller-name{color:#0ef0ff!important}[data-theme=dark] .incoming-avatar,body.dark-theme .incoming-avatar{border-color:#00f0ff!important}[data-theme=dark] .incoming-avatar:after,[data-theme=dark] .incoming-avatar:before,body.dark-theme .incoming-avatar:after,body.dark-theme .incoming-avatar:before{border-color:#00f0ff!important;box-shadow:0 0 12px 3px #00f0ff59!important}[data-theme=dark] .accept-btn,body.dark-theme .accept-btn{background:#0ef0ff!important;box-shadow:none!important;color:#0b1220!important;font-weight:700!important}[data-theme=dark] .accept-btn:hover,body.dark-theme .accept-btn:hover{background:#38bdf8!important;box-shadow:none!important}[data-theme=dark] .decline-btn,body.dark-theme .decline-btn{background:#ff4b4b!important;box-shadow:none!important;color:#fff!important;font-weight:700!important}[data-theme=dark] .decline-btn:hover,body.dark-theme .decline-btn:hover{background:#ef4444!important;box-shadow:none!important}.link-password-overlay{align-items:center;animation:modalFadeIn .3s ease-out;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50000}.link-password-content{animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:20px;max-width:480px;padding:32px;width:90%}.dark-theme .link-password-content{background:#1e293bf2;border:1px solid #ffffff0d}.link-password-header{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.lock-icon-container{align-items:center;background:#3b82f61a;border-radius:50%;color:#3b82f6;display:flex;height:60px;justify-content:center;width:60px}.dark-theme .lock-icon-container{background:#3b82f633;color:#60a5fa}.link-password-header h3{color:#1e293b;font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0}.dark-theme .link-password-header h3{color:#f1f5f9}.link-password-body{display:flex;flex-direction:column;gap:16px}.link-password-desc{color:#64748b;font-size:15px;font-weight:500;line-height:1.6;margin:0;text-align:center}.dark-theme .link-password-desc{color:#94a3b8}.reset-success-message{background:#10b9811a;border:1px solid #10b98133;border-radius:14px;color:#047857;font-size:14px;line-height:1.6;padding:16px;text-align:center}.dark-theme .reset-success-message{background:#10b9810d;border-color:#10b9811a;color:#34d399}.link-password-form{display:flex;flex-direction:column;gap:16px;width:100%}.password-input-group{position:relative;width:100%}.password-input-group input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:16px;padding:14px 50px 14px 18px;transition:all .2s ease;width:100%}.dark-theme .password-input-group input{background:#0f172a80;border-color:#ffffff1a;color:#f1f5f9}.password-input-group input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.dark-theme .password-input-group input:focus{background:#0f172acc;border-color:#3b82f6}.password-toggle-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.dark-theme .password-toggle-btn{color:#94a3b8}.link-password-error{color:#ef4444;font-size:14px;font-weight:600;margin:0;text-align:center}.forgot-password-link{align-self:flex-start;background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:700;padding:0;transition:color .2s ease}.forgot-password-link:hover{color:#2563eb;text-decoration:underline}.dark-theme .forgot-password-link{color:#60a5fa}.dark-theme .forgot-password-link:hover{color:#3b82f6}.link-password-actions{display:flex;gap:12px;margin-top:8px}.link-password-actions button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;justify-content:center;padding:14px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.confirm-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f633;color:#fff}.confirm-btn:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.cancel-btn{background:#f1f5f9;color:#64748b}.dark-theme .cancel-btn{background:#ffffff0d;color:#94a3b8}.cancel-btn:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-2px)}.dark-theme .cancel-btn:hover{background:#ffffff1a;color:#f1f5f9}.single-action{justify-content:center}.single-action button{max-width:200px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:480px){.link-password-content{border-radius:20px;padding:24px}.link-password-actions{flex-direction:column}}.offline-backdrop-lock{animation:fadeInBackdrop .3s ease forwards;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;cursor:not-allowed;inset:0;position:fixed;z-index:999998}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.offline-banner-container{animation:slideDownBanner .4s cubic-bezier(.16,1,.3,1) forwards;border-radius:14px;box-shadow:0 10px 30px #00000059;left:50%;max-width:90vw;min-width:320px;padding:12px 20px;pointer-events:auto;position:fixed;top:18px;transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:999999}.offline-banner-container.offline{background:#dc2626eb}.offline-banner-container.offline,.offline-banner-container.restored{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff40;color:#fff}.offline-banner-container.restored{background:#10b981eb}@keyframes slideDownBanner{0%{opacity:0;transform:translate(-50%,-30px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.offline-banner-content{align-items:center;display:flex;gap:14px}.offline-banner-icon{flex-shrink:0;font-size:26px}.offline-banner-icon.success{color:#fff}.offline-banner-text{display:flex;flex-direction:column;gap:2px}.offline-banner-title{font-size:15px;font-weight:700;line-height:1.2}.offline-banner-desc{font-size:12px;line-height:1.3;opacity:.92}.easter-egg-celebration{align-items:center;background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s ease;width:100vw;z-index:2147483647}.easter-egg-celebration.visible{opacity:1;pointer-events:all}.easter-egg-celebration.closing{opacity:0;transition:opacity .6s ease}.ee-confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.ee-confetti-piece{animation:ee-confetti-fall linear forwards;border-radius:2px;position:absolute;top:-20px;transform:rotate(0deg);transform:rotate(var(--rotation,0deg))}@keyframes ee-confetti-fall{0%{opacity:1;transform:translateY(-20px) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(2turn) scale(.5)}}.ee-content{align-items:center;animation:ee-card-enter .7s cubic-bezier(.34,1.56,.64,1) forwards;border-radius:28px;box-shadow:0 0 80px #ffd7004d,0 20px 60px #00000080;display:flex;flex-direction:column;justify-content:center;max-width:420px;opacity:0;padding:48px 40px;position:relative;text-align:center;transform:scale(.3) translateY(60px);width:90%}.easter-egg-celebration.visible .ee-content{opacity:1;transform:scale(1) translateY(0)}.easter-egg-celebration.closing .ee-content{opacity:0;transform:scale(.8) translateY(30px);transition:all .5s ease}@keyframes ee-card-enter{0%{opacity:0;transform:scale(.3) translateY(60px)}to{opacity:1;transform:scale(1) translateY(0)}}.ee-icon{filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));font-size:80px;margin-bottom:8px}.ee-star-burst{animation:ee-star-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;height:200px;left:50%;pointer-events:none;position:absolute;top:20%;transform:translate(-50%,-50%);width:200px}@keyframes ee-star-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.5)}}.ee-title{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 16px;text-shadow:0 2px 10px #0000004d}.ee-user-info{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;z-index:2}.ee-avatar-wrapper{background:#0000001a;border:2px solid #fffc;border-radius:50%;box-shadow:0 4px 10px #00000040;height:56px;overflow:hidden;width:56px}.ee-avatar-wrapper img{height:100%;object-fit:cover;width:100%}.ee-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:700;height:100%;justify-content:center;width:100%}.ee-username{color:#ffffffe6;font-size:18px;font-weight:600;letter-spacing:.3px;margin:0}.ee-description{color:#ffffffe6;font-size:16px;line-height:1.5;margin:0 0 24px;max-width:320px}.ee-reward{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;display:flex;flex-direction:column;gap:4px;margin-bottom:24px;padding:16px 32px}.ee-reward-label{color:#ffffffb3;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.ee-reward-value{color:#fff;font-size:28px;font-weight:800;text-shadow:0 2px 8px #0000004d}.ee-close-btn{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 20px #0003;color:#333;cursor:pointer;font-size:18px;font-weight:700;padding:14px 40px;transition:transform .2s ease,box-shadow .2s ease}.ee-close-btn:hover{box-shadow:0 6px 24px #0000004d;transform:scale(1.05)}.ee-close-btn:active{transform:scale(.95)}@media (max-width:480px){.ee-content{border-radius:20px;padding:36px 24px}.ee-icon{font-size:64px}.ee-title{font-size:26px}.ee-description{font-size:14px}.ee-reward-value{font-size:24px}}.App{background-color:#fff;flex-direction:column;overflow:visible;text-align:center}.App,.brand-loader{display:flex;height:100vh;height:100dvh}.brand-loader{align-items:center;background:#0b1220;justify-content:center}.loader-logo{animation:pulseLogo 2s ease-in-out infinite;height:auto;width:180px}@keyframes pulseLogo{0%,to{opacity:.8;transform:scale(1)}50%{;opacity:1}}@media (max-width:768px){.loader-logo{width:120px}}body,html{background:#fff!important;scrollbar-color:#0d8bd1 #ffffff73;scrollbar-width:thin}body::-webkit-scrollbar,html::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:#ffffff59}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:#0d8bd1;border:2px solid #ffffff73;border-radius:8px}:root{--sidebar-width:400px}.home-page{background:#f5f5f5;display:flex;flex:1 1;flex-direction:column;height:100vh;height:100dvh;overflow:visible}.main-container{background:#fff;display:flex;flex:1 1;margin:0;min-height:0;position:relative}.chat-active .main-container,.videochat-active-page .main-container{position:relative;z-index:15000}.main-container:has(.has-video-call),.videochat-active-page .main-container{z-index:38000!important}.random-chat-wrapper{flex:1 1;height:100%;min-height:0;overflow:hidden}body.game-active-overlay .chat-interface,body.game-active-overlay .chat-main,body.game-active-overlay .content-area,body.game-active-overlay .direct-chat-container,body.game-active-overlay .main-container,body.game-active-overlay .random-chat-container,body.game-active-overlay .random-chat-video-area,body.game-active-overlay .video-call-container,body.game-active-overlay .video-container,body.game-active-overlay .video-main,body.game-menu-active .chat-interface,body.game-menu-active .chat-main,body.game-menu-active .content-area,body.game-menu-active .direct-chat-container,body.game-menu-active .main-container,body.game-menu-active .random-chat-container,body.game-menu-active .random-chat-video-area,body.game-menu-active .video-call-container,body.game-menu-active .video-container,body.game-menu-active .video-main{overflow:visible!important;z-index:38000!important}.sidebar{background:#2c3e50;border-right:1px solid #34495e;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;overflow-x:hidden;scrollbar-color:#3498db #e0e0e0;width:400px;width:var(--sidebar-width)}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:#e0e0e0;border:1px solid #d0d0d0;border-radius:6px}.sidebar::-webkit-scrollbar-thumb{background:#3498db;border:2px solid #e0e0e0;border-radius:6px}.sidebar::-webkit-scrollbar-thumb:hover{background:#096a5f;border-color:#d0d0d0}.tab-content{flex:1 1;overflow-y:auto;padding:20px}.tab-content h3{border-bottom:2px solid #3498db;color:#ecf0f1;font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.no-chats,.no-messages{color:#bdc3c7;font-style:italic;padding:40px 20px;text-align:center}.search-section{flex-direction:column;flex-shrink:0;overflow:visible;padding:20px}.search-section,.search-section-row{align-items:center;display:flex;gap:10px}.search-section-row{width:100%}.support-header-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.support-header-btn:hover{background:#2563eb;background:var(--primary-hover,#2563eb);transform:translateY(-1px)}.search-bar{background:#f4f6f9;border:none;border-radius:20px;max-width:100%;overflow:hidden;width:100%}.search-bar,.search-bar-inner{align-items:center;display:flex;flex:1 1}.search-bar-inner{position:relative}.search-icon-friends{color:#7f8c8d;font-size:14px;left:15px;pointer-events:none;position:absolute}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:14px;outline:none;padding:10px 15px 10px 40px;width:100%}.search-input::placeholder{color:#7f8c8d}.search-btn{background:#3498db;border:none;color:#fff;cursor:pointer;padding:10px 15px;transition:background .2s}.search-btn:hover{background:#2980b9}.filter-btn{align-items:center;background:#0000;border:none;border-radius:0 20px 20px 0;color:#7f8c8d;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:100%;justify-content:center;padding:8px 12px;transition:all .2s ease}.filter-btn svg{height:16px;width:16px}.filter-btn:hover{background:#0000000d;color:#333}.filter-btn.active{background:#3498db;color:#fff}.search-filters{align-items:center;animation:fadeInDown .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#34495ee6;border:1px solid #34495e;border-radius:8px;box-shadow:0 2px 8px #00000026;box-sizing:border-box;display:flex;flex-direction:column;margin:8px 0 0;max-width:none;padding:12px;position:relative;width:100%;z-index:100}.filter-hint{color:#bdc3c7;font-size:11px;font-style:italic;line-height:1.3;margin-bottom:10px;text-align:center}.autocomplete-container{flex:1 1;position:relative}.suggestions-dropdown{animation:fadeInDown .2s ease-out;background:#34495e;border:1px solid #3498db;border-radius:6px;box-shadow:0 4px 12px #0006;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:99999}.suggestions-dropdown .suggestion-item{border-bottom:1px solid #2c3e50;color:#ecf0f1;cursor:pointer;font-size:13px;font-weight:500;padding:10px 12px;transition:all .2s ease}.suggestions-dropdown .suggestion-item:last-child{border-bottom:none}.suggestions-dropdown .suggestion-item:hover{background:#3498db;color:#fff;transform:translateX(2px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.filter-row{align-items:stretch;display:flex;gap:8px;margin-bottom:10px;width:100%}.filter-row:last-child{margin-bottom:0}.filter-input{background:#2c3e50cc;border:1px solid #2c3e50;border-radius:6px;box-sizing:border-box;color:#fff;flex:1 1;font-size:13px;font-weight:400;height:40px;outline:none;padding:10px 28px 10px 12px;transition:all .2s ease;width:100%}.filter-clear-input-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffff8c;cursor:pointer;display:flex;justify-content:center;padding:3px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .15s ease;z-index:2}.filter-clear-input-btn:hover{background:#fff3;color:#fff}.filter-input::placeholder{color:#ffffffb3;font-weight:400}.filter-input:focus{background:#2c3e50e6;border-color:#3498db;box-shadow:0 0 0 2px #3498db4d}.filter-input:disabled{background:#2c3e5066;border-color:#2c3e5066;cursor:not-allowed;opacity:.45}.filter-select-wrapper{flex:1 1;position:relative}.custom-filter-select{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:40px;justify-content:space-between;outline:none;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.custom-filter-select.open,.custom-filter-select:hover{border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.custom-filter-select .select-chevron{color:#64748b;flex-shrink:0;font-size:15px;transition:transform .25s ease}.custom-filter-select .select-chevron.rotate{transform:rotate(180deg)}.custom-select-dropdown{animation:filterDropdownFade .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;left:0;overflow:hidden;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes filterDropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{align-items:center;border-radius:6px;color:#334155;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:9px 12px;transition:background .15s ease,color .15s ease}.custom-select-option:hover{background:#f1f5f9;color:#0f172a}.custom-select-option.selected{background:#3498db1a;color:#3498db;font-weight:600}.custom-select-option .option-check{color:#3498db;font-size:16px}.clear-filters-btn{align-items:center;background:#0000;border:1px solid #e74c3c;border-radius:6px;box-sizing:border-box;color:#e74c3c;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:40px;justify-content:center;min-width:60px;padding:10px 12px;transition:all .2s ease}.clear-filters-btn:hover{background:#e74c3c;color:#fff}.clear-filters-btn:active{transform:none}@media (max-width:768px){.home-page{flex-direction:column;height:100vh;height:100dvh;overflow:visible;padding-top:60px}.home-page,.main-container{background:#2c3e50;display:flex}.main-container{flex:1 1;flex-direction:column;height:100%;overflow:hidden;padding-bottom:56px;transition:padding-bottom .2s ease}.chat-active .main-container{padding-bottom:0}.chat-active .navigation-bar,.chat-active .sidebar,.home-page:not(.chat-active) .chat-interface-wrapper{display:none!important}.sidebar{background:#2c3e50;border-right:none;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.sidebar.posts-mode,.sidebar.videochat-mode{border:none!important;flex:none!important;height:0!important;margin:0!important;min-height:0!important;overflow:visible!important;padding:0!important}.videochat-active-page .main-container{background:#0f0c29;display:flex;flex-direction:column;height:calc(100dvh - 60px);max-height:calc(100dvh - 60px);overflow:visible;padding-bottom:0!important;position:relative;z-index:15000}.random-chat-wrapper,.videochat-active-page .random-chat-wrapper{flex:1 1!important;height:100%!important;min-height:0!important;overflow:hidden!important}.search-section{flex-shrink:0;margin-top:0;padding:16px 10px 10px}.search-bar{background:#f4f6f9;border:none;border-radius:20px;height:40px}.search-input{background:#0000;border:none;color:#333;font-size:14px;height:40px;line-height:40px;outline:none;padding:0 15px 0 40px!important}.search-icon-friends{color:#7f8c8d;font-size:14px;left:15px;pointer-events:none;position:absolute;z-index:5}.search-filters{background:#34495ee6;border-radius:8px;box-sizing:border-box;margin:10px 0 0;max-width:none;padding:15px;width:100%}.filter-row{display:flex;flex-direction:column;gap:10px;width:100%}.filter-input,.filter-select{background:#2c3e50cc;border:1px solid #2c3e50;border-radius:6px;color:#fff;font-size:16px;height:44px;padding:12px 14px}.clear-filters-btn{background:#0000;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;font-size:13px;height:44px;padding:12px 16px;width:100%}.filter-btn{align-items:center;background:#0000;border-radius:0 20px 20px 0;display:flex;height:40px;justify-content:center;padding:0 12px}.suggestions-dropdown{background:#34495e;border:1px solid #3498db;border-radius:6px;max-height:150px;z-index:99999}.suggestions-dropdown .suggestion-item{color:#ecf0f1;font-size:14px;padding:12px 14px}}.friend-item{align-items:center;cursor:pointer;display:flex;padding:15px 20px;transition:background .2s}.friend-item:hover{background:#34495e}.friend-avatar{margin-right:12px}.avatar-placeholder{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.friend-info{flex:1 1}.friend-name{font-weight:600;margin-bottom:4px}.friend-location{color:#bdc3c7;font-size:12px}.friend-status{border-radius:50%;height:12px;margin-left:10px;width:12px}.friend-status.online{background:#2ecc71}.friend-status.offline{background:#95a5a6}.chat-area{background:#fff;display:flex;flex:1 1;flex-direction:column}.chat-header{background:#f8f9fa;border-bottom:1px solid #ecf0f1;justify-content:space-between;padding:20px}.chat-header,.chat-user-info{align-items:center;display:flex}.chat-user-avatar{margin-right:12px;position:relative}.chat-user-name{color:#2c3e50;font-size:16px;font-weight:600}.chat-user-status{color:#2ecc71;font-size:12px}.chat-actions{display:flex;gap:10px}.chat-action-btn{background:#c4cdd6;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px 12px;transition:background .2s}.chat-action-btn:hover{background:#d5dce4}.chat-messages{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:20px}.message{align-items:flex-end;display:flex;margin-bottom:20px}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-avatar{margin-bottom:5px;margin-right:10px}.message-content{background:#fff;border:1.5px solid #cbd5e1;border-radius:18px;box-shadow:0 2px 5px #00000014;max-width:70%;padding:12px 16px}.message.sent .message-content{background:#3498db;color:#fff}.message-text{line-height:1.4;margin-bottom:4px}.message-time{font-size:11px;opacity:.7}.chat-input{align-items:center;background:#fff;border-top:1px solid #ecf0f1;display:flex;gap:10px;padding:20px}.input-actions{display:flex;gap:5px}.input-action-btn{background:#ecf0f1;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px;transition:background .2s}.input-action-btn:hover{background:#d5dbdb}.message-input{background:#fff;border:1px solid #94a3b8;border-radius:20px;box-shadow:inset 0 1px 2px #00000014;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.message-input:focus{border-color:#3498db}.send-btn{background:#3498db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background .2s}.send-btn:hover{background:#2980b9}.friend-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.friend-email{color:#95a5a6;font-size:11px;margin-top:2px}.no-results,.search-hint{color:#bdc3c7;font-style:italic;padding:20px;text-align:center}.welcome-area{align-items:center;background:#f8f9fa;display:flex;flex:1 1;justify-content:center}.welcome-content{max-width:400px;text-align:center}.welcome-content h2{color:#2c3e50;margin-bottom:10px}.welcome-content p{color:#7f8c8d;margin-bottom:30px}.welcome-home-page{display:flex;flex-direction:column;min-height:100vh}.home-page .feedback-fab{position:fixed}.welcome-features{display:flex;flex-direction:column;gap:15px}.feature{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;padding:10px}.feature-icon{font-size:20px}.welcome-message{color:#7f8c8d;padding:40px 20px;text-align:center}.welcome-message h3{color:#2c3e50;margin-bottom:10px}.chat-user-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}[data-theme=dark],body.dark-theme{background-color:#0b1220!important;color:#ecedee;scrollbar-color:#0ef0ff #0000!important}[data-theme=dark]::-webkit-scrollbar-track,body.dark-theme::-webkit-scrollbar-track{background:#0000!important}[data-theme=dark]::-webkit-scrollbar-thumb,body.dark-theme::-webkit-scrollbar-thumb{background:#0ef0ff!important;border:none!important;border-radius:10px!important}[data-theme=dark]::-webkit-scrollbar-thumb:hover,body.dark-theme::-webkit-scrollbar-thumb:hover{background:#38bdf8!important;box-shadow:0 0 10px #0ef0ffcc!important}[data-theme=dark] .App,[data-theme=dark] .home-page,[data-theme=dark] .main-container,body.dark-theme .App,body.dark-theme .home-page,body.dark-theme .main-container{background-color:#0b1220}[data-theme=dark],[data-theme=dark] *,body.dark-theme,body.dark-theme *{scrollbar-color:#0ef0ff #0000!important;scrollbar-width:thin!important}[data-theme=dark] ::-webkit-scrollbar,body.dark-theme ::-webkit-scrollbar{height:6px!important;width:6px!important}[data-theme=dark] ::-webkit-scrollbar-track,body.dark-theme ::-webkit-scrollbar-track{background:#0000!important}[data-theme=dark] ::-webkit-scrollbar-thumb,body.dark-theme ::-webkit-scrollbar-thumb{background-color:#0ef0ff!important;border:none!important;border-radius:10px!important}[data-theme=dark] ::-webkit-scrollbar-thumb:hover,body.dark-theme ::-webkit-scrollbar-thumb:hover{background-color:#38bdf8!important;box-shadow:0 0 10px #0ef0ffcc!important}[data-theme=dark] .sidebar,body.dark-theme .sidebar{background:#0d1527;border-right:1px solid #1e293b;scrollbar-color:#0ef0ff #0000!important}[data-theme=dark] .sidebar::-webkit-scrollbar-track,body.dark-theme .sidebar::-webkit-scrollbar-track{background:#0000!important;border:none!important}[data-theme=dark] .sidebar::-webkit-scrollbar-thumb,body.dark-theme .sidebar::-webkit-scrollbar-thumb{background:#0ef0ff!important;border:none!important;border-radius:10px!important}[data-theme=dark] .sidebar::-webkit-scrollbar-thumb:hover,body.dark-theme .sidebar::-webkit-scrollbar-thumb:hover{background:#38bdf8!important;box-shadow:0 0 10px #0ef0ffcc!important}[data-theme=dark] .search-section,body.dark-theme .search-section{background:#0d1527;border-bottom:none}[data-theme=dark] .search-bar,body.dark-theme .search-bar{background:#162033!important;border:1px solid #1e293b!important;border-radius:20px!important;overflow:hidden!important}[data-theme=dark] .search-bar:focus-within,body.dark-theme .search-bar:focus-within{border-color:#0ef0ff!important;box-shadow:0 0 0 2px #0ef0ff26!important}[data-theme=dark] .search-bar-inner,body.dark-theme .search-bar-inner{background:#0000!important;border:none!important}[data-theme=dark] .search-bar-inner:focus-within,body.dark-theme .search-bar-inner:focus-within{border-color:#0000!important;box-shadow:none!important}[data-theme=dark] .search-input,body.dark-theme .search-input{color:#fff}[data-theme=dark] .search-input::placeholder,body.dark-theme .search-input::placeholder{color:#64748b}[data-theme=dark] .search-icon-friends,body.dark-theme .search-icon-friends{stroke:#64748b}[data-theme=dark] .filter-btn,body.dark-theme .filter-btn{background:#0000!important;border:none!important;color:#94a3b8}[data-theme=dark] .filter-btn:hover,body.dark-theme .filter-btn:hover{background:#ffffff0f!important;color:#0ef0ff!important}[data-theme=dark] .filter-btn.active,body.dark-theme .filter-btn.active{background:#0ef0ff26!important;color:#0ef0ff!important}[data-theme=dark] .support-header-btn,body.dark-theme .support-header-btn{background:#00f0ff1f!important;border:1px solid #00f0ff59!important;border-radius:50%!important;color:#00f0ff!important}[data-theme=dark] .support-header-btn:hover,body.dark-theme .support-header-btn:hover{background:#00f0ff38!important;border-color:#00f0ff!important}[data-theme=dark] .search-filters,body.dark-theme .search-filters{background:#0d1527;border:1px solid #1e293b;box-shadow:0 4px 12px #0006}[data-theme=dark] .filter-input,body.dark-theme .filter-input{background:#162033;border:1px solid #1e293b;color:#fff}[data-theme=dark] .filter-input:focus,body.dark-theme .filter-input:focus{border-color:#0ef0ff;box-shadow:0 0 0 2px #0ef0ff33}[data-theme=dark] .filter-input:disabled,body.dark-theme .filter-input:disabled{background:#16203366;border-color:#1e293b66;opacity:.4}[data-theme=dark] .custom-filter-select,body.dark-theme .custom-filter-select{background:#162033;border:1px solid #1e293b;color:#fff}[data-theme=dark] .custom-filter-select .select-chevron,body.dark-theme .custom-filter-select .select-chevron{color:#ffffffb3}[data-theme=dark] .custom-filter-select.open,[data-theme=dark] .custom-filter-select:hover,body.dark-theme .custom-filter-select.open,body.dark-theme .custom-filter-select:hover{border-color:#0ef0ff;box-shadow:0 0 0 2px #0ef0ff26}[data-theme=dark] .custom-select-dropdown,body.dark-theme .custom-select-dropdown{background:#121e31;border:1px solid #1e293b;box-shadow:0 12px 30px #0009}[data-theme=dark] .custom-select-option,body.dark-theme .custom-select-option{color:#94a3b8}[data-theme=dark] .custom-select-option:hover,body.dark-theme .custom-select-option:hover{background:#ffffff14;color:#fff}[data-theme=dark] .custom-select-option.selected,body.dark-theme .custom-select-option.selected{background:#0ef0ff1f;color:#0ef0ff}[data-theme=dark] .custom-select-option .option-check,body.dark-theme .custom-select-option .option-check{color:#0ef0ff}[data-theme=dark] .clear-filters-btn,body.dark-theme .clear-filters-btn{background:#ef444426;border:1px solid #ef444459;color:#f87171}[data-theme=dark] .clear-filters-btn:hover,body.dark-theme .clear-filters-btn:hover{background:#ef444440;border-color:#ef4444;color:#fff}[data-theme=dark] .suggestions-dropdown,body.dark-theme .suggestions-dropdown{background:#162033;border:1px solid #0ef0ff;box-shadow:0 8px 24px #00000080}[data-theme=dark] .suggestion-item,body.dark-theme .suggestion-item{border-bottom:1px solid #1e293b;color:#ecedee}[data-theme=dark] .suggestion-item:hover,body.dark-theme .suggestion-item:hover{background:#1e293b;color:#0ef0ff}[data-theme=dark] .welcome-message,body.dark-theme .welcome-message{color:#94a3b8}[data-theme=dark] .welcome-message h3,body.dark-theme .welcome-message h3{color:#fff}[data-theme=dark] .feature,body.dark-theme .feature{background:#162033;border:1px solid #1e293b;box-shadow:0 2px 8px #0000004d;color:#fff}