*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;max-width:100%;height:100dvh;margin:0;padding:0;font-family:Arial,sans-serif;position:fixed;inset:0;overflow:hidden}#root{width:100%;height:100%;position:relative;overflow:hidden}:root,html,html[data-chat-theme=violet]{--theme-icon-hover:#a78bfa}html[data-chat-theme=midnight]{--theme-icon-hover:#38bdf8}html[data-chat-theme=amber]{--theme-icon-hover:#f59e0b}html[data-chat-theme=ocean]{--theme-icon-hover:#22d3ee}html[data-chat-theme=monochrome]{--theme-icon-hover:#38bdf8}html[data-chat-theme=purple]{--theme-icon-hover:#c084fc}html[data-chat-theme=emerald]{--theme-icon-hover:#34d399}html[data-chat-theme=rose]{--theme-icon-hover:#f472b6}html[data-chat-theme=light]{--theme-icon-hover:#2563eb}.login-container{justify-content:center;align-items:center;width:100%;display:flex}.login-form{-webkit-backdrop-filter:blur(16px);color:#f8fafc;box-sizing:border-box;background:#121024d1;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:430px;padding:28px 24px;display:flex;box-shadow:0 16px 40px #00000080,0 0 1px #fff3}.auth-tab-buttons{background:#0a0918b3;border:1px solid #ffffff14;border-radius:12px;gap:4px;margin-bottom:2px;padding:4px;display:flex}.auth-tab-btn{cursor:pointer;flex:1;transition:all .2s;color:#94a3b8!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:9px!important;margin:0!important;padding:9px 16px!important;font-family:Outfit,sans-serif!important;font-size:14px!important;font-weight:600!important}.auth-tab-btn.active{color:#fff!important;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;box-shadow:0 4px 12px #8b5cf659!important}.auth-tab-btn:hover:not(.active){color:#f1f5f9!important;background:#ffffff0d!important}.auth-header-text{text-align:center;margin-bottom:2px}.auth-header-text h2{color:#fff;letter-spacing:-.3px;margin:0 0 4px;font-family:Outfit,Arial,sans-serif;font-size:22px;font-weight:700}.auth-subtitle{color:#94a3b8;margin:0;font-size:13px;line-height:1.4}.highlight-email{color:#a78bfa;font-weight:600}.brand-header{white-space:nowrap;color:#f8fafc;align-items:center;font-family:Outfit,Arial,sans-serif;font-size:24px;font-weight:800;display:flex}.brand-header i{color:#06b6d4;font-style:normal}.brand-header .logo-img{vertical-align:middle;border-radius:10px;width:48px;height:48px;margin-right:10px}.login-form input,.login-form select{color:#f8fafc;box-sizing:border-box;background:#0a0916a6;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:Figtree,Arial,sans-serif;font-size:14.5px;transition:all .2s}.login-form input:focus,.login-form select:focus{background:#0a0916d9;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.login-form button.auth-submit-btn,.login-form button[type=submit]{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:12px;width:100%;margin-top:4px;padding:13px 20px;font-family:Outfit,Arial,sans-serif;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #8b5cf659}.login-form button.auth-submit-btn:hover:not(:disabled),.login-form button[type=submit]:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 6px 18px #8b5cf673}.login-form button.auth-submit-btn:active:not(:disabled),.login-form button[type=submit]:active:not(:disabled){transform:translateY(0)}.login-form button:disabled{cursor:not-allowed;color:#64748b!important;box-shadow:none!important;background:#ffffff1a!important;transform:none!important}.error{color:#ff6b6b;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:8px 12px;font-size:13px}.success{color:#51cf66;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;padding:8px 12px;font-size:13px}.terms-row-inline{color:#cbd5e1;align-items:center;margin:4px 0 2px;font-size:12.5px;display:flex}.terms-checkbox-inline{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;align-items:center;gap:8px;line-height:1.4;display:flex}.terms-checkbox-inline input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;width:16px;height:16px}.terms-highlight-link{color:#e2e8f0;cursor:pointer;font-weight:600;transition:color .2s}.terms-highlight-link:hover{color:#a78bfa;text-decoration:underline}.terms-view-trigger-btn{color:#38bdf8!important;cursor:pointer!important;box-shadow:none!important;background:0 0!important;border:none!important;width:auto!important;margin:0!important;padding:0!important;font-size:12.5px!important;font-weight:600!important;text-decoration:underline!important;display:inline!important;transform:none!important}.terms-view-trigger-btn:hover{color:#7dd3fc!important}.terms-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(10px);background:#000000c7;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out termsOverlayFade;display:flex;position:fixed;inset:0}@keyframes termsOverlayFade{0%{opacity:0}to{opacity:1}}.terms-modal-content{box-sizing:border-box;background:#151329;border:1px solid #8b5cf64d;border-radius:20px;flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 40px);padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) termsPop;display:flex;position:relative;box-shadow:0 24px 60px #000000a6,0 0 0 1px #ffffff14}@keyframes termsPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.terms-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.terms-modal-title{color:#f8fafc;align-items:center;gap:8px;font:700 18px/1.2 Outfit,sans-serif;display:flex}.terms-modal-title i{color:#8b5cf6;font-size:20px}.terms-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.terms-modal-close:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.terms-modal-instructions{text-align:left;padding:10px 0 6px;font-size:12px}.terms-scroll-warning{color:#f59e0b;align-items:center;gap:6px;font-weight:600;display:flex}.terms-scroll-unlocked{color:#22c55e;align-items:center;gap:6px;font-weight:600;display:flex}.terms-modal-body{color:#cbd5e1;text-align:left;scrollbar-width:thin;scrollbar-color:#8b5cf6 #ffffff0d;background:#0a0916b3;border:1px solid #ffffff14;border-radius:12px;flex:1;max-height:280px;margin:6px 0 14px;padding:14px 16px;font-size:12.5px;line-height:1.6;overflow-y:scroll}.terms-modal-body::-webkit-scrollbar{width:6px}.terms-modal-body::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}.terms-modal-body p{margin:0 0 10px}.terms-modal-body p:last-child{margin-bottom:0}.terms-modal-body strong{color:#f8fafc}.terms-end-indicator{color:#a855f7;border-top:1px dashed #a855f74d;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:14px 0 6px;font-size:12px;font-weight:700;display:flex}.terms-modal-footer{flex-direction:column;gap:12px;padding-top:8px;display:flex}.terms-modal-checkbox-label{color:#f1f5f9;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;align-items:center;gap:10px;font-size:13px;display:flex}.terms-modal-checkbox-label input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;width:17px;height:17px}.terms-modal-checkbox-label.disabled{opacity:.45;cursor:not-allowed}.terms-modal-checkbox-label.disabled input[type=checkbox]{cursor:not-allowed}.terms-modal-accept-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font:600 14px Outfit,sans-serif;transition:all .2s;display:flex;box-shadow:0 4px 12px #8b5cf659}.terms-modal-accept-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.terms-modal-accept-btn:disabled{cursor:not-allowed;color:#64748b!important;box-shadow:none!important;background:#ffffff14!important}.auth-links{flex-direction:column;align-items:center;gap:10px;margin-top:4px;display:flex}.auth-footer-prompt{color:#94a3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:13.5px;display:flex}.auth-footer-prompt .text-button.highlight{color:#a78bfa;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-weight:600;text-decoration:none;transition:color .15s}.auth-footer-prompt .text-button.highlight:hover{color:#c4b5fd;text-decoration:underline}.auth-alt-divider{align-items:center;gap:12px;width:100%;margin:2px 0;display:flex}.auth-alt-divider:before,.auth-alt-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-alt-divider span{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:11px}.guest-action-btn{cursor:pointer;width:100%;transition:all .2s;color:#cbd5e1!important;box-shadow:none!important;background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:0!important;padding:11px 18px!important;font-size:13.5px!important;font-weight:500!important;display:flex!important}.guest-action-btn:hover{color:#fff!important;background:#ffffff14!important;border-color:#fff3!important}.auth-links a,.auth-links .text-button{color:#7fd8ff;cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;text-decoration:none}.auth-links a:hover,.auth-links .text-button:hover{text-decoration:underline}.input-group{flex-direction:column;gap:6px;display:flex;position:relative}.valid-tick{color:#5eead4;pointer-events:none;text-shadow:0 0 6px #5eead499;font-size:16px;font-weight:700;position:absolute;top:13px;right:14px}.invalid-cross{color:#ff6b6b;pointer-events:none;text-shadow:0 0 6px #ff6b6b99;font-size:16px;font-weight:700;position:absolute;top:13px;right:14px}.form-row{gap:15px;display:flex}.half-width{flex:1}.half-width select,.half-width input{width:100%;padding:12px;font-size:16px}input[type=date],select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.field-error{color:#ff6b6b;margin-top:2px;font-size:12px}.input-error{border-color:#ff6b6b!important}.input-valid{border-color:#5eead4!important}.otp-form{gap:16px}.otp-icon-wrap{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 4px;font-size:28px;animation:2.5s ease-in-out infinite pulse-glow;display:flex;box-shadow:0 0 20px #8b5cf640}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 16px #8b5cf633}50%{transform:scale(1.04);box-shadow:0 0 26px #8b5cf666}}.otp-box-container{box-sizing:border-box;justify-content:center;gap:clamp(6px,1.8vw,10px);width:100%;max-width:100%;margin:8px 0;display:flex}.otp-box{text-align:center;box-sizing:border-box;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);color:#fff!important;background:#0a0916bf!important;border:1.5px solid #ffffff24!important;border-radius:12px!important;width:clamp(38px,11vw,48px)!important;height:clamp(48px,13vw,56px)!important;padding:0!important;font-size:clamp(20px,5.5vw,24px)!important}.otp-box:focus{transform:translateY(-2px);background:#0a0916f2!important;border-color:#a78bfa!important;box-shadow:0 0 0 3px #a78bfa40,0 0 14px #8b5cf64d!important}.otp-success{background:#5eead414!important;border-color:#5eead4!important;box-shadow:0 0 12px #5eead459!important}.otp-error{background:#ef444414!important;border-color:#ff6b6b!important;box-shadow:0 0 12px #ff6b6b59!important}.otp-resend-row{color:#94a3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:13.5px;display:flex}.auth-links .back-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;margin-top:4px;padding:4px 8px;font-size:13px;transition:all .15s;display:inline-flex}.auth-links .back-btn:hover{color:#fff;background:#ffffff0f}@media (width<=480px){.login-container{padding:0 4px}.login-form{border-radius:18px;gap:12px;padding:22px 16px}.auth-tab-buttons{gap:3px;padding:3px}.auth-tab-btn{padding:8px 12px!important;font-size:13.5px!important}.auth-header-text h2{font-size:20px}.auth-subtitle{font-size:12.5px}.form-row{flex-direction:column;gap:12px}.form-row .half-width{width:100%}.otp-box-container{gap:6px}.otp-box{border-radius:10px!important}.auth-footer-prompt{font-size:12.5px}.guest-action-btn{padding:10px 14px!important;font-size:13px!important}}@media (width<=360px){.login-form{padding:18px 12px}.otp-box-container{gap:4px}.otp-box{border-radius:8px!important;width:34px!important;height:44px!important;font-size:18px!important}.auth-header-text h2{font-size:18px}}:root[data-theme=light] .login-form{color:#0f172a;background:#fff;border:1px solid #0f172a14;box-shadow:0 16px 40px #0f172a14,0 1px 3px #0f172a0d}:root[data-theme=light] .auth-tab-buttons{background:#f1f5f9;border:1px solid #e2e8f0}:root[data-theme=light] .auth-tab-btn{color:#64748b!important}:root[data-theme=light] .auth-tab-btn:hover:not(.active){color:#0f172a!important;background:#0f172a0d!important}:root[data-theme=light] .auth-tab-btn.active{color:#fff!important;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%)!important;box-shadow:0 4px 12px #7c3aed4d!important}:root[data-theme=light] .auth-header-text h2{color:#0f172a}:root[data-theme=light] .auth-subtitle{color:#64748b}:root[data-theme=light] .highlight-email{color:#7c3aed}:root[data-theme=light] .brand-header{color:#0f172a}:root[data-theme=light] .login-form input,:root[data-theme=light] .login-form select{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8fafc;border:1.5px solid #cbd5e1}:root[data-theme=light] .login-form input::placeholder{color:#94a3b8}:root[data-theme=light] .login-form select option{color:#0f172a;background:#fff}:root[data-theme=light] .login-form input:focus,:root[data-theme=light] .login-form select:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3.5px #7c3aed26}:root[data-theme=light] input[type=date],:root[data-theme=light] select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.6}:root[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}:root[data-theme=light] .valid-tick{color:#0d9488;text-shadow:none}:root[data-theme=light] .invalid-cross{color:#ef4444;text-shadow:none}:root[data-theme=light] .input-valid{border-color:#0d9488!important}:root[data-theme=light] .input-error{border-color:#ef4444!important}:root[data-theme=light] .field-error{color:#dc2626}:root[data-theme=light] .login-form button.auth-submit-btn,:root[data-theme=light] .login-form button[type=submit]{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);box-shadow:0 4px 14px #7c3aed47}:root[data-theme=light] .login-form button.auth-submit-btn:hover:not(:disabled),:root[data-theme=light] .login-form button[type=submit]:hover:not(:disabled){box-shadow:0 6px 18px #7c3aed61}:root[data-theme=light] .login-form button:disabled{color:#94a3b8!important;box-shadow:none!important;background:#e2e8f0!important}:root[data-theme=light] .error{color:#b91c1c;background:#ef444414;border:1px solid #ef444433}:root[data-theme=light] .success{color:#15803d;background:#22c55e14;border:1px solid #22c55e33}:root[data-theme=light] .terms-row-inline,:root[data-theme=light] .terms-checkbox-inline{color:#475569}:root[data-theme=light] .terms-highlight-link{color:#0f172a}:root[data-theme=light] .terms-highlight-link:hover{color:#7c3aed}:root[data-theme=light] .terms-view-trigger-btn{color:#0284c7!important}:root[data-theme=light] .terms-view-trigger-btn:hover{color:#0369a1!important}:root[data-theme=light] .terms-modal-overlay{-webkit-backdrop-filter:blur(10px);background:#0f172a73}:root[data-theme=light] .terms-modal-content{color:#0f172a;background:#fff;border:1px solid #0f172a14;box-shadow:0 24px 60px #0f172a29,0 0 0 1px #0f172a0d}:root[data-theme=light] .terms-modal-header{border-bottom:1px solid #e2e8f0}:root[data-theme=light] .terms-modal-title{color:#0f172a}:root[data-theme=light] .terms-modal-title i{color:#7c3aed}:root[data-theme=light] .terms-modal-close{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}:root[data-theme=light] .terms-modal-close:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}:root[data-theme=light] .terms-scroll-warning{color:#b45309}:root[data-theme=light] .terms-scroll-unlocked{color:#15803d}:root[data-theme=light] .terms-modal-body{color:#334155;scrollbar-color:#7c3aed #f1f5f9;background:#f8fafc;border:1px solid #e2e8f0}:root[data-theme=light] .terms-modal-body strong{color:#0f172a}:root[data-theme=light] .terms-modal-body::-webkit-scrollbar-thumb{background:#7c3aed}:root[data-theme=light] .terms-end-indicator{color:#7c3aed;border-top:1px dashed #7c3aed4d}:root[data-theme=light] .terms-modal-checkbox-label{color:#1e293b}:root[data-theme=light] .terms-modal-accept-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 12px #7c3aed4d}:root[data-theme=light] .terms-modal-accept-btn:disabled{color:#94a3b8!important;background:#e2e8f0!important}:root[data-theme=light] .auth-footer-prompt{color:#64748b}:root[data-theme=light] .auth-footer-prompt .text-button.highlight{color:#7c3aed}:root[data-theme=light] .auth-footer-prompt .text-button.highlight:hover{color:#5b21b6}:root[data-theme=light] .auth-alt-divider:before,:root[data-theme=light] .auth-alt-divider:after{background:#e2e8f0}:root[data-theme=light] .auth-alt-divider span{color:#94a3b8}:root[data-theme=light] .guest-action-btn{color:#334155!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;box-shadow:0 1px 2px #0000000a!important}:root[data-theme=light] .guest-action-btn:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#94a3b8!important}:root[data-theme=light] .auth-links a,:root[data-theme=light] .auth-links .text-button{color:#0284c7}:root[data-theme=light] .auth-links .back-btn{color:#64748b}:root[data-theme=light] .auth-links .back-btn:hover{color:#0f172a;background:#f1f5f9}:root[data-theme=light] .otp-icon-wrap{color:#7c3aed;background:#7c3aed1a;border:1px solid #7c3aed40;box-shadow:0 0 16px #7c3aed26}:root[data-theme=light] .otp-box{color:#0f172a!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important}:root[data-theme=light] .otp-box:focus{background:#fff!important;border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed2e,0 4px 12px #7c3aed1f!important}:root[data-theme=light] .otp-success{background:#10b98114!important;border-color:#10b981!important;box-shadow:0 0 12px #10b98140!important}:root[data-theme=light] .otp-error{background:#ef444414!important;border-color:#ef4444!important;box-shadow:0 0 12px #ef444440!important}:root[data-theme=light] .otp-resend-row{color:#64748b}.chat-layout{background:var(--chat-bg,#0f0e17);width:100%;max-width:100%;height:100dvh;color:var(--chat-text-primary,#fffffe);overscroll-behavior:none;font-family:Inter,Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.side-menu{background:var(--chat-side-menu-bg,#141226f2);border-right:1px solid var(--chat-border,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;flex-direction:column;flex-shrink:0;width:64px;display:flex}.navbar-brand-box{text-align:center;padding:20px 0}.logo-placeholder{color:#fff;background:#8b5cf6;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 12px #8b5cf64d}.side-menu-nav-container{flex-direction:column;flex:1;justify-content:flex-start;padding-top:12px;display:flex}.side-menu-nav{flex-direction:column;align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.nav-item{justify-content:center;width:100%;display:flex}.nav-link{color:#a7a9be;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:#8b5cf6;background:#8b5cf626}.side-menu-bottom{padding-bottom:24px}.profile-user-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 12px #8b5cf64d}.chat-leftsidebar{background:var(--chat-sidebar-bg,#1e1c30f2);border-right:1px solid var(--chat-border,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;flex-shrink:0;width:320px;display:flex}.tab-content,.tab-pane{flex-direction:column;height:100%;display:flex}.leftsidebar-header{box-sizing:border-box;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:48px;min-height:48px;max-height:48px;padding:0 12px;display:flex}.leftsidebar-header h4{color:#e4e4e7;margin:0;font-size:15px;font-weight:600}.leftsidebar-scroll{flex:1;padding:16px}.empty-message{color:#a7a9be;text-align:center;margin-top:20px;font-size:14px}.group-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.chat-group-list{gap:0!important}.group-item{cursor:pointer;background:0 0;border-bottom:1px solid #ffffff0f;border-radius:8px;flex-direction:row;align-items:center;margin-bottom:0;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.group-item:hover{background:#ffffff0d}.group-item.active{background:#8b5cf626}.group-image-box{background-color:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-right:12px;display:flex;position:relative;overflow:hidden}.group-image{object-fit:cover;border-radius:10px;width:100%;height:100%}.group-image-icon{color:#a7a9be;font-size:20px}.group-content{flex-direction:column;flex:1;min-width:0;display:flex}.group-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.group-name{color:#fffffe;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.group-description{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;color:#a7a9be!important;margin:0 0 5px!important;font-size:12px!important;line-height:1.35!important}.group-meta-row{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.group-meta-left{color:#a7a9be;align-items:center;gap:5px;min-width:0;font-size:11px;display:flex;overflow:hidden}.globe-icon{color:#a7a9be;flex-shrink:0;font-size:11px}.group-created-by{color:#a7a9be;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.count-badge{color:#e4e4e7;background-color:#ffffff14;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.count-badge i{margin-left:2px;font-size:11px}.chat-main{background:var(--chat-bg,#0f0e17);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.empty-state{color:#a7a9be;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-state-icon{opacity:.5;margin-bottom:24px;font-size:64px}.empty-state h2{color:#fffffe;margin:0 0 8px;font-weight:600}.chat-header{background:var(--chat-header-bg,#141226cc);border-bottom:1px solid var(--chat-border,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;flex-shrink:0;padding:12px 20px}.chat-header h3{margin:0 0 2px;font-size:16px;font-weight:600}.chat-header p{color:#10b981;margin:0;font-size:12px}.chat-messages-scroll{flex:1;width:100%;height:100%;min-height:0}.chat-messages-scroll .simplebar-content{box-sizing:border-box;flex-direction:column;min-height:100%;display:flex}.chat-messages-content{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;margin-top:auto;padding:10px;display:flex}.dm-messages-content{gap:12px;padding:16px}.chat-go-to-bottom-btn{z-index:50;background:var(--chat-primary-gradient,linear-gradient(135deg, #6366f1f2 0%, #8b5cf6f2 100%));-webkit-backdrop-filter:blur(10px);color:#fff;width:36px;min-width:36px;height:36px;min-height:36px;box-shadow:0 6px 20px #00000073, var(--chat-primary-shadow,0 0 14px #6366f166);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s,background .16s;animation:.22s cubic-bezier(.16,1,.3,1) fadeInDownBtn;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.chat-go-to-bottom-btn:hover{box-shadow:0 8px 24px #0000008c, var(--chat-primary-shadow,0 0 18px #6366f199);background:var(--chat-primary-gradient,linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));transform:translate(-50%)translateY(2px)scale(1.08)}.chat-go-to-bottom-btn:active{transform:translate(-50%)translateY(3px)scale(.95)}.chat-go-to-bottom-btn i{font-size:19px;line-height:1;animation:1.4s ease-in-out infinite bounceSubtle;display:block}.dm-go-to-bottom-btn{width:30px;min-width:30px;height:30px;min-height:30px;top:8px}.dm-go-to-bottom-btn i{font-size:16px}@keyframes fadeInDownBtn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.message-wrapper{align-items:flex-end;gap:12px;width:100%;display:flex}.message-wrapper.sent{flex-direction:row-reverse}.message-wrapper.received{justify-content:flex-start}.chat-avatar{flex-shrink:0}.avatar-placeholder{color:#e4e4e7;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:flex}.message-content{flex-direction:column;max-width:65%;display:flex;position:relative}.message-content.sent{align-items:flex-end}.message-content.received{align-items:flex-start}.message-box{border-radius:14px;flex-direction:column;padding:10px 14px;display:flex;position:relative;box-shadow:0 4px 15px #0000001a}.message-box.sent{background:var(--chat-primary-gradient,linear-gradient(135deg, #9d7cfb 0%, #7c4df7 100%));color:#fff;box-shadow:var(--chat-primary-shadow,0 4px 14px #7c4df740);border-top-right-radius:4px}.message-box.received{color:#e4e4e7;background:#ffffff0d;border:1px solid #ffffff14;border-top-left-radius:4px}.message-box.has-media-only{padding:2px;box-shadow:none!important;background:0 0!important;border:none!important}.message-box.has-media-only .chat-youtube-card{margin-top:0}.sender-name-outside{color:#a7a9be;letter-spacing:.3px;margin-bottom:5px;font-size:11.5px;font-weight:600}.sender-name-outside.sent{text-align:right;justify-content:flex-end}.message-text{word-wrap:break-word;white-space:pre-wrap;margin:0;font-size:13.5px;line-height:1.45}.time-outside{opacity:.6;color:#a7a9be;margin-top:5px;font-size:10px}.message-content.sent .time-outside{margin-left:0;margin-right:10px}.chat-input-area{background:var(--chat-input-area-bg,#141226);border-top:1px solid var(--chat-border,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding:8px 12px}.chat-reply-banner{background:#ffffff0d;border-left:3px solid #f59e0b;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:6px 12px;font-size:.85rem;display:flex}.chat-footer-container{box-sizing:border-box;align-items:center;gap:8px;width:100%;max-width:100%;margin:0;padding:0;display:flex}.chat-icon-btn{color:#a7a9be;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;transition:color .2s,background .2s;display:flex}.chat-icon-btn:hover{color:var(--theme-icon-hover)!important;box-shadow:none!important;background:0 0!important}.mobile-actions-row{display:none}.chat-input-control{color:#fff;box-sizing:border-box;background:#ffffff0d;border:none;border-radius:18px;outline:none;flex:1;width:0;min-width:0;height:36px;padding:8px 14px;font-family:inherit;font-size:.85rem;transition:background-color .15s ease-in-out}.chat-input-control:focus{background:#ffffff14}.chat-input-control::placeholder{color:#a7a9be}.chat-send-btn{background:var(--chat-send-btn-bg,#6b21a8);color:#fff;cursor:pointer;box-sizing:border-box;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;margin:0;padding:0;transition:all .2s;display:flex}.chat-send-btn i{font-size:15px}.chat-send-btn:hover:not(:disabled){background:var(--chat-send-btn-hover,#7c3aed)}.chat-send-btn:disabled{color:#a7a9be;cursor:default;opacity:1;background:#ffffff0d}.ms-2{margin-left:.5rem}.me-2{margin-right:.5rem}.desktop-members-sidebar-wrapper{height:100%;display:flex}.mobile-members-sidebar-wrapper{display:none}.common-user-item{cursor:pointer;box-sizing:border-box;background:0 0;border-radius:8px;align-items:center;margin:2px 8px;padding:8px 14px;text-decoration:none;transition:all .2s;display:flex;position:relative}.common-user-item:hover{background:#ffffff0f}.common-user-item.offline{opacity:.65}.common-user-item.offline:hover{opacity:.95;background:#ffffff0d}.common-user-item .user-item-avatar-wrap{flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:flex;position:relative}.common-user-item .avatar-online-dot{background-color:#10b981;border:1.5px solid #141226;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.common-user-item .user-item-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex;overflow:hidden}.common-user-item .user-item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.common-user-item.offline .user-item-name{color:#cbd5e1}.common-user-item .user-item-subtext{color:#9194b1;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11.5px;font-weight:500;line-height:1.25;overflow:hidden}.common-user-item .user-item-subtext.online-subtext{color:#10b981}.common-user-item .user-item-subtext.offline-subtext{color:#94a3b8}.common-user-item .status-indicator-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.common-user-item .status-indicator-dot.online{background-color:#10b981}.common-user-item .status-indicator-dot.offline{background-color:#64748b}.common-user-item .user-item-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:8px;display:flex}.common-user-item .user-badges-group{align-items:center;display:inline-flex}.common-user-item .user-badge-muted{filter:drop-shadow(0 0 4px #ef444499);align-items:center;margin-right:6px;font-size:13px;display:inline-flex}.common-user-item .user-badge-role{background:0 0;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.common-user-item .user-badge-role.role-owner,.common-user-item .user-badge-role.role-superadmin{color:#eab308}.common-user-item .user-badge-role.role-mod{color:#3b82f6}.common-user-item .user-badge-role.role-vip{color:#06b6d4}.common-user-item .user-badge-role.role-globalmod{color:#8b5cf6}.common-user-item .user-badge-role.role-member{color:#a7a9be}.common-user-item .user-badge-role.role-guest{color:#94a3b8}.common-user-item .user-badge-default{color:#a7a9be;font-size:16px}.chat-members-sidebar .member-item,.recent-chat-item{border-bottom:1px solid #ffffff0f!important;border-radius:0!important;margin:0!important;padding:10px 14px!important}.chat-members-sidebar .member-item:hover,.recent-chat-item:hover{background:#ffffff0f!important}html[data-chat-theme=light] .chat-members-sidebar .member-item,html[data-chat-theme=light] .recent-chat-item{border-bottom:1px solid #0000000f!important}html[data-chat-theme=light] .chat-members-sidebar .member-item:hover,html[data-chat-theme=light] .recent-chat-item:hover{background:#0000000a!important}.user-list-section-header{-webkit-user-select:none;user-select:none;align-items:center;padding:12px 16px 8px;display:flex}.user-list-section-header.section-offline{padding:16px 16px 8px}.user-list-section-title{color:#fff;letter-spacing:.2px;font-size:14.5px;font-weight:700}.user-list-section-header.section-offline .user-list-section-title{color:#a7a9be;font-size:13px}.user-list-section-badge{border-radius:12px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.2}.user-list-section-badge.badge-online{color:#fff;background-color:#00b4d8}.user-list-section-badge.badge-offline{color:#a7a9be;background-color:#ffffff14;padding:2px 7px;font-size:11px;font-weight:600}.user-list-section-badge.badge-results{color:#fff;background-color:#8b5cf6}.profile-friends-list{flex-direction:column;gap:6px;padding:4px 0;display:flex}.profile-friends-list .common-user-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;margin:0;padding:9px 12px}.profile-friends-list .common-user-item:hover{background:#ffffff14}.chat-members-sidebar{background:var(--chat-members-sidebar-bg,#1e1c30f2);border-left:1px solid var(--chat-border,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;width:300px;height:100%;display:flex}.chat-members-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 8px;display:flex}.chat-members-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .2s,color .2s;display:flex}.chat-members-close-btn:hover{color:#ef4444;background:0 0;transform:none;box-shadow:none!important}.chat-members-tabs{align-items:center;gap:4px;display:flex}.chat-members-tab-btn{color:#a7a9be;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;transition:all .2s;display:flex}.chat-members-tab-btn:hover{color:#fff;background:#ffffff0f}.chat-members-tab-btn.active{color:#fff;background:#ffffff1a}.chat-members-search-panel{background-color:#0000001f;border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:16px 14px 12px}.search-panel-field{margin-bottom:14px}.search-panel-label{color:#fff;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.search-input-wrapper{width:100%;position:relative}.search-panel-input{color:#fff;box-sizing:border-box;background-color:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;height:38px;padding:0 32px 0 12px;font-size:14px;transition:border-color .15s,background-color .15s}.search-panel-input:focus{background-color:#ffffff17;border-color:#8b5cf699}.search-input-clear-btn{color:#a7a9be;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-input-clear-btn:hover{color:#fff}.search-dropdowns-row{gap:12px;display:flex}.search-dropdown-col{flex:1;position:relative}.search-dropdown-trigger{color:#fff;cursor:pointer;text-align:left;background-color:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;font-size:14px;transition:background-color .15s;display:flex}.search-dropdown-trigger:hover{background-color:#ffffff17}.search-dropdown-trigger i{color:#a7a9be;font-size:14px}.search-dropdown-menu{z-index:100;background-color:#1f1d32;border:1px solid #ffffff1f;border-radius:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.search-dropdown-option{color:#a7a9be;cursor:pointer;background-color:#0000;padding:10px 14px;font-size:14px;transition:background .15s,color .15s}.search-dropdown-option:hover{color:#fff;background-color:#262438}.search-dropdown-option.active{color:#fff;background-color:#2f2d42;font-weight:600}.chat-members-scroll{flex:1;min-height:0;padding:8px 0}.chat-members-empty{text-align:center;color:#a7a9be;padding:36px 16px;font-size:13.5px}.chat-members-empty i{opacity:.5;margin-bottom:8px;font-size:28px;display:block}@media (width<=768px){.chat-layout{flex-direction:column;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.side-menu{z-index:50;border-bottom:1px solid #ffffff0d;border-right:none;flex-direction:row;flex-shrink:0;justify-content:space-between;width:100%;height:52px;min-height:52px;max-height:52px;position:relative}.side-menu-nav-container{flex-direction:row;flex:1;justify-content:flex-end;align-items:center;padding-top:0;padding-right:8px}.side-menu-nav{flex-direction:row;align-items:center;gap:8px;height:100%}.nav-item{width:auto}.side-menu-bottom{align-items:center;padding-bottom:0;padding-right:12px;display:flex}.navbar-brand-box{align-items:center;padding:0 12px;display:flex}.chat-leftsidebar{z-index:40;flex:1;width:100%;min-height:0;display:none;overflow:hidden}.chat-leftsidebar.mobile-visible{display:flex}.chat-leftsidebar.notification-active{border:none;width:calc(100vw - 45px);max-width:400px;height:auto;max-height:calc(100dvh - 110px);position:absolute;top:52px;left:auto;right:8px;box-shadow:0 8px 32px #00000080}.mobile-close-sidebar-btn{display:inline-flex!important}.chat-main{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden;padding-bottom:0!important}.chat-header{display:none!important}.chat-content-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-input-area{z-index:40;padding:8px 10px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right));box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;overflow:visible}.chat-footer-container{box-sizing:border-box;gap:6px;width:100%;max-width:100%;margin:0;padding:0}.chat-input-control{flex:1;width:0;min-width:0;padding:8px 12px}.chat-send-btn{flex-shrink:0;margin-right:2px}.mobile-actions-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;box-sizing:border-box;background:#141226fa;border-top:1px solid #ffffff0d;flex-shrink:0;justify-content:flex-end;align-items:center;width:100%;height:48px;min-height:48px;max-height:48px;padding:0 16px;display:flex;position:relative;bottom:auto;left:auto}.desktop-members-sidebar-wrapper{display:none!important}.mobile-members-sidebar-wrapper{z-index:28000;background:#1e1c30;width:min(75vw,320px);display:block;position:fixed;top:52px;bottom:0;right:0;box-shadow:-8px 0 32px #000000a6}.mobile-members-sidebar-wrapper .chat-members-sidebar{border-left:1px solid #ffffff14;flex-direction:column;width:100%;height:100%;display:flex;position:relative;top:0;bottom:0;right:0}.mobile-members-sidebar-wrapper .chat-members-sidebar .members-list{padding-bottom:70px!important}.chat-layout.sidebar-open:not(.notification-open) .chat-main,.chat-layout.sidebar-open:not(.notification-open) .mobile-actions-row{display:none!important}}.chat-header-info-container{align-items:center;gap:12px;display:flex}.mobile-back-btn{color:#a7a9be;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;display:none}@media (width<=768px){.mobile-back-btn{display:flex}}.profile-nav-item{position:relative}.profile-dropdown-menu{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1c30f2;border:1px solid #ffffff0d;border-radius:8px;min-width:160px;margin-left:10px;padding:8px 0;position:absolute;bottom:0;left:100%;box-shadow:0 8px 24px #0006}.dropdown-item{clear:both;color:#a7a9be;box-sizing:border-box;width:100%;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.dropdown-item:hover{color:#fffffe;background:#ffffff0d}.dropdown-divider{border-top:1px solid #ffffff0d;height:0;margin:8px 0;overflow:hidden}.float-end{float:right!important}@media (width<=768px){.profile-dropdown-menu{margin-top:10px;margin-left:0;inset:100% 16px auto auto}}.chat-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.chat-list-item{cursor:pointer;background:#ffffff05;border-radius:12px;align-items:center;gap:14px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.chat-list-item:hover,.chat-list-item.active{background:#8b5cf626;transform:translate(4px)}.chat-user-img{flex-shrink:0;width:40px;height:40px;position:relative}.chat-user-img img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-status{background:#a7a9be;border:2px solid #141226f2;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.chat-user-img.online .user-status{background:#10b981}.chat-item-content{flex-direction:column;flex-grow:1;justify-content:center;display:flex;overflow:hidden}.chat-item-content h5,.chat-item-content .username{color:#fffffe;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:600;overflow:hidden}.chat-item-content p{color:#a7a9be;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.chat-item-content p.group-description,.group-description{color:#a7a9be;font-size:12px;line-height:1.4;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;text-overflow:clip!important;margin:0 0 4px!important}.chat-item-action{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.chat-time{color:#a7a9be;font-size:11px}.unread-badge{color:#fff;background:#10b981;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600}.leftsidebar-actions{align-items:center;gap:6px;display:flex}.leftsidebar-actions button,.leftsidebar-action-btn{color:#a7a9be;cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:19px;line-height:1;transition:all .2s;display:inline-flex}.leftsidebar-actions button i,.leftsidebar-action-btn i{color:inherit;font-size:19px;line-height:1;display:inline-block}.leftsidebar-actions button:hover,.leftsidebar-action-btn:hover{color:#fff;background:#ffffff14}.leftsidebar-actions .mobile-close-sidebar-btn{margin-left:6px!important}.search-box-container{padding:0 16px 16px}.search-box{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:8px;align-items:center;padding:8px 12px;display:flex}.search-box i{color:#a7a9be;margin-right:8px}.search-box input{color:#fffffe;background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-box input::placeholder{color:#a7a9be}.chat-header{justify-content:space-between;align-items:center;display:flex}.chat-leftsidebar{width:280px}.mobile-composer-menu-wrap,.mobile-composer-menu-btn{display:none}.profile-friends-list{padding:10px 0}.profile-friend{color:#e4e4e7;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 0;display:flex}.profile-friend:last-child{border-bottom:0}.profile-friend>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-friend strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-friend small{color:#a7a9be}.theme-picker{padding:14px 0}.theme-picker>p{color:#a7a9be;margin:0 0 14px;font-size:13px}.theme-picker button{color:#e4e4e7;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:11px;display:flex}.theme-picker button>span{border-radius:50%;width:22px;height:22px}.theme-picker button i{opacity:0;margin-left:auto}.theme-picker button.active{background:#8b5cf61f;border-color:#8b5cf6}.theme-picker button.active i{opacity:1;color:#c4b5fd}:root{--bg-main:#242038;--bg-main-gradient:radial-gradient(circle at 50% 35%, #2e2849 0%, #1c182c 100%);--card-bg:#191628;--card-hover:#201c33;--border-subtle:#ffffff12;--border-hover:#ffffff29;--text-primary:#fff;--text-secondary:#a39eb8;--accent-blue:#6b8afd;--accent-purple:#8c7ae6;--tag-community:#9b87f5;--tag-custom:#4cd195;--tag-stream:#ff6b81;--tag-economy:#f6c945;--brand-highlight:linear-gradient(135deg, #748ffc 0%, #9775fa 100%);--bottom-prompt-bg:#2b2644b3;--bottom-prompt-border:#8b7ae647;--bottom-prompt-color:#c5bfff;--badge-bg:#191628bf;--badge-color:#c4c0d8}html[data-chat-theme=midnight]{--bg-main:#081525;--bg-main-gradient:radial-gradient(circle at 50% 35%, #0f2742 0%, #06111e 100%);--card-bg:#0b1e33;--card-hover:#102a47;--border-subtle:#38bdf81a;--border-hover:#38bdf840;--text-primary:#fff;--text-secondary:#7dd3fc;--brand-highlight:linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);--bottom-prompt-bg:#0b1e33bf;--bottom-prompt-border:#38bdf840;--bottom-prompt-color:#bae6fd;--badge-bg:#0b1e33cc;--badge-color:#bae6fd}html[data-chat-theme=amber]{--bg-main:#180e07;--bg-main-gradient:radial-gradient(circle at 50% 35%, #2c1a0e 0%, #120904 100%);--card-bg:#21140a;--card-hover:#2d1c0e;--border-subtle:#f59e0b1f;--border-hover:#f59e0b47;--text-primary:#fff;--text-secondary:#fcd34d;--brand-highlight:linear-gradient(135deg, #fbbf24 0%, #ea580c 100%);--bottom-prompt-bg:#21140abf;--bottom-prompt-border:#f59e0b40;--bottom-prompt-color:#fef3c7;--badge-bg:#21140acc;--badge-color:#fde68a}html[data-chat-theme=ocean]{--bg-main:#051a1e;--bg-main-gradient:radial-gradient(circle at 50% 35%, #0a3038 0%, #031317 100%);--card-bg:#092329;--card-hover:#0e333b;--border-subtle:#22d3ee1f;--border-hover:#22d3ee47;--text-primary:#fff;--text-secondary:#67e8f9;--brand-highlight:linear-gradient(135deg, #22d3ee 0%, #0d9488 100%);--bottom-prompt-bg:#092329bf;--bottom-prompt-border:#22d3ee40;--bottom-prompt-color:#cffafe;--badge-bg:#092329cc;--badge-color:#a5f3fc}html[data-chat-theme=emerald]{--bg-main:#061811;--bg-main-gradient:radial-gradient(circle at 50% 35%, #0b2e21 0%, #04120d 100%);--card-bg:#092218;--card-hover:#0e3023;--border-subtle:#34d3991f;--border-hover:#34d39947;--text-primary:#fff;--text-secondary:#6ee7b7;--brand-highlight:linear-gradient(135deg, #34d399 0%, #059669 100%);--bottom-prompt-bg:#092218bf;--bottom-prompt-border:#34d39940;--bottom-prompt-color:#d1fae5;--badge-bg:#092218cc;--badge-color:#a7f3d0}html[data-chat-theme=rose]{--bg-main:#1a0812;--bg-main-gradient:radial-gradient(circle at 50% 35%, #300f22 0%, #13050d 100%);--card-bg:#230b18;--card-hover:#321023;--border-subtle:#f472b61f;--border-hover:#f472b647;--text-primary:#fff;--text-secondary:#f472b6;--brand-highlight:linear-gradient(135deg, #f472b6 0%, #e11d48 100%);--bottom-prompt-bg:#230b18bf;--bottom-prompt-border:#f472b640;--bottom-prompt-color:#fce7f3;--badge-bg:#230b18cc;--badge-color:#fbcfe8}html[data-chat-theme=purple]{--bg-main:#130a1e;--bg-main-gradient:radial-gradient(circle at 50% 35%, #241339 0%, #0e0716 100%);--card-bg:#1c0e2c;--card-hover:#28143f;--border-subtle:#c084fc1f;--border-hover:#c084fc47;--text-primary:#fff;--text-secondary:#d8b4fe;--brand-highlight:linear-gradient(135deg, #c084fc 0%, #9333ea 100%);--bottom-prompt-bg:#1c0e2cbf;--bottom-prompt-border:#c084fc40;--bottom-prompt-color:#f3e8ff;--badge-bg:#1c0e2ccc;--badge-color:#e9d5ff}html[data-chat-theme=monochrome]{--bg-main:#121316;--bg-main-gradient:radial-gradient(circle at 50% 35%, #202228 0%, #0d0e10 100%);--card-bg:#18191d;--card-hover:#222329;--border-subtle:#ffffff14;--border-hover:#ffffff2e;--text-primary:#fff;--text-secondary:#94a3b8;--brand-highlight:linear-gradient(135deg, #94a3b8 0%, #f1f5f9 100%);--bottom-prompt-bg:#18191dbf;--bottom-prompt-border:#ffffff26;--bottom-prompt-color:#e2e8f0;--badge-bg:#18191dcc;--badge-color:#cbd5e1}html[data-chat-theme=light]{--bg-main:#f8fafc;--bg-main-gradient:radial-gradient(circle at 50% 35%, #fff 0%, #eef2f6 100%);--card-bg:#fff;--card-hover:#f8fafc;--border-subtle:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#64748b;--brand-highlight:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--bottom-prompt-bg:#fff;--bottom-prompt-border:#e2e8f0;--bottom-prompt-color:#4338ca;--badge-bg:#fff;--badge-color:#475569;--tag-community:#7c3aed;--tag-custom:#059669;--tag-stream:#e11d48;--tag-economy:#d97706}html[data-chat-theme=light] .status-badge{box-shadow:0 2px 10px #0000000d}html[data-chat-theme=light] .feature-card{box-shadow:0 4px 18px #0f172a0d}html[data-chat-theme=light] .feature-card:hover{border-color:#cbd5e1;box-shadow:0 10px 24px #0f172a17}html[data-chat-theme=light] .bottom-prompt{box-shadow:0 4px 14px #0000000d}.chat-welcome-container{background:var(--bg-main);background-image:var(--bg-main-gradient);width:100%;height:100%;min-height:0;max-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1.5rem,3.5vh,3rem) clamp(2rem,4vw,3.5rem);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden auto}.welcome-wrapper{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.1rem,2.4vh,1.85rem);width:100%;max-width:900px;margin:auto;display:flex}.status-badge{background:var(--badge-bg);border:1px solid var(--border-subtle);letter-spacing:.08em;text-transform:uppercase;color:var(--badge-color);border-radius:999px;align-items:center;gap:.55rem;margin-bottom:.65rem;padding:.42rem .95rem;font-size:.72rem;font-weight:700;animation:.6s ease-out backwards fadeDown;display:inline-flex;box-shadow:0 4px 15px #0003}.status-dot{background-color:#4cd195;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 8px #4cd195}.hero-header{flex-direction:column;align-items:center;max-width:660px;animation:.6s ease-out .1s backwards fadeUp;display:flex}.hero-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.65rem;font-size:clamp(1.8rem,3.8vw,2.85rem);font-weight:800;line-height:1.16}.brand-highlight{background:var(--brand-highlight);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);font-size:clamp(.88rem,1.3vw,1.02rem);font-weight:400;line-height:1.5}.features-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.85rem,1.8vw,1.25rem);width:100%;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--border-subtle);text-align:left;box-sizing:border-box;border-radius:16px;align-items:flex-start;gap:1.1rem;padding:clamp(1.1rem,2vh,1.45rem) clamp(1.1rem,1.8vw,1.4rem);transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .28s,border-color .28s,box-shadow .28s;animation:.6s ease-out backwards fadeUp;display:flex;position:relative;box-shadow:0 10px 28px #00000047}.feature-card:first-child{animation-delay:.18s}.feature-card:nth-child(2){animation-delay:.26s}.feature-card:nth-child(3){animation-delay:.34s}.feature-card:nth-child(4){animation-delay:.42s}.feature-card:hover{background:var(--card-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 16px 34px #00000061}.card-tag{letter-spacing:.07em;text-transform:uppercase;font-size:.65rem;font-weight:700;position:absolute;top:1rem;right:1.15rem}.tag-community{color:var(--tag-community)}.tag-custom{color:var(--tag-custom)}.tag-stream{color:var(--tag-stream)}.tag-economy{color:var(--tag-economy)}.icon-box{border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .28s;display:flex}.feature-card:hover .icon-box{transform:scale(1.06)}.icon-community{color:var(--tag-community);background:#9b87f51f}.icon-custom{color:var(--tag-custom);background:#4cd1951f}.icon-stream{color:var(--tag-stream);background:#ff6b811f}.icon-economy{color:var(--tag-economy);background:#f6c9451f}.card-body{flex:1;min-width:0;padding-right:1.5rem}.card-title{color:var(--text-primary);margin-bottom:.3rem;font-size:clamp(.98rem,1.25vw,1.08rem);font-weight:700}.card-desc{color:var(--text-secondary);font-size:clamp(.8rem,1.05vw,.88rem);line-height:1.45}.bottom-prompt{background:var(--bottom-prompt-bg);border:1px solid var(--bottom-prompt-border);color:var(--bottom-prompt-color);border-radius:999px;align-items:center;gap:.6rem;padding:.65rem 1.35rem;font-size:clamp(.8rem,1.15vw,.88rem);font-weight:500;animation:.6s ease-out .5s backwards fadeUp,4s ease-in-out 1.2s infinite floatPrompt;display:inline-flex;box-shadow:0 8px 20px #00000038}.bulb-icon{color:#f6c945;flex-shrink:0}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatPrompt{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (width<=768px){.chat-welcome-container{justify-content:center;height:100%;max-height:100%;padding:clamp(8px,1.8vh,14px) 12px;overflow:hidden!important}.welcome-wrapper{justify-content:center;gap:clamp(20px,1.4vh,12px);height:100%;min-height:0;max-height:100%;padding:0;overflow:hidden}.status-badge{gap:.4rem;margin-bottom:3px;padding:.25rem .7rem;font-size:.62rem}.status-dot{width:6.5px;height:6.5px}.hero-header{margin:0}.hero-title{margin-bottom:.22rem;font-size:clamp(1.28rem,4.8vw,1.48rem);line-height:1.18}.hero-subtitle{max-width:320px;margin:0 auto;font-size:clamp(.72rem,2.6vw,.78rem);line-height:1.32}.features-grid{grid-template-columns:1fr;gap:clamp(6px,1.1vh,8px);width:100%;margin:0}.feature-card{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:10px;padding:clamp(7px,1.2vh,9px) 11px;box-shadow:0 4px 14px #00000038;cursor:default!important}.card-tag{letter-spacing:.05em;font-size:.58rem;top:7px;right:10px}.icon-box{border-radius:9px;width:34px;height:34px}.icon-box svg{width:18px;height:18px}.card-body{padding-right:3.2rem}.card-title{margin-bottom:1px;font-size:.86rem;line-height:1.22}.card-desc{font-size:.71rem;line-height:1.24}.bottom-prompt{white-space:nowrap;flex-shrink:0;justify-content:center;gap:.35rem;width:auto;max-width:100%;margin-top:0;padding:clamp(5px,.9vh,7px) clamp(8px,2.4vw,12px);font-size:clamp(.62rem,2.5vw,.71rem)}.bottom-prompt span{white-space:nowrap;letter-spacing:-.015em}.bulb-icon{flex-shrink:0;width:14px;height:14px}}@media (width<=400px){.hero-title{font-size:1.22rem}.hero-subtitle{font-size:.7rem}.feature-card{gap:8px;padding:6px 9px}.icon-box{width:30px;height:30px}.icon-box svg{width:16px;height:16px}.card-title{font-size:.82rem}.card-desc{font-size:.68rem}.bottom-prompt{padding:5px 8px;font-size:.61rem}}@keyframes welcomeEntrance{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcomeLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes welcomeGlowPulse{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:.65;transform:scale(1.1)}}@keyframes welcomeDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}@keyframes welcomeOrbFloat{0%{transform:translate(0)}to{transform:translate(35px,-25px)}}:root,html{--chat-bg:#0f0e17;--chat-side-menu-bg:#141226f2;--chat-header-bg:#141226f5;--chat-sidebar-bg:#1e1c30f5;--chat-members-sidebar-bg:#1e1c30f5;--chat-input-area-bg:#141226f5;--chat-border:#ffffff0d;--chat-primary-gradient:linear-gradient(135deg, #9d7cfb 0%, #7c4df7 100%);--chat-primary-shadow:0 4px 14px #7c4df740;--chat-send-btn-bg:#6b21a8;--chat-send-btn-hover:#7c3aed;--chat-text-primary:#fffffe;--text-primary:#fffffe;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-subtle:#64748b;--card-bg:#141226;--card-bg-subtle:#ffffff0a;--border-subtle:#ffffff14;--chip-bg:#ffffff0f}html[data-chat-theme=violet]{--chat-bg:#0f0e17;--chat-side-menu-bg:#141226f2;--chat-header-bg:#141226f5;--chat-sidebar-bg:#1e1c30f5;--chat-members-sidebar-bg:#1e1c30f5;--chat-input-area-bg:#141226f5;--chat-border:#ffffff0d;--chat-primary-gradient:linear-gradient(135deg, #9d7cfb 0%, #7c4df7 100%);--chat-primary-shadow:0 4px 14px #7c4df740;--chat-send-btn-bg:#6b21a8;--chat-send-btn-hover:#7c3aed}html[data-chat-theme=midnight]{--chat-bg:#081525;--chat-side-menu-bg:#091a2ef5;--chat-header-bg:#091a2ef5;--chat-sidebar-bg:#0e2540f5;--chat-members-sidebar-bg:#0e2540f5;--chat-input-area-bg:#091a2ef5;--chat-border:#38bdf814;--chat-primary-gradient:linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);--chat-primary-shadow:0 4px 14px #2563eb40;--chat-send-btn-bg:#0284c7;--chat-send-btn-hover:#0369a1}html[data-chat-theme=amber]{--chat-bg:#180e07;--chat-side-menu-bg:#211309f5;--chat-header-bg:#211309f5;--chat-sidebar-bg:#2b180cf5;--chat-members-sidebar-bg:#2b180cf5;--chat-input-area-bg:#211309f5;--chat-border:#f59e0b14;--chat-primary-gradient:linear-gradient(135deg, #fbbf24 0%, #ea580c 100%);--chat-primary-shadow:0 4px 14px #ea580c40;--chat-send-btn-bg:#d97706;--chat-send-btn-hover:#b45309}html[data-chat-theme=ocean]{--chat-bg:#121417;--chat-side-menu-bg:#1a1d21f5;--chat-header-bg:#1a1d21f5;--chat-sidebar-bg:#21262cf5;--chat-members-sidebar-bg:#21262cf5;--chat-input-area-bg:#1a1d21f5;--chat-border:#06b6d414;--chat-primary-gradient:linear-gradient(135deg, #22d3ee 0%, #0284c7 100%);--chat-primary-shadow:0 4px 14px #0284c740;--chat-send-btn-bg:#0891b2;--chat-send-btn-hover:#0e7490}html[data-chat-theme=monochrome]{--chat-bg:#0b0c0e;--chat-side-menu-bg:#131417f5;--chat-header-bg:#131417f5;--chat-sidebar-bg:#181a1ef5;--chat-members-sidebar-bg:#181a1ef5;--chat-input-area-bg:#131417f5;--chat-border:#ffffff14;--chat-primary-gradient:linear-gradient(135deg, #64748b 0%, #475569 100%);--chat-primary-shadow:0 4px 14px #4755694d;--chat-send-btn-bg:#475569;--chat-send-btn-hover:#334155}html[data-chat-theme=purple]{--chat-bg:#240a2b;--chat-side-menu-bg:#350f3ff5;--chat-header-bg:#350f3ff5;--chat-sidebar-bg:#42134ff5;--chat-members-sidebar-bg:#42134ff5;--chat-input-area-bg:#350f3ff5;--chat-border:#c084fc14;--chat-primary-gradient:linear-gradient(135deg, #c084fc 0%, #9333ea 100%);--chat-primary-shadow:0 4px 14px #9333ea40;--chat-send-btn-bg:#9333ea;--chat-send-btn-hover:#7e22ce}html[data-chat-theme=emerald]{--chat-bg:#041410;--chat-side-menu-bg:#062119f5;--chat-header-bg:#062119f5;--chat-sidebar-bg:#082c22f5;--chat-members-sidebar-bg:#082c22f5;--chat-input-area-bg:#062119f5;--chat-border:#10b98114;--chat-primary-gradient:linear-gradient(135deg, #34d399 0%, #059669 100%);--chat-primary-shadow:0 4px 14px #05966940;--chat-send-btn-bg:#059669;--chat-send-btn-hover:#047857}html[data-chat-theme=rose]{--chat-bg:#211018;--chat-side-menu-bg:#2a111ff5;--chat-header-bg:#2a111ff5;--chat-sidebar-bg:#38182af5;--chat-members-sidebar-bg:#38182af5;--chat-input-area-bg:#2a111ff5;--chat-border:#f472b614;--chat-primary-gradient:linear-gradient(135deg, #f472b6 0%, #db2777 100%);--chat-primary-shadow:0 4px 14px #db277740;--chat-send-btn-bg:#db2777;--chat-send-btn-hover:#be185d}html[data-chat-theme=light]{--chat-bg:#f1f5f9;--chat-side-menu-bg:#fff;--chat-header-bg:#fff;--chat-sidebar-bg:#fff;--chat-members-sidebar-bg:#fff;--chat-input-area-bg:#fff;--chat-border:#cbd5e1;--chat-primary-gradient:linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--chat-primary-shadow:0 4px 14px #3b82f633;--chat-send-btn-bg:#2563eb;--chat-send-btn-hover:#1d4ed8;--chat-text-primary:#0f172a;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--card-bg:#fff;--card-bg-subtle:#f8fafc;--border-subtle:#e2e8f0;--chip-bg:#f1f5f9}html[data-chat-theme=light] .chat-layout,html[data-chat-theme=light] .chat-main:not(.chat-welcome-container){color:#0f172a;background:#f1f5f9}html[data-chat-theme=light]:not(:has(.landing-root)) body{color:#0f172a;background:#f1f5f9}html[data-chat-theme=light] .chat-welcome-container{color:#0f172a!important;background:#f8fafc radial-gradient(circle at 50% 35%,#fff 0%,#eef2f6 100%)!important}html[data-chat-theme=light] .chat-welcome-container .hero-title{color:#0f172a!important}html[data-chat-theme=light] .chat-welcome-container .hero-subtitle{color:#475569!important}html[data-chat-theme=light] .chat-welcome-container .feature-card{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 4px 18px #0f172a0d!important}html[data-chat-theme=light] .chat-welcome-container .feature-card:hover{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 10px 24px #0f172a17!important}html[data-chat-theme=light] .chat-welcome-container .card-title{color:#0f172a!important}html[data-chat-theme=light] .chat-welcome-container .card-desc{color:#64748b!important}html[data-chat-theme=light] .chat-welcome-container .status-badge{color:#475569!important;background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 2px 10px #0000000d!important}html[data-chat-theme=light] .chat-welcome-container .bottom-prompt{color:#4338ca!important;background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 4px 14px #0000000d!important}html[data-chat-theme=light] .side-menu,html[data-chat-theme=light] .chat-header,html[data-chat-theme=light] .chat-input-area{color:#0f172a;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}html[data-chat-theme=light] .chat-header h4,html[data-chat-theme=light] .side-menu-nav .nav-link,html[data-chat-theme=light] .chat-header-actions .chat-icon-btn,html[data-chat-theme=light] .chat-input-area .chat-icon-btn,html[data-chat-theme=light] .chat-icon-btn{color:#0f172a!important}html[data-chat-theme=light] .chat-input{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}html[data-chat-theme=light] .chat-input::placeholder{color:#94a3b8!important}html[data-chat-theme=light] .chat-leftsidebar,html[data-chat-theme=light] .chat-members-sidebar{color:#0f172a;background:#fff;border-color:#e2e8f0}html[data-chat-theme=light] label,html[data-chat-theme=light] .form-label,html[data-chat-theme=light] .sender-name-outside,html[data-chat-theme=light] .chat-leftsidebar h1,html[data-chat-theme=light] .chat-leftsidebar h2,html[data-chat-theme=light] .chat-leftsidebar h3,html[data-chat-theme=light] .chat-leftsidebar h4,html[data-chat-theme=light] .chat-leftsidebar h5,html[data-chat-theme=light] .chat-leftsidebar h6,html[data-chat-theme=light] .chat-leftsidebar span,html[data-chat-theme=light] .chat-leftsidebar p,html[data-chat-theme=light] .chat-leftsidebar label,html[data-chat-theme=light] .chat-members-sidebar h1,html[data-chat-theme=light] .chat-members-sidebar h2,html[data-chat-theme=light] .chat-members-sidebar h3,html[data-chat-theme=light] .chat-members-sidebar h4,html[data-chat-theme=light] .chat-members-sidebar h5,html[data-chat-theme=light] .chat-members-sidebar h6,html[data-chat-theme=light] .chat-members-sidebar span,html[data-chat-theme=light] .chat-members-sidebar p,html[data-chat-theme=light] .chat-members-sidebar label,html[data-chat-theme=light] .channel-title,html[data-chat-theme=light] .member-name,html[data-chat-theme=light] .member-item h4,html[data-chat-theme=light] .group-title,html[data-chat-theme=light] .dropdown-menu,html[data-chat-theme=light] .dropdown-item,html[data-chat-theme=light] .user-profile-modal,html[data-chat-theme=light] .action-modal-body,html[data-chat-theme=light] .settings-modal{color:#0f172a!important}html[data-chat-theme=light] .leftsidebar-actions button,html[data-chat-theme=light] .leftsidebar-action-btn{color:#64748b}html[data-chat-theme=light] .leftsidebar-actions button:hover,html[data-chat-theme=light] .leftsidebar-action-btn:hover{color:#0f172a;background:#0000000d}.member-mood-text,html[data-chat-theme=light] .member-mood-text,html[data-chat-theme=light] .chat-members-sidebar .member-mood-text,html[data-chat-theme=light] .chat-leftsidebar .member-mood-text,p.member-mood-text{color:#9194b1!important}html[data-chat-theme=light] .time-outside,html[data-chat-theme=light] .text-muted,html[data-chat-theme=light] .sub-title,html[data-chat-theme=light] .last-message{color:#64748b!important}html[data-chat-theme=light] input:not([type=checkbox]):not([type=radio]),html[data-chat-theme=light] textarea,html[data-chat-theme=light] select{color:#0f172a!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important;border-color:#cbd5e1!important}html[data-chat-theme=light] .message-box.received{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}html[data-chat-theme=light] .message-box.received .message-text{color:#0f172a!important}html[data-chat-theme=light] .message-box.sent{color:#fff;background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 4px 14px #3b82f633}html[data-chat-theme=light] .message-more-btn{color:#334155;background:#fffffff2;border-color:#cbd5e1;box-shadow:0 2px 6px #0000001f}html[data-chat-theme=light] .message-action-menu{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 24px #0000001f}html[data-chat-theme=light] .message-action-item{color:#334155!important}html[data-chat-theme=light] .message-action-item:hover{background:#f1f5f9}html[data-chat-theme=light] .user-profile-modal-card{color:#0f172a!important;background-color:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 25px 60px -15px #0000002e,0 0 0 1px #e2e8f0!important}html[data-chat-theme=light] .user-profile-modal-card h2,html[data-chat-theme=light] .user-profile-modal-card h3,html[data-chat-theme=light] .user-profile-modal-card h4,html[data-chat-theme=light] .profile-identity-badge-row,html[data-chat-theme=light] .profile-identity-usertype{color:#0f172a!important}html[data-chat-theme=light] .user-profile-modal-card .profile-subtab-bar{background-color:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .user-profile-modal-card .profile-subtab-bar button{color:#475569!important}html[data-chat-theme=light] .user-profile-modal-card div[style*=otherProfileInfoRowStyle],html[data-chat-theme=light] .user-profile-modal-card div[style*="borderBottom: '1px solid rgba(255, 255, 255, 0.07)'"],html[data-chat-theme=light] .user-profile-modal-card div[style*="border-bottom: 1px solid rgba(255, 255, 255, 0.07)"]{border-bottom-color:#e2e8f0!important}html[data-chat-theme=light] .user-profile-modal-card span[style*="color: rgb(255, 255, 255)"],html[data-chat-theme=light] .user-profile-modal-card span[style*="color: #ffffff"],html[data-chat-theme=light] .user-profile-modal-card span[style*="color: #fff"]{color:#0f172a!important}html[data-chat-theme=light] .user-profile-modal-card i[style*="color: rgb(255, 255, 255)"],html[data-chat-theme=light] .user-profile-modal-card i[style*="color: #ffffff"],html[data-chat-theme=light] .user-profile-modal-card i[style*="color: #fff"]{color:#6366f1!important}html[data-chat-theme=light] .profile-menu-card-subtitle{color:#64748b!important}html[data-chat-theme=light] .user-profile-modal-card .profile-menu-row-item span,html[data-chat-theme=light] .user-profile-modal-card .profile-menu-row-item div{color:#0f172a!important}html[data-chat-theme=light] .user-profile-modal-card div[style*=popupCardContainerStyle],html[data-chat-theme=light] .user-profile-modal-card div[style*="backgroundColor: rgb(35, 39, 56)"],html[data-chat-theme=light] .user-profile-modal-card div[style*="backgroundColor: #232738"]{background-color:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 16px 40px #0000001f!important}html[data-chat-theme=light] .user-profile-modal-card textarea,html[data-chat-theme=light] .user-profile-modal-card input:not([type=checkbox]):not([type=radio]),html[data-chat-theme=light] .user-profile-modal-card select{color:#0f172a!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#fff!important;border-color:#cbd5e1!important}html[data-chat-theme=light] .user-profile-modal-card div[style*="backgroundColor: rgb(32, 36, 56)"],html[data-chat-theme=light] .user-profile-modal-card div[style*="backgroundColor: #202438"],html[data-chat-theme=light] .user-profile-modal-card div[style*="backgroundColor: rgb(27, 30, 48)"],html[data-chat-theme=light] .user-profile-modal-card div[style*="backgroundColor: #1b1e30"]{color:#0f172a!important;background-color:#fff!important;border:1px solid #cbd5e1!important}html[data-chat-theme=light] .user-profile-modal-card div[style*="backgroundColor: #1b1e30"] div[role=button]{color:#1e293b!important}html[data-chat-theme=light] .user-profile-modal-card div[style*="backgroundColor: #1b1e30"] div[role=button]:hover{background-color:#f1f5f9!important}html[data-chat-theme=light] .user-profile-modal-card div[style*=privacyRowStyle],html[data-chat-theme=light] .user-profile-modal-card div[style*="rgba(255, 255, 255, 0.03)"]{background-color:#f8fafc!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .user-profile-modal-card div[style*=friendCardStyle],html[data-chat-theme=light] .user-profile-modal-card div[style*="backgroundColor: #1f1d36"]{background-color:#fff!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .profile-subview-back-btn{color:#1e293b!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .profile-subview-back-btn:hover{background:#e2e8f0!important}html[data-chat-theme=light] .profile-card,html[data-chat-theme=light] .profile-card .profile-body{background-color:#fff!important;border-color:#e2e8f0!important;box-shadow:0 16px 36px #0000001f!important}html[data-chat-theme=light] .profile-card .profile-menu-item{color:#1e293b!important;border-top:1px solid #f1f5f9!important}html[data-chat-theme=light] .profile-card .profile-menu-item:hover{background-color:#f8fafc!important}html[data-chat-theme=light] .user-action-modal-card{color:#0f172a!important;background-color:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 24px 60px #00000026!important}html[data-chat-theme=light] .user-action-modal-card>div:first-child{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .user-action-modal-card h4{color:#0f172a!important}html[data-chat-theme=light] .user-action-modal-card div[style*="rgba(0, 0, 0, 0.25)"]{background-color:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .user-action-modal-card button[style*="backgroundColor: 'transparent'"],html[data-chat-theme=light] .user-action-modal-card button[style*="color: rgb(148, 163, 184)"],html[data-chat-theme=light] .user-action-modal-card button[style*="color: #94a3b8"]{color:#64748b!important}html[data-chat-theme=light] .user-action-modal-card div[role=button],html[data-chat-theme=light] .user-action-modal-card div[style*="cursor: pointer"]{color:#1e293b!important;background-color:#f8fafc!important;border-color:#e2e8f0!important}html[data-chat-theme=light] .user-action-modal-card div[role=button]:hover,html[data-chat-theme=light] .user-action-modal-card div[style*="cursor: pointer"]:hover{background-color:#f1f5f9!important}html[data-chat-theme=light] .group-crud-modal-card{color:#0f172a!important;background-color:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 20px 50px #00000026!important}html[data-chat-theme=light] .group-crud-header{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .group-crud-header h4{color:#0f172a!important}html[data-chat-theme=light] .group-crud-header button{color:#64748b!important}html[data-chat-theme=light] .group-crud-modal-card label{color:#334155!important}html[data-chat-theme=light] .group-crud-modal-card input,html[data-chat-theme=light] .group-crud-modal-card textarea,html[data-chat-theme=light] .group-crud-modal-card select{color:#0f172a!important;background-color:#fff!important;border:1px solid #cbd5e1!important}html[data-chat-theme=light] .theme-select-modal-content{background-color:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 20px 50px #00000026!important}html[data-chat-theme=light] .theme-select-modal-content>div:first-child{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .theme-select-modal-content h3{color:#0f172a!important}html[data-chat-theme=light] .theme-select-modal-content p{color:#64748b!important}html[data-chat-theme=light] .theme-select-modal-content button[type=button]{color:#64748b!important;background:#f1f5f9!important}html[data-chat-theme=light] .theme-select-modal-content button[type=button]:hover{color:#0f172a!important;background:#e2e8f0!important}html[data-chat-theme=light] .direct-message-popup-window{background-color:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 12px 36px #00000026!important}html[data-chat-theme=light] .direct-message-popup-header{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .direct-message-popup-header span{color:#0f172a!important}html[data-chat-theme=light] .direct-message-popup-header button{color:#64748b!important}html[data-chat-theme=light] .direct-message-popup-header button:hover{color:#0f172a!important}html[data-chat-theme=light] .emoji-picker-container{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 16px 40px #00000026!important}html[data-chat-theme=light] .emoji-picker-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .emoji-picker-search-bar{color:#64748b!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}html[data-chat-theme=light] .emoji-picker-search-bar input{color:#0f172a!important}html[data-chat-theme=light] .emoji-picker-body{background:#fff!important}html[data-chat-theme=light] .profile-dropdown-menu{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 12px 32px #00000026!important}html[data-chat-theme=light] .profile-user-card{background:#f8fafc!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .profile-user-card-name{color:#0f172a!important}html[data-chat-theme=light] .profile-user-card-rank,html[data-chat-theme=light] .profile-user-card-usertype{color:#475569!important}html[data-chat-theme=light] .profile-user-card-edit{color:#6366f1!important}html[data-chat-theme=light] .status-picker-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 12px 32px #00000026!important}html[data-chat-theme=light] .status-picker-header{color:#64748b!important}html[data-chat-theme=light] .status-picker-option{color:#1e293b!important}html[data-chat-theme=light] .status-picker-option:hover{background:#f1f5f9!important}html[data-chat-theme=light] .dropdown-item{color:#1e293b!important}html[data-chat-theme=light] .dropdown-item:hover{color:#0f172a!important;background:#f8fafc!important}html[data-chat-theme=light] .dropdown-divider{border-top:1px solid #e2e8f0!important}html[data-chat-theme=light] .watch-party-dropdown-menu{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 16px 40px #00000026!important}html[data-chat-theme=light] .watch-party-dropdown-menu>div:first-child{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .watch-party-dropdown-menu h4{color:#0f172a!important}html[data-chat-theme=light] .watch-party-dropdown-menu button:not(.close-btn):not(.watch-party-card-btn):not(.watch-party-delete-btn){color:#64748b!important}html[data-chat-theme=light] .floating-video-player,html[data-chat-theme=light] .group-watch-party-player{background-color:#fff!important;border-color:#cbd5e1!important;box-shadow:0 16px 40px #00000026!important}html[data-chat-theme=light] .floating-video-player>div:first-child,html[data-chat-theme=light] .group-watch-party-player>div:first-child{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .floating-video-player span,html[data-chat-theme=light] .group-watch-party-player span{color:#0f172a!important}html[data-chat-theme=light] .search-box{background:#f1f5f9!important;border:1px solid #cbd5e1!important}html[data-chat-theme=light] .search-box input{color:#0f172a!important}html[data-chat-theme=light] .search-box i,html[data-chat-theme=light] .search-box input::placeholder{color:#94a3b8!important}html[data-chat-theme=light] .group-item{border-bottom:1px solid #f1f5f9!important}html[data-chat-theme=light] .group-item:hover{background:#f8fafc!important}html[data-chat-theme=light] .group-item.active{background:#e2e8f0!important}html[data-chat-theme=light] .group-name{color:#0f172a!important}html[data-chat-theme=light] .group-description{color:#64748b!important}html[data-chat-theme=light] .group-image-box{background-color:#f1f5f9!important}html[data-chat-theme=light] .group-meta-left,html[data-chat-theme=light] .globe-icon,html[data-chat-theme=light] .group-created-by{color:#64748b!important}html[data-chat-theme=light] .count-badge{color:#475569!important;background-color:#f1f5f9!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .chat-list-item{border-bottom:1px solid #f1f5f9!important}html[data-chat-theme=light] .chat-list-item:hover{background:#f8fafc!important}html[data-chat-theme=light] .chat-list-item .username{color:#0f172a!important}html[data-chat-theme=light] .chat-remove-btn:hover{color:#ef4444!important}html[data-chat-theme=light] .notification-pane h4,html[data-chat-theme=light] .notification-pane h5,html[data-chat-theme=light] .notification-item h5,html[data-chat-theme=light] .notification-title{color:#0f172a!important}html[data-chat-theme=light] .notification-sender-name{color:#0f172a!important;font-weight:600!important}html[data-chat-theme=light] .notification-desc-text{color:#475569!important}html[data-chat-theme=light] .notification-gold-text{color:#d97706!important;font-weight:600!important}html[data-chat-theme=light] .notification-time-text,html[data-chat-theme=light] .notification-close-btn{color:#64748b!important}html[data-chat-theme=light] .notification-close-btn:hover{color:#0f172a!important;background:#0000000d!important}html[data-chat-theme=light] .notification-item{border-bottom:1px solid #f1f5f9!important}html[data-chat-theme=light] .notification-item.unread{background-color:#6366f10f!important}html[data-chat-theme=light] .notification-item.read{background-color:#0000!important}html[data-chat-theme=light] .notification-item:hover{background:#f8fafc!important}html[data-chat-theme=light] .notification-empty-message{color:#64748b!important}html[data-chat-theme=light] .chat-leftsidebar.notification-active{background-color:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014!important}html[data-chat-theme=light] .chat-reply-banner{color:#0f172a!important;background:#f1f5f9!important;border-left-color:#f59e0b!important}html[data-chat-theme=light] .chat-members-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .chat-members-tab-btn{color:#64748b!important}html[data-chat-theme=light] .chat-members-tab-btn:hover,html[data-chat-theme=light] .chat-members-tab-btn.active{color:#0f172a!important;background:#e2e8f0!important}html[data-chat-theme=light] .common-user-item:hover{background:#f1f5f9!important}html[data-chat-theme=light] .common-user-item .user-item-name{color:#0f172a!important}html[data-chat-theme=light] .common-user-item.offline .user-item-name,html[data-chat-theme=light] .common-user-item .user-item-subtext{color:#64748b!important}html[data-chat-theme=light] .user-list-section-title{color:#0f172a!important}html[data-chat-theme=light] .user-list-section-header.section-offline .user-list-section-title{color:#64748b!important}html[data-chat-theme=light] .user-list-section-badge.badge-offline{color:#64748b!important;background-color:#e2e8f0!important}html[data-chat-theme=light] .chat-members-search-panel{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .search-panel-label{color:#0f172a!important}html[data-chat-theme=light] .search-panel-input,html[data-chat-theme=light] .search-dropdown-trigger{color:#0f172a!important;background-color:#fff!important;border:1px solid #cbd5e1!important}html[data-chat-theme=light] .search-dropdown-menu{background-color:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 8px 24px #0000001a!important}html[data-chat-theme=light] .search-dropdown-option{color:#334155!important}html[data-chat-theme=light] .search-dropdown-option:hover{color:#0f172a!important;background-color:#f1f5f9!important}html[data-chat-theme=light] .search-dropdown-option.active{color:#0f172a!important;background-color:#e2e8f0!important}@media (width<=768px){.chat-leftsidebar{width:100%}.chat-members-sidebar{z-index:1050;width:min(88vw,320px);display:flex}.mobile-composer-menu-wrap{display:block;position:relative}.mobile-composer-menu-btn{color:#a7a9be;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:44px;padding:0;font-size:22px;display:grid}.mobile-composer-menu{background:#201e33;border:1px solid #ffffff1a;border-radius:10px;width:150px;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 12px 28px #00000059}.mobile-composer-menu button{color:#e4e4e7;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px;display:flex}.mobile-composer-menu button:hover{background:#ffffff14}}.chat-user-img>span:not(.user-status){color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:50%;place-items:center;width:100%;height:100%;font-size:15px;font-weight:700;display:grid}.chat-user-img.group-chat-img>span:not(.user-status){color:#c4b5fd;background:#8b5cf633;border-radius:12px}.chat-list-primary{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.recent-chat-item{min-height:auto;background:0 0!important;border-radius:8px!important;margin-bottom:2px!important;padding:8px 12px!important}.recent-chat-item:hover,.recent-chat-item.active{background:#ffffff0d!important;transform:none!important}.recent-chat-item .username{color:var(--chat-text-primary,#fffffe)!important;margin:0!important;font-size:14px!important;font-weight:500!important}.chat-remove-btn{width:24px;height:24px;color:var(--chat-subtext,#a7a9be);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .2s,background .2s;display:grid}html[data-chat-theme=light] .chat-remove-btn{color:#64748b}html[data-chat-theme=light] .chat-remove-btn:hover{background:#0000000f;color:#ef4444!important}.mobile-sidebar-toggle{display:none}.chat-leftsidebar .leftsidebar-scroll{box-sizing:border-box;padding:12px 16px 20px}.chat-leftsidebar .leftsidebar-scroll .simplebar-content,.chat-leftsidebar .leftsidebar-scroll .chat-list{box-sizing:border-box;width:100%;min-width:0;margin:0!important;padding:0!important}.chat-leftsidebar .leftsidebar-scroll .chat-list-item{box-sizing:border-box;width:100%;margin:0!important}@media (width<=768px){.mobile-sidebar-toggle{color:#e4e4e7;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:42px;height:42px;margin-left:auto;font-size:25px;display:grid}.mobile-sidebar-toggle:hover{color:#c4b5fd;background:#8b5cf626}}html[data-chat-theme=light] .chat-reply-quote{color:#0f172a!important;background:#0000000d!important}html[data-chat-theme=light] .chat-reply-quote:hover{background:#00000017!important}html[data-chat-theme=light] .chat-reply-quote-media-wrap,html[data-chat-theme=light] .chat-reply-banner-media-wrap{background:#00000014!important;border-color:#0000001a!important}html[data-chat-theme=light] .reply-yt-embed{border:1px solid #00000026!important;box-shadow:0 1px 4px #0000001a!important}html[data-chat-theme=light] .reply-yt-embed:hover{border-color:#dc262699!important;box-shadow:0 2px 8px #dc262640!important}html[data-chat-theme=light] .mention-highlight{color:#854d0e!important;box-shadow:none!important;background:#fef08a!important;border:none!important}html[data-chat-theme=light] .message-box.received.message-mentioned,html[data-chat-theme=light] .message-box.sent.message-mentioned{box-shadow:none!important;border-left:none!important}html[data-chat-theme=light] .chat-extra-menu{background:#fffffffa;border:1px solid #0000001f;box-shadow:0 8px 24px #00000026}html[data-chat-theme=light] .chat-extra-icon-btn{color:#1e293b}html[data-chat-theme=light] .chat-extra-icon-btn:hover{background:#00000014}html[data-chat-theme=light] .chat-extra-menu-item{color:#1e293b}html[data-chat-theme=light] .chat-extra-menu-item:hover{background:#0000000f}html[data-chat-theme=light] .user-profile-modal-card.gif-picker-modal-card,html[data-chat-theme=light] .gif-picker-modal-card{color:#0f172a!important;background-color:#fff!important;border:1px solid #00000014!important;box-shadow:0 25px 60px -15px #00000040!important}html[data-chat-theme=light] .gif-modal-header{border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .gif-modal-title{color:#0f172a!important}html[data-chat-theme=light] .gif-modal-subtitle{color:#64748b!important}html[data-chat-theme=light] .gif-modal-search-bar{color:#0f172a!important;background:#f1f5f9!important;border-color:#cbd5e1!important}html[data-chat-theme=light] .gif-modal-search-bar:focus-within{background:#fff!important;border-color:#0284c7!important;box-shadow:0 0 0 2px #0284c733!important}html[data-chat-theme=light] .gif-modal-search-bar input{color:#0f172a!important}html[data-chat-theme=light] .gif-modal-search-bar input::placeholder{color:#94a3b8!important}html[data-chat-theme=light] .gif-search-clear-btn{color:#64748b!important}html[data-chat-theme=light] .gif-search-clear-btn:hover{color:#0f172a!important}html[data-chat-theme=light] .gif-search-submit-btn{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important}html[data-chat-theme=light] .gif-grid-item-btn{background:#f1f5f9!important}html[data-chat-theme=light] .gif-modal-footer{color:#64748b!important;background:#f8fafc!important;border-top:1px solid #e2e8f0!important}.theme-label-primary,.theme-text-primary{color:var(--text-primary)!important}.theme-label-secondary,.theme-text-secondary{color:var(--text-secondary)!important}.theme-label-muted,.theme-text-muted{color:var(--text-muted)!important}.theme-card-bg{background-color:var(--card-bg)!important;color:var(--text-primary)!important}.theme-chip{background-color:var(--chip-bg)!important;color:var(--text-secondary)!important;border:1px solid var(--border-subtle)!important}.btn.active,.btn.active *,.reports-icon-tab-btn.active,.reports-icon-tab-btn.active *,html[data-chat-theme=light] .reports-icon-tab-btn.active,html[data-chat-theme=light] .reports-icon-tab-btn.active *{color:#fff!important;fill:#fff!important}html[data-chat-theme=light] .user-action-modal-card,html[data-chat-theme=light] .reports-dashboard-card,html[data-chat-theme=light] .report-modal-card,html[data-chat-theme=light] .report-item-card{color:#0f172a!important;background-color:#fff!important;border-color:#e2e8f0!important}html[data-chat-theme=light] .reported-username,html[data-chat-theme=light] .reports-header-title{color:#0f172a!important}html[data-chat-theme=light] .reporter-meta,html[data-chat-theme=light] .report-time-ago,html[data-chat-theme=light] .resolved-reason,html[data-chat-theme=light] .report-remarks-box{color:#64748b!important}html[data-chat-theme=light] .violation-chip-subtype,html[data-chat-theme=light] .report-target-badge,html[data-chat-theme=light] .report-group-badge{color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}:root,html[data-chat-theme=violet]{--skeleton-bg:#ffffff14;--skeleton-shimmer-color:#a78bfa38;--skeleton-sent-bg:#8b5cf659;--skeleton-border:#ffffff14;--skeleton-border-radius:6px}html[data-chat-theme=midnight]{--skeleton-bg:#0ea5e91a;--skeleton-shimmer-color:#38bdf840;--skeleton-sent-bg:#2563eb59;--skeleton-border:#38bdf81f}html[data-chat-theme=amber]{--skeleton-bg:#f59e0b1a;--skeleton-shimmer-color:#fbbf2440;--skeleton-sent-bg:#ea580c59;--skeleton-border:#f59e0b1f}html[data-chat-theme=ocean]{--skeleton-bg:#06b6d41a;--skeleton-shimmer-color:#22d3ee40;--skeleton-sent-bg:#06b6d459;--skeleton-border:#06b6d41f}html[data-chat-theme=monochrome]{--skeleton-bg:#ffffff12;--skeleton-shimmer-color:#ffffff2e;--skeleton-sent-bg:#fff3;--skeleton-border:#ffffff14}html[data-chat-theme=purple]{--skeleton-bg:#c084fc1a;--skeleton-shimmer-color:#d8b4fe40;--skeleton-sent-bg:#a855f759;--skeleton-border:#c084fc1f}html[data-chat-theme=emerald]{--skeleton-bg:#10b9811a;--skeleton-shimmer-color:#34d39940;--skeleton-sent-bg:#10b98159;--skeleton-border:#10b9811f}html[data-chat-theme=rose]{--skeleton-bg:#f472b61a;--skeleton-shimmer-color:#f472b640;--skeleton-sent-bg:#ec489959;--skeleton-border:#f472b61f}html[data-chat-theme=light]{--skeleton-bg:#e2e8f0;--skeleton-shimmer-color:#ffffffbf;--skeleton-sent-bg:#3b82f640;--skeleton-border:#e2e8f0}.skeleton{border-radius:var(--skeleton-border-radius,6px);box-shadow:none;position:relative;overflow:hidden;background:var(--skeleton-bg,#ffffff14)!important}.skeleton:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--skeleton-shimmer-color,#ffffff2e) 50%, transparent 100%);width:100%;height:100%;animation:1.5s ease-in-out infinite skeleton-shimmer;display:block;position:absolute;top:0;left:0}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-sent{background:var(--skeleton-sent-bg,#8b5cf659)!important}.chat-skeleton-main{background:inherit!important;color:inherit!important}.skeleton-text{width:80%;height:12px;margin-bottom:8px}.skeleton-text.short{width:40%;margin-bottom:0}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px}.skeleton-item{align-items:center;gap:16px;padding:16px 24px;display:flex}.skeleton-content{flex-direction:column;flex:1;gap:6px;display:flex}.skeleton-rect{height:20px;margin-bottom:8px}.skeleton-rect-full{width:100%;height:16px;margin-bottom:4px}.skeleton-circle{border-radius:50%}.skeleton-rect-small{height:12px;margin-top:4px;margin-bottom:4px}.skeleton-text{width:100%;height:16px}.skeleton-image-box{vertical-align:middle;border-radius:5px;width:80px;height:55px;margin-right:10px}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}.message-content{max-width:72%}.message-more-btn{color:#fff;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;z-index:10;background:#0f0e17bf;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;transition:opacity .2s,visibility .2s,background .15s,transform .15s;display:flex;position:absolute;top:8px;right:-32px}.message-wrapper:hover .message-more-btn,.message-box:hover .message-more-btn,.message-more-btn.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.message-more-btn:hover{background:#000000e6;border-color:#fff6;transform:scale(1.05)}.message-box.sent .message-more-btn{left:-32px;right:auto}.message-wrapper.menu-active{z-index:1000!important}.message-action-menu{z-index:1000;background:#1e1e2d;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;min-width:110px;padding:4px;display:flex;position:absolute;top:8px;right:-130px;box-shadow:0 8px 24px #00000080}.message-box.sent .message-action-menu{left:-130px;right:auto}.message-action-menu.overlap{right:0!important}.message-box.sent .message-action-menu.overlap{left:0!important;right:auto!important}.message-action-menu.open-upward,.message-box.sent .message-action-menu.open-upward{margin-bottom:6px!important;top:auto!important;bottom:100%!important}.message-action-menu.overlap.open-upward,.message-box.sent .message-action-menu.overlap.open-upward{margin-bottom:0!important;top:auto!important;bottom:calc(100% + 4px)!important}.message-action-item{color:#d1d5db;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.message-action-item:hover{color:#fff;background:#ffffff14}.message-action-item.delete-item:hover{color:#ef4444;background:#ef44442e}.message-action-item.report-item:hover{color:#f59e0b;background:#f59e0b2e}.whatsapp-media-wrap{background:0 0;border-radius:8px;max-width:150px;margin-bottom:2px;position:relative;overflow:hidden;border:none!important;outline:none!important;padding:0!important}.whatsapp-media-element{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;max-width:150px;max-height:150px;transition:transform .2s,filter .2s;display:block;border:none!important;outline:none!important}.whatsapp-media-element:hover{filter:brightness(.92)}.message-box.has-media-only{background:#ffffff0a;padding:2px!important}.message-box.sent.has-media-only{background:linear-gradient(135deg,#8b5cf666 0%,#6d28d966 100%)}.message-box.has-media-only .time{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:8px;margin:0;padding:1px 5px;font-size:9px;position:absolute;bottom:6px;right:8px}.fullscreen-image-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#000000e0;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.2s ease-out fadeInModal;display:flex;position:fixed;top:0;left:0}.fullscreen-image-close-btn{z-index:100000;position:absolute;top:20px;right:20px}.fullscreen-image-container{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.fullscreen-image-content{object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 12px 40px #000000a6}@keyframes fadeInModal{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.member-item.offline{transition:opacity .2s,background .2s;opacity:.55!important}.member-item.offline:hover{background:#ffffff0f;opacity:1!important}.chat-youtube-card{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0f0e17;border:1px solid #ffffff1f;border-radius:12px;width:100%;max-width:240px;margin-top:8px;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden;box-shadow:0 4px 16px #00000073}.chat-youtube-card:hover{border-color:#ef444480;transform:translateY(-2px);box-shadow:0 8px 24px #ef444440,0 4px 16px #0009}.chat-youtube-thumb-wrap{aspect-ratio:16/9;background-color:#000;width:100%;position:relative;overflow:hidden}.chat-youtube-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s,filter .3s}.chat-youtube-card:hover .chat-youtube-thumb{filter:brightness(.92);transform:scale(1.05)}.chat-youtube-overlay{pointer-events:none;background:radial-gradient(circle,#00000026 0%,#00000080 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chat-youtube-play-btn{color:#fff;background-color:#ef4444;border-radius:10px;justify-content:center;align-items:center;width:52px;height:36px;font-size:26px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s;display:flex;box-shadow:0 4px 14px #ef4444b3}.chat-youtube-card:hover .chat-youtube-play-btn{background-color:#dc2626;transform:scale(1.18);box-shadow:0 6px 20px #ef4444e6}.chat-youtube-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4f4f5;letter-spacing:.3px;background:#0f0e17e0;border:1px solid #ffffff1f;border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:8px;right:8px}.mobile-minimized-yt-btn div,.side-menu-nav .nav-item[title*=YouTube] div{animation:2.5s ease-in-out infinite ytGlowPulse}@keyframes ytGlowPulse{0%,to{box-shadow:0 0 8px 1px #ef444480}50%{box-shadow:0 0 16px 4px #ef4444d9}}.member-item.offline:hover h4{color:#fff!important}.watch-party-header-join-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ef44442e 0%,#8b5cf638 100%);border:1px solid #ef444480;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 10px #ef444440}.watch-party-header-join-btn:hover{background:linear-gradient(135deg,#ef444459 0%,#8b5cf666 100%);border-color:#ef4444;transform:translateY(-1px)scale(1.02);box-shadow:0 4px 16px #ef444473}.watch-party-header-join-btn:active{transform:translateY(0)scale(.98)}.watch-party-in-party-pill{color:#10b981;-webkit-user-select:none;user-select:none;background:#10b9811f;border:1px solid #10b98159;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.watch-party-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite watchPartyLivePulse;box-shadow:0 0 #10b981b3}@keyframes watchPartyLivePulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.watch-party-leave-header-btn{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444447;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:all .2s;display:inline-flex}.watch-party-leave-header-btn:hover{color:#fff;background:#ef4444d9;border-color:#ef4444;transform:scale(1.06)}.watch-party-dropdown-toggle{color:#e4e4e7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-size:13px;transition:all .2s;display:inline-flex}.watch-party-dropdown-toggle:hover,.watch-party-dropdown-toggle.active{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.watch-party-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.mobile-watch-party-header-widget{align-items:center;gap:6px;display:flex}.watch-party-mobile-join-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef444440 0%,#8b5cf640 100%);border:1px solid #ef44448c;border-radius:16px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #ef444440}.watch-party-mobile-join-btn:active{transform:scale(.96)}.watch-party-mobile-leave-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:inline-flex}.watch-party-dropdown-toggle.mobile{padding:5px 8px;font-size:14px}.message-action-item.watch-together-item{color:#fca5a5;font-weight:600}.message-action-item.watch-together-item:hover{color:#ef4444;background:#ef44442e}@keyframes partyMinPulse{0%,to{box-shadow:0 0 8px 1px #8b5cf699}50%{box-shadow:0 0 18px 4px #8b5cf6f2}}.watch-party-iframe-wrapper{width:100%!important;height:100%!important;position:relative!important;overflow:hidden!important}.watch-party-iframe-wrapper iframe,.floating-watch-party-player iframe{border:none!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.watch-party-header-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ef444438 0%,#8b5cf63d 100%);border:1px solid #ef444480;border-radius:20px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;font-weight:600;line-height:1.2;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 10px #ef444440}.watch-party-header-btn:hover,.watch-party-header-btn.active{background:linear-gradient(135deg,#ef444461 0%,#8b5cf66b 100%);border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 16px #ef444473}.watch-party-header-btn:active{transform:translateY(0)scale(.98)}@media (width<=768px){.watch-party-header-btn{gap:5px;padding:4px 10px;font-size:12px}}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.watch-party-dropdown-menu:not(.watch-party-modal){animation:.2s cubic-bezier(.16,1,.3,1) fadeInDropdown}.watch-party-mobile-backdrop{animation:.2s ease-out fadeInBackdrop}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.swipe-reply-indicator{color:#fff;pointer-events:none;z-index:5;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-top:-16px;font-size:16px;transition:opacity .1s;display:flex;position:absolute;top:50%;left:8px;box-shadow:0 4px 12px #00000073}.chat-reply-quote{cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000038;border-left:4px solid #f59e0b;border-radius:6px;flex-direction:column;align-items:flex-start;gap:3px;max-width:100%;margin-bottom:5px;padding:5px 8px;font-size:.8rem;transition:background .15s;display:flex}.chat-reply-quote:hover{background:#00000052}.chat-reply-quote-body{flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-width:0;display:flex}.chat-reply-quote-sender{color:#f59e0b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.78rem;font-weight:700;overflow:hidden}.chat-reply-quote-text{color:inherit;opacity:.88;word-break:break-word;white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.25;display:-webkit-box;overflow:hidden}.chat-reply-quote-media-wrap{background:#00000040;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:54px;margin-top:3px;display:flex;position:relative;overflow:hidden}.reply-media-thumb{object-fit:contain;width:100%;height:100%;display:block}.reply-media-video-container{width:100%;height:100%;position:relative}.reply-video-badge{color:#fff;background:#0006;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.chat-reply-banner-media-wrap{background:#00000040;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:46px;margin-top:4px;display:flex;overflow:hidden}.reply-yt-embed{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff26;border-radius:6px;align-items:center;width:fit-content;margin-top:3px;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex;overflow:hidden;box-shadow:0 2px 6px #0000004d}.reply-yt-embed:hover{border-color:#ef4444b3;transform:translateY(-1px);box-shadow:0 3px 10px #ef44444d}.reply-yt-thumb-wrap{background:#000;border-radius:5px;flex-shrink:0;width:88px;height:52px;position:relative;overflow:hidden}.reply-yt-thumb{object-fit:cover;border-radius:5px;width:100%;height:100%;display:block}.reply-yt-play-overlay{color:#fff;background:#00000059;justify-content:center;align-items:center;font-size:18px;transition:background .15s;display:flex;position:absolute;inset:0}.reply-yt-embed:hover .reply-yt-play-overlay{background:#dc2626bf}.reply-yt-info{display:none!important}.mention-highlight{color:#fbbf24!important;font-weight:600!important;line-height:inherit!important;box-shadow:none!important;background:#f59e0b47!important;border:none!important;border-radius:4px!important;padding:1px 5px!important;display:inline!important}.message-box.received.message-mentioned,.message-box.sent.message-mentioned{background:inherit;box-shadow:none;border-left:none!important}@keyframes flashTargetMessage{0%{transform:scale(1);box-shadow:0 0 0 2px #f59e0b}50%{transform:scale(1.02);box-shadow:0 0 15px #f59e0b99}to{box-shadow:none;transform:scale(1)}}.message-flash-target{animation:1.2s ease-out flashTargetMessage}.player-resize-handle{cursor:nwse-resize;z-index:70;color:#ffffffa6;touch-action:none;background:#0000008c;border-top-left-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:color .15s,background .15s;display:flex;position:absolute;bottom:0;right:0}.player-resize-handle:hover,.player-resize-handle:active{color:#fff;background:#8b5cf6d9}@media (width<=768px){.message-content{max-width:calc(100% - 85px)!important}.message-more-btn{background:#0f0e17d9;opacity:0!important;visibility:hidden!important;pointer-events:none!important;top:8px!important;left:auto!important;right:-30px!important}.message-wrapper:hover .message-more-btn,.message-box:hover .message-more-btn,.message-wrapper:active .message-more-btn,.message-box:active .message-more-btn,.message-more-btn.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.message-box.sent .message-more-btn{top:8px!important;left:-30px!important;right:auto!important}.message-action-menu{top:8px!important;left:auto!important;right:-115px!important}.message-box.sent .message-action-menu{top:8px!important;left:-115px!important;right:auto!important}.message-action-menu.overlap{top:32px!important;left:auto!important;right:0!important}.message-box.sent .message-action-menu.overlap{top:32px!important;left:0!important;right:auto!important}.message-action-menu.open-upward,.message-box.sent .message-action-menu.open-upward,.message-action-menu.overlap.open-upward,.message-box.sent .message-action-menu.overlap.open-upward{top:auto!important;bottom:calc(100% + 6px)!important}.floating-video-window,.floating-watch-party-player{touch-action:none;border-radius:14px;margin:0}}.theme-grid-container{grid-template-columns:repeat(2,1fr);gap:14px;padding:8px 4px 16px;display:grid}@media (width<=768px){.theme-grid-container{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:6px 2px 14px!important}.theme-select-modal-content{max-width:95vw!important;margin:8px auto!important}.theme-card-header{padding:6px 8px!important;font-size:11px!important}.theme-card-body{gap:4px!important;padding:6px 8px!important}.theme-mock-row{margin-bottom:2px!important}.theme-mock-avatar{width:16px!important;height:16px!important;font-size:9px!important}.theme-mock-author{font-size:10px!important}.theme-mock-text{font-size:8.5px!important}.theme-color-pill{width:10px!important;height:10px!important}}.theme-preview-card{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #ffffff14;border-radius:12px;flex-direction:column;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.theme-preview-card:hover{border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.theme-preview-card.active{border-color:#8b5cf6!important;box-shadow:0 0 0 2px #8b5cf680,0 8px 24px #0006!important}.theme-card-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.theme-card-header-left{align-items:center;gap:8px;display:flex}.theme-card-header-right{opacity:.8;align-items:center;gap:8px;font-size:13px;display:flex}.theme-card-body{flex-direction:column;gap:6px;min-height:125px;padding:10px 12px;display:flex;position:relative}.theme-mock-row{align-items:flex-start;gap:8px;font-size:11px;line-height:1.25;display:flex}.theme-mock-avatar{color:#fff;background:#ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;overflow:hidden}.theme-mock-avatar img{object-fit:cover;width:100%;height:100%}.theme-mock-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.theme-mock-author{opacity:.95;font-size:10.5px;font-weight:700}.theme-mock-text{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.theme-card-footer{justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:6px;display:flex}.theme-card-author-tag{opacity:.7;font-size:9.5px}.theme-card-pills{align-items:center;gap:3px;margin-left:auto;display:flex}.theme-color-pill{border-radius:4px;width:18px;height:14px;box-shadow:0 1px 3px #0000004d}.theme-active-indicator{color:#fff;background:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0006}.profile-user-card{background:#1e2230;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex;position:relative}.profile-user-card-avatar{border-radius:10px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.profile-user-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.profile-user-card-rank{color:#fff;align-items:center;gap:5px;margin-bottom:2px;font-size:12px;font-weight:600;display:flex}.profile-user-card-rank .user-badges-group{flex-shrink:0;align-items:center;display:inline-flex}.profile-user-card-rank .role-superadmin i{color:#eab308!important}.profile-user-card-rank .user-badge-default{color:#a7a9be!important;font-size:14px!important}.profile-user-card-usertype{color:#cbd5e1;letter-spacing:.01em;font-size:12px;font-weight:600}.profile-user-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}.profile-user-card-edit{color:#94a3b8;cursor:pointer;margin-top:2px;font-size:12px;text-decoration:none;display:inline-block}.profile-user-card-edit:hover{color:#cbd5e1}.profile-card-status-btn{cursor:pointer;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;font-size:10px;transition:transform .15s,filter .15s;display:flex;box-shadow:0 2px 8px #0000004d}.profile-card-status-btn:hover{filter:brightness(1.15);transform:scale(1.08)}.profile-card-status-btn.status-online{color:#fff;background:#22c55e}.profile-card-status-btn.status-away{color:#fff;background:#f59e0b}.profile-card-status-btn.status-busy{color:#fff;background:#ef4444}.profile-card-status-btn.status-stay{color:#fff;background:#ea580c}.status-picker-dropdown{z-index:1000;background:#252a38;border:1px solid #ffffff1f;border-radius:12px;width:170px;margin-top:6px;padding:6px 0;position:absolute;top:100%;right:0;box-shadow:0 12px 32px #0009}.status-picker-header{color:#fff;border-bottom:1px solid #ffffff14;margin-bottom:4px;padding:8px 14px 6px;font-size:13.5px;font-weight:700}.status-picker-option{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:8px 14px;font-size:13.5px;font-weight:500;transition:background .12s;display:flex}.status-picker-option:hover{color:#fff;background:#ffffff14}.status-picker-option.active{color:#fff;background:#8b5cf633}.status-icon-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;font-size:10px;display:flex}.status-icon-badge.status-online{background:#22c55e}.status-icon-badge.status-away{background:#f59e0b}.status-icon-badge.status-busy{background:#ef4444}.status-icon-badge.status-stay{background:#ea580c;font-size:13px}.avatar-status-badge{color:#fff;z-index:2;border:1px solid #0009;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:9px;display:flex;position:absolute;bottom:-2px;left:-2px}.avatar-status-badge.status-online{background-color:#22c55e;box-shadow:0 0 4px #22c55e99}.avatar-status-badge.status-away{background-color:#f59e0b;box-shadow:0 0 4px #f59e0b99}.avatar-status-badge.status-busy{background-color:#ef4444;box-shadow:0 0 4px #ef444499}.avatar-status-badge.status-stay{background-color:#ea580c;font-size:9px;box-shadow:0 0 4px #ea580c99}.chat-icon-btn.active{box-shadow:0 0 8px #a855f766;color:#a855f7!important;background:#a855f733!important}@keyframes popInScale{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.emoji-picker-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;background:#141126fa;border:1px solid #8b5cf64d;border-radius:16px;flex-direction:column;width:340px;max-width:calc(100vw - 24px);margin-bottom:8px;animation:.18s cubic-bezier(.16,1,.3,1) popInScale;display:flex;position:absolute;bottom:100%;left:12px;overflow:hidden;box-shadow:0 16px 40px #000c,0 0 14px #8b5cf633}.emoji-picker-header{background:#ffffff0a;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.emoji-category-tabs{scrollbar-width:none;align-items:center;gap:4px;display:flex;overflow-x:auto}.emoji-category-tabs::-webkit-scrollbar{display:none}.emoji-cat-btn{cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:1.2rem;transition:background .15s,transform .12s}.emoji-cat-btn:hover{opacity:1;background:#ffffff1a;transform:scale(1.15)}.emoji-cat-btn.active{opacity:1;background:#8b5cf640;box-shadow:0 0 8px #8b5cf666}.emoji-picker-search-bar{color:#94a3b8;background:#00000059;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;margin:8px 12px 4px;padding:6px 10px;display:flex}.emoji-picker-search-bar input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.emoji-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.emoji-picker-body{scrollbar-width:thin;max-height:240px;padding:8px 12px 12px;overflow-y:auto}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.emoji-item-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 2px;font-size:1.35rem;transition:transform .12s,background .12s;display:flex}.emoji-item-btn:hover{background:#ffffff1f;transform:scale(1.22)}.emoji-empty-hint{text-align:center;color:#64748b;grid-column:1/-1;padding:24px;font-size:.85rem}.stickers-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 0;display:grid}.sticker-item-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:transform .15s,background .15s,border-color .15s;display:flex}.sticker-item-btn:hover{background:#8b5cf626;border-color:#8b5cf666;transform:translateY(-2px)scale(1.04)}.sticker-item-btn img{object-fit:contain;border-radius:6px;width:64px;height:64px}.sticker-item-btn span{color:#cbd5e1;font-size:.72rem;font-weight:500}.profile-modal-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:20px;line-height:1;transition:transform .15s,color .15s,background .15s;display:inline-flex}.profile-modal-close-btn:hover{color:#ef4444;background:0 0;transform:none;box-shadow:none!important}.profile-header-round-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#ffffff38;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:transform .15s,background .15s;display:inline-flex}.profile-header-round-btn:hover{background-color:#ffffff59;transform:scale(1.08)}.profile-header-bare-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:transform .15s,background .15s;display:inline-flex}.profile-header-bare-btn:hover{background-color:#ffffff26;transform:scale(1.08)}.profile-subview-back-btn{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.profile-subview-back-btn:hover{color:#fff;background:#ffffff29;border-color:#ffffff47;transform:translate(-2px)}.profile-modal-toast{z-index:999;color:#fff;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.16,1,.3,1) profileToastSlideDown;display:flex;position:absolute;top:10px;left:12px;right:12px;overflow:hidden;box-shadow:0 10px 30px #0000008c}.profile-modal-toast.success{background:#10b981f2;border:1px solid #34d39966}.profile-modal-toast.error{background:#ef4444f2;border:1px solid #f8717166}@keyframes profileToastSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes globalToastSlideDown{0%{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%)}}.chat-extra-actions-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.chat-extra-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;background:#141423f2;border:1px solid #ffffff1f;border-radius:20px;flex-direction:row;align-items:center;gap:4px;width:max-content;min-width:auto;padding:4px 6px;animation:.18s cubic-bezier(.16,1,.3,1) extraMenuSlideUp;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 8px 24px #00000080,0 2px 6px #0000004d}.chat-extra-icon-btn{color:#f1f5f9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.chat-extra-icon-btn:hover{background:#ffffff1f;transform:translateY(-1px)scale(1.08)}.chat-extra-icon-btn:active{transform:scale(.95)}.paint-emoji-icon{font-size:18px;line-height:1}@keyframes extraMenuSlideUp{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-extra-menu-item{color:#f1f5f9;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin:0;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:flex}.chat-extra-menu-item:hover{background:#ffffff14}.chat-extra-menu-item i{justify-content:center;align-items:center;width:22px;font-size:18px;display:flex}.user-profile-modal-overlay.gif-modal-overlay,.gif-modal-overlay{z-index:100005;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#000000b8;justify-content:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0;align-items:flex-start!important;padding:8px 8px 12px!important}.user-profile-modal-card.gif-picker-modal-card,.gif-picker-modal-card{box-sizing:border-box!important;background-color:#141624!important;border:1px solid #ffffff14!important;border-radius:20px!important;flex-direction:column!important;width:100%!important;max-width:450px!important;max-height:min(92vh,640px)!important;animation:.18s cubic-bezier(.16,1,.3,1) popInScale!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 60px -15px #000c,0 0 0 1px #ffffff14!important}@media (width<=768px){.user-profile-modal-overlay.gif-modal-overlay,.gif-modal-overlay{align-items:flex-start!important;padding:8px 8px 16px!important}.user-profile-modal-card.gif-picker-modal-card,.gif-picker-modal-card{border-radius:16px!important;width:100%!important;max-width:100%!important;max-height:calc(100vh - 16px)!important}}.gif-modal-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.gif-modal-title{color:#f8fafc;margin:0;font-size:14px;font-weight:600}.gif-modal-subtitle{color:#94a3b8;font-size:11px}.gif-modal-search-wrap{flex-shrink:0;padding:8px 16px}.gif-modal-search-bar{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:5px 6px 5px 14px;transition:all .18s;display:flex}.gif-modal-search-bar:focus-within{background:#ffffff17;border-color:#0284c7;box-shadow:0 0 0 2px #0284c740}.gif-modal-search-bar input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13.5px}.gif-modal-search-bar input::placeholder{color:#64748b}.gif-search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:16px;transition:color .15s;display:flex}.gif-search-clear-btn:hover{color:#f8fafc}.gif-search-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex;box-shadow:0 2px 6px #0284c759}.gif-search-submit-btn:hover{background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%);transform:scale(1.05);box-shadow:0 3px 10px #0284c780}.gif-search-submit-btn:active{transform:scale(.95)}.gif-modal-body{flex:auto;min-height:0;padding:8px 16px 12px;overflow-y:auto}.gif-modal-body::-webkit-scrollbar{width:6px}.gif-modal-body::-webkit-scrollbar-track{background:0 0}.gif-modal-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:9999px}.gif-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff47}.gif-results-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width<=480px){.gif-results-grid{grid-template-columns:repeat(2,1fr)}}.sticker-grid-mode .gif-results-grid{grid-template-columns:repeat(4,1fr);gap:10px}@media (width<=480px){.sticker-grid-mode .gif-results-grid{grid-template-columns:repeat(3,1fr)}}.gif-grid-item-btn{cursor:pointer;aspect-ratio:1;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:transform .15s,box-shadow .15s,outline .15s;display:flex;position:relative;overflow:hidden}.gif-grid-item-btn:hover{outline:2px solid #6366f1;transform:scale(1.03);box-shadow:0 6px 16px #00000080}.gif-grid-item-btn img{object-fit:cover;width:100%;height:100%;display:block}.sticker-grid-mode .gif-grid-item-btn{background:0 0}.sticker-grid-mode .gif-grid-item-btn img{object-fit:contain}.gif-modal-loading,.gif-modal-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:24px 12px;font-size:13.5px;display:flex}.gif-modal-loading i,.gif-modal-empty i{color:#64748b;font-size:32px}.gif-modal-footer{color:#94a3b8;background:#0000002e;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11.5px;display:flex}.paint-html-overlay{-webkit-backdrop-filter:blur(12px);z-index:100010;background:#0a0a14c7;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.paint-html-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) popInScale;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -12px #00000073,0 0 0 1px #ffffff26}.paint-html-toolbar{-webkit-user-select:none;user-select:none;scrollbar-width:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:4px;height:52px;padding:0 10px;display:flex;overflow-x:auto}.paint-html-toolbar::-webkit-scrollbar{display:none}.paint-spacer{flex:1}.paint-tb-close{color:#64748b;border-radius:8px;width:36px;padding:0}.paint-tb-close:hover:not(:disabled){color:#ef4444!important;background:#fee2e2!important}.paint-tb-group{align-items:center;display:flex;position:relative}.paint-tb{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:38px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .16s;display:inline-flex}.paint-tb:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.paint-tb.active{color:#6366f1;background:#ede9fe;border-color:#ddd6fe;font-weight:600}.paint-tb.icon-only{border-radius:8px;width:36px;padding:0}.paint-tb:disabled{opacity:.35;cursor:not-allowed}.paint-dropdown-caret{color:#94a3b8;margin-left:2px;font-size:12px}.paint-tb.active .paint-dropdown-caret{color:#6366f1}.paint-toolbar-divider{background:#cbd5e1;flex-shrink:0;width:1px;height:24px;margin:0 4px}.paint-tb-size-btn{min-width:36px;padding:4px 8px}.paint-size-text{color:#334155;letter-spacing:-.2px;font-size:13px;font-weight:700}.paint-tb.active .paint-size-text{color:#6366f1}.paint-color-dot{border:2px solid #fff;border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:0 0 0 1px #00000040}.paint-popup{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;animation:.15s cubic-bezier(.16,1,.3,1) popInScale;position:absolute;top:58px;box-shadow:0 12px 32px #0f172a2e,0 2px 6px #0f172a14}.paint-popup-title{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:8px;font-size:12px;font-weight:700}.paint-brush-popup{width:auto;min-width:80px;left:14px}.paint-brush-grid{flex-direction:column;gap:7px;display:flex}.paint-brush-option{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;padding:8px 12px;transition:all .16s;display:flex;position:relative}.paint-brush-option:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.paint-brush-option.selected{background:#ede9fe;border-color:#818cf8;box-shadow:0 0 0 1px #818cf8}.brush-needle-btn{padding:4px 8px}.paint-needle-preview{justify-content:center;align-items:center;display:inline-flex}.brush-needle-svg{filter:drop-shadow(0 1px 2px #0000001f);display:block}.brush-opt-needle-preview{flex-shrink:0;justify-content:center;align-items:center;display:flex}.brush-opt-check{color:#6366f1;font-size:14px;font-weight:700;position:absolute;top:3px;right:4px}.paint-footer-needle{align-items:center;margin-right:2px;display:inline-flex}.brush-opt-meta{flex-direction:column;flex:1;min-width:0;display:flex}.brush-opt-label{color:#1e293b;font-size:13px;font-weight:600}.brush-opt-desc{color:#64748b;font-size:11px}.brush-opt-check{color:#6366f1;font-size:17px;font-weight:700}.paint-shape-popup{width:240px;left:100px}.paint-shape-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.paint-shape-option{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:12.5px;font-weight:500;transition:all .14s;display:flex}.paint-shape-option i{color:#6366f1;font-size:17px}.paint-shape-option:hover{background:#f1f5f9;border-color:#cbd5e1}.paint-shape-option.selected{color:#4338ca;background:#ede9fe;border-color:#818cf8;font-weight:600}.paint-shape-fill-row{border-top:1px solid #f1f5f9;margin-top:10px;padding-top:8px}.paint-toggle-label{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.paint-toggle-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:15px;height:15px}.paint-sizebox{width:250px;left:170px}.paint-size-preview-wrap{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;height:52px;margin-bottom:10px;display:flex}.paint-size-dot-preview{border-radius:50%;transition:all .12s}.paint-sizebox input[type=range]{accent-color:#6366f1;cursor:pointer;width:100%;height:5px}.paint-size-presets{justify-content:space-between;gap:5px;margin-top:10px;display:flex}.paint-size-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:600;transition:all .12s}.paint-size-chip:hover{background:#f1f5f9}.paint-size-chip.active{color:#fff;background:#6366f1;border-color:#6366f1}.paint-palette{width:auto;left:230px}.paint-palette-grid{grid-template-columns:repeat(10,24px);gap:4px;display:grid}.paint-palette-grid button{cursor:pointer;border:0;border-radius:5px;width:24px;height:24px;padding:0;transition:transform .1s,box-shadow .1s}.paint-palette-grid button:hover{z-index:2;transform:scale(1.18);box-shadow:0 2px 6px #00000040}.paint-palette-grid button.sel{outline-offset:-2px;outline:2px solid #fff;transform:scale(1.08);box-shadow:0 0 0 2px #6366f1}.paint-canvas-wrap{background:#fff;flex:1;justify-content:center;align-items:center;width:100%;min-height:280px;max-height:calc(90vh - 170px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000008}.paint-html-canvas{object-fit:contain;touch-action:none;cursor:crosshair;background:#fff;width:100%;height:100%;display:block}.paint-html-canvas.eraser-mode{cursor:none!important}.paint-eraser-box-cursor{pointer-events:none;z-index:20;background:#ffffff73;border:1.5px solid #0f172a;border-radius:2px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fffc,0 1px 4px #00000040}.paint-html-footer{-webkit-user-select:none;user-select:none;background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.paint-footer-status{align-items:center;gap:10px;display:flex}.paint-status-tag{color:#334155;background:#f1f5f9;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.paint-status-tag i{color:#6366f1}.paint-status-sub{color:#64748b;font-size:12px;font-weight:500}.paint-footer-btns{align-items:center;gap:8px;display:flex}.paint-action-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s}.paint-action-close-btn:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.paint-action-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:9px;align-items:center;gap:7px;padding:7px 20px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 2px 10px #6366f159}.paint-action-send:hover:not(:disabled){opacity:.94;transform:translateY(-1px);box-shadow:0 4px 14px #6366f173}.paint-action-send:active:not(:disabled){transform:translateY(0)}.paint-action-send:disabled,.paint-action-close-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.paint-html-overlay{align-items:center;padding:6px}.paint-html-modal{border-radius:14px;flex-direction:column;height:65vh;max-height:65vh;display:flex}.paint-html-toolbar{gap:2px;height:40px;padding:0 4px}.paint-tb{gap:2px;height:28px;padding:2px 5px;font-size:10px}.paint-tb i{font-size:15px!important}.paint-tb.icon-only{width:28px}.paint-toolbar-divider{height:18px;margin:0 2px}.paint-size-text{font-size:10px}.paint-color-dot{width:14px;height:14px}.paint-tb-size-btn{min-width:28px;padding:2px 4px}.paint-canvas-wrap{flex:1;width:100%;min-height:0}.paint-html-canvas{width:100%;height:100%;aspect-ratio:unset}.paint-brush-popup,.paint-shape-popup,.paint-sizebox{width:auto;top:50px;left:8px;right:8px}.paint-palette{width:auto;top:50px;left:6px;right:6px}.paint-palette-grid{grid-template-columns:repeat(10,1fr)}.paint-palette-grid button{aspect-ratio:1;width:100%;height:auto}.paint-html-footer{padding:8px 12px}.paint-footer-status{display:none}.paint-footer-btns{justify-content:space-between;width:100%}.paint-action-close-btn{text-align:center;flex:1;padding:8px 12px}.paint-action-send{flex:2;justify-content:center;padding:8px 16px}}.chat-page-loader-overlay{z-index:999999;background-color:var(--chat-bg,#0f0e17);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100vw;height:100vh;transition:background-color .3s;display:flex;position:fixed;inset:0;overflow:hidden}.chat-page-loader-ambient-glow{background:radial-gradient(circle at center, var(--chat-send-btn-bg,#7c3aed) 0%, #7c4df714 45%, transparent 70%);filter:blur(52px);opacity:.28;pointer-events:none;border-radius:50%;width:520px;height:520px;animation:3s ease-in-out infinite alternate chat-ambient-pulse;position:absolute}.chat-page-loader-card{z-index:2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:32px 40px;display:flex;position:relative}.chat-page-spinner-wrap{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.chat-page-spinner-ring.outer{border:3.5px solid #0000;border-top-color:var(--chat-send-btn-bg,#7c3aed);border-right-color:var(--chat-send-btn-hover,#a78bfa);box-shadow:0 0 24px var(--chat-primary-shadow,#7c4df759);border-radius:50%;animation:1.2s cubic-bezier(.5,.1,.5,.9) infinite chat-spinner-spin;position:absolute;inset:0}.chat-page-spinner-ring.middle{border:2.5px solid #0000;border-bottom-color:var(--chat-send-btn-bg,#8b5cf6);border-left-color:var(--chat-send-btn-hover,#c084fc);opacity:.85;border-radius:50%;animation:.9s linear infinite chat-spinner-reverse;position:absolute;inset:10px}.chat-page-spinner-ring.inner{border:2px dashed var(--chat-send-btn-hover,#a78bfa);opacity:.45;border-radius:50%;animation:3s linear infinite chat-spinner-spin;position:absolute;inset:19px}.chat-page-spinner-center{background:var(--chat-side-menu-bg,#141226eb);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;animation:2s ease-in-out infinite alternate chat-logo-breath;display:flex;position:relative;box-shadow:0 2px 10px #00000059}.chat-page-spinner-logo{object-fit:contain;width:22px;height:22px;filter:drop-shadow(0 0 6px var(--chat-send-btn-bg,#7c3aed))}.chat-page-loader-meta{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.chat-page-loader-title{letter-spacing:.05em;color:var(--chat-text-primary,#fff);background:var(--chat-primary-gradient,linear-gradient(135deg, #9d7cfb 0%, #7c4df7 100%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-family:Outfit,Inter,-apple-system,sans-serif;font-size:20px;font-weight:700}.chat-page-loader-status{color:var(--chat-text-primary,#94a3b8);opacity:.75;letter-spacing:.01em;align-items:center;gap:2px;font-size:13px;font-weight:500;display:inline-flex}.chat-page-loader-dots{gap:2px;margin-left:2px;display:inline-flex}.chat-page-loader-dots span{animation:1.4s ease-in-out infinite both chat-dot-bounce;display:inline-block}.chat-page-loader-dots span:first-child{animation-delay:-.32s}.chat-page-loader-dots span:nth-child(2){animation-delay:-.16s}.chat-page-loader-dots span:nth-child(3){animation-delay:0s}html[data-chat-theme=light] .chat-page-loader-overlay{background-color:#f1f5f9}html[data-chat-theme=light] .chat-page-loader-ambient-glow{opacity:.18}html[data-chat-theme=light] .chat-page-spinner-center{background:#fff;box-shadow:0 2px 10px #0000001f}html[data-chat-theme=light] .chat-page-loader-status{color:#64748b;opacity:.95}@keyframes chat-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chat-spinner-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes chat-logo-breath{0%{transform:scale(.92);box-shadow:0 0 8px #0003}to{box-shadow:0 0 16px var(--chat-primary-shadow,#7c4df766);transform:scale(1.06)}}@keyframes chat-ambient-pulse{0%{opacity:.2;transform:scale(.85)}to{opacity:.35;transform:scale(1.15)}}@keyframes chat-dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}html[data-chat-theme=light] .mobile-actions-row{background:#fff!important;border-top:1px solid #e2e8f0!important}html[data-chat-theme=light] .mobile-actions-row .chat-icon-btn{color:#0f172a!important}html[data-chat-theme=light] .mobile-actions-row .chat-icon-btn:hover{background:0 0!important}.user-profile-modal .profile-header-round-btn,.user-profile-modal .profile-header-bare-btn,.user-profile-modal .profile-bare-icon-btn{color:#f8fafc;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;transition:color .15s;display:inline-flex;box-shadow:none!important;background:0 0!important}.user-profile-modal .profile-header-round-btn:hover,.user-profile-modal .profile-header-bare-btn:hover,.user-profile-modal .profile-bare-icon-btn:hover{color:var(--theme-icon-hover)!important;box-shadow:none!important;background:0 0!important;transform:none!important}.user-profile-modal .profile-header-round-btn i,.user-profile-modal .profile-header-bare-btn i,.user-profile-modal .profile-bare-icon-btn i{color:currentColor!important}html[data-chat-theme=light] .chat-input-area{background:#fff!important;border-top:1px solid #e2e8f0!important}html[data-chat-theme=light] .mobile-members-sidebar-wrapper{background:#fff!important;box-shadow:-8px 0 32px #00000026!important}html[data-chat-theme=light] .mobile-members-sidebar-wrapper .chat-members-sidebar{border-left-color:#e2e8f0!important}html[data-chat-theme=midnight] .mobile-actions-row{background:#091a2efa!important;border-top:1px solid #ffffff14!important}html[data-chat-theme=midnight] .mobile-actions-row .chat-icon-btn{color:#e0f2fe!important}html[data-chat-theme=amber] .mobile-actions-row{background:#211309fa!important;border-top:1px solid #ffffff14!important}html[data-chat-theme=amber] .mobile-actions-row .chat-icon-btn{color:#fef3c7!important}html[data-chat-theme=ocean] .mobile-actions-row{background:#1a1d21fa!important;border-top:1px solid #ffffff14!important}html[data-chat-theme=ocean] .mobile-actions-row .chat-icon-btn{color:#e0f2fe!important}html[data-chat-theme=monochrome] .mobile-actions-row{background:#131417fa!important;border-top:1px solid #ffffff14!important}html[data-chat-theme=monochrome] .mobile-actions-row .chat-icon-btn{color:#f1f5f9!important}html[data-chat-theme=purple] .mobile-actions-row{background:#350f3ffa!important;border-top:1px solid #ffffff14!important}html[data-chat-theme=purple] .mobile-actions-row .chat-icon-btn{color:#f5d0fe!important}html[data-chat-theme=emerald] .mobile-actions-row{background:#062119fa!important;border-top:1px solid #ffffff14!important}html[data-chat-theme=emerald] .mobile-actions-row .chat-icon-btn{color:#d1fae5!important}html[data-chat-theme=rose] .mobile-actions-row{background:#2a111ffa!important;border-top:1px solid #ffffff14!important}html[data-chat-theme=rose] .mobile-actions-row .chat-icon-btn{color:#fce7f3!important}html[data-chat-theme=violet] .mobile-actions-row{background:#181a20fa!important;border-top:1px solid #ffffff14!important}html[data-chat-theme=violet] .mobile-actions-row .chat-icon-btn{color:#e2e8f0!important}html[data-chat-theme=light] .user-profile-modal-card .profile-segmented-track{background-color:#e2e8f0!important;border:1px solid #cbd5e1!important}html[data-chat-theme=light] .user-profile-modal-card .profile-segmented-track button{color:#1e293b!important}html[data-chat-theme=light] .user-profile-modal-card .profile-segmented-track button[style*=linear-gradient]{color:#fff!important}html[data-chat-theme=light] .user-profile-modal-card .profile-menu-card,html[data-chat-theme=light] .user-profile-modal-card .profile-friend-row{background-color:#f8fafc!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .user-profile-modal-card .profile-friend-row div{color:#0f172a!important}html[data-chat-theme=light] .user-profile-modal-card .profile-menu-row-item{color:#0f172a!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .user-profile-modal-card .profile-menu-row-item:hover{background-color:#f1f5f9!important}html[data-chat-theme=light] .user-profile-modal-card .profile-menu-row-item span{color:#0f172a!important}html[data-chat-theme=light] .user-profile-modal-card .profile-menu-row-item i{color:#6366f1!important}html[data-chat-theme=light] .user-profile-modal-card .profile-menu-card-title{color:#0f172a!important}html[data-chat-theme=light] .user-profile-modal-card .profile-menu-card-subtitle{color:#64748b!important}html[data-chat-theme=light] .user-profile-modal-card div[role=button] span{color:#0f172a!important}.user-action-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100005;background-color:#000000b8;justify-content:center;align-items:center;padding:12px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.user-action-modal-card{background-color:#141226;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:420px;animation:.18s cubic-bezier(.16,1,.3,1) popInScale;overflow:hidden;box-shadow:0 24px 60px #000c}.profile-edit-modal-overlay{z-index:100020!important;padding:16px 12px!important;padding-top:max(20px, env(safe-area-inset-top,20px))!important;align-items:flex-start!important}.profile-edit-modal-card{background-color:#141226;border:1px solid #ffffff1f;border-radius:16px;width:100%;max-width:430px;margin-top:8px;animation:.18s cubic-bezier(.16,1,.3,1) popInScale;overflow:hidden;box-shadow:0 24px 60px #000000d9}.user-action-modal-header{background-color:#1f1d36;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.user-action-user-details{align-items:center;display:flex}.user-action-user-name{color:#fff;margin:0;font-size:15px;font-weight:500}.user-action-user-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.user-action-rank-tag{color:#94a3b8;font-size:11px;font-weight:500}.user-action-status-badge{border-radius:10px;padding:1px 6px;font-size:10px;font-weight:500}.user-action-status-badge.badge-muted{color:#f59e0b;background-color:#f59e0b26;border:1px solid #f59e0b66}.user-action-status-badge.badge-danger{color:#ef4444;background-color:#ef444426;border:1px solid #ef444466}.user-action-status-badge.badge-vip{color:#38bdf8;background-color:#06b6d426;border:1px solid #06b6d466;font-weight:600}.user-action-subtabs{background-color:#00000040;border-bottom:1px solid #ffffff0f;gap:8px;padding:8px 12px;display:flex}.user-action-subtab-btn{color:#94a3b8;cursor:pointer;background-color:#0000;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.user-action-subtab-btn:hover{color:#fff;background-color:#ffffff0f}.user-action-subtab-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);font-weight:500;box-shadow:0 2px 10px #6366f166}.user-action-subtab-btn.active-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);font-weight:500;box-shadow:0 2px 10px #ef444466}.user-action-modal-body{padding:0}.user-action-list{flex-direction:column;display:flex}.user-action-item{color:#e4e4e7;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff0d;align-items:center;padding:13px 20px;font-size:.92rem;font-weight:500;transition:background-color .2s;display:flex}.user-action-item,.user-action-item span,.user-action-item i,.user-action-item .user-action-item-icon,.user-action-item .user-action-item-arrow{color:#e4e4e7}.user-action-item:hover{background-color:#ffffff0f}.user-action-item.item-danger:hover,.user-action-item.item-warning:hover,.user-action-item.item-success:hover{background-color:#ffffff14}.user-action-item.item-disabled{opacity:.5;cursor:not-allowed}.user-action-item-icon{text-align:center;width:22px;margin-right:12px;font-size:18px}.user-action-item-arrow{opacity:.8;margin-left:auto}.user-action-form-view{padding:18px 20px 20px}.user-action-form-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.user-action-back-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;transition:all .2s;display:inline-flex}.user-action-back-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff3d;transform:translate(-1px)}.user-action-form-title{color:#fff;margin:0;font-size:15px;font-weight:600}.user-action-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:8px;font-size:11px;font-weight:500;display:block}.user-action-input{color:#f8fafc;box-sizing:border-box;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13px;transition:border-color .15s}.user-action-input:focus{border-color:#8b5cf699}.user-action-pills-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;display:grid}.user-action-pills-row{gap:8px;margin-bottom:14px;display:flex}.user-action-pill{color:#cbd5e1;cursor:pointer;background-color:#ffffff0a;border:none;border-radius:10px;flex:1;padding:10px;font-size:12px;font-weight:500;transition:all .15s}.user-action-pill:hover{background-color:#ffffff14}.user-action-pill.active{color:#c4b5fd;background-color:#8b5cf633;border:1px solid #8b5cf6;font-weight:600}.user-action-pill.active-danger{color:#fca5a5;background-color:#ef444433;border:1px solid #ef4444;font-weight:600}.user-action-buttons-row{gap:8px;margin-top:16px;display:flex}.user-action-btn-cancel{color:#94a3b8;cursor:pointer;background-color:#ffffff0f;border:none;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s}.user-action-btn-cancel:hover{color:#fff;background-color:#ffffff1a}.user-action-btn-confirm-mute{color:#fff;cursor:pointer;background-color:#f59e0b;border:none;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:opacity .15s}.user-action-btn-confirm-mute:hover{opacity:.9}.user-action-btn-confirm-ban{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:opacity .15s}.user-action-btn-confirm-ban:hover{opacity:.9}html[data-chat-theme=light] .user-action-modal-card{background-color:#fff!important;border-color:#cbd5e1!important;box-shadow:0 20px 50px #00000026!important}html[data-chat-theme=light] .user-action-modal-header{background-color:#f8fafc!important;border-bottom-color:#e2e8f0!important}html[data-chat-theme=light] .user-action-user-name,html[data-chat-theme=light] .user-action-form-title{color:#0f172a!important}html[data-chat-theme=light] .user-action-subtabs{background-color:#f1f5f9!important;border-bottom-color:#e2e8f0!important}html[data-chat-theme=light] .user-action-subtab-btn{color:#64748b!important}html[data-chat-theme=light] .user-action-subtab-btn:hover{color:#0f172a!important;background-color:#e2e8f0!important}html[data-chat-theme=light] .user-action-item,html[data-chat-theme=light] .user-action-item span,html[data-chat-theme=light] .user-action-item i,html[data-chat-theme=light] .user-action-item .user-action-item-icon,html[data-chat-theme=light] .user-action-item .user-action-item-arrow{color:#0f172a!important}html[data-chat-theme=light] .user-action-item{border-bottom-color:#f1f5f9!important}html[data-chat-theme=light] .user-action-item:hover{background-color:#f8fafc!important}html[data-chat-theme=light] .user-action-input{color:#0f172a!important;background-color:#fff!important;border-color:#cbd5e1!important}html[data-chat-theme=light] .user-action-pill{color:#334155!important;background-color:#f8fafc!important;border-color:#e2e8f0!important}html[data-chat-theme=light] .user-action-pill:hover{background-color:#f1f5f9!important}html[data-chat-theme=light] .user-action-btn-cancel{color:#334155!important;background-color:#e2e8f0!important}.user-profile-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100005;background-color:#000000b8;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0;align-items:flex-start!important;padding:8px 8px 12px!important}.profile-avatar-pill{-webkit-backdrop-filter:blur(6px);z-index:15;background-color:#000000a6;border-radius:9999px;align-items:center;gap:12px;padding:3px 12px;display:flex;position:absolute;bottom:0;box-shadow:0 2px 8px #00000080}.profile-avatar-pill-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:13px;display:flex}.user-profile-header{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;padding:0 18px 4px;display:flex;position:relative}.user-profile-role-badge{color:#a5b4fc;letter-spacing:.02em;background-color:#6366f129;border:1px solid #6366f14d;border-radius:20px;align-items:center;gap:4px;padding:2.5px 10px;font-size:11px;font-weight:600;display:inline-flex}.user-profile-room-badge{color:#cbd5e1;background-color:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:4px;padding:2.5px 10px;font-size:11px;font-weight:500;display:inline-flex}.user-profile-tabs-wrap{flex-shrink:0;padding:10px 18px 6px}.profile-segmented-track{background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;gap:4px;padding:3px;display:flex}.profile-segmented-btn{color:#e2e8f0;cursor:pointer;background-color:#0000;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;padding:7px 12px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.profile-segmented-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);font-weight:700;box-shadow:0 2px 10px #6366f166}.profile-subtab-bar{background-color:#1b1d2c;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}.profile-subtab-btn{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:8px;padding:6px 18px;font-size:13.5px;font-weight:500;transition:all .15s}.profile-subtab-btn.active{background-color:#2e3447;font-weight:700}.profile-info-row:last-child{border-bottom:none!important}.profile-info-row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.profile-info-label-wrap{align-items:center;gap:12px;display:flex}.profile-info-icon{color:#fff;text-align:center;width:20px;font-size:16px}.profile-info-label{color:#fff;font-size:13.5px;font-weight:600}.profile-info-value{color:#cbd5e1;font-size:13.5px;font-weight:400}.profile-modal-body-scroll{box-sizing:border-box;flex:1;min-height:0;padding:8px 18px 18px;overflow-y:auto}.profile-subview-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:4px;display:flex}.profile-subview-title{color:#f8fafc;margin:0;font-size:16px;font-weight:700}.profile-save-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;padding:9px 24px;font-size:14px;font-weight:600;transition:background-color .15s;display:inline-flex;box-shadow:0 2px 8px #4f46e566}.profile-save-btn:hover{background-color:#4338ca}.profile-form-label{color:#cbd5e1;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.profile-form-input{color:#f8fafc;box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0a091499;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13.5px}.profile-age-badge{color:#c7d2fe;fontSize:12px;background-color:#6366f11f;border:1px solid #6366f140;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:5px 12px;display:inline-flex}.profile-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 3px 12px #6366f159}.profile-btn-secondary{color:#cbd5e1;cursor:pointer;background-color:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.profile-privacy-row{background-color:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.profile-pill-badge-count{color:#a5b4fc;background-color:#6366f12e;border:1px solid #6366f14d;border-radius:12px;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.profile-theme-cycle-btn{color:#d8b4fe;cursor:pointer;background-color:#a855f72e;border:1px solid #a855f759;border-radius:8px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.profile-friends-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px;padding:4px 2px;display:grid}.profile-friend-card{aspect-ratio:1;cursor:pointer;background-color:#1f1d36;border:1px solid #ffffff14;border-radius:10px;width:100%;transition:transform .15s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0006}.profile-friend-card:hover{transform:translateY(-2px)}.profile-friend-online-dot{background-color:#10b981;border:1.5px solid #141226;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #10b981b3}.profile-friend-name-overlay{-webkit-backdrop-filter:blur(3px);text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;background-color:#0a0914c7;padding:3px 4px;font-size:10.5px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.profile-menu-row-icon{color:#818cf8;justify-content:center;align-items:center;width:22px;font-size:18px;display:flex}.profile-popup-card-container{background-color:#232738;border:1px solid #ffffff14;border-radius:16px;margin-bottom:16px;padding:18px 20px;animation:.2s ease-out fadeInModal;box-shadow:0 16px 40px #000000a6}.profile-popup-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.profile-popup-card-title{color:#fff;margin:0;font-size:15px;font-weight:700}.profile-popup-textarea{color:#fff;resize:none;box-sizing:border-box;background-color:#161925;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;height:170px;padding:14px;font-family:inherit;font-size:14px}.profile-popup-input{color:#fff;box-sizing:border-box;background-color:#161925;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px}.profile-top-pill-controls{-webkit-backdrop-filter:blur(8px);background-color:#ffffff38;border-radius:9999px;align-items:center;gap:12px;padding:5px 12px;display:flex}.profile-icon-pill-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex}.profile-round-header-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#ffffff38;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .15s;display:flex}.profile-round-header-btn:hover{background-color:#ffffff59}.profile-bare-icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:18px;display:flex}.profile-counter-pill{color:#fff;background-color:#ffffff1f;border-radius:16px;align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}html[data-chat-theme=light] .profile-popup-card-container{background-color:#f8fafc;border-color:#e2e8f0;box-shadow:0 10px 25px #00000014}html[data-chat-theme=light] .profile-popup-card-title{color:#0f172a}html[data-chat-theme=light] .profile-popup-textarea,html[data-chat-theme=light] .profile-popup-input{color:#0f172a;background-color:#fff;border-color:#cbd5e1}html[data-chat-theme=light] .profile-segmented-track{background-color:#f1f5f9;border-color:#e2e8f0}html[data-chat-theme=light] .profile-segmented-btn{color:#64748b}html[data-chat-theme=light] .profile-subtab-bar{background-color:#f8fafc;border-bottom-color:#e2e8f0}html[data-chat-theme=light] .profile-subtab-btn{color:#64748b}html[data-chat-theme=light] .profile-subtab-btn.active{color:#0f172a;background-color:#e2e8f0}html[data-chat-theme=light] .profile-info-row:last-child{border-bottom:none!important}.profile-info-row{border-bottom-color:#e2e8f0}html[data-chat-theme=light] .profile-info-icon{color:#6366f1}html[data-chat-theme=light] .profile-info-label{color:#0f172a}html[data-chat-theme=light] .profile-info-value{color:#334155}html[data-chat-theme=light] .profile-subview-title{color:#0f172a}html[data-chat-theme=light] .profile-form-label{color:#475569}html[data-chat-theme=light] .profile-form-input{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#fff;border-color:#cbd5e1}html[data-chat-theme=light] .profile-privacy-row{background-color:#f8fafc;border-color:#e2e8f0}html[data-chat-theme=light] .profile-btn-secondary{color:#334155;background-color:#e2e8f0;border-color:#cbd5e1}.profile-avatar-pill{-webkit-backdrop-filter:blur(6px)!important;z-index:15!important;background-color:#000000a6!important;border-radius:9999px!important;align-items:center!important;gap:12px!important;padding:3px 12px!important;display:flex!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 2px 8px #00000080!important}.profile-menu-row-item{color:#f8fafc!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;border-bottom:1px solid #ffffff14!important;border-radius:8px!important;flex-direction:row!important;align-items:center!important;gap:14px!important;padding:13px 10px!important;font-size:14px!important;font-weight:600!important;transition:background-color .15s,color .15s!important;display:flex!important}.profile-menu-row-item:hover{background-color:#ffffff0d!important}.profile-menu-row-icon{color:#818cf8!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:22px!important;font-size:18px!important;display:flex!important}.profile-menu-card{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;background-color:#ffffff08!important;border:1px solid #ffffff0f!important;border-radius:12px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;padding:11px 13px!important;transition:all .18s!important;display:flex!important}.profile-menu-card:hover{background-color:#ffffff12!important;border-color:#6366f159!important;transform:translateY(-1px)!important}.profile-menu-card-content{flex-direction:row!important;flex:1!important;align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}.profile-menu-card-icon-wrap{color:#818cf8!important;background-color:#6366f126!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;font-size:18px!important;display:flex!important}.profile-menu-card-text{text-align:left!important;flex:1!important;min-width:0!important;padding-right:6px!important}.profile-menu-card-title{color:#f8fafc!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:13.5px!important;font-weight:600!important;overflow:hidden!important}.profile-menu-card-subtitle{color:#94a3b8!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin-top:1px!important;font-size:11.5px!important;overflow:hidden!important}.profile-menu-card-right{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.profile-menu-card-arrow{color:#64748b!important;font-size:18px!important}html[data-chat-theme=light] .profile-menu-row-item{color:#0f172a!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .profile-menu-row-item:hover{background-color:#f1f5f9!important}html[data-chat-theme=light] .profile-menu-row-icon{color:#6366f1!important}html[data-chat-theme=light] .profile-menu-card{background-color:#f8fafc!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .profile-menu-card:hover{background-color:#f1f5f9!important;border-color:#6366f159!important}html[data-chat-theme=light] .profile-menu-card-icon-wrap{color:#4f46e5!important;background-color:#6366f11f!important}html[data-chat-theme=light] .profile-menu-card-title{color:#0f172a!important}html[data-chat-theme=light] .profile-menu-card-subtitle,html[data-chat-theme=light] .profile-menu-card-arrow{color:#64748b!important}.user-profile-modal-card{box-sizing:border-box!important;background-color:#141624!important;border:1px solid #ffffff14!important;border-radius:20px!important;flex-direction:column!important;width:100%!important;max-width:450px!important;max-height:min(92vh,640px)!important;animation:.18s cubic-bezier(.16,1,.3,1) popInScale!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 60px -15px #000c,0 0 0 1px #ffffff14!important}@media (width<=768px){.user-profile-modal-overlay{align-items:flex-start!important;padding:8px 8px 16px!important}.user-profile-modal-card{border-radius:16px!important;width:100%!important;max-width:100%!important;max-height:calc(100vh - 16px)!important}}.user-profile-tabs-wrap{box-sizing:border-box!important;flex-shrink:0!important;width:100%!important;padding:10px 18px 6px!important}.profile-segmented-track{box-sizing:border-box!important;width:100%!important;display:flex!important}.profile-modal-body-scroll{box-sizing:border-box!important;flex:1!important;width:100%!important;min-height:0!important;padding:8px 18px 18px!important;overflow-y:auto!important}.profile-menu-row-item{box-sizing:border-box!important;width:100%!important}.notification-title{color:var(--chat-text-primary,#fff);align-items:center;margin:0;font-size:17px;font-weight:600;display:flex}.notification-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:18px;transition:all .15s;display:flex}.notification-close-btn:hover{color:#fff;background:#ffffff14}.notification-item{border-bottom:1px solid var(--chat-border,#ffffff0f);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;transition:background .2s;display:flex}.notification-item.unread{background-color:#8b5cf614}.notification-item.read{background-color:#0000}.notification-item:hover{background-color:#ffffff0a}.notification-item-content{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.notification-text-wrapper{white-space:nowrap;text-overflow:ellipsis;color:#e2e8f0;flex:1;min-width:0;font-size:12px;line-height:1.3;overflow:hidden}.notification-sender-name{color:var(--chat-text-primary,#fff);font-weight:600}.notification-desc-text{color:#cbd5e1}.notification-gold-text{color:#fbbf24;font-weight:500}.notification-time-text{color:#94a3b8;margin-left:4px;font-size:11px}.notification-empty-message{color:#a7a9be}@media (width<=768px){.chat-leftsidebar.notification-active{z-index:60!important;border:1px solid #ffffff1f!important;border-radius:12px!important;width:calc(100vw - 45px)!important;max-width:400px!important;height:auto!important;max-height:calc(100dvh - 110px)!important;position:absolute!important;top:54px!important;left:auto!important;right:8px!important;box-shadow:0 8px 32px #000000a6!important}.chat-leftsidebar.notification-active .leftsidebar-scroll{height:auto!important;max-height:calc(100dvh - 170px)!important}}.side-menu-logo-img{object-fit:contain;filter:drop-shadow(0 4px 10px #8b5cf666);width:42px;height:42px}.side-menu-nav-link-relative{position:relative}.side-menu-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.side-menu-badge-dot{background-color:#ef4444;border-radius:50%;position:absolute}.side-menu-badge-dot.side-menu-badge-notification,.side-menu-badge-dot.side-menu-badge-chat,.side-menu-badge-dot.side-menu-badge-report{width:9px;height:9px;bottom:-2px;right:-3px}.side-menu-nav-minimized-dm{margin-top:auto;margin-bottom:20px}.side-menu-nav-minimized-dm.has-video{margin-bottom:8px}.side-menu-minimized-link{cursor:pointer;padding:8px 0;position:relative;background:0 0!important}.side-menu-minimized-dm-wrap,.mobile-minimized-dm-wrap{border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;box-shadow:none!important;border:none!important}.minimized-dm-unread-dot{z-index:5;pointer-events:none;background-color:#ef4444;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.side-menu-minimized-dm-wrap .avatar-wrapper,.mobile-minimized-dm-wrap .avatar-wrapper,.mobile-minimized-dm-btn .avatar-wrapper{box-shadow:none!important;border:none!important}.side-menu-nav-minimized-video{margin-bottom:20px}.side-menu-nav-minimized-video.mt-auto{margin-top:auto}.side-menu-minimized-video-badge{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 0 12px 2px #ef444499}.side-menu-minimized-video-badge:hover{transform:scale(1.08);box-shadow:0 0 16px 3px #ef4444cc}.side-menu-youtube-icon{font-size:20px}.minimized-party-live-dot{border:1.5px solid var(--panel,#1e1e2d);background-color:#22c55e;border-radius:50%;width:9px;height:9px;animation:1.8s infinite livePartyPulse;position:absolute;top:-2px;right:-2px}@keyframes livePartyPulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.mobile-watch-party-header-widget{align-items:center;margin-left:auto;margin-right:8px;display:flex;position:relative}.watch-party-btn-icon{color:#ef4444;font-size:18px}.watch-party-btn-text{font-weight:600}.watch-party-btn-arrow{opacity:.75;font-size:14px}.profile-dropdown-menu{width:280px;padding:10px}.profile-card-status-wrap{position:relative}.dropdown-item.dropdown-item-logout{cursor:pointer;color:#ef4444}.font-bold{font-weight:700}.wallet-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(8px);background:#0a0c16bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out walletFadeIn;display:flex;position:fixed;inset:0}.wallet-modal-card{background:#171926;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:440px;animation:.22s cubic-bezier(.16,1,.3,1) walletScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 48px #0009,0 0 24px #eab30814}.wallet-modal-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.wallet-header-title-wrap{align-items:center;gap:12px;display:flex}.wallet-header-icon-box{color:#eab308;background:#eab30826;border:1px solid #eab3084d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.wallet-header-title{color:#f8fafc;margin:0;font-size:17px;font-weight:700}.wallet-header-sub{color:#94a3b8;margin:2px 0 0;font-size:12.5px}.wallet-modal-body{flex-direction:column;align-items:center;padding:24px 20px 20px;display:flex}.wallet-coin-hero{justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative}.wallet-coin-glow{filter:blur(12px);background:radial-gradient(circle,#eab30873 0%,#eab30800 70%);border-radius:50%;width:110px;height:110px;animation:2.5s ease-in-out infinite coinGlowPulse;position:absolute}.wallet-coin-img{object-fit:contain;z-index:2;filter:drop-shadow(0 8px 16px #0006);width:88px;height:88px;animation:3s ease-in-out infinite coinFloat;position:relative}.wallet-balance-wrap{text-align:center;margin-bottom:20px}.wallet-balance-amount{color:#facc15;letter-spacing:-.02em;text-shadow:0 0 20px #facc1540;justify-content:center;align-items:center;gap:8px;font-size:34px;font-weight:800;display:flex}.wallet-balance-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:13px;font-weight:600}.wallet-rate-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:100%;margin-bottom:18px;padding:14px 16px}.rate-card-vip{background:#06b6d414;border-color:#06b6d440}.wallet-rate-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.wallet-rate-tag{color:#f8fafc;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.rate-card-vip .wallet-rate-tag{color:#38bdf8}.wallet-rate-status{color:#10b981;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.wallet-pulse-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseGreen;box-shadow:0 0 8px #10b981}.wallet-rate-desc{color:#94a3b8;margin:0;font-size:12px;line-height:1.5}.wallet-actions-grid{gap:10px;width:100%;margin-bottom:14px;display:flex}.wallet-action-btn{cursor:pointer;border:1px solid #ffffff1f;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:11px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-leaderboard{color:#facc15;background:#eab3081f;border-color:#eab3084d}.btn-leaderboard:hover{color:#fde047;background:#eab30833;border-color:#eab30880}.wallet-vip-notice{text-align:center;color:#cbd5e1;padding:0 8px;font-size:11.5px;line-height:1.45}@keyframes walletFadeIn{0%{opacity:0}to{opacity:1}}@keyframes walletScaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes coinGlowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}@keyframes coinFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulseGreen{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}html[data-chat-theme=light] .wallet-modal-overlay{background:#0f172a73}html[data-chat-theme=light] .wallet-modal-card{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 48px #0f172a1f,0 0 24px #eab30814}html[data-chat-theme=light] .wallet-modal-header{background:#f8fafc;border-bottom-color:#e2e8f0}html[data-chat-theme=light] .wallet-header-title{color:#0f172a}html[data-chat-theme=light] .wallet-header-sub{color:#64748b}html[data-chat-theme=light] .wallet-header-icon-box{color:#d97706;background:#eab30824;border-color:#eab30859}html[data-chat-theme=light] .wallet-modal-header .close-btn{color:#64748b}html[data-chat-theme=light] .wallet-modal-header .close-btn:hover{color:#0f172a;background:#0000000d}html[data-chat-theme=light] .wallet-balance-amount{color:#d97706;text-shadow:0 0 16px #d9770629}html[data-chat-theme=light] .wallet-balance-label{color:#64748b}html[data-chat-theme=light] .wallet-rate-card{background:#f8fafc;border-color:#e2e8f0}html[data-chat-theme=light] .wallet-rate-tag{color:#1e293b}html[data-chat-theme=light] .rate-card-vip{background:#f0fdf4;border-color:#bbf7d0}html[data-chat-theme=light] .rate-card-vip .wallet-rate-tag{color:#15803d}html[data-chat-theme=light] .wallet-rate-desc{color:#64748b}html[data-chat-theme=light] .btn-leaderboard{color:#b45309;background:#fef3c7;border-color:#fde68a}html[data-chat-theme=light] .btn-leaderboard:hover{color:#92400e;background:#fde68a;border-color:#fcd34d}html[data-chat-theme=light] .wallet-vip-notice{color:#475569}html[data-chat-theme=light] .wallet-vip-notice.text-muted{color:#64748b!important}html[data-chat-theme=midnight] .wallet-modal-card{background:#0d1e34;border-color:#38bdf838;box-shadow:0 20px 48px #000000b3,0 0 24px #38bdf81a}html[data-chat-theme=midnight] .wallet-modal-header{background:#38bdf80a;border-bottom-color:#38bdf81f}html[data-chat-theme=midnight] .wallet-rate-card{background:#0e254099;border-color:#38bdf826}html[data-chat-theme=amber] .wallet-modal-card{background:#23150b;border-color:#f59e0b40;box-shadow:0 20px 48px #000000b3,0 0 24px #f59e0b1f}html[data-chat-theme=amber] .wallet-modal-header{background:#f59e0b0d;border-bottom-color:#f59e0b26}html[data-chat-theme=amber] .wallet-rate-card{background:#2b180c99;border-color:#f59e0b2e}html[data-chat-theme=ocean] .wallet-modal-card{background:#131f29;border-color:#06b6d440;box-shadow:0 20px 48px #000000b3,0 0 24px #06b6d41f}html[data-chat-theme=ocean] .wallet-modal-header{background:#06b6d40a;border-bottom-color:#06b6d424}html[data-chat-theme=ocean] .wallet-rate-card{background:#21262c99;border-color:#06b6d429}html[data-chat-theme=purple] .wallet-modal-card{background:#220b29;border-color:#d946ef38;box-shadow:0 20px 48px #000000b3,0 0 24px #d946ef1a}html[data-chat-theme=purple] .wallet-modal-header{background:#d946ef0a;border-bottom-color:#d946ef1f}html[data-chat-theme=purple] .wallet-rate-card{background:#280f3299;border-color:#d946ef26}html[data-chat-theme=emerald] .wallet-modal-card{background:#0c2118;border-color:#10b98138;box-shadow:0 20px 48px #000000b3,0 0 24px #10b9811a}html[data-chat-theme=emerald] .wallet-modal-header{background:#10b9810a;border-bottom-color:#10b9811f}html[data-chat-theme=emerald] .wallet-rate-card{background:#0f2d2199;border-color:#10b98126}html[data-chat-theme=rose] .wallet-modal-card{background:#230d17;border-color:#f43f5e38;box-shadow:0 20px 48px #000000b3,0 0 24px #f43f5e1a}html[data-chat-theme=rose] .wallet-modal-header{background:#f43f5e0a;border-bottom-color:#f43f5e1f}html[data-chat-theme=rose] .wallet-rate-card{background:#2d101e99;border-color:#f43f5e26}.side-menu-badge-dot.side-menu-badge-report{background-color:#ef4444;animation:1.8s infinite pulse-report-dot;box-shadow:0 0 8px #ef4444cc}@keyframes pulse-report-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.25)}}.report-modal-card{background:var(--card-bg,#141226);border:1px solid var(--border-subtle,#ffffff1a);width:94%;max-width:440px;max-height:min(88vh,620px);color:var(--text-primary,#fff);border-radius:16px;flex-direction:column;margin:auto;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000bf}.report-modal-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.report-modal-header-left{align-items:center;gap:10px;min-width:0;display:flex}.report-back-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.report-back-btn:hover{color:#fff;background:#ffffff1f}.report-modal-icon-badge{color:#ef4444;background:#ef444426;border:1px solid #ef444459;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.report-modal-header-title{color:#f8fafc;margin:0;font-size:15px;font-weight:600;line-height:1.25}.report-modal-header-sub{color:#94a3b8;margin-top:2px;font-size:11.5px;display:block}.report-modal-form-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.report-modal-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 18px;display:flex;overflow-y:auto}.report-modal-body::-webkit-scrollbar{width:5px}.report-modal-body::-webkit-scrollbar-track{background:0 0}.report-modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.report-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.report-modal-target-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;padding:10px 12px}.report-target-user-row{align-items:center;gap:10px;display:flex}.report-target-meta{flex-direction:column;display:flex}.report-target-name{color:#f1f5f9;font-size:13px;font-weight:600}.report-target-role{color:#94a3b8;font-size:11px}.report-modal-quoted-message{border-left:3px solid var(--theme-icon-hover,#8b5cf6);color:#cbd5e1;background:#00000040;border-radius:4px;align-items:flex-start;gap:6px;max-height:60px;margin-top:8px;padding:6px 10px;font-size:12px;line-height:1.4;display:flex;overflow-y:auto}.report-modal-quoted-message .quote-icon{color:var(--theme-icon-hover,#8b5cf6);flex-shrink:0;margin-top:1px;font-size:12px}.report-step-content{flex-direction:column;gap:12px;display:flex}.report-section-heading{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:2px;font-size:12px;font-weight:600}.report-category-list{flex-direction:column;gap:8px;display:flex}.report-category-row{cursor:pointer;text-align:left;color:#cbd5e1;background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:all .18s;display:flex}.report-category-row:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e;transform:translate(2px)}.report-category-row:active{transform:scale(.99)}.category-row-icon-box{width:32px;height:32px;color:var(--theme-icon-hover,#a78bfa);background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .18s;display:flex}.report-category-row:hover .category-row-icon-box{background:var(--theme-icon-hover,#8b5cf6);color:#fff}.category-row-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.category-row-title{color:#f1f5f9;font-size:13px;font-weight:600;line-height:1.25}.category-row-desc{color:#94a3b8;font-size:11px;line-height:1.25}.category-row-arrow{color:#64748b;flex-shrink:0;font-size:18px;transition:transform .18s,color .18s}.report-category-row:hover .category-row-arrow{color:#fff;transform:translate(3px)}.report-selected-category-pill{cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.report-selected-category-pill:hover{background:#8b5cf62e;border-color:#8b5cf673}.category-pill-left{color:var(--text-primary,#fff);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.category-pill-left i{color:var(--theme-icon-hover,#a78bfa);font-size:15px}.category-pill-change{color:#a78bfa;font-size:11px;font-weight:500;text-decoration:underline}.report-subtypes-section,.report-subtypes-stack{flex-direction:column;gap:6px;display:flex}.report-subtype-option{color:#cbd5e1;cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;transition:all .15s;display:flex}.report-subtype-option:hover{background:#ffffff0f;border-color:#ffffff24}.report-subtype-option.active{border-color:var(--theme-icon-hover,#8b5cf6);color:var(--text-primary,#f1f5f9);background:#8b5cf61a;font-weight:500}.report-custom-radio{border:1.5px solid #64748b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.report-subtype-option.active .report-custom-radio{border-color:var(--theme-icon-hover,#8b5cf6);background:var(--theme-icon-hover,#8b5cf6)}.report-radio-dot{background:#fff;border-radius:50%;width:6px;height:6px}.report-subtype-label{flex:1;min-width:0;line-height:1.3}.report-remarks-section{flex-direction:column;gap:4px;display:flex}.report-label-sub{color:#64748b;text-transform:none;font-size:11px;font-weight:400}.report-remarks-textarea{color:#f1f5f9;resize:none;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:12px;transition:border-color .15s}.report-remarks-textarea:focus{border-color:var(--theme-icon-hover,#8b5cf6)}.report-modal-footer{background:#00000026;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px 14px;display:flex}.report-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;flex:1.5;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef444459}.report-btn-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.report-btn-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.reports-dashboard-card{background:var(--card-bg,#141226);border:1px solid var(--border-subtle,#ffffff1a);width:95%;max-width:580px;max-height:85vh;color:var(--text-primary,#fff);border-radius:14px;flex-direction:column;display:flex;box-shadow:0 24px 60px #000000bf}.reports-dashboard-header{border-bottom:1px solid var(--border-subtle,#ffffff14);background:var(--card-bg,#141226);flex-direction:column;gap:12px;padding:14px 16px 12px;display:flex}.reports-dashboard-header-top{justify-content:space-between;align-items:center;width:100%;display:flex}.reports-dashboard-header-top .header-left{align-items:center;gap:10px;display:flex}.reports-header-title{color:var(--text-primary,#f8fafc);margin:0;font-size:15px;font-weight:600}.reports-header-icon-wrap{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex;position:relative}.reports-header-count-pill{color:#fff;border:1.5px solid var(--card-bg,#1a162b);background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-6px}.reports-icon-tabs{border:1px solid var(--border-subtle,#ffffff0f);box-sizing:border-box;background:#ffffff0a;border-radius:10px;gap:6px;width:100%;padding:4px;display:flex}.reports-icon-tab-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.reports-icon-tab-btn:hover{color:var(--text-primary,#fff);background:#ffffff0d}.reports-icon-tab-btn.active{background:var(--chat-primary-gradient,linear-gradient(135deg, #7c3aed 0%, #6366f1 100%));box-shadow:var(--chat-primary-shadow,0 2px 8px #8b5cf659);font-weight:600;color:#fff!important}.reports-icon-tab-btn.active *{color:#fff!important}.reports-icon-tab-btn .tab-mini-badge{color:#fff;background:#ef4444;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}@media (width<=600px){.reports-dashboard-header{gap:10px;padding:12px 14px 10px}.reports-header-title{font-size:14px}.reports-icon-tabs{gap:4px;padding:3px}.reports-icon-tab-btn{gap:4px;padding:7px 4px;font-size:11.5px}.reports-icon-tab-btn i{font-size:13px}.report-category-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.report-category-card{gap:6px!important;padding:8px 6px!important}.report-category-card .category-icon-wrap{width:24px!important;height:24px!important;font-size:12px!important}.report-category-card .category-title{font-size:11px!important}.report-category-card .category-desc{display:none!important}}.reports-dashboard-body{flex:1;padding:14px 16px;overflow-y:auto}.reports-empty-state{text-align:center;padding:40px 20px}.reports-cards-list{flex-direction:column;gap:12px;display:flex}.report-item-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:10px;padding:14px;transition:border-color .2s;display:flex}.report-item-card:hover{border-color:#ffffff24}.report-item-card.status-resolved{opacity:.85;border-color:#10b98140}.report-item-card.status-dismissed{opacity:.65}.report-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.report-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:600}.report-status-badge.pending{color:#facc15;background:#eab30826;border:1px solid #eab3084d}.report-status-badge.resolved{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.report-status-badge.dismissed{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b833}.report-target-badge,.report-group-badge{color:var(--text-secondary,#cbd5e1);background:var(--card-bg-subtle,#ffffff0d);border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.report-time-ago{color:#64748b;flex-shrink:0;font-size:11px}.report-escalation-alert{color:#f87171;background:#ef44441f;border:1px solid #ef444459;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.report-escalation-alert i{flex-shrink:0;font-size:16px}.report-target-details{flex-direction:column;gap:6px;display:flex}.reported-username{color:var(--text-primary,#f1f5f9);font-size:13.5px;font-weight:600;display:block}.reporter-meta{color:var(--text-muted,#94a3b8);font-size:11px;display:block}.reporter-meta strong{color:var(--text-secondary,#cbd5e1)}.report-quoted-bubble{color:#e2e8f0;background:#0000004d;border-left:3px solid #ef4444;border-radius:6px;align-items:flex-start;gap:8px;margin-top:4px;padding:8px 12px;font-size:12.5px;line-height:1.4;display:flex}.quote-bubble-icon{color:#ef4444;flex-shrink:0;margin-top:2px;font-size:13px}.report-violation-box{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.violation-chip-type{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.violation-chip-subtype{color:var(--text-secondary,#cbd5e1);background:var(--card-bg-subtle,#ffffff0d);border:1px solid var(--border-subtle,#ffffff17);border-radius:6px;padding:2px 8px;font-size:11px}.report-remarks-box{color:#94a3b8;align-items:flex-start;gap:6px;padding-left:4px;font-size:11.5px;font-style:italic;display:flex}.report-card-footer{border-top:1px solid #ffffff0f;margin-top:4px;padding-top:10px}.report-action-buttons{justify-content:flex-end;gap:8px;display:flex}.report-btn-dismiss{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:7px 14px;font-size:12px;transition:all .15s}.report-btn-dismiss:hover{color:#fff;background:#ffffff1a}.report-btn-take-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #8b5cf64d}.report-btn-take-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.report-resolved-info{color:#34d399;align-items:flex-start;gap:8px;font-size:12px;display:flex}.report-resolved-info i{margin-top:1px;font-size:16px}.resolved-reason{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.report-dismissed-info{color:#94a3b8;align-items:center;gap:6px;font-size:12px;display:flex}.side-menu-badge-dot.side-menu-badge-report{border-color:var(--chat-side-menu-bg,#141226)!important}.side-menu-nav .nav-link.active i,.side-menu-nav .nav-link:hover i{color:var(--theme-icon-hover)!important}html[data-chat-theme=light] .report-modal-card,html[data-chat-theme=light] .reports-dashboard-card{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 20px 48px #0f172a1f,0 0 24px #0000000f!important}html[data-chat-theme=light] .report-modal-header,html[data-chat-theme=light] .reports-dashboard-header{background:#f8fafc!important;border-bottom-color:#e2e8f0!important}html[data-chat-theme=light] .report-modal-header h4,html[data-chat-theme=light] .reports-dashboard-header h4{color:#0f172a!important}html[data-chat-theme=light] .report-modal-header span,html[data-chat-theme=light] .reports-dashboard-header span{color:#64748b!important}html[data-chat-theme=light] .report-modal-target-box,html[data-chat-theme=light] .report-item-card{background:#f8fafc!important;border-color:#e2e8f0!important}html[data-chat-theme=light] .report-modal-target-box div,html[data-chat-theme=light] .report-item-card div,html[data-chat-theme=light] .report-target-details{color:#1e293b!important}html[data-chat-theme=light] .report-modal-quoted-message,html[data-chat-theme=light] .report-quoted-bubble{color:#334155!important;background:#f1f5f9!important;border-left-color:#2563eb!important}html[data-chat-theme=light] .report-back-btn{color:#475569!important;background:#f1f5f9!important;border-color:#cbd5e1!important}html[data-chat-theme=light] .report-back-btn:hover{color:#0f172a!important;background:#e2e8f0!important}html[data-chat-theme=light] .report-target-name{color:#0f172a!important}html[data-chat-theme=light] .report-target-role,html[data-chat-theme=light] .report-section-heading{color:#64748b!important}html[data-chat-theme=light] .report-category-row{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important}html[data-chat-theme=light] .report-category-row:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}html[data-chat-theme=light] .category-row-title{color:#0f172a!important}html[data-chat-theme=light] .category-row-desc{color:#64748b!important}html[data-chat-theme=light] .category-row-arrow{color:#94a3b8!important}html[data-chat-theme=light] .report-category-row:hover .category-row-arrow{color:#2563eb!important}html[data-chat-theme=light] .category-row-icon-box{color:#2563eb!important;background:#eff6ff!important;border-color:#bfdbfe!important}html[data-chat-theme=light] .report-category-row:hover .category-row-icon-box{color:#fff!important;background:#2563eb!important}html[data-chat-theme=light] .report-selected-category-pill{background:#eff6ff!important;border-color:#bfdbfe!important}html[data-chat-theme=light] .category-pill-left{color:#1e3a8a!important}html[data-chat-theme=light] .category-pill-change{color:#2563eb!important}html[data-chat-theme=light] .report-subtype-option{color:#334155!important;background:#fff!important;border-color:#e2e8f0!important}html[data-chat-theme=light] .report-subtype-option:hover{background:#f8fafc!important;border-color:#cbd5e1!important}html[data-chat-theme=light] .report-subtype-option.active{color:#1e3a8a!important;background:#eff6ff!important;border-color:#3b82f6!important}html[data-chat-theme=light] .report-custom-radio{border-color:#94a3b8!important}html[data-chat-theme=light] .report-subtype-option.active .report-custom-radio{background:#2563eb!important;border-color:#2563eb!important}html[data-chat-theme=light] .report-remarks-textarea{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}html[data-chat-theme=light] .report-modal-footer{background:#f8fafc!important;border-top-color:#e2e8f0!important}html[data-chat-theme=light] .report-modal-body::-webkit-scrollbar-thumb{background:#00000026!important}html[data-chat-theme=light] .report-modal-body::-webkit-scrollbar-thumb:hover{background:#00000040!important}html[data-chat-theme=light] .reports-icon-tabs{background:#f1f5f9!important;border-color:#e2e8f0!important}html[data-chat-theme=light] .reports-icon-tab-btn{color:#64748b!important}html[data-chat-theme=light] .reports-icon-tab-btn:hover{color:#0f172a!important;background:#e2e8f0!important}html[data-chat-theme=light] .reports-icon-tab-btn.active,html[data-chat-theme=light] .reports-icon-tab-btn.active *,html[data-chat-theme=light] .reports-icon-tab-btn.active span,html[data-chat-theme=light] .reports-icon-tab-btn.active i{color:#fff!important;background:#2563eb!important}html[data-chat-theme=light] .reported-username{color:#0f172a!important}html[data-chat-theme=light] .reporter-meta{color:#64748b!important}html[data-chat-theme=light] .reporter-meta strong{color:#1e293b!important}html[data-chat-theme=light] .report-target-badge,html[data-chat-theme=light] .report-group-badge{color:#475569!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .violation-chip-type{color:#7c3aed!important;background:#7c3aed1f!important;border-color:#7c3aed40!important}html[data-chat-theme=light] .violation-chip-subtype{color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}html[data-chat-theme=light] .report-time-ago{color:#64748b!important}html[data-chat-theme=light] .report-quoted-bubble{color:#1e293b!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-left:3px solid #ef4444!important}html[data-chat-theme=light] .report-resolved-info{color:#059669!important}html[data-chat-theme=light] .report-resolved-info strong{color:#0f172a!important}html[data-chat-theme=light] .resolved-reason{color:#475569!important}html[data-chat-theme=light] .report-remarks-box{color:#475569!important;background:#f8fafc!important;border-color:#e2e8f0!important}html[data-chat-theme=light] .report-card-footer{border-top-color:#e2e8f0!important}html[data-chat-theme=light] .report-btn-dismiss{color:#475569!important;background:#f1f5f9!important;border-color:#cbd5e1!important}html[data-chat-theme=light] .report-btn-dismiss:hover{color:#0f172a!important;background:#e2e8f0!important}html[data-chat-theme=light] .side-menu-nav .nav-link.active{background:#2563eb1f!important}html[data-chat-theme=light] .side-menu-nav .nav-link.active i{color:#2563eb!important}html[data-chat-theme=midnight] .report-modal-card,html[data-chat-theme=midnight] .reports-dashboard-card{background:#0d1e34!important;border-color:#38bdf838!important;box-shadow:0 20px 48px #000000b3,0 0 24px #38bdf81a!important}html[data-chat-theme=midnight] .report-modal-header,html[data-chat-theme=midnight] .reports-dashboard-header{background:#38bdf80a!important;border-bottom-color:#38bdf81f!important}html[data-chat-theme=amber] .report-modal-card,html[data-chat-theme=amber] .reports-dashboard-card{background:#23150b!important;border-color:#f59e0b40!important;box-shadow:0 20px 48px #000000b3,0 0 24px #f59e0b1f!important}html[data-chat-theme=amber] .report-modal-header,html[data-chat-theme=amber] .reports-dashboard-header{background:#f59e0b0d!important;border-bottom-color:#f59e0b26!important}html[data-chat-theme=ocean] .report-modal-card,html[data-chat-theme=ocean] .reports-dashboard-card{background:#131f29!important;border-color:#06b6d440!important;box-shadow:0 20px 48px #000000b3,0 0 24px #06b6d41f!important}html[data-chat-theme=ocean] .report-modal-header,html[data-chat-theme=ocean] .reports-dashboard-header{background:#06b6d40a!important;border-bottom-color:#06b6d424!important}html[data-chat-theme=purple] .report-modal-card,html[data-chat-theme=purple] .reports-dashboard-card{background:#220b29!important;border-color:#d946ef38!important;box-shadow:0 20px 48px #000000b3,0 0 24px #d946ef1a!important}html[data-chat-theme=purple] .report-modal-header,html[data-chat-theme=purple] .reports-dashboard-header{background:#d946ef0a!important;border-bottom-color:#d946ef1f!important}html[data-chat-theme=emerald] .report-modal-card,html[data-chat-theme=emerald] .reports-dashboard-card{background:#0c2118!important;border-color:#10b98138!important;box-shadow:0 20px 48px #000000b3,0 0 24px #10b9811a!important}html[data-chat-theme=emerald] .report-modal-header,html[data-chat-theme=emerald] .reports-dashboard-header{background:#10b9810a!important;border-bottom-color:#10b9811f!important}html[data-chat-theme=rose] .report-modal-card,html[data-chat-theme=rose] .reports-dashboard-card{background:#230d17!important;border-color:#f43f5e38!important;box-shadow:0 20px 48px #000000b3,0 0 24px #f43f5e1a!important}html[data-chat-theme=rose] .report-modal-header,html[data-chat-theme=rose] .reports-dashboard-header{background:#f43f5e0a!important;border-bottom-color:#f43f5e1f!important}html[data-chat-theme=monochrome] .report-modal-card,html[data-chat-theme=monochrome] .reports-dashboard-card{background:#18191d!important;border-color:#ffffff24!important;box-shadow:0 20px 48px #000000b3,0 0 24px #ffffff0d!important}html[data-chat-theme=monochrome] .report-modal-header,html[data-chat-theme=monochrome] .reports-dashboard-header{background:#ffffff0a!important;border-bottom-color:#ffffff14!important}.floating-video-window{color:#fff;background:linear-gradient(#18152e 0%,#121024 100%);border:1px solid #8b5cf659;border-radius:14px;box-shadow:0 16px 40px #000000bf,0 0 16px #8b5cf626}.floating-video-header{background:#1f1b3b;border-bottom:1px solid #ffffff14}.floating-video-title{color:#e4e4e7}.common-icon-btn,.floating-video-header-btn,.watch-party-header-btn{color:#a7a9be;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:17px;transition:color .15s;display:inline-flex}.common-icon-btn:hover,.floating-video-header-btn:hover,.watch-party-header-btn:hover,.chat-icon-btn:hover,.side-menu-nav .nav-link:hover,.mobile-actions-row .chat-icon-btn:hover,.profile-header-round-btn:hover,.profile-header-bare-btn:hover,.profile-icon-pill-btn:hover,.profile-bare-icon-btn:hover,.emoji-search-clear:hover,.search-input-clear-btn:hover,.mobile-back-btn:hover{color:var(--theme-icon-hover)!important;box-shadow:none!important;background:0 0!important;transform:none!important}.common-icon-btn:hover i,.floating-video-header-btn:hover i,.watch-party-header-btn:hover i,.chat-icon-btn:hover i,.mobile-actions-row .chat-icon-btn:hover i,.profile-header-round-btn:hover i,.profile-header-bare-btn:hover i,.profile-icon-pill-btn:hover i,.profile-bare-icon-btn:hover i,.emoji-search-clear:hover i,.search-input-clear-btn:hover i,.mobile-back-btn:hover i{color:var(--theme-icon-hover)!important}.common-icon-btn.danger-btn,.floating-video-header-btn.danger-btn,.watch-party-header-btn.danger-btn{color:#ef4444}.common-icon-btn.danger-btn:hover,.floating-video-header-btn.danger-btn:hover,.watch-party-header-btn.danger-btn:hover{color:#ef4444!important;box-shadow:none!important;background:0 0!important;transform:none!important}.common-icon-btn.danger-btn:hover i,.floating-video-header-btn.danger-btn:hover i,.watch-party-header-btn.danger-btn:hover i{color:#ef4444!important}.close-btn,.chat-members-close-btn,.drawer-close-btn,.profile-modal-close-btn,.user-action-modal-close-btn,.emoji-picker-close-btn,.fullscreen-image-close-btn,.profile-subview-close-btn,.profile-popup-close-btn,.members-close-btn,.watch-party-close-btn{color:#fff;cursor:pointer;border-radius:6px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;font-size:20px;line-height:1;transition:background .2s,color .2s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;transform:none!important}.close-btn i,.chat-members-close-btn i,.drawer-close-btn i,.profile-modal-close-btn i,.user-action-modal-close-btn i,.emoji-picker-close-btn i,.fullscreen-image-close-btn i,.profile-subview-close-btn i,.profile-popup-close-btn i,.members-close-btn i,.watch-party-close-btn i{font-size:inherit;line-height:1;transition:color .2s;color:inherit!important}.close-btn:hover,.chat-members-close-btn:hover,.drawer-close-btn:hover,.profile-modal-close-btn:hover,.user-action-modal-close-btn:hover,.emoji-picker-close-btn:hover,.fullscreen-image-close-btn:hover,.profile-subview-close-btn:hover,.profile-popup-close-btn:hover,.members-close-btn:hover,.watch-party-close-btn:hover,.floating-video-header-btn.close-btn:hover,.common-icon-btn.close-btn:hover{color:#ef4444!important;box-shadow:none!important;background:0 0!important;transform:none!important}.close-btn:hover i,.chat-members-close-btn:hover i,.drawer-close-btn:hover i,.profile-modal-close-btn:hover i,.user-action-modal-close-btn:hover i,.emoji-picker-close-btn:hover i,.fullscreen-image-close-btn:hover i,.profile-subview-close-btn:hover i,.profile-popup-close-btn:hover i,.members-close-btn:hover i,.watch-party-close-btn:hover i,.floating-video-header-btn.close-btn:hover i,.common-icon-btn.close-btn:hover i{color:#ef4444!important}.close-btn.xs,.close-btn.close-btn-xs{width:24px;height:24px;font-size:16px}.close-btn.sm,.close-btn.close-btn-sm{width:28px;height:28px;font-size:18px}.close-btn.md,.close-btn.close-btn-md,.drawer-close-btn,.user-action-modal-close-btn{width:32px;height:32px;font-size:20px}.close-btn.lg,.close-btn.close-btn-lg,.chat-members-close-btn{width:40px;height:40px;font-size:20px}.close-btn.xl,.close-btn.close-btn-xl{width:44px;height:44px;font-size:24px}.floating-video-play-group-btn{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);box-shadow:0 2px 8px #7c3aed66}.floating-video-play-group-btn:hover{opacity:.92;transform:translateY(-1px)}.floating-watch-party-player{color:#fff;background:linear-gradient(#18152e 0%,#121024 100%);border:1px solid #8b5cf659;border-radius:16px;box-shadow:0 20px 50px #000000d9,0 0 20px #8b5cf633}.floating-watch-party-header{background:#1f1b3b;border-bottom:1px solid #ffffff14}.watch-party-controls-bar{background:#151326;border-top:1px solid #ffffff14}.watch-party-time-text{color:#a7a9be}.watch-party-range-input{accent-color:#8b5cf6}.watch-party-play-pause-btn{background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);transition:transform .15s,opacity .15s;box-shadow:0 2px 8px #7c3aed66}.watch-party-play-pause-btn:hover{transform:scale(1.06)}.watch-party-dropdown-menu{color:#fff;background:#161426;border:1px solid #ffffff24;box-shadow:0 20px 50px #000000f2,0 0 0 1px #ffffff14}.watch-party-dropdown-header{background:#ffffff08;border-bottom:1px solid #ffffff14}.watch-party-title{color:#fff}.watch-party-tag{color:#f59e0b}.watch-party-section-label,.watch-party-subtext{color:#a7a9be}.watch-party-now-playing-card{background:#ffffff0a;border:1px solid #ffffff14}.watch-party-now-playing-title{color:#fff}.watch-party-card-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.watch-party-card-btn:hover{background:#ffffff24}.watch-party-listeners-container{background:#00000040;border:1px solid #ffffff0f}.watch-party-listener-ring{border:2px solid #ffffff2e}.watch-party-empty-queue{color:#a7a9be;background:#ffffff05;border:1px dashed #ffffff1a}.watch-party-queue-item{background:#ffffff08;border:1px solid #ffffff0f}.watch-party-queue-item-title{color:#fff}.watch-party-delete-btn{color:#ef4444;cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:14px;transition:opacity .15s,background .15s;display:flex}.watch-party-delete-btn:hover{opacity:1;background:#ef444426}.watch-party-dropdown-footer{background:#0000004d;border-top:1px solid #ffffff14}.watch-party-btn-join{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);transition:opacity .15s,box-shadow .15s;box-shadow:0 4px 14px #7c3aed66}.watch-party-btn-join:hover{opacity:.94;box-shadow:0 6px 18px #7c3aed80}.watch-party-btn-leave{color:#ef4444;background:#ef444426;border:1px solid #ef444459}.watch-party-btn-leave:hover{background:#ef444440}.watch-party-btn-end{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;transition:opacity .15s,box-shadow .15s;box-shadow:0 3px 12px #dc262666}.watch-party-btn-end:hover{opacity:.94;box-shadow:0 5px 16px #dc262680}.watch-party-player-title,.watch-party-dj-name{color:#fff}.watch-party-synced-badge{color:#5eead4;background:#5eead41a;border:1px solid #5eead433}.watch-party-header-leave-btn{color:#ef4444;background:#ef444426;border:1px solid #ef444459;transition:all .2s}.watch-party-header-leave-btn:hover{background:#ef444440}html[data-chat-theme=midnight] .floating-video-window,html[data-chat-theme=midnight] .floating-watch-party-player,html[data-chat-theme=midnight] .watch-party-dropdown-menu{background:linear-gradient(#091a2e 0%,#061525 100%)!important;border-color:#0284c766!important;box-shadow:0 20px 50px #000000d9,0 0 18px #0284c740!important}html[data-chat-theme=midnight] .floating-video-header,html[data-chat-theme=midnight] .floating-watch-party-header,html[data-chat-theme=midnight] .watch-party-dropdown-header{background:#0c233c!important;border-bottom-color:#0284c733!important}html[data-chat-theme=midnight] .watch-party-controls-bar{background:#081a2e!important;border-top-color:#0284c733!important}html[data-chat-theme=midnight] .floating-video-play-group-btn,html[data-chat-theme=midnight] .watch-party-play-pause-btn,html[data-chat-theme=midnight] .watch-party-btn-join{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important;box-shadow:0 2px 8px #0284c766!important}html[data-chat-theme=midnight] .watch-party-range-input{accent-color:#0284c7!important}html[data-chat-theme=midnight] .watch-party-now-playing-card{background:#0284c714!important;border-color:#0284c740!important}html[data-chat-theme=amber] .floating-video-window,html[data-chat-theme=amber] .floating-watch-party-player,html[data-chat-theme=amber] .watch-party-dropdown-menu{background:linear-gradient(#24140b 0%,#170d07 100%)!important;border-color:#ea580c66!important;box-shadow:0 20px 50px #000000d9,0 0 18px #ea580c40!important}html[data-chat-theme=amber] .floating-video-header,html[data-chat-theme=amber] .floating-watch-party-header,html[data-chat-theme=amber] .watch-party-dropdown-header{background:#2d190e!important;border-bottom-color:#ea580c33!important}html[data-chat-theme=amber] .watch-party-controls-bar{background:#1c1008!important;border-top-color:#ea580c33!important}html[data-chat-theme=amber] .floating-video-play-group-btn,html[data-chat-theme=amber] .watch-party-play-pause-btn,html[data-chat-theme=amber] .watch-party-btn-join{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%)!important;box-shadow:0 2px 8px #ea580c66!important}html[data-chat-theme=amber] .watch-party-range-input{accent-color:#ea580c!important}html[data-chat-theme=amber] .watch-party-now-playing-card{background:#ea580c14!important;border-color:#ea580c40!important}html[data-chat-theme=ocean] .floating-video-window,html[data-chat-theme=ocean] .floating-watch-party-player,html[data-chat-theme=ocean] .watch-party-dropdown-menu{background:linear-gradient(#191c21 0%,#111317 100%)!important;border-color:#06b6d466!important;box-shadow:0 20px 50px #000000d9,0 0 18px #06b6d440!important}html[data-chat-theme=ocean] .floating-video-header,html[data-chat-theme=ocean] .floating-watch-party-header,html[data-chat-theme=ocean] .watch-party-dropdown-header{background:#21252c!important;border-bottom-color:#06b6d433!important}html[data-chat-theme=ocean] .watch-party-controls-bar{background:#15181c!important;border-top-color:#06b6d433!important}html[data-chat-theme=ocean] .floating-video-play-group-btn,html[data-chat-theme=ocean] .watch-party-play-pause-btn,html[data-chat-theme=ocean] .watch-party-btn-join{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)!important;box-shadow:0 2px 8px #06b6d466!important}html[data-chat-theme=ocean] .watch-party-range-input{accent-color:#06b6d4!important}html[data-chat-theme=ocean] .watch-party-now-playing-card{background:#06b6d414!important;border-color:#06b6d440!important}html[data-chat-theme=monochrome] .floating-video-window,html[data-chat-theme=monochrome] .floating-watch-party-player,html[data-chat-theme=monochrome] .watch-party-dropdown-menu{background:linear-gradient(#15171b 0%,#0d0e11 100%)!important;border-color:#47556973!important;box-shadow:0 20px 50px #000000d9,0 0 18px #47556933!important}html[data-chat-theme=monochrome] .floating-video-header,html[data-chat-theme=monochrome] .floating-watch-party-header,html[data-chat-theme=monochrome] .watch-party-dropdown-header{background:#1b1e23!important;border-bottom-color:#47556933!important}html[data-chat-theme=monochrome] .watch-party-controls-bar{background:#111215!important;border-top-color:#47556933!important}html[data-chat-theme=monochrome] .floating-video-play-group-btn,html[data-chat-theme=monochrome] .watch-party-play-pause-btn,html[data-chat-theme=monochrome] .watch-party-btn-join{background:linear-gradient(135deg,#475569 0%,#334155 100%)!important;box-shadow:0 2px 8px #47556966!important}html[data-chat-theme=monochrome] .watch-party-range-input{accent-color:#64748b!important}html[data-chat-theme=monochrome] .watch-party-now-playing-card{background:#47556914!important;border-color:#47556940!important}html[data-chat-theme=purple] .floating-video-window,html[data-chat-theme=purple] .floating-watch-party-player,html[data-chat-theme=purple] .watch-party-dropdown-menu{background:linear-gradient(#320e3c 0%,#200926 100%)!important;border-color:#a855f766!important;box-shadow:0 20px 50px #000000d9,0 0 18px #a855f740!important}html[data-chat-theme=purple] .floating-video-header,html[data-chat-theme=purple] .floating-watch-party-header,html[data-chat-theme=purple] .watch-party-dropdown-header{background:#3d1249!important;border-bottom-color:#a855f733!important}html[data-chat-theme=purple] .watch-party-controls-bar{background:#280b30!important;border-top-color:#a855f733!important}html[data-chat-theme=purple] .floating-video-play-group-btn,html[data-chat-theme=purple] .watch-party-play-pause-btn,html[data-chat-theme=purple] .watch-party-btn-join{background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%)!important;box-shadow:0 2px 8px #a855f766!important}html[data-chat-theme=purple] .watch-party-range-input{accent-color:#a855f7!important}html[data-chat-theme=purple] .watch-party-now-playing-card{background:#a855f714!important;border-color:#a855f740!important}html[data-chat-theme=emerald] .floating-video-window,html[data-chat-theme=emerald] .floating-watch-party-player,html[data-chat-theme=emerald] .watch-party-dropdown-menu{background:linear-gradient(#08241c 0%,#03140f 100%)!important;border-color:#10b98166!important;box-shadow:0 20px 50px #000000d9,0 0 18px #10b98140!important}html[data-chat-theme=emerald] .floating-video-header,html[data-chat-theme=emerald] .floating-watch-party-header,html[data-chat-theme=emerald] .watch-party-dropdown-header{background:#0c3227!important;border-bottom-color:#10b98133!important}html[data-chat-theme=emerald] .watch-party-controls-bar{background:#051d16!important;border-top-color:#10b98133!important}html[data-chat-theme=emerald] .floating-video-play-group-btn,html[data-chat-theme=emerald] .watch-party-play-pause-btn,html[data-chat-theme=emerald] .watch-party-btn-join{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:0 2px 8px #10b98166!important}html[data-chat-theme=emerald] .watch-party-range-input{accent-color:#10b981!important}html[data-chat-theme=emerald] .watch-party-now-playing-card{background:#10b98114!important;border-color:#10b98140!important}html[data-chat-theme=rose] .floating-video-window,html[data-chat-theme=rose] .floating-watch-party-player,html[data-chat-theme=rose] .watch-party-dropdown-menu{background:linear-gradient(#2e1222 0%,#1d0b16 100%)!important;border-color:#ec489966!important;box-shadow:0 20px 50px #000000d9,0 0 18px #ec489940!important}html[data-chat-theme=rose] .floating-video-header,html[data-chat-theme=rose] .floating-watch-party-header,html[data-chat-theme=rose] .watch-party-dropdown-header{background:#3a172b!important;border-bottom-color:#ec489933!important}html[data-chat-theme=rose] .watch-party-controls-bar{background:#250e1b!important;border-top-color:#ec489933!important}html[data-chat-theme=rose] .floating-video-play-group-btn,html[data-chat-theme=rose] .watch-party-play-pause-btn,html[data-chat-theme=rose] .watch-party-btn-join{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%)!important;box-shadow:0 2px 8px #ec489966!important}html[data-chat-theme=rose] .watch-party-range-input{accent-color:#ec4899!important}html[data-chat-theme=rose] .watch-party-now-playing-card{background:#ec489914!important;border-color:#ec489940!important}html[data-chat-theme=light] .floating-video-window,html[data-chat-theme=light] .floating-watch-party-player,html[data-chat-theme=light] .watch-party-dropdown-menu{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 16px 40px #00000029!important}html[data-chat-theme=light] .floating-video-header,html[data-chat-theme=light] .floating-watch-party-header,html[data-chat-theme=light] .watch-party-dropdown-header{color:#0f172a!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html[data-chat-theme=light] .floating-video-title,html[data-chat-theme=light] .watch-party-title,html[data-chat-theme=light] .watch-party-player-title,html[data-chat-theme=light] .watch-party-now-playing-title,html[data-chat-theme=light] .watch-party-queue-item-title,html[data-chat-theme=light] .watch-party-dj-name{color:#0f172a!important}html[data-chat-theme=light] .watch-party-section-label{color:#334155!important;font-weight:700!important}html[data-chat-theme=light] .watch-party-subtext,html[data-chat-theme=light] .watch-party-time-text{color:#64748b!important}html[data-chat-theme=light] .common-icon-btn,html[data-chat-theme=light] .floating-video-header-btn,html[data-chat-theme=light] .watch-party-header-btn,html[data-chat-theme=light] .watch-party-close-btn,html[data-chat-theme=light] .profile-modal-close-btn,html[data-chat-theme=light] .user-action-modal-close-btn,html[data-chat-theme=light] .chat-members-close-btn,html[data-chat-theme=light] .members-close-btn,html[data-chat-theme=light] .mobile-close-sidebar-btn,html[data-chat-theme=light] .emoji-picker-close-btn,html[data-chat-theme=light] .fullscreen-image-close-btn,html[data-chat-theme=light] .profile-popup-close-btn,html[data-chat-theme=light] .profile-subview-close-btn,html[data-chat-theme=light] .chat-icon-btn,html[data-chat-theme=light] .side-menu-nav .nav-link,html[data-chat-theme=light] .chat-header-actions .chat-icon-btn,html[data-chat-theme=light] .chat-input-area .chat-icon-btn,html[data-chat-theme=light] .mobile-actions-row .chat-icon-btn,html[data-chat-theme=light] .profile-header-round-btn,html[data-chat-theme=light] .profile-header-bare-btn,html[data-chat-theme=light] .profile-icon-pill-btn,html[data-chat-theme=light] .profile-bare-icon-btn,html[data-chat-theme=light] .user-action-back-btn,html[data-chat-theme=light] .mobile-back-btn,html[data-chat-theme=light] .common-icon-btn i,html[data-chat-theme=light] .floating-video-header-btn i,html[data-chat-theme=light] .watch-party-header-btn i,html[data-chat-theme=light] .watch-party-close-btn i,html[data-chat-theme=light] .profile-modal-close-btn i,html[data-chat-theme=light] .user-action-modal-close-btn i,html[data-chat-theme=light] .chat-members-close-btn i,html[data-chat-theme=light] .members-close-btn i,html[data-chat-theme=light] .mobile-close-sidebar-btn i,html[data-chat-theme=light] .emoji-picker-close-btn i,html[data-chat-theme=light] .fullscreen-image-close-btn i,html[data-chat-theme=light] .profile-popup-close-btn i,html[data-chat-theme=light] .profile-subview-close-btn i,html[data-chat-theme=light] .chat-icon-btn i,html[data-chat-theme=light] .side-menu-nav .nav-link i,html[data-chat-theme=light] .profile-header-round-btn i,html[data-chat-theme=light] .profile-header-bare-btn i,html[data-chat-theme=light] .profile-icon-pill-btn i,html[data-chat-theme=light] .profile-bare-icon-btn i,html[data-chat-theme=light] .user-action-back-btn i,html[data-chat-theme=light] .mobile-back-btn i{color:#0f172a!important}html[data-chat-theme=light] .common-icon-btn:hover,html[data-chat-theme=light] .floating-video-header-btn:hover,html[data-chat-theme=light] .watch-party-header-btn:hover,html[data-chat-theme=light] .chat-icon-btn:hover,html[data-chat-theme=light] .side-menu-nav .nav-link:hover,html[data-chat-theme=light] .chat-header-actions .chat-icon-btn:hover,html[data-chat-theme=light] .chat-input-area .chat-icon-btn:hover,html[data-chat-theme=light] .mobile-actions-row .chat-icon-btn:hover,html[data-chat-theme=light] .profile-header-round-btn:hover,html[data-chat-theme=light] .profile-header-bare-btn:hover,html[data-chat-theme=light] .profile-icon-pill-btn:hover,html[data-chat-theme=light] .profile-bare-icon-btn:hover,html[data-chat-theme=light] .user-action-back-btn:hover,html[data-chat-theme=light] .mobile-back-btn:hover{color:#2563eb!important;box-shadow:none!important;background:0 0!important;transform:none!important}html[data-chat-theme=light] .common-icon-btn:hover i,html[data-chat-theme=light] .floating-video-header-btn:hover i,html[data-chat-theme=light] .watch-party-header-btn:hover i,html[data-chat-theme=light] .chat-icon-btn:hover i,html[data-chat-theme=light] .chat-header-actions .chat-icon-btn:hover i,html[data-chat-theme=light] .chat-input-area .chat-icon-btn:hover i,html[data-chat-theme=light] .mobile-actions-row .chat-icon-btn:hover i,html[data-chat-theme=light] .profile-header-round-btn:hover i,html[data-chat-theme=light] .profile-header-bare-btn:hover i,html[data-chat-theme=light] .profile-icon-pill-btn:hover i,html[data-chat-theme=light] .profile-bare-icon-btn:hover i,html[data-chat-theme=light] .user-action-back-btn:hover i,html[data-chat-theme=light] .mobile-back-btn:hover i{color:#2563eb!important}html[data-chat-theme=light] .common-icon-btn.danger-btn,html[data-chat-theme=light] .floating-video-header-btn.danger-btn,html[data-chat-theme=light] .watch-party-header-btn.danger-btn,html[data-chat-theme=light] .common-icon-btn.danger-btn i,html[data-chat-theme=light] .floating-video-header-btn.danger-btn i,html[data-chat-theme=light] .watch-party-header-btn.danger-btn i{color:#ef4444!important}html[data-chat-theme=light] .common-icon-btn.danger-btn:hover,html[data-chat-theme=light] .floating-video-header-btn.danger-btn:hover,html[data-chat-theme=light] .watch-party-header-btn.danger-btn:hover{color:#ef4444!important;box-shadow:none!important;background:0 0!important;transform:none!important}html[data-chat-theme=light] .common-icon-btn.danger-btn:hover i,html[data-chat-theme=light] .floating-video-header-btn.danger-btn:hover i,html[data-chat-theme=light] .watch-party-header-btn.danger-btn:hover i{color:#ef4444!important}html[data-chat-theme=light] .close-btn,html[data-chat-theme=light] .chat-members-close-btn,html[data-chat-theme=light] .drawer-close-btn,html[data-chat-theme=light] .profile-modal-close-btn,html[data-chat-theme=light] .user-action-modal-close-btn,html[data-chat-theme=light] .emoji-picker-close-btn,html[data-chat-theme=light] .fullscreen-image-close-btn,html[data-chat-theme=light] .profile-subview-close-btn,html[data-chat-theme=light] .profile-popup-close-btn,html[data-chat-theme=light] .members-close-btn,html[data-chat-theme=light] .watch-party-close-btn,html[data-chat-theme=light] .close-btn i,html[data-chat-theme=light] .chat-members-close-btn i,html[data-chat-theme=light] .drawer-close-btn i,html[data-chat-theme=light] .profile-modal-close-btn i,html[data-chat-theme=light] .user-action-modal-close-btn i,html[data-chat-theme=light] .emoji-picker-close-btn i,html[data-chat-theme=light] .fullscreen-image-close-btn i,html[data-chat-theme=light] .profile-subview-close-btn i,html[data-chat-theme=light] .profile-popup-close-btn i,html[data-chat-theme=light] .members-close-btn i,html[data-chat-theme=light] .watch-party-close-btn i{color:#0f172a!important}html[data-chat-theme=light] .close-btn:hover,html[data-chat-theme=light] .chat-members-close-btn:hover,html[data-chat-theme=light] .drawer-close-btn:hover,html[data-chat-theme=light] .profile-modal-close-btn:hover,html[data-chat-theme=light] .user-action-modal-close-btn:hover,html[data-chat-theme=light] .emoji-picker-close-btn:hover,html[data-chat-theme=light] .fullscreen-image-close-btn:hover,html[data-chat-theme=light] .profile-subview-close-btn:hover,html[data-chat-theme=light] .profile-popup-close-btn:hover,html[data-chat-theme=light] .members-close-btn:hover,html[data-chat-theme=light] .watch-party-close-btn:hover,html[data-chat-theme=light] .floating-video-header-btn.close-btn:hover,html[data-chat-theme=light] .common-icon-btn.close-btn:hover{color:#ef4444!important;box-shadow:none!important;background:0 0!important;transform:none!important}html[data-chat-theme=light] .close-btn:hover i,html[data-chat-theme=light] .chat-members-close-btn:hover i,html[data-chat-theme=light] .drawer-close-btn:hover i,html[data-chat-theme=light] .profile-modal-close-btn:hover i,html[data-chat-theme=light] .user-action-modal-close-btn:hover i,html[data-chat-theme=light] .emoji-picker-close-btn:hover i,html[data-chat-theme=light] .fullscreen-image-close-btn:hover i,html[data-chat-theme=light] .profile-subview-close-btn:hover i,html[data-chat-theme=light] .profile-popup-close-btn:hover i,html[data-chat-theme=light] .members-close-btn:hover i,html[data-chat-theme=light] .watch-party-close-btn:hover i,html[data-chat-theme=light] .floating-video-header-btn.close-btn:hover i,html[data-chat-theme=light] .common-icon-btn.close-btn:hover i{color:#ef4444!important}html[data-chat-theme=light] .watch-party-controls-bar{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}html[data-chat-theme=light] .watch-party-range-input{accent-color:#3b82f6!important}html[data-chat-theme=light] .floating-video-play-group-btn,html[data-chat-theme=light] .watch-party-play-pause-btn,html[data-chat-theme=light] .watch-party-btn-join{color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;box-shadow:0 3px 10px #2563eb59!important}html[data-chat-theme=light] .watch-party-now-playing-card{background:#f1f5f9!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .watch-party-card-btn{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}html[data-chat-theme=light] .watch-party-card-btn:hover{background:#f8fafc!important}html[data-chat-theme=light] .watch-party-listeners-container{background:#f8fafc!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .watch-party-listener-ring{border-color:#cbd5e1!important}html[data-chat-theme=light] .watch-party-empty-queue{color:#64748b!important;background:#f8fafc!important;border:1px dashed #cbd5e1!important}html[data-chat-theme=light] .watch-party-queue-item{background:#f8fafc!important;border:1px solid #e2e8f0!important}html[data-chat-theme=light] .watch-party-dropdown-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}html[data-chat-theme=light] .watch-party-btn-leave,html[data-chat-theme=light] .watch-party-header-leave-btn{color:#dc2626!important;background:#fee2e2!important;border:1px solid #fca5a5!important}html[data-chat-theme=light] .watch-party-btn-leave:hover,html[data-chat-theme=light] .watch-party-header-leave-btn:hover{background:#fecaca!important}html[data-chat-theme=light] .watch-party-btn-end{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 3px 12px #dc262659!important}html[data-chat-theme=light] .watch-party-btn-end:hover{opacity:.92!important}html[data-chat-theme=light] .watch-party-synced-badge{color:#0f766e!important;background:#ccfbf1!important;border:1px solid #99f6e4!important}.group-crud-btn{cursor:pointer;letter-spacing:.01em;border-radius:8px;justify-content:center;align-items:center;padding:8px 18px;font-size:13.5px;font-weight:600;transition:opacity .15s,background-color .15s,color .15s;display:inline-flex}.group-crud-cancel-btn{background-color:#ffffff14;border:1px solid #ffffff2e;color:#fff!important}.group-crud-cancel-btn:hover{background-color:#ffffff29;color:#fff!important}.group-crud-submit-btn{background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%);border:none;box-shadow:0 2px 10px #6366f159;color:#fff!important}.group-crud-submit-btn:hover{opacity:.92}.group-crud-delete-btn{background-color:#ef444426;border:1px solid #ef444466;color:#fca5a5!important}.group-crud-delete-btn:hover{background-color:#ef444440;color:#fff!important}html[data-chat-theme=light] .group-crud-cancel-btn{color:#0f172a!important;background-color:#f1f5f9!important;border:1px solid #cbd5e1!important;font-weight:500!important}html[data-chat-theme=light] .group-crud-cancel-btn:hover{color:#000!important;background-color:#e2e8f0!important}html[data-chat-theme=light] .group-crud-submit-btn{color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;font-weight:500!important;box-shadow:0 2px 10px #2563eb4d!important}html[data-chat-theme=light] .group-crud-delete-btn{color:#dc2626!important;background-color:#fee2e2!important;border:1px solid #fca5a5!important;font-weight:500!important}html[data-chat-theme=light] .group-crud-delete-btn:hover{background-color:#fecaca!important}.user-action-btn-cancel{color:#fff!important;background-color:#ffffff1a!important;font-weight:500!important}.user-action-btn-confirm-mute,.user-action-btn-confirm-ban{color:#fff!important;font-weight:500!important}html[data-chat-theme=light] .user-action-btn-cancel{color:#0f172a!important;background-color:#e2e8f0!important;border:1px solid #cbd5e1!important;font-weight:500!important}html[data-chat-theme=light] .user-action-subtab-btn{color:#334155!important;font-weight:500!important}html[data-chat-theme=light] .user-action-subtab-btn.active{color:#0f172a!important;background-color:#e2e8f0!important;font-weight:500!important}html[data-chat-theme=light] .user-action-pill{color:#0f172a!important;border-color:#cbd5e1!important;font-weight:500!important}.profile-btn-primary{color:#fff!important;font-weight:500!important}.profile-btn-secondary{color:#fff!important;background-color:#ffffff1f!important;border:1px solid #fff3!important;font-weight:500!important}html[data-chat-theme=light] .profile-btn-secondary{color:#0f172a!important;background-color:#f1f5f9!important;border:1px solid #cbd5e1!important;font-weight:500!important}.profile-save-btn{color:#fff!important;font-weight:500!important}html[data-chat-theme=light] .profile-segmented-btn{color:#334155!important;font-weight:500!important}html[data-chat-theme=light] .profile-segmented-btn.active{color:#fff!important;font-weight:500!important}html[data-chat-theme=light] .profile-subtab-btn{color:#334155!important;font-weight:500!important}html[data-chat-theme=light] .profile-subtab-btn.active{color:#0f172a!important;background-color:#e2e8f0!important;font-weight:500!important}.watch-party-card-btn{color:#fff!important;font-weight:500!important}html[data-chat-theme=light] .watch-party-card-btn{color:#0f172a!important;background-color:#fff!important;border:1px solid #cbd5e1!important;font-weight:500!important}.watch-party-btn-join,.watch-party-btn-end{color:#fff!important;font-weight:500!important}.watch-party-btn-leave,.watch-party-header-leave-btn{color:#fca5a5!important;font-weight:500!important}html[data-chat-theme=light] .watch-party-btn-leave,html[data-chat-theme=light] .watch-party-header-leave-btn{color:#dc2626!important;background-color:#fee2e2!important;border:1px solid #fca5a5!important;font-weight:500!important}html[data-chat-theme=light] .chat-layout .nav-link,html[data-chat-theme=light] .chat-layout .chat-icon-btn,html[data-chat-theme=light] .chat-layout .floating-video-header-btn,html[data-chat-theme=light] .chat-layout .watch-party-header-btn,html[data-chat-theme=light] .chat-layout .watch-party-dropdown-menu .watch-party-delete-btn{color:#1e293b!important}html[data-chat-theme=light] .chat-layout .nav-link i,html[data-chat-theme=light] .chat-layout .chat-icon-btn i,html[data-chat-theme=light] .chat-layout .floating-video-header-btn i{color:currentColor!important}html[data-chat-theme=light] .chat-layout .watch-party-btn-icon{color:#dc2626!important}.watch-party-dropdown-menu{--watch-party-primary-text:#fff;--watch-party-secondary-text:#c4c6d4;--watch-party-surface:#ffffff0d}.watch-party-dropdown-menu .watch-party-title,.watch-party-dropdown-menu .watch-party-now-playing-title,.watch-party-dropdown-menu .watch-party-queue-item-title,.watch-party-dropdown-menu .watch-party-dj-name{color:var(--watch-party-primary-text)!important}.watch-party-dropdown-menu .watch-party-section-label,.watch-party-dropdown-menu .watch-party-subtext{color:var(--watch-party-secondary-text)!important}.watch-party-status{color:#34d399;align-items:center;gap:4px;font-size:11px;display:flex}.watch-party-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}html[data-chat-theme=light] .watch-party-dropdown-menu{--watch-party-primary-text:#0f172a;--watch-party-secondary-text:#475569;--watch-party-surface:#f8fafc}html[data-chat-theme=light] .watch-party-dropdown-menu .watch-party-card-btn{color:#0f172a!important}html[data-chat-theme=light] .watch-party-dropdown-menu .watch-party-delete-btn{color:#dc2626!important}@media (width<=768px){.mobile-watch-party-header-widget{flex:0 0 34px;justify-content:center;margin-left:4px;margin-right:4px}.mobile-watch-party-header-widget .watch-party-header-btn{flex:0 0 34px;width:34px;height:34px;padding:0}.mobile-watch-party-header-widget .watch-party-btn-text,.mobile-watch-party-header-widget .watch-party-badge,.mobile-watch-party-header-widget .watch-party-btn-arrow{display:none}.mobile-watch-party-header-widget .watch-party-btn-icon{font-size:20px}}.watch-party-modal-overlay{z-index:100005;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#000000b8;justify-content:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0;align-items:flex-start!important;padding:8px 8px 12px!important}.watch-party-modal,.watch-party-dropdown-menu.watch-party-modal{box-sizing:border-box!important;background-color:#141624!important;border:1px solid #ffffff14!important;border-radius:20px!important;flex-direction:column!important;width:100%!important;max-width:450px!important;max-height:min(92vh,640px)!important;animation:.18s cubic-bezier(.16,1,.3,1) popInScale!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 60px -15px #000c,0 0 0 1px #ffffff14!important}html[data-chat-theme=light] .watch-party-modal,html[data-chat-theme=light] .watch-party-dropdown-menu.watch-party-modal{color:#0f172a!important;background-color:#fff!important;border:1px solid #00000014!important;box-shadow:0 25px 60px -15px #00000040!important}html[data-chat-theme=light] .watch-party-modal .watch-party-title,html[data-chat-theme=light] .watch-party-modal .watch-party-now-playing-title,html[data-chat-theme=light] .watch-party-modal .watch-party-queue-item-title{color:#0f172a!important}.watch-party-dropdown-content{min-height:0;overflow-y:auto}.watch-party-dropdown-footer button{min-height:40px;font-family:inherit;line-height:1.2}.side-menu-watch-party-trigger{--partywatch-accent:#ef4444;width:auto;min-width:64px;height:32px;color:var(--partywatch-accent);box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;margin:0;padding:0;display:inline-flex}.side-menu-watch-party-trigger i{font-size:20px;color:currentColor!important}.watch-party-count{background:var(--partywatch-accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.watch-party-music-bars{justify-content:center;align-items:center;gap:2px;width:12px;height:14px;display:inline-flex}.watch-party-music-bars i{background:currentColor;border-radius:999px;width:2px;animation:.8s ease-in-out infinite alternate watch-party-equalizer}.watch-party-music-bars i:first-child{height:6px;animation-delay:-.55s}.watch-party-music-bars i:nth-child(2){height:12px;animation-delay:-.3s}.watch-party-music-bars i:nth-child(3){height:8px;animation-delay:-.1s}@keyframes watch-party-equalizer{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.side-menu-watch-party-trigger:hover,.side-menu-watch-party-trigger.active{color:#ef4444;transform:none;background:0 0!important}.watch-party-header-media-control{--partywatch-accent:#ef4444;gap:5px;width:auto;min-width:64px;color:var(--partywatch-accent,#ef4444)!important}.watch-party-header-media-control>.ri-youtube-fill,.watch-party-header-media-control:hover>.ri-youtube-fill{font-size:19px;color:currentColor!important}.watch-party-header-media-control .watch-party-music-bars i{color:currentColor!important}html[data-chat-theme=light] .side-menu-watch-party-trigger{--partywatch-accent:#dc2626;color:var(--partywatch-accent)}.navbar-brand-box:empty{display:none}.mobile-sidebar-menu-btn{color:#a7a9be;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.mobile-sidebar-menu-btn i{font-size:22px;color:currentColor!important}.mobile-sidebar-menu-btn:hover,.mobile-sidebar-menu-btn.active{color:var(--theme-icon-hover);background:0 0!important}@media (width<=768px){.navbar-brand-box{flex:0 0 48px;justify-content:center;width:48px;padding:0 7px}.mobile-partywatch-action{flex:none;align-items:center;display:flex}.watch-party-modal-overlay{align-items:flex-start!important;padding:8px 8px 16px!important}.watch-party-modal,.watch-party-dropdown-menu.watch-party-modal{border-radius:16px!important;width:100%!important;max-width:100%!important;max-height:calc(100vh - 16px)!important}}.chat-members-tab-btn{font-weight:500!important}.chat-members-tab-btn.active{color:#fff!important;font-weight:500!important}html[data-chat-theme=light] .chat-members-tab-btn{color:#334155!important;font-weight:500!important}html[data-chat-theme=light] .chat-members-tab-btn.active{color:#0f172a!important;background-color:#e2e8f0!important;font-weight:500!important}.auth-tab-btn{font-weight:500!important}.auth-tab-btn.active,.auth-submit-btn,.guest-action-btn{color:#fff!important;font-weight:500!important}.text-button{font-weight:500!important}button,.btn,input[type=button],input[type=submit],input[type=reset]{font-weight:500}i,[class^=ri-],[class*=\ ri-],button i,.btn i,a i,span i{font-style:normal;font-weight:400!important}.mobile-close-sidebar-btn{display:none!important}@media (width<=768px){.mobile-close-sidebar-btn{display:inline-flex!important}}.side-menu-drawer-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9990;opacity:0;visibility:hidden;background:#080712a6;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.side-menu-drawer-backdrop.visible{opacity:1;visibility:visible}.side-menu-drawer-panel{z-index:28000;color:#fff;background:linear-gradient(#18152e 0%,#121024 100%);border-right:1px solid #ffffff14;flex-direction:column;width:330px;max-width:88vw;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:10px 0 50px #000000b3,0 0 30px #7c3aed1f}.side-menu-drawer-panel.open{transform:translate(0)}html[data-chat-theme=light] .side-menu-drawer-panel{color:#0f172a;background:linear-gradient(#f8fafc 0%,#fff 100%);border-right:1px solid #00000014;box-shadow:10px 0 40px #00000026}.drawer-header-banner{background:linear-gradient(135deg,#7c3aed47 0%,#3b82f629 100%);border-bottom:1px solid #ffffff12;padding:22px 20px 18px;position:relative}html[data-chat-theme=light] .drawer-header-banner{background:linear-gradient(135deg,#7c3aed1f 0%,#3b82f614 100%);border-bottom:1px solid #0000000f}.drawer-header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drawer-brand-tag{letter-spacing:1px;color:#c4b5fd;text-transform:uppercase;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.drawer-brand-tag i{color:#a78bfa;font-size:16px}.drawer-user-info-row{align-items:center;gap:14px;display:flex}.drawer-avatar-wrap{cursor:pointer;flex-shrink:0;position:relative}.drawer-avatar-wrap:hover{transition:transform .2s;transform:scale(1.04)}.drawer-user-meta{flex:1;min-width:0}.drawer-username{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:700;overflow:hidden}html[data-chat-theme=light] .drawer-username{color:#0f172a}.drawer-user-badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.drawer-role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.drawer-role-badge.role-owner{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.drawer-role-badge.role-elite{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.drawer-role-badge.role-mod{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.drawer-role-badge.role-vip{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#d946ef 100%)}.drawer-role-badge.role-user{color:#cbd5e1;background:#ffffff1a}.drawer-edit-profile-btn{color:#a78bfa;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:12px;font-weight:500;transition:color .15s;display:inline-flex}.drawer-edit-profile-btn:hover{color:#c4b5fd;text-decoration:underline}.drawer-status-chips{border-top:1px solid #ffffff0f;align-items:center;gap:6px;margin-top:14px;padding-top:12px;display:flex}.drawer-status-chip{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 4px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.drawer-status-chip:hover{color:#fff;background:#ffffff14}.drawer-status-chip.active{color:#fff;background:#7c3aed33;border-color:#7c3aed73}.status-dot-mini{border-radius:50%;width:7px;height:7px}.status-dot-mini.online{background:#22c55e;box-shadow:0 0 6px #22c55e99}.status-dot-mini.away{background:#eab308;box-shadow:0 0 6px #eab30899}.status-dot-mini.busy{background:#ef4444;box-shadow:0 0 6px #ef444499}.status-dot-mini.stay{background:#3b82f6;box-shadow:0 0 6px #3b82f699}.drawer-content{flex-direction:column;flex:1;gap:16px;padding:14px 12px;display:flex;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:5px}.drawer-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.drawer-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;padding:0 10px;font-size:11px;font-weight:700}.drawer-items-group{flex-direction:column;gap:3px;display:flex}.drawer-item-btn{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}html[data-chat-theme=light] .drawer-item-btn{color:#1e293b}.drawer-item-btn:hover{color:#fff;background:#ffffff12;transform:translate(3px)}html[data-chat-theme=light] .drawer-item-btn:hover{color:#0f172a;background:#0000000d}.drawer-item-left{align-items:center;gap:12px;min-width:0;display:flex}.drawer-item-icon-box{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:transform .2s;display:flex}.drawer-item-btn:hover .drawer-item-icon-box{transform:scale(1.08)}.icon-box-gold{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33 0%,#d9770640 100%);border:1px solid #f59e0b4d}.icon-box-cyan{color:#38bdf8;background:linear-gradient(135deg,#06b6d433 0%,#0ea5e940 100%);border:1px solid #06b6d44d}.icon-box-red{color:#f87171;background:linear-gradient(135deg,#ef444433 0%,#dc262640 100%);border:1px solid #ef44444d}.icon-box-violet{color:#c084fc;background:linear-gradient(135deg,#8b5cf633 0%,#6366f140 100%);border:1px solid #8b5cf64d}.icon-box-emerald{color:#34d399;background:linear-gradient(135deg,#10b98133 0%,#05966940 100%);border:1px solid #10b9814d}.icon-box-blue{color:#60a5fa;background:linear-gradient(135deg,#3b82f633 0%,#2563eb40 100%);border:1px solid #3b82f64d}.icon-box-pink{color:#f472b6;background:linear-gradient(135deg,#ec489933 0%,#db277740 100%);border:1px solid #ec48994d}.icon-box-slate{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff14}.drawer-item-text{flex-direction:column;display:flex}.drawer-item-title{font-size:13.5px;font-weight:600;line-height:1.25}.drawer-item-subtitle{color:#94a3b8;margin-top:2px;font-size:11px}.drawer-item-right{align-items:center;gap:8px;display:flex}.drawer-item-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}.badge-gold{color:#fbbf24;background:#f59e0b40;border:1px solid #f59e0b66}.badge-cyan{color:#38bdf8;background:#06b6d440;border:1px solid #06b6d466}.badge-violet{color:#c084fc;background:#8b5cf640;border:1px solid #8b5cf666}.drawer-item-arrow{color:#64748b;font-size:16px;transition:transform .15s}.drawer-item-btn:hover .drawer-item-arrow{color:#fff;transform:translate(2px)}.drawer-item-btn.logout-item:hover{color:#ef4444;background:#ef444426}.drawer-item-btn.logout-item:hover .drawer-item-title{color:#ef4444}.drawer-footer{background:#0e0c1a99;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}html[data-chat-theme=light] .drawer-footer{background:#f1f5f9b3;border-top:1px solid #0000000f}.drawer-footer-brand{color:#64748b;font-size:11px}.drawer-footer-brand strong{color:#94a3b8;font-weight:600}.drawer-footer-status{color:#22c55e;align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.drawer-footer-status .status-pulse{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #22c55e}.leaderboard-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0a0814bf;justify-content:center;align-items:center;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}.leaderboard-modal-card{color:#fff;background:linear-gradient(#1c1836 0%,#131024 100%);border:1px solid #8b5cf64d;border-radius:18px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000bf,0 0 30px #8b5cf626}html[data-chat-theme=light] .leaderboard-modal-card{color:#0f172a;background:#fff;border:1px solid #0000001a;box-shadow:0 20px 50px #0003}.leaderboard-modal-header{background:linear-gradient(135deg,#f59e0b26 0%,#8b5cf61f 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.leaderboard-header-left{align-items:center;gap:12px;display:flex}.leaderboard-trophy-icon{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;box-shadow:0 4px 14px #f59e0b66}.leaderboard-header-titles h3{color:#fff;margin:0;font-size:18px;font-weight:700}html[data-chat-theme=light] .leaderboard-header-titles h3{color:#0f172a}.leaderboard-header-titles p{color:#94a3b8;margin:2px 0 0;font-size:12px}.leaderboard-tabs{background:#ffffff05;border-bottom:1px solid #ffffff0f;gap:8px;padding:10px 20px 0;display:flex}.leaderboard-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.leaderboard-tab-btn:hover{color:#fff}.leaderboard-tab-btn.active{color:#fbbf24;border-bottom-color:#fbbf24}.leaderboard-podium-wrap{background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);justify-content:center;align-items:flex-end;gap:16px;padding:24px 20px 16px;display:flex}.podium-item{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:130px;display:flex}.podium-crown{margin-bottom:2px;font-size:22px;animation:2s ease-in-out infinite crownBounce}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.podium-avatar-wrap{border-radius:50%;margin-bottom:8px;padding:3px;position:relative}.podium-first .podium-avatar-wrap{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);box-shadow:0 0 18px #f59e0b80}.podium-second .podium-avatar-wrap{background:linear-gradient(135deg,#94a3b8 0%,#cbd5e1 100%);box-shadow:0 0 14px #94a3b866}.podium-third .podium-avatar-wrap{background:linear-gradient(135deg,#b45309 0%,#d97706 100%);box-shadow:0 0 14px #b4530966}.podium-rank-badge{color:#fff;border:2px solid #1c1836;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:-4px;right:-4px}.podium-first .podium-rank-badge{background:#f59e0b}.podium-second .podium-rank-badge{background:#94a3b8}.podium-third .podium-rank-badge{background:#b45309}.podium-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}html[data-chat-theme=light] .podium-name{color:#0f172a}.podium-score{color:#fbbf24;margin-top:2px;font-size:11px;font-weight:600}.podium-pillar{border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:100%;margin-top:8px;font-size:14px;font-weight:800;display:flex}.podium-first .podium-pillar{color:#fbbf24;background:linear-gradient(#f59e0b59 0%,#f59e0b1a 100%);border:1px solid #f59e0b66;height:60px}.podium-second .podium-pillar{color:#cbd5e1;background:linear-gradient(#94a3b84d 0%,#94a3b814 100%);border:1px solid #94a3b859;height:45px}.podium-third .podium-pillar{color:#f59e0b;background:linear-gradient(#b453094d 0%,#b4530914 100%);border:1px solid #b4530959;height:35px}.leaderboard-list-scroll{flex-direction:column;flex:1;gap:6px;padding:10px 18px;display:flex;overflow-y:auto}.leaderboard-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.leaderboard-row:hover{background:#ffffff0f;border-color:#8b5cf64d;transform:translateY(-1px)}.leaderboard-row.current-user-row{background:#8b5cf629;border-color:#8b5cf673}.leaderboard-row-left{align-items:center;gap:12px;display:flex}.leaderboard-rank-num{color:#94a3b8;text-align:center;width:24px;font-size:13px;font-weight:700}.leaderboard-user-details{flex-direction:column;display:flex}.leaderboard-user-name{color:#fff;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}html[data-chat-theme=light] .leaderboard-user-name{color:#0f172a}.leaderboard-user-level{color:#94a3b8;font-size:11px}.leaderboard-row-right{align-items:center;gap:12px;display:flex}.leaderboard-score-pill{color:#fbbf24;background:#f59e0b26;border-radius:8px;padding:4px 10px;font-size:12.5px;font-weight:700}.leaderboard-trend{color:#22c55e;align-items:center;font-size:11px;font-weight:600;display:flex}.leaderboard-user-rank-banner{background:linear-gradient(135deg,#8b5cf638 0%,#3b82f62e 100%);border-top:1px solid #8b5cf64d;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.leaderboard-user-rank-info{align-items:center;gap:12px;display:flex}.leaderboard-user-rank-text{flex-direction:column;display:flex}.leaderboard-user-rank-title{color:#fff;font-size:13px;font-weight:700}.leaderboard-user-rank-sub{color:#cbd5e1;font-size:11px}.news-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0a0814bf;justify-content:center;align-items:center;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}.news-modal-card{color:#fff;background:linear-gradient(#1b1736 0%,#120f24 100%);border:1px solid #38bdf84d;border-radius:18px;flex-direction:column;width:100%;max-width:660px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000bf,0 0 30px #38bdf826}html[data-chat-theme=light] .news-modal-card{color:#0f172a;background:#fff;border:1px solid #0000001a;box-shadow:0 20px 50px #0003}.news-modal-header{background:linear-gradient(135deg,#06b6d42e 0%,#3b82f61f 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.news-icon-badge{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#0ea5e9 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;box-shadow:0 4px 14px #06b6d466}.news-filter-bar{background:#ffffff05;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px;display:flex}.news-filter-chip{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.news-filter-chip:hover{color:#fff;background:#ffffff1a}.news-filter-chip.active{color:#38bdf8;background:#06b6d440;border-color:#06b6d480}.news-items-scroll{flex-direction:column;flex:1;gap:16px;padding:18px 20px;display:flex;overflow-y:auto}.news-card{background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:10px;padding:18px 20px;transition:all .2s;display:flex}.news-card:hover{background:#ffffff0f;border-color:#38bdf859;transform:translateY(-2px)}.news-card-header{justify-content:space-between;align-items:center;display:flex}.news-tag-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.news-tag-pill.tag-update{color:#c084fc;background:#8b5cf640;border:1px solid #8b5cf666}.news-tag-pill.tag-feature{color:#38bdf8;background:#06b6d440;border:1px solid #06b6d466}.news-tag-pill.tag-event{color:#fbbf24;background:#f59e0b40;border:1px solid #f59e0b66}.news-tag-pill.tag-community{color:#f472b6;background:#ec489940;border:1px solid #ec489966}.news-date{color:#94a3b8;font-size:11.5px}.news-card-title{color:#fff;margin:0;font-size:16px;font-weight:700;line-height:1.35}html[data-chat-theme=light] .news-card-title{color:#0f172a}.news-card-desc{color:#cbd5e1;margin:0;font-size:13px;line-height:1.5}html[data-chat-theme=light] .news-card-desc{color:#475569}.news-highlights-list{flex-direction:column;gap:4px;margin:4px 0 0;padding-left:18px;display:flex}.news-highlights-list li{color:#a78bfa;font-size:12.5px}.news-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:6px;padding-top:10px;display:flex}.news-reactions-row{align-items:center;gap:8px;display:flex}.news-reaction-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.news-reaction-btn:hover,.news-reaction-btn.reacted{color:#fff;background:#8b5cf640;border-color:#8b5cf673;transform:scale(1.05)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}