*{scrollbar-color:#27272a #0000;scrollbar-color:var(--border-light) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:6px}#root,.app,.chat-content,.chat-view,.message-list,body,html{max-width:100vw;overflow-x:hidden!important}.app::-webkit-scrollbar:horizontal,.chat-content::-webkit-scrollbar:horizontal,.chat-view::-webkit-scrollbar:horizontal,.message-list::-webkit-scrollbar:horizontal,body::-webkit-scrollbar:horizontal{display:none!important;height:0!important;width:0!important}:root{--accent-gradient:linear-gradient(135deg,#6366f1,#818cf8)}.app.theme-purple{--accent:#6366f1;--accent-hover:#818cf8;--accent-gradient:linear-gradient(135deg,#6366f1,#818cf8)}.app.theme-pink{--accent:#ec4899;--accent-hover:#f472b6;--accent-gradient:linear-gradient(135deg,#ec4899,#f472b6)}.app.theme-blue{--accent:#3b82f6;--accent-hover:#60a5fa;--accent-gradient:linear-gradient(135deg,#3b82f6,#60a5fa)}.app.theme-green{--accent:#22c55e;--accent-hover:#4ade80;--accent-gradient:linear-gradient(135deg,#22c55e,#4ade80)}.app.theme-orange{--accent:#f97316;--accent-hover:#fb923c;--accent-gradient:linear-gradient(135deg,#f97316,#fb923c)}.app.theme-red{--accent:#ef4444;--accent-hover:#f87171;--accent-gradient:linear-gradient(135deg,#ef4444,#f87171)}.app.theme-cyan{--accent:#06b6d4;--accent-hover:#22d3ee;--accent-gradient:linear-gradient(135deg,#06b6d4,#22d3ee)}.app.theme-yellow{--accent:#eab308;--accent-hover:#facc15;--accent-gradient:linear-gradient(135deg,#eab308,#facc15)}.app.light{--bg-primary:#f4f4f5;--bg-sidebar:#fff;--bg-hover:#e4e4e7;--bg-active:#d4d4d8;--bg-input:#fff;--bg-message-other:#e4e4e7;--text-primary:#18181b;--text-secondary:#3f3f46;--text-muted:#71717a;--border:#e4e4e7;--border-light:#d4d4d8}.app.light .wavepro-feature{background:#f4f4f5!important;border:1px solid #e4e4e7}.app.light .wavepro-feature.unlocked{background:#22c55e26!important;border:1px solid #22c55e4d}.app.light .wavepro-feature-title{color:#18181b}.app.light .wavepro-feature-desc{color:#71717a}.app{background-color:#0a0a0c;background-color:var(--bg-primary);display:flex;height:100vh;min-height:100vh;overflow:hidden}.app .about-logo,.app .auth-button,.app .auth-logo,.app .btn-logout,.app .btn-primary,.app .font-size-btn.active,.app .message.me .message-bubble,.app .send-button,.app .toggle-switch.active{transition:background .4s ease,box-shadow .4s ease}.banned-screen{align-items:center;background:linear-gradient(135deg,#1a0a0a,#0f0f12);display:flex;justify-content:center;min-height:100vh;padding:20px}.banned-container{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #ef44444d;border-radius:20px;box-shadow:0 0 60px #ef44441a;max-width:450px;padding:48px 40px;text-align:center;width:100%}.banned-icon{background:#ef444426;color:#ef4444;height:80px;width:80px}.banned-avatar,.banned-icon{align-items:center;border-radius:50%;display:flex;justify-content:center;margin:0 auto 24px}.banned-avatar{border:4px solid #ef444466;color:#fff;font-size:40px;font-weight:600;height:100px;overflow:hidden;width:100px}.banned-avatar img{height:100%;object-fit:cover;width:100%}.banned-title{color:#ef4444;font-size:28px;font-weight:700;margin-bottom:16px}.banned-message{color:#a1a1aa;color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:12px}.banned-message strong{color:#f4f4f5;color:var(--text-primary)}.banned-info{color:#71717a;color:var(--text-muted);font-size:13px;margin-bottom:32px}.banned-logout-btn{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s ease;transition:all var(--transition)}.banned-logout-btn:hover{background:#ef444440;border-color:#ef444480}.banned-badge{align-items:center;background:#ef4444e6;border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.admin-user-item.banned{opacity:.8}.admin-user-item.banned .admin-user-name:after{display:none}.auth-container{align-items:center;background:#0a0a0c;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-container:after,.auth-container:before{border-radius:50%;content:"";filter:blur(120px);opacity:.4;pointer-events:none;position:absolute}.auth-container:before{animation:floatGlow1 8s ease-in-out infinite;background:#6366f1;background:var(--accent);height:500px;left:-100px;top:-150px;width:500px}.auth-container:after{animation:floatGlow2 10s ease-in-out infinite;background:#ec4899;bottom:-100px;height:400px;right:-100px;width:400px}@keyframes floatGlow1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,60px) scale(1.1)}}@keyframes floatGlow2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-60px,-80px) scale(1.15)}}.auth-card{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:24px;box-shadow:0 8px 32px #0000004d;max-width:420px;padding:48px 40px;position:relative;text-align:center;width:100%;z-index:1}.auth-logo{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);background:var(--accent-gradient);border-radius:20px;color:#fff;display:inline-flex;height:72px;justify-content:center;margin-bottom:28px;position:relative;width:72px}.auth-logo .sparkle{color:#fbbf24;position:absolute;right:-4px;top:-4px}.auth-title{color:#f4f4f5;color:var(--text-primary);font-size:26px;font-weight:600;margin-bottom:8px}.auth-subtitle{color:#71717a;color:var(--text-muted);font-size:14px;margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-error-wrapper{overflow:hidden}.auth-error{background:#ef44441f;border:1px solid #ef444440;border-radius:12px;color:#f87171;font-size:13px;gap:8px;margin-bottom:0;padding:10px 12px}.auth-error,.error-icon{align-items:center;display:flex}.error-icon{background-color:#ef4444;border-radius:50%;color:#fff;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;width:16px}.error-text{flex:1 1}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#71717a;color:var(--text-muted);left:14px;pointer-events:none;position:absolute;z-index:1}.auth-input{background-color:#18181b;background-color:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:14px;color:#f4f4f5;color:var(--text-primary);font-size:15px;padding:14px 16px 14px 44px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.auth-input:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f126;outline:none}.auth-input::placeholder{color:#71717a;color:var(--text-muted)}.register-fields{overflow:hidden}.register-fields-inner{display:flex;flex-direction:column;gap:16px;padding:0}.register-fields .auth-input:focus{box-shadow:0 0 0 3px #6366f126}.auth-input-password{padding-right:44px}.auth-input-password::-ms-clear,.auth-input-password::-ms-reveal,.auth-input-password::-webkit-credentials-auto-fill-button,.auth-input-password::-webkit-textfield-decoration-container{display:none!important}input::-ms-clear,input::-ms-reveal{display:none!important}.password-toggle{align-items:center;background:#0000;border:none;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s ease;transition:color var(--transition)}.password-toggle:hover{color:#f4f4f5;color:var(--text-primary)}.auth-button{background:linear-gradient(135deg,#6366f1,#818cf8);background:var(--accent-gradient);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;gap:8px;margin-top:8px;padding:14px 24px;width:100%}.auth-button,.auth-footer{align-items:center;display:flex;justify-content:center}.auth-footer{gap:6px;margin-top:24px}.auth-footer-text{color:#71717a;color:var(--text-muted);font-size:14px}.auth-toggle{background:none;border:none;color:#6366f1;color:var(--accent);cursor:pointer;font-size:14px;font-weight:500}.auth-toggle:hover{color:#818cf8;color:var(--accent-hover)}.verify-card{max-width:440px}.verify-logo{background:linear-gradient(135deg,#22c55e,#4ade80);position:relative}.verify-logo-ring{animation:pulse-ring 2s ease-in-out infinite;border:2px solid #22c55e4d;border-radius:22px;inset:-8px;position:absolute}@keyframes pulse-ring{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}.verify-subtitle{line-height:1.6}.verify-email{color:#6366f1;color:var(--accent);word-break:break-all}.verify-code-container{margin:28px 0}.verify-code-inputs{display:flex;gap:10px;justify-content:center}.verify-code-input{background:#18181b;background:var(--bg-input);border:2px solid #1f1f23;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#f4f4f5;color:var(--text-primary);font-size:24px;font-weight:600;height:56px;outline:none;text-align:center;transition:all .2s ease;width:48px}.verify-code-input:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 4px #6366f126}.verify-code-input.filled{background:#6366f11a;border-color:#6366f1;border-color:var(--accent)}.verify-code-input.success{background:#22c55e26;border-color:#22c55e;color:#22c55e;transition:all .3s ease}.verify-error{overflow:hidden}.verify-error-inner{align-items:center;background:#ef44441a;border-radius:12px;color:#f87171;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px 14px}.verify-error-inner svg{flex-shrink:0}.verify-actions{flex-direction:column;gap:16px}.verify-actions,.verify-resend{align-items:center;display:flex}.verify-resend{color:#71717a;color:var(--text-muted);font-size:14px;gap:8px}.resend-cooldown{color:#a1a1aa;color:var(--text-secondary);font-weight:500}.resend-btn{background:none;border:none;color:#6366f1;color:var(--accent);cursor:pointer;font-size:14px;font-weight:500;transition:color .2s}.resend-btn:hover{color:#818cf8;color:var(--accent-hover)}.resend-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-logo{background:linear-gradient(135deg,#22c55e,#4ade80)}.confirm-instructions{background:#6366f114;border-radius:8px;border-radius:var(--radius-sm);margin:24px 0;padding:20px;text-align:left}.confirm-instructions p{color:#a1a1aa;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.confirm-instructions .confirm-note{color:#71717a;color:var(--text-muted);font-size:13px;margin-top:12px}.confirm-actions{align-items:center;display:flex;flex-direction:column;gap:16px}.auth-button.secondary{background:#0000;border:1px solid #1f1f23;border:1px solid var(--border);color:#f4f4f5;color:var(--text-primary)}.auth-button.secondary:hover{background:#ffffff0d;border-color:#6366f1;border-color:var(--accent)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.search-modal{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.search-modal-header{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.search-modal-header h2{color:#f4f4f5;color:var(--text-primary);font-size:18px;font-weight:600}.search-input-wrapper{border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);padding:16px 24px;position:relative}.search-input-icon{color:#71717a;color:var(--text-muted);left:40px;position:absolute;top:50%;transform:translateY(-50%)}.search-modal-input{background-color:#18181b;background-color:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-size:15px;padding:12px 16px 12px 44px;width:100%}.search-modal-input:focus{border-color:#6366f1;border-color:var(--accent);outline:none}.search-modal-input::placeholder{color:#71717a;color:var(--text-muted)}.search-results{flex:1 1;min-height:200px;overflow-y:auto;padding:8px}.search-hint{align-items:center;color:#71717a;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center;text-align:center}.search-hint p{font-size:14px}.search-result-item{border-radius:8px;border-radius:var(--radius-sm);padding:12px 16px}.result-avatar{font-size:18px;height:44px;width:44px}.result-name{font-size:15px}.result-handle{font-size:13px}.settings-panel{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.settings-header{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.settings-header h2{color:#f4f4f5;color:var(--text-primary);font-size:18px;font-weight:600}.close-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition),color var(--transition);width:36px}.close-button:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.settings-content{-ms-overflow-style:none;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px;scrollbar-width:none}.settings-content::-webkit-scrollbar{display:none}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.section-title{color:#71717a;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.avatar-editor{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.avatar-preview,.avatar-preview-wrapper{position:relative}.avatar-preview{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:600;height:80px;justify-content:center;width:80px}.avatar-letter{position:absolute;z-index:0}.avatar-image{border-radius:50%;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.avatar-edit-badge{align-items:center;background:#0a0a0c;background:var(--bg-primary);border:3px solid #121214;border:3px solid var(--bg-sidebar);border-radius:50%;bottom:0;color:#a1a1aa;color:var(--text-secondary);display:flex;height:32px;justify-content:center;position:absolute;right:0;width:32px;z-index:10}.avatar-options{display:flex;gap:8px}.avatar-remove-btn,.avatar-upload-btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:background-color .2s ease;transition:background-color var(--transition)}.avatar-upload-btn{background-color:#6366f1;background-color:var(--accent);border:none;color:#fff}.avatar-upload-btn:hover{background-color:#818cf8;background-color:var(--accent-hover)}.avatar-upload-btn:disabled{cursor:not-allowed;opacity:.6}.avatar-remove-btn{background-color:initial;border:1px solid #1f1f23;border:1px solid var(--border);color:#a1a1aa;color:var(--text-secondary)}.avatar-remove-btn:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.avatar-remove-btn-floating{align-items:center;background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-6px;top:-6px;width:24px;z-index:2}.avatar-remove-btn-floating:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.status-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.status-pill{align-items:center;background-color:#18181b;background-color:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:20px;color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:background-color .2s ease,border-color .2s ease,color .2s ease;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.status-pill:hover{background-color:#1a1a1e;background-color:var(--bg-hover)}.status-pill.active,.status-pill:hover{color:#f4f4f5;color:var(--text-primary)}.status-pill.active{background-color:#1f1f23;background-color:var(--bg-active);border-color:#6366f1;border-color:var(--accent)}.avatar-colors-wrapper{overflow:hidden}.avatar-colors-section{margin-bottom:20px;padding-top:4px}.avatar-colors-label{color:#71717a;color:var(--text-muted);display:block;font-size:12px;margin-bottom:10px;text-align:center}.avatar-colors{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;width:28px}.color-option.active{border-color:#fff;box-shadow:0 0 0 2px #6366f1;box-shadow:0 0 0 2px var(--accent)}.profile-info{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;background-color:#18181b;background-color:var(--bg-input);border-radius:8px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:12px 16px}.info-label{color:#71717a;color:var(--text-muted);flex-shrink:0;font-size:13px}.info-value{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:500}.info-value-editable,.info-value-wrapper{align-items:center;display:flex;gap:8px}.edit-name-btn{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:28px}.edit-name-btn:hover{background:#1f1f23;background:var(--bg-active)}.edit-name-btn:hover,.info-input{color:#f4f4f5;color:var(--text-primary)}.info-input{background:#1a1a1e;background:var(--bg-hover);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;outline:none;padding:4px 8px;text-align:left;width:120px}.info-input:focus{border-color:#6366f1;border-color:var(--accent)}.info-input::placeholder{color:#71717a;color:var(--text-muted)}.bio-row{align-items:flex-start;flex-direction:column;gap:8px}.bio-row .info-label{align-items:center;display:flex;gap:8px}.bio-counter{font-weight:400;opacity:.6}.bio-editable{width:100%}.bio-wrapper{justify-content:space-between;width:100%}.bio-value{color:#a1a1aa;color:var(--text-secondary);flex:1 1;font-weight:400}.bio-input{background:#1a1a1e;background:var(--bg-hover);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;outline:none;padding:10px 12px;resize:none;width:100%}.bio-input-wrapper{width:100%}.bio-input-row{align-items:flex-start;display:flex;gap:8px}.bio-textarea-wrapper{flex:1 1;overflow:visible;position:relative}.bio-textarea-wrapper .bio-input{padding-right:40px;width:100%}.bio-emoji-btn{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease,transform .2s;transition:all var(--transition),transform .2s;width:26px;z-index:2}.bio-emoji-btn:hover{background:#1a1a1e;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary);transform:translateY(-50%) scale(1.1)}.bio-emoji-btn:active{transform:translateY(-50%) scale(.95)}.bio-emoji-picker{grid-gap:4px;background:#121214;background:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);bottom:calc(100% + 8px);box-shadow:0 4px 16px #00000040;display:grid;gap:4px;grid-template-columns:repeat(5,30px);padding:8px;position:absolute;right:0;z-index:1000}.bio-emoji-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;transition:background .2s ease;transition:background var(--transition);width:30px}.bio-emoji-item:hover{background:#1a1a1e;background:var(--bg-hover)}.bio-actions{display:flex;flex-direction:column;flex-shrink:0;gap:6px}.bio-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:32px}.bio-cancel-btn{background:#1a1a1e;background:var(--bg-hover);color:#71717a;color:var(--text-muted)}.bio-cancel-btn:hover{background:#ef444433;color:#ef4444}.bio-save-btn{background:#6366f1;background:var(--accent);color:#fff}.bio-save-btn:hover{background:#818cf8;background:var(--accent-hover)}.bio-input:focus{border-color:#6366f1;border-color:var(--accent)}.bio-input::placeholder{color:#71717a;color:var(--text-muted)}.email-row{margin-top:8px}.email-value{cursor:pointer;transition:filter .2s ease;transition:filter var(--transition)}.email-value.blurred{filter:blur(5px);-webkit-user-select:none;user-select:none}.email-value:hover{filter:blur(0)}.email-hint{font-size:11px;font-weight:400;opacity:.5}.email-edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.email-current{color:#71717a;color:var(--text-muted);font-size:13px}.email-current span{color:#a1a1aa;color:var(--text-secondary)}.email-input{background:#1a1a1e;background:var(--bg-hover);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-size:14px;outline:none;padding:10px 12px;width:100%}.email-input:focus{border-color:#6366f1;border-color:var(--accent)}.email-error{color:#ef4444;font-size:13px}.email-edit-actions{display:flex;gap:8px;justify-content:flex-end}.email-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;transition:all var(--transition)}.email-cancel-btn{background:#1a1a1e;background:var(--bg-hover);color:#a1a1aa;color:var(--text-secondary)}.email-cancel-btn:hover{background:#18181b;background:var(--bg-input);color:#f4f4f5;color:var(--text-primary)}.email-save-btn{background:#6366f1;background:var(--accent);color:#fff}.email-save-btn:hover{background:#818cf8;background:var(--accent-hover)}.email-save-btn:disabled{cursor:not-allowed;opacity:.5}.email-note{color:#71717a;color:var(--text-muted);font-size:12px;text-align:center}.email-success{align-items:center;background:#22c55e1a;border-radius:8px;border-radius:var(--radius-sm);color:#22c55e;display:flex;font-size:13px;gap:6px;margin-top:8px;padding:8px 12px}.privacy-email-section{background:#1a1a1e;background:var(--bg-hover);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);margin-bottom:20px;overflow:hidden;padding:16px}.privacy-email-header{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:12px}.privacy-email-header svg{color:#71717a;color:var(--text-muted)}.privacy-email-display{align-items:center;display:flex;gap:12px;justify-content:space-between}.privacy-email-value{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px}.privacy-email-value span:first-child{color:#f4f4f5;color:var(--text-primary);font-size:15px}.email-reveal-hint{color:#71717a;color:var(--text-muted);font-size:12px}.email-change-btn{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease;transition:all var(--transition)}.email-change-btn:hover{background:#1f1f23;background:var(--bg-active);border-color:#6366f1;border-color:var(--accent);color:#f4f4f5;color:var(--text-primary)}.status-options{display:flex;flex-direction:column;gap:4px}.status-option{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;transition:background-color var(--transition)}.status-option:hover{background-color:#1a1a1e;background-color:var(--bg-hover)}.status-option.active{background-color:#1f1f23;background-color:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.preference-toggles{display:flex;flex-direction:column;gap:12px}.toggle-row{background-color:#18181b;background-color:var(--bg-input);border-radius:8px;border-radius:var(--radius-sm);justify-content:space-between;padding:12px 16px}.toggle-info,.toggle-row{align-items:center;display:flex}.toggle-info{color:#a1a1aa;color:var(--text-secondary);font-size:14px;gap:12px}.toggle-switch{background-color:#1f1f23;background-color:var(--bg-active);border:none;border-radius:13px;cursor:pointer;height:26px;padding:3px;transition:background-color .2s ease;transition:background-color var(--transition);width:48px}.toggle-switch.active{background-color:#6366f1;background-color:var(--accent)}.toggle-knob{background-color:#fff;border-radius:50%;height:20px;width:20px}.toggle-switch.active .toggle-knob{margin-left:auto}.toggle-row.pro-locked{opacity:.6}.toggle-text-group{display:flex;flex-direction:column;gap:2px}.toggle-description{color:#71717a;color:var(--text-muted);font-size:11px;font-weight:400}.toggle-switch.disabled{background-color:#1f1f23;background-color:var(--bg-active);cursor:not-allowed}.pro-badge-small{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;color:#fff;display:inline-flex;font-size:10px;font-weight:600;gap:3px;margin-left:8px;padding:2px 6px}.settings-footer{border-top:1px solid #1f1f23;border-top:1px solid var(--border);display:flex;gap:12px;padding:20px 24px}.btn-primary,.btn-secondary{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px}.btn-secondary{background-color:#18181b;background-color:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border)}.btn-secondary:hover{background-color:#1a1a1e;background-color:var(--bg-hover)}.btn-primary{background:linear-gradient(135deg,#6366f1,#818cf8);background:var(--accent-gradient)}.settings-panel.tabbed{display:flex;flex-direction:row;height:700px;max-height:90vh;max-width:95vw;padding:0;width:1000px}.settings-sidebar{background-color:#0a0a0c;background-color:var(--bg-primary);border-radius:16px 0 0 16px;border-right:1px solid #1f1f23;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:200px;padding:20px 12px;width:200px}.settings-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 8px}.settings-sidebar-header .close-button{display:none}.settings-sidebar-title{color:#71717a;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.settings-nav{display:flex;flex-direction:column;gap:2px;margin-top:8px}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .2s ease;transition:all var(--transition);width:100%}.settings-nav-item:hover{background:#1a1a1e;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.settings-nav-item.active{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.settings-main{background-color:#121214;background-color:var(--bg-sidebar);border-radius:0 16px 16px 0;display:flex;flex:1 1;flex-direction:column;min-height:0}.settings-panel.tabbed .settings-header{border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;padding:20px 24px}.settings-panel.tabbed .settings-content{flex:1 1;overflow-y:auto;padding:20px}.settings-tab-content{padding:0}.tab-description{color:#71717a;color:var(--text-muted);font-size:13px;margin-bottom:20px}.devices-section{display:flex;flex-direction:column;gap:16px}.devices-header{align-items:center;display:flex;justify-content:space-between}.devices-header h4{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.refresh-sessions-btn{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:32px}.refresh-sessions-btn:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.devices-list{display:flex;flex-direction:column;gap:8px}.devices-empty,.devices-loading{align-items:center;color:#71717a;color:var(--text-muted);display:flex;font-size:14px;justify-content:center;padding:40px}.device-item{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;padding:14px 16px;transition:all .2s ease;transition:all var(--transition)}.device-item.current{background:#6366f11a;border-color:#6366f1;border-color:var(--accent)}.device-icon{align-items:center;background:#1f1f23;background:var(--bg-active);border-radius:12px;color:#a1a1aa;color:var(--text-secondary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.device-item.current .device-icon{background:#6366f1;background:var(--accent);color:#fff}.device-info{flex:1 1;min-width:0}.device-name{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px}.current-badge{background:#6366f126;border-radius:10px;color:#6366f1;color:var(--accent);font-size:11px;font-weight:500;padding:2px 8px}.device-details{align-items:center;color:#71717a;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin-top:2px}.device-separator{opacity:.5}.terminate-session-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:36px}.terminate-session-btn:hover{background:#ef444426;color:#ef4444}.devices-info{align-items:flex-start;background:#1a1a1e;background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);display:flex;font-size:12px;gap:10px;line-height:1.5;padding:12px 14px}.devices-info svg{flex-shrink:0;margin-top:2px}.about-hero{flex-direction:column;margin-bottom:20px;padding:24px 0}.about-hero,.about-logo{align-items:center;display:flex}.about-logo{background:linear-gradient(135deg,#6366f1,#818cf8);background:var(--accent-gradient);border-radius:16px;color:#fff;height:64px;justify-content:center;margin-bottom:12px;width:64px}.about-app-name{color:#f4f4f5;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 4px}.about-version{color:#71717a;color:var(--text-muted);font-size:13px}.wavepro-hero{flex-direction:column;margin-bottom:24px;padding:24px 0}.wavepro-hero,.wavepro-icon{align-items:center;display:flex}.wavepro-icon{background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);border-radius:24px;box-shadow:0 8px 32px #6366f14d;color:#fff;height:80px;justify-content:center;margin-bottom:16px;width:80px}.wavepro-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;color:#f4f4f5;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 4px}.wavepro-subtitle{color:#71717a;color:var(--text-muted);font-size:14px;margin:0}.pro-username{color:#f4f4f5;color:var(--text-primary);font-weight:500}.wavepro-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.wavepro-feature{align-items:center;background:#1a1a1e;background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:14px;padding:14px 16px;transition:transform .2s ease}.wavepro-feature:hover{transform:translateX(4px)}.wavepro-feature-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.wavepro-feature-info{display:flex;flex-direction:column;gap:2px}.wavepro-feature-title{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:600}.wavepro-feature-desc{color:#71717a;color:var(--text-muted);font-size:12px}.wavepro-upgrade-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin:0 auto;padding:14px 48px;transition:opacity .2s ease,box-shadow .2s ease;width:auto}.wavepro-upgrade-btn:hover{box-shadow:0 6px 24px #6366f166;opacity:.9}.wavepro-upgrade-btn:disabled{cursor:not-allowed;opacity:.7}.wavepro-price{color:#71717a;color:var(--text-muted);font-size:13px;margin-top:12px;text-align:center}.wavepro-icon.active{background:linear-gradient(135deg,#f59e0b,#eab308);box-shadow:0 8px 32px #f59e0b4d}.wavepro-feature.unlocked{background:#22c55e1a;border:1px solid #22c55e33}.feature-check{color:#22c55e;flex-shrink:0;margin-left:auto}.wavepro-status{display:flex;justify-content:center;margin-bottom:16px}.wavepro-status-badge{background:linear-gradient(135deg,#f59e0b26,#eab30826);border:1px solid #f59e0b4d;border-radius:20px;color:#f59e0b;font-weight:600;gap:8px;padding:8px 16px}.wavepro-cancel-btn,.wavepro-status-badge{align-items:center;display:flex;font-size:14px}.wavepro-cancel-btn{background:#0000;border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;font-weight:500;justify-content:center;margin:0 auto;padding:12px 32px;transition:all .2s ease;width:auto}.wavepro-cancel-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.wavepro-cancel-btn:disabled{cursor:not-allowed;opacity:.7}.pulse-balance-card{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:12px;border-radius:var(--radius-md);color:#fff;margin-bottom:24px;padding:24px}.pulse-balance-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.pulse-icon{opacity:.8}.pulse-label{font-size:14px;font-weight:500;opacity:.8}.pulse-amount{align-items:baseline;display:flex;gap:8px}.pulse-value{font-size:36px;font-weight:700}.pulse-currency{font-size:16px;font-weight:600;opacity:.7}.pulse-stats{border-top:1px solid #fff3;display:flex;gap:16px;margin-top:16px;padding-top:16px}.pulse-stat{display:flex;flex-direction:column;gap:4px}.pulse-stat-label{font-size:11px;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.pulse-stat-value{align-items:center;display:flex;font-size:16px;font-weight:600;gap:4px}.pulse-stat-value svg{opacity:.8}.pulse-section{margin-bottom:24px}.pulse-section-title{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.pulse-packages{display:flex;flex-direction:column;gap:8px}.pulse-package{align-items:center;background:#1f1f23;background:var(--bg-active);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all var(--transition-fast)}.pulse-package:hover{background:#1a1a1e;background:var(--bg-hover);border-color:#f59e0b}.pulse-package-amount{align-items:center;color:#f59e0b;display:flex;font-weight:600;gap:8px}.pulse-bonus{background:#22c55e26;border-radius:4px;color:#22c55e;font-size:12px;padding:2px 6px}.pulse-package-price{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:600}.pulse-features{display:flex;flex-direction:column;gap:12px}.pulse-feature{align-items:flex-start;background:#1f1f23;background:var(--bg-active);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:12px}.pulse-feature svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.pulse-feature>div{display:flex;flex-direction:column;gap:2px}.pulse-feature-title{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:600}.pulse-feature-desc{color:#71717a;color:var(--text-muted);font-size:12px}.message-price-selector-wrapper{max-height:0;overflow:hidden;transition:max-height .5s ease}.message-price-selector-wrapper.open{max-height:200px}.message-price-selector{background:#0a0a0c;background:var(--bg-primary);border-radius:8px;border-radius:var(--radius-sm);padding:12px}.price-label{color:#71717a;color:var(--text-muted);display:block;font-size:12px;margin-bottom:10px}.price-options{display:flex;flex-wrap:wrap;gap:8px}.price-option{align-items:center;background:#1f1f23;background:var(--bg-active);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 12px;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.price-option:hover{background:#1a1a1e;background:var(--bg-hover);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33;color:#f59e0b}.price-option.active{background:#f59e0b26;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26;color:#f59e0b}.price-option svg{color:#f59e0b}.message-price-banner{align-items:center;background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border:1px solid #f59e0b4d;border-radius:12px;color:#a1a1aa;color:var(--text-secondary);display:inline-flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:12px;padding:10px 16px;width:100%}.message-price-banner svg{color:#f59e0b;display:block;flex-shrink:0}.message-price-banner span{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:center;line-height:1}.message-price-banner .animated-price-value,.message-price-banner strong{color:#f59e0b;font-weight:600}.empty-state-price-banner{align-items:center;background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border:1px solid #f59e0b4d;border-radius:12px;box-shadow:0 4px 20px #f59e0b1a;color:#a1a1aa;color:var(--text-secondary);display:inline-flex;font-size:13px;gap:8px;justify-content:center;margin-top:16px;padding:10px 20px}.empty-state-price-banner svg{color:#f59e0b;display:block;flex-shrink:0}.empty-state-price-banner span{align-items:center;display:inline-flex;gap:4px;line-height:1}.empty-state-price-banner .animated-price-value,.empty-state-price-banner strong{color:#f59e0b;display:inline-block;font-weight:600}.footer-price-banner-wrapper{overflow:hidden}.footer-price-banner{align-items:center;background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border:1px solid #f59e0b4d;border-radius:12px;color:#a1a1aa;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px 20px}.footer-price-banner svg{color:#f59e0b;flex-shrink:0}.footer-price-banner strong{color:#f59e0b;font-weight:600}.section-title{align-items:center;display:flex;gap:6px}.font-size-selector{display:flex;flex-direction:column;gap:12px}.font-size-label,.theme-label{color:#71717a;color:var(--text-muted);font-size:13px}.theme-selector{display:flex;flex-direction:column;gap:12px}.theme-options{display:flex;flex-wrap:wrap;gap:10px}.theme-option{border:none;border-radius:50%;box-shadow:0 0 0 2px #0000,0 0 0 4px #0000;cursor:pointer;height:36px;transition:transform .2s ease,box-shadow .2s ease;width:36px}.theme-option.active{box-shadow:0 0 0 2px #121214,0 0 0 4px #6366f1;box-shadow:0 0 0 2px var(--bg-sidebar),0 0 0 4px var(--theme-color,var(--accent))}.theme-preview{background-color:#0a0a0c;background-color:var(--bg-primary);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:flex-end;margin-top:12px;padding:16px}.preview-bubble{border-radius:18px 18px 6px 18px;color:#fff;font-size:14px;padding:10px 14px}.font-size-preview{background:#0a0a0c;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-md);padding:16px}.preview-chat{display:flex;flex-direction:column;gap:8px}.preview-message{border-radius:18px;max-width:70%;padding:10px 14px;transition:font-size .2s ease}.preview-message.other{align-self:flex-start;background:#27272a;background:var(--bg-message-other);border-radius:18px 18px 18px 6px;color:#f4f4f5;color:var(--text-primary)}.preview-message.mine{align-self:flex-end;border-radius:18px 18px 6px 18px;color:#fff}.font-size-options{display:flex;gap:8px}.font-size-btn{background-color:#18181b;background-color:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:13px;padding:10px 16px;transition:all .2s ease;transition:all var(--transition)}.font-size-btn:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.font-size-btn.active{background-color:#6366f1;background-color:var(--accent);border-color:#6366f1;border-color:var(--accent);color:#fff}.privacy-user-card{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 16px}.privacy-user-left{align-items:center;display:flex;gap:12px}.privacy-user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.privacy-user-avatar img{height:100%;object-fit:cover;width:100%}.privacy-user-info{display:flex;flex-direction:column;gap:2px}.privacy-user-name{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:600}.privacy-user-handle{color:#71717a;color:var(--text-muted);font-size:12px}.privacy-user-right{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.privacy-user-number{color:#6366f1;color:var(--accent);font-size:14px;font-weight:600}.privacy-user-joined{color:#71717a;color:var(--text-muted);font-size:11px}.about-info{display:flex;flex-direction:column;gap:12px}.about-row{align-items:center;background-color:#18181b;background-color:var(--bg-input);border-radius:8px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:12px 16px}.about-label{color:#71717a;color:var(--text-muted);font-size:13px}.about-value{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:6px}.about-links{display:flex;gap:8px;margin-top:12px}.about-link{align-items:center;background-color:#18181b;background-color:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);display:flex;flex:1 1;font-size:13px;gap:8px;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .2s ease;transition:all var(--transition)}.about-link:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.sidebar-overlay{background-color:#00000080;inset:0;position:fixed;z-index:40}.sidebar{background-color:#121214;background-color:var(--bg-sidebar);border-right:1px solid #1f1f23;border-right:1px solid var(--border);height:100vh;min-width:320px;width:320px;z-index:50}.sidebar,.sidebar-header{display:flex;flex-direction:column}.sidebar-header{border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);gap:16px;padding:20px}.sidebar-header>.sidebar-title{align-items:center;display:flex;justify-content:space-between}.sidebar-title{color:#f4f4f5;color:var(--text-primary);font-size:20px;font-weight:600}.create-group-btn{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #00000026;color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s ease;transition:all var(--transition);width:36px}.create-group-btn:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.create-group-btn .plus-icon{background:#6366f1;background:var(--accent);border-radius:50%;bottom:4px;color:#fff;padding:1px;position:absolute;right:4px}.sidebar-search{align-items:center;background-color:#18181b;background-color:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:10px 12px;transition:border-color .2s ease,background-color .2s ease;transition:border-color var(--transition),background-color var(--transition)}.sidebar-search:focus-within{border-color:#27272a;border-color:var(--border-light)}.search-icon{color:#71717a;color:var(--text-muted);flex-shrink:0}.search-box{background-color:#18181b;background-color:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);overflow:hidden;transition:border-color .2s ease;transition:border-color var(--transition)}.search-box:focus-within{border-color:#27272a;border-color:var(--border-light)}.search-box-input{align-items:center;display:flex;gap:10px;padding:10px 12px}.search-input-inline{background:#0000;border:none;color:#f4f4f5;color:var(--text-primary);flex:1 1;font-size:13px;outline:none}.search-input-inline::placeholder{color:#71717a;color:var(--text-muted)}.search-results-inline{overflow:hidden}.search-results-inline.has-results{border-top:1px solid #1f1f23;border-top:1px solid var(--border)}.search-results-inline .search-results-list{list-style:none;max-height:200px;overflow-y:auto;padding:0}.search-result-item{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:flex;gap:12px;outline:none;padding:10px 12px;text-align:left;transition:background-color .2s ease;transition:background-color var(--transition);width:100%}.search-result-item:hover{background-color:#1a1a1e;background-color:var(--bg-hover)}.search-result-item:focus{box-shadow:none;outline:none}.result-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;position:relative;width:36px}.result-status{border:2px solid #18181b;border:2px solid var(--bg-input);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.result-info{flex:1 1;min-width:0}.result-name{color:#f4f4f5;color:var(--text-primary);display:block;font-size:14px;font-weight:500}.result-handle{display:block;font-size:12px}.result-handle,.search-clear{color:#71717a;color:var(--text-muted)}.search-clear{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:12px;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition),color var(--transition);width:20px}.search-clear:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.search-results-section{overflow:hidden;padding:0 12px 8px}.search-wrapper{position:relative}.search-dropdown{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000004d;left:0;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;z-index:60}.search-dropdown-list{list-style:none;max-height:240px;overflow-y:auto}.search-dropdown-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:background-color .2s ease;transition:background-color var(--transition);width:100%}.search-dropdown-item:hover{background-color:#1a1a1e;background-color:var(--bg-hover)}.dropdown-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;position:relative;width:36px}.dropdown-status{border:2px solid #121214;border:2px solid var(--bg-sidebar);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.dropdown-info{flex:1 1;min-width:0}.dropdown-name{color:#f4f4f5;color:var(--text-primary);display:block;font-size:14px;font-weight:500}.dropdown-handle{font-size:12px}.dropdown-handle,.section-label{color:#71717a;color:var(--text-muted);display:block}.section-label{font-size:11px;font-weight:600;letter-spacing:.05em;padding:8px 12px;text-transform:uppercase}.search-results-list{display:flex;flex-direction:column;gap:2px;list-style:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px}.empty-conversations{align-items:center;color:#71717a;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.empty-conversations p{color:#a1a1aa;color:var(--text-secondary);font-size:15px;font-weight:500}.empty-conversations span{font-size:13px}.conversation-list{display:flex;flex-direction:column;gap:4px;list-style:none}.conversation-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:background-color .2s ease;transition:background-color var(--transition);width:100%}.conversation-item-wrapper{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;padding-right:8px;position:relative;transition:background-color .15s ease}.conversation-item-wrapper:hover{background-color:#1a1a1e;background-color:var(--bg-hover)}.conversation-item-wrapper.active{background-color:#1f1f23;background-color:var(--bg-active)}.conversation-item-wrapper .conversation-item{flex:1 1}.conversation-item-wrapper .conversation-item.active,.conversation-item-wrapper .conversation-item:hover{background-color:initial}.pin-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:0;transition:opacity .2s ease,background-color .2s ease,color .2s ease;transition:opacity var(--transition),background-color var(--transition),color var(--transition);width:28px}.conversation-item-wrapper:hover .pin-button{opacity:1}.pin-button:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.pin-button.pinned{opacity:1}.pin-button.pinned,.pin-button.pinned:hover{color:#6366f1;color:var(--accent)}.delete-chat-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:0;transition:opacity .2s ease,background-color .2s ease;transition:opacity var(--transition),background-color var(--transition);width:28px}.conversation-item-wrapper:hover .delete-chat-btn{opacity:1}.delete-chat-btn:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.conversation-sections{display:flex;flex-direction:column}.conversation-section{overflow:hidden}.section-header{align-items:center;color:#71717a;color:var(--text-muted);display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 16px 6px;text-transform:uppercase}.section-header svg{opacity:.7}.conversation-item:hover{background-color:initial}.conversation-item.active{background-color:#1f1f23;background-color:var(--bg-active)}.conv-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;min-width:40px;position:relative;width:40px}.conv-status{border:2px solid #121214;border:2px solid var(--bg-sidebar);border-radius:50%;bottom:1px;height:10px;position:absolute;right:1px;transition:background-color .5s ease;width:10px}.conv-unread{background-color:#6366f1;background-color:var(--accent);border:2px solid #121214;border:2px solid var(--bg-sidebar);border-radius:9px;bottom:-2px;color:#fff;font-size:10px;font-weight:600;height:18px;min-width:18px;overflow:hidden;padding:0 5px;position:absolute;right:-2px}.conv-unread,.conv-unread-number{align-items:center;display:flex;justify-content:center}.conv-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.conv-name-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.conv-name{color:#f4f4f5;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-name .verified-badge{flex-shrink:0;height:14px;margin-left:-1px;margin-top:1px;width:14px}.conv-handle{color:#71717a;color:var(--text-muted);font-size:13px}.conv-typing{align-items:center;color:#6366f1;color:var(--accent);display:flex;font-size:13px}.conv-typing .typing-dots{display:inline-flex;margin-left:1px}.conv-typing .typing-dots span{animation:typing-bounce 1.4s ease-in-out infinite}.conv-typing .typing-dots span:nth-child(2){animation-delay:.2s}.conv-typing .typing-dots span:nth-child(3){animation-delay:.4s}.conv-preview{color:#a1a1aa;color:var(--text-secondary);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{color:#71717a;color:var(--text-muted);font-size:11px;white-space:nowrap}.sidebar-footer{background-color:#0a0a0c;background-color:var(--bg-primary);border-top:1px solid #1f1f23;border-top:1px solid var(--border);justify-content:space-between;padding:16px 20px;position:relative}.sidebar-footer,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-info.user-profile-hover{transition:background-color .15s ease}.user-info.user-profile-hover:hover{background-color:#ffffff0d}.app.light .user-info.user-profile-hover:hover{background-color:#0000000f}.user-avatar{align-items:center;background-color:#6366f1;background-color:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;position:relative;width:28px}.user-avatar.large{font-size:16px;height:40px;width:40px}.chat-user-avatar .avatar-img,.conv-avatar .avatar-img,.message-avatar .avatar-img,.result-avatar .avatar-img,.user-avatar .avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.message-avatar.has-gif{position:relative}.status-dot{border:2px solid #0a0a0c;border:2px solid var(--bg-primary);border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.user-details{display:flex;flex-direction:column}.user-name{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:500;gap:4px}.user-name .verified-badge{height:14px;margin-left:1px;position:relative;top:1px;width:14px}.user-handle{color:#71717a;color:var(--text-muted);display:block;font-size:12px;min-width:60px}.user-details{overflow:hidden}.footer-actions{display:flex;gap:4px}.icon-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition),color var(--transition);width:36px}.icon-button:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.chat-view{background-color:#0a0a0c;background-color:var(--bg-primary);display:flex;flex:1 1;flex-direction:row;height:100vh;min-width:0;overflow:hidden;overflow-x:hidden!important;position:relative}.chat-main-content{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden;transition:margin-right .5s ease}.chat-view ::-webkit-scrollbar:horizontal{display:none;height:0}.no-chat-selected{align-items:center;color:#71717a;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.no-chat-selected h2{color:#a1a1aa;color:var(--text-secondary);font-size:20px;font-weight:600;margin:16px 0 8px}.no-chat-selected p{font-size:14px;max-width:280px}.chat-header{align-items:center;background-color:#121214;background-color:var(--bg-sidebar);border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:16px 20px}.creator-banner{background:linear-gradient(135deg,#3b82f626,#6366f126);border-bottom:1px solid #3b82f633;overflow:hidden}.creator-banner-content{align-items:center;color:#60a5fa;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px 16px}.creator-banner .verified-badge{height:16px;width:16px}.back-button,.menu-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:none;height:40px;justify-content:center;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition),color var(--transition);width:40px}.mobile-only{display:none!important}.back-button:hover,.menu-button:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.chat-user-info{align-items:center;display:flex;flex:1 1;gap:12px}.chat-user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:44px;justify-content:center;position:relative;width:44px}.chat-user-status{border:2px solid #121214;border:2px solid var(--bg-sidebar);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;transition:background-color .5s ease;width:12px}.chat-user-details{flex:1 1;min-width:0}.chat-user-name{color:#f4f4f5;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.chat-user-name .verified-badge{height:16px;margin-left:0;width:16px}.encryption-badge{align-items:center;background:#22c55e26;border-radius:4px;color:#22c55e;display:inline-flex;justify-content:center;margin-left:6px;padding:3px}.chat-user-status-text{height:18px;overflow:hidden}.chat-user-handle{color:#71717a;color:var(--text-muted);font-size:13px;margin:0}.typing-indicator{align-items:center;color:#6366f1;color:var(--accent);display:flex;font-size:13px}.typing-dots{display:inline-flex;margin-left:2px}.typing-dots span{animation:typing-bounce 1.4s ease-in-out infinite}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.3}30%{opacity:1}}.block-user-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition),color var(--transition);width:40px}.block-user-button:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#6366f1;color:var(--theme-color,#6366f1)}.block-user-button.blocked{background-color:color-mix(in srgb,#6366f1 15%,#0000);background-color:color-mix(in srgb,var(--theme-color,#6366f1) 15%,#0000);color:#6366f1;color:var(--theme-color,#6366f1)}.block-user-button.blocked:hover{background-color:color-mix(in srgb,#6366f1 25%,#0000);background-color:color-mix(in srgb,var(--theme-color,#6366f1) 25%,#0000)}.delete-chat-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:auto;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition),color var(--transition);width:40px}.delete-chat-button:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#ef4444}.delete-chat-button.disabled,.delete-chat-button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.leave-group-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:auto;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition),color var(--transition);width:40px}.leave-group-button:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f97316}.leave-group-button.disabled,.leave-group-button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.delete-countdown-bar{background-color:#ef444426;border-bottom:1px solid #ef44444d;overflow:hidden;position:relative}.countdown-content{align-items:center;color:#ef4444;display:flex;font-size:14px;justify-content:space-between;padding:10px 20px}.cancel-delete-btn{background-color:initial;border:1px solid #ef4444;border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:background-color .2s ease;transition:background-color var(--transition)}.cancel-delete-btn:hover{background-color:#ef44441a}.countdown-progress{background-color:#ef4444;bottom:0;height:3px;left:0;position:absolute}.delete-confirm-modal{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:16px;max-width:400px;padding:32px;text-align:center;width:100%}.delete-confirm-icon{align-items:center;background-color:#ef444426;border-radius:50%;color:#ef4444;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.delete-confirm-icon.leave-icon{background-color:#fb923c26;color:#fb923c}.delete-confirm-modal h3{color:#f4f4f5;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.delete-confirm-modal p{color:#a1a1aa;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 24px}.delete-confirm-modal p.delete-warning{align-items:center;background:#f973161a;border:1px solid #f973164d;border-radius:8px;border-radius:var(--radius-sm);color:#fb923c;display:flex;font-size:13px;gap:8px;justify-content:center;margin:-8px 0 24px;padding:12px 16px}.delete-confirm-modal p.delete-warning svg{flex-shrink:0}.delete-confirm-modal strong{color:#f4f4f5;color:var(--text-primary)}.delete-confirm-modal p.delete-warning strong{color:#fb923c}.delete-confirm-actions{display:flex;gap:12px}.delete-confirm-actions .btn-danger,.delete-confirm-actions .btn-secondary{border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px}.btn-danger{background-color:#ef4444;border:none;color:#fff}.btn-danger:hover{background-color:#dc2626}.block-confirm-modal{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:16px;max-width:400px;padding:32px;text-align:center;width:100%}.block-confirm-icon{align-items:center;background-color:#f9731626;border-radius:50%;color:#f97316;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.block-confirm-icon.unblock{background-color:#22c55e26;color:#22c55e}.block-confirm-modal h3{color:#f4f4f5;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.block-confirm-modal p{color:#a1a1aa;color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px}.block-confirm-actions{display:flex;gap:12px}.block-confirm-actions .btn-danger,.block-confirm-actions .btn-primary,.block-confirm-actions .btn-secondary{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px}.logout-confirm-modal{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:16px;max-width:400px;padding:32px;text-align:center;width:100%}.logout-confirm-icon{align-items:center;background-color:#6366f126;border-radius:50%;color:#6366f1;color:var(--accent);display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.logout-confirm-modal h3{color:#f4f4f5;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.logout-confirm-modal p{color:#a1a1aa;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 24px}.logout-confirm-actions{display:flex;gap:12px}.logout-confirm-actions .btn-logout,.logout-confirm-actions .btn-secondary{border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px}.btn-logout{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);background:var(--accent-gradient);border:none;color:#fff;display:flex;gap:8px;justify-content:center}.delete-chat-modal{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:16px;max-width:400px;padding:32px;text-align:center;width:100%}.delete-chat-modal-icon{align-items:center;background-color:#ef444426;border-radius:50%;color:#ef4444;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.delete-chat-modal h3{color:#f4f4f5;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.delete-chat-modal p{color:#a1a1aa;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 24px}.delete-chat-modal-actions{display:flex;gap:12px}.delete-chat-modal-actions .btn-delete,.delete-chat-modal-actions .btn-secondary{border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px}.btn-delete{align-items:center;background:#ef4444;border:none;color:#fff;display:flex;gap:8px;justify-content:center}.btn-delete:hover{background:#dc2626}.chat-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;overflow-x:hidden!important;position:relative}.blocked-by-overlay{align-items:center;background:#0a0a0c;background:var(--bg-primary);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.blocked-by-content{align-items:center;display:flex;flex-direction:column;max-width:320px;padding:40px;text-align:center}.blocked-by-icon{align-items:center;background:#ef44441a;border-radius:50%;color:#ef4444;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.blocked-by-content h3{color:#f4f4f5;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.blocked-by-content p{color:#71717a;color:var(--text-muted);font-size:14px;line-height:1.5;margin:0}.chat-footer{background-color:#0a0a0c;background-color:var(--bg-primary);overflow:visible;padding:0 20px 16px;position:relative}.chat-footer-blocked{align-items:center;display:flex;justify-content:center;padding:20px}.chat-blocked-message{align-items:center;background:#1a1a1e;background:var(--bg-hover);border-radius:12px;border-radius:var(--radius-md);color:#71717a;color:var(--text-muted);display:flex;font-size:14px;gap:10px;padding:14px 24px}.chat-blocked-message svg{color:#6366f1;color:var(--accent);flex-shrink:0}.profile-panel-toggle{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:36px}.profile-panel-toggle:hover{background:#1a1a1e;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.profile-side-panel{background:#121214;background:var(--bg-sidebar);border-left:1px solid #1f1f23;border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;right:0;top:0;width:320px;z-index:10}.chat-view.with-profile-panel .chat-main-content{margin-right:320px}.profile-panel-header{align-items:center;background-color:#121214;background-color:var(--bg-sidebar);border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;justify-content:space-between;min-height:77px;padding:16px 20px}.profile-panel-header h3{color:#f4f4f5;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.profile-panel-close{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:32px}.profile-panel-close:hover{background:#1a1a1e;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.profile-panel-content{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px 20px}.profile-panel-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:40px;font-weight:600;height:100px;justify-content:center;margin-bottom:16px;position:relative;width:100px}.profile-panel-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-panel-status-dot{border:3px solid #121214;border:3px solid var(--bg-sidebar);border-radius:50%;bottom:4px;height:16px;position:absolute;right:4px;width:16px}.profile-panel-name-row{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.profile-panel-name{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:4px;justify-content:center;margin:0 0 4px}.profile-panel-name-badge,.profile-panel-name-spacer{align-items:center;display:flex;width:22px}.profile-panel-name-spacer{justify-content:flex-end}.profile-panel-name-badge{justify-content:flex-start}.profile-panel-name .verified-badge{height:18px;left:-6px;position:relative;top:-2px;width:18px}.profile-panel-name .pro-badge-icon{height:16px;left:-6px;position:relative;top:-2px;width:16px}.profile-panel-handle{color:#71717a;color:var(--text-muted);font-size:14px}.profile-panel-info{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;width:100%}.profile-panel-info-item{align-items:center;display:flex;gap:10px}.profile-panel-bio,.profile-panel-info-item{color:#a1a1aa;color:var(--text-secondary);font-size:14px}.profile-panel-bio{border-top:1px solid #1f1f23;border-top:1px solid var(--border);line-height:1.5;margin-top:4px;padding-top:12px;word-break:break-word}.profile-panel-verified-badge{align-items:center;background:#3b82f61a;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;overflow:hidden;padding:0 12px}.profile-panel-verified-badge .verified-badge{flex-shrink:0}.profile-panel-verified-badge strong{color:#3b82f6;font-weight:600}.profile-panel-view-full{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease;transition:all var(--transition);width:100%}.profile-panel-view-full:hover{background:#1a1a1e;background:var(--bg-hover)}.profile-panel-note{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;border-radius:var(--radius-sm);margin-bottom:20px;overflow:hidden;padding:12px 14px;width:100%}.profile-panel-note-header{align-items:center;color:#f59e0b;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:6px}.profile-panel-note p{color:#a1a1aa;color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}.message-list{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:100%;overflow-x:hidden!important;overflow-y:auto;padding:20px;scrollbar-width:none}.message-list:not(.empty):before{content:"";flex:1 1}.message-list::-webkit-scrollbar{display:none}.empty-state-wrapper{align-items:center;bottom:0;display:flex;flex:1 1;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}.empty-state{align-items:center;color:#71717a;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;text-align:center}.empty-state p{color:#a1a1aa;color:var(--text-secondary);font-size:16px;font-weight:500}.empty-state span{font-size:14px}.empty-state .greeting-username{color:#f4f4f5;color:var(--text-primary);font-weight:600}.system-message{display:flex;justify-content:center;margin:2px 0;padding:4px 16px}.system-message span{background:#1a1a1e;background:var(--bg-hover);border-radius:16px;color:#71717a;color:var(--text-muted);font-size:13px;padding:6px 14px;text-align:center}.message{display:flex;gap:10px;margin-bottom:4px;max-width:70%;will-change:transform,opacity}.message.highlighted .message-bubble{animation:highlight-pulse 1.5s ease}@keyframes highlight-pulse{0%{outline:3px solid #0000;outline-offset:0}15%{outline:3px solid #6366f1;outline:3px solid var(--accent);outline-offset:0}50%{outline:3px solid #6366f1;outline:3px solid var(--accent);outline-offset:0}to{outline:3px solid #0000;outline-offset:0}}.message.me{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message-avatar{align-items:center;align-self:flex-end;border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;min-width:32px;width:32px}.message-content{display:flex;flex-direction:column}.message.me .message-content{align-items:flex-end}.message-bubble{word-wrap:break-word;border-radius:22px;font-size:14px;max-width:100%;overflow-wrap:break-word;padding:10px 14px;position:relative}.message-bubble.font-small{font-size:13px}.message-bubble.font-medium{font-size:14px}.message-bubble.font-large{font-size:16px}.reply-preview{background:#0000001f;border-radius:6px;cursor:pointer;display:flex;gap:6px;margin:-2px -2px 6px;max-width:220px;padding:4px 6px;transition:background .2s ease;transition:background var(--transition)}.reply-preview:hover{background:#0000002e}.message.other .reply-preview{background:#00000014}.message.other .reply-preview:hover{background:#0000001f}.reply-bar{background:#fff6;border-radius:1px;flex-shrink:0;width:2px}.message.other .reply-bar{background:#6366f1;background:var(--accent)}.reply-content{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.reply-author{font-size:10px;font-weight:600;opacity:.85}.reply-text{font-size:11px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-btn{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:-32px;top:4px;transition:opacity .2s ease,background .2s ease;transition:opacity var(--transition),background var(--transition);width:24px}.message.other:hover .reply-btn{opacity:1}.reply-btn:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.message.me .message-bubble{background:linear-gradient(135deg,#6366f1,#818cf8);background:var(--accent-gradient);border-bottom-right-radius:4px;color:#fff!important}.message.me .message-bubble .message-edited,.message.me .message-bubble .message-meta,.message.me .message-bubble .message-text,.message.me .message-bubble .message-time{color:#fff!important}.message.me .message-bubble .message-time{opacity:.8}.message.me .message-bubble:before{background:#818cf8;background:var(--accent-hover);border-bottom-left-radius:10px;bottom:0;content:"";height:12px;position:absolute;right:-6px;width:12px;z-index:1}.message.me .message-bubble:after{background:#0a0a0c;background:var(--bg-primary);border-bottom-left-radius:8px;bottom:0;content:"";height:12px;position:absolute;right:-10px;width:10px;z-index:2}.message.other .message-bubble{background-color:#27272a;background-color:var(--bg-message-other);border-bottom-left-radius:4px;color:#f4f4f5;color:var(--text-primary)}.message.other .message-bubble:before{background:#27272a;background:var(--bg-message-other);border-bottom-right-radius:10px;bottom:0;content:"";height:12px;left:-6px;position:absolute;width:12px;z-index:1}.message.other .message-bubble:after{background:#0a0a0c;background:var(--bg-primary);border-bottom-right-radius:8px;bottom:0;content:"";height:12px;left:-10px;position:absolute;width:10px;z-index:2}.message-text{display:block;font-size:14px;line-height:1.4;margin:0}.group-link-preview{align-items:flex-start;background:#0003;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-top:10px;padding:12px;transition:background .2s ease}.group-link-preview:hover{background:#0000004d}.group-link-preview.loading{justify-content:center;padding:16px}.message.other .group-link-preview{background:#ffffff0d}.message.other .group-link-preview:hover{background:#ffffff1a}.group-preview-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.group-preview-avatar img{height:100%;object-fit:cover;width:100%}.group-preview-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.group-preview-name{color:inherit;font-size:14px;font-weight:600}.group-preview-bio{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.3;opacity:.8;overflow:hidden}.group-preview-type{font-size:11px;margin-top:2px;opacity:.6}.group-preview-type,.message-meta{align-items:center;display:flex;gap:4px}.message-meta{justify-content:flex-end;margin-top:4px}.message-time{font-size:10px;opacity:.7}.message-edited{font-size:10px;font-style:italic;opacity:.5}.message-status{align-items:center;display:flex}.message-status svg{transition:opacity .3s ease}.message.other .message-time{color:#71717a;color:var(--text-muted)}.message-bubble-wrapper{align-items:center;display:flex;gap:4px;position:relative}.message.me .message-bubble-wrapper,.message.other .message-bubble-wrapper{flex-direction:row}.message.other .message-actions{order:1}.message-actions{align-self:center;opacity:0;position:relative;transition:opacity .2s ease;transition:opacity var(--transition);z-index:50}.message.menu-open{overflow:visible;z-index:100}.message.menu-open .message-actions,.message:hover .message-actions{opacity:1}.message-menu-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition),color var(--transition);width:24px}.message-menu-btn:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.message-menu{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000004d;min-width:120px;position:absolute;z-index:9999}.message.me .message-menu{left:auto;right:0}.message.other .message-menu{left:0;right:auto}.message.channel-message.me .message-menu{left:auto;margin-right:0;right:0}.message-menu.menu-up{bottom:100%;margin-bottom:4px;top:auto}.message-menu.menu-down{bottom:auto;margin-top:4px;top:100%}.message-menu button{align-items:center;background:#0000;border:none;color:#f4f4f5;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background-color .2s ease;transition:background-color var(--transition);white-space:nowrap;width:100%}.message-menu button:hover{background-color:#1a1a1e;background-color:var(--bg-hover)}.message-menu button.delete{color:#ef4444}.message-menu button.delete:hover{background-color:#ef44441a}.message-menu-container{position:absolute;z-index:9999}.message-menu-container.menu-up{bottom:100%;margin-bottom:4px}.message.me .message-menu-container{left:auto;margin-right:0;right:0}.message.other .message-menu-container{left:0;right:auto}.message-menu-container .message-menu{bottom:auto;margin:0;position:relative;top:auto}.quick-reactions{background:#121214;background:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;gap:2px;padding:6px 8px}.message.me .quick-reactions{justify-content:flex-end}.quick-reaction-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background .15s ease;width:32px}.quick-reaction-btn:hover{background:#1a1a1e;background:var(--bg-hover)}.message-menu-container .message-menu{border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.message-reactions{display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:2px}.message.me .message-reactions{justify-content:flex-end}.reaction-badge{align-items:center;background:#0000001a;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:12px;gap:3px;padding:1px 6px;transition:all .15s ease}.message.other .reaction-badge{background:#00000014}.reaction-badge:hover{background:#00000026}.reaction-badge.reacted{background:#ffffff40}.message.other .reaction-badge.reacted{background:#6366f140}.reaction-emoji{font-size:12px}.reaction-count{font-size:11px;font-weight:500}.message.me .reaction-count{color:#fff}.message.other .reaction-count{color:#a1a1aa;color:var(--text-secondary)}.message-edit-wrapper{align-items:center;display:flex;gap:8px;min-width:0}.channel-edit-wrapper{min-width:auto}.channel-edit-input{flex:0 1 auto!important;min-width:60px!important;width:auto!important}.message-edit-input{background:#0000;border:none;color:inherit;flex:0 1 auto;font-size:14px;max-width:100%;min-width:40px;outline:none;transition:width .15s ease;width:auto}.message-edit-actions{display:flex;gap:4px}.message-edit-actions button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:22px;justify-content:center;transition:opacity .2s ease;transition:opacity var(--transition);width:22px}.edit-cancel{background:#fff3;color:#fff}.edit-save{background:#ffffff4d;color:#fff}.message-edit-actions button:hover{opacity:.8}.message-input-container{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:24px;cursor:text;display:flex;flex-direction:column;gap:0;padding:10px 14px}.message-input-container:focus-within{border-color:#27272a;border-color:var(--border-light)}.message-input-row{align-items:center;display:flex;gap:10px;width:100%}.reply-input-wrapper{overflow:hidden;width:100%}.reply-input-preview{align-items:center;background:#1a1a1e;background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:10px;justify-content:space-between;padding:8px 10px}.reply-input-content{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.reply-icon{color:#6366f1;color:var(--accent);flex-shrink:0;height:14px;width:14px}.reply-input-info{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.reply-input-author{color:#6366f1;color:var(--accent);flex-shrink:0;font-size:12px;font-weight:600}.reply-input-text{color:#a1a1aa;color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-cancel-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:background .2s ease,color .2s ease;transition:background var(--transition),color var(--transition);width:20px}.reply-cancel-btn:hover{background:#1f1f23;background:var(--bg-active)}.message-input,.reply-cancel-btn:hover{color:#f4f4f5;color:var(--text-primary)}.message-input{background:#0000;border:none;cursor:text;flex:1 1;font-size:14px;padding:2px 0}.message-input:focus{outline:none}.message-input::placeholder{color:#71717a;color:var(--text-muted)}.send-button{background:linear-gradient(135deg,#6366f1,#818cf8);background:var(--accent-gradient);color:#fff}.mic-button,.send-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.mic-button{background:#0000;color:#71717a;color:var(--text-muted);transition:color .2s ease,background-color .2s ease;transition:color var(--transition),background-color var(--transition)}.mic-button:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.mic-button.recording{background-color:#ef44441a;color:#ef4444}.recording-indicator{align-items:center;color:#ef4444;display:flex;flex:1 1;font-size:14px;gap:8px}.recording-dot{animation:pulse-recording 1s ease-in-out infinite;background-color:#ef4444;border-radius:50%;height:8px;width:8px}.recording-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cancel-recording{align-items:center;background:#0000;border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:color .2s ease,background-color .2s ease;transition:color var(--transition),background-color var(--transition);width:34px}.cancel-recording:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.3}}.image-message{margin-bottom:4px;overflow:hidden}.image-message,.message-image{border-radius:12px;max-width:280px}.message-image{cursor:pointer;display:block;max-height:300px;object-fit:cover}.message-image.final{opacity:1}.image-single{max-width:280px}.image-upload-bubble{background:var(--bg-tertiary);border-radius:12px;overflow:hidden;position:relative}.image-upload-bubble.error{align-items:center;display:flex;justify-content:center}.image-upload-preview{filter:blur(6px) brightness(.6);height:100%;object-fit:cover;transform:scale(1.05);width:100%}.image-upload-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.image-upload-info{align-items:center;display:flex;flex-direction:column;gap:8px}.image-upload-progress-ring{height:48px;position:relative;width:48px}.image-upload-progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.image-upload-progress-ring circle{transition:stroke-dasharray .3s ease}.image-upload-percent{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:600;inset:0;justify-content:center;position:absolute}.image-upload-size{color:#fffc;font-size:12px;font-weight:500}.image-upload-error{align-items:center;color:#ffffffe6;display:flex;flex-direction:column;font-size:13px;gap:8px}.image-retry-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 16px;transition:background .2s}.image-retry-btn:hover{background:#ffffff4d}.message.me .message-image{border-color:#6366f1;border-color:var(--accent);border-color:#0000}.image-grid{grid-gap:3px;border-radius:12px;display:grid;gap:3px;max-width:280px;overflow:hidden}.image-grid.grid-2,.image-grid.grid-3{grid-template-columns:1fr 1fr}.image-grid.grid-3 .image-message-wrapper:first-child{grid-row:span 2}.image-grid.grid-4{grid-template-columns:1fr 1fr}.image-grid .message-image{border-radius:0;height:140px;max-height:none;max-width:none;object-fit:cover;width:100%}.image-grid .image-message-wrapper{border-radius:0;min-height:0;min-height:auto;min-width:0;min-width:auto}.image-grid .image-uploading{border-radius:0;height:140px}.image-grid.grid-3 .image-message-wrapper:first-child .message-image,.image-grid.grid-3 .image-uploading:first-child{height:100%}.image-viewer-overlay{background:#000000f2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.image-viewer-close,.image-viewer-overlay{align-items:center;display:flex;justify-content:center}.image-viewer-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;height:44px;position:absolute;right:20px;top:20px;width:44px;z-index:1001}.image-viewer-close:hover{background:#fff3}.image-viewer-img{border-radius:8px;max-height:90vh;max-width:90vw;object-fit:contain}.image-viewer-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:50px;z-index:1001}.image-viewer-nav:hover{background:#fff3}.image-viewer-nav.prev{left:20px}.image-viewer-nav.next{right:20px}.image-viewer-counter{background:#00000080;border-radius:20px;bottom:20px;color:#fff;font-size:14px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.profile-viewer-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-viewer-card{background:#121214;background:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:20px;max-width:360px;padding:32px;position:relative;width:100%}.profile-viewer-close{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:50%;color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;width:36px}.profile-viewer-close:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.profile-viewer-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.profile-viewer-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:40px;font-weight:600;height:100px;justify-content:center;position:relative;width:100px}.profile-viewer-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-viewer-status{background:#71717a;background:var(--text-muted);border:3px solid #121214;border:3px solid var(--bg-sidebar);border-radius:50%;bottom:2px;height:20px;position:absolute;right:2px;width:20px;z-index:1}.profile-viewer-status.online{background:#22c55e}.profile-viewer-name-section{text-align:center;width:100%}.profile-viewer-name{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:22px;font-weight:600;gap:4px;justify-content:center;margin:0}.profile-viewer-name-badge,.profile-viewer-name-spacer{align-items:center;display:flex;width:24px}.profile-viewer-name-spacer{justify-content:flex-end}.profile-viewer-name-badge{justify-content:flex-start}.profile-viewer-name .verified-badge{height:20px;left:-6px;position:relative;top:0;width:20px}.profile-viewer-name .pro-badge-icon{left:-6px;position:relative;top:0}.profile-viewer-username{color:#71717a;color:var(--text-muted);display:block;font-size:14px;margin-top:4px}.profile-viewer-pro-label{align-items:center;background:linear-gradient(135deg,#f59e0b26,#eab30826);border:1px solid #f59e0b4d;border-radius:12px;color:#f59e0b;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-top:8px;padding:4px 10px}.profile-viewer-creator-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);background:var(--accent-gradient);border-radius:20px;color:#fff;display:flex;font-size:13px;gap:6px;justify-content:center;margin-bottom:20px;padding:8px 16px}.profile-viewer-info{background:#0a0a0c;background:var(--bg-primary);border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.profile-viewer-info-item{align-items:center;color:#a1a1aa;color:var(--text-secondary);display:flex;font-size:14px;gap:10px}.profile-viewer-info-item svg{color:#71717a;color:var(--text-muted)}.profile-viewer-info-item svg.online{color:#22c55e}.status-text.status-active,.status-text.status-online{color:#22c55e;font-weight:500}.status-text.status-away{color:#eab308;font-weight:500}.status-text.status-busy{color:#ef4444;font-weight:500}.profile-viewer-card.group-profile{max-width:380px}.profile-viewer-avatar.group-avatar{align-items:center;color:#fff;display:flex;justify-content:center}.group-members-list{margin-top:8px}.group-members-extra,.group-members-list{display:flex;flex-direction:column;gap:4px;overflow:hidden}.group-member-item{align-items:center;background:#18181b;background:var(--bg-input);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:10px 12px}.group-member-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;position:relative;width:36px}.group-member-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.group-member-status{border:2px solid #18181b;border:2px solid var(--bg-input);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.group-member-info{display:flex;flex-direction:column;gap:2px;min-width:0}.group-member-name{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:4px}.group-member-handle{color:#71717a;color:var(--text-muted);font-size:12px}.show-more-members-btn{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;margin-top:4px;padding:10px;transition:background .2s ease,color .2s ease;transition:background var(--transition),color var(--transition);width:100%}.show-more-members-btn:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.image-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:color .2s ease,background-color .2s ease;transition:color var(--transition),background-color var(--transition);width:36px}.image-button:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.image-button:disabled{cursor:not-allowed;opacity:.5}.pending-images-wrapper{margin-bottom:8px;overflow:hidden}.pending-images{background:var(--bg-secondary);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:8px}.pending-image{border-radius:6px;height:60px;overflow:hidden;position:relative;width:60px}.pending-image img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;position:absolute;right:2px;top:2px;transition:background-color .2s ease;transition:background-color var(--transition);width:18px}.remove-image-btn:hover{background:#000c}.add-more-images{align-items:center;background:#0000;border:2px dashed #1f1f23;border:2px dashed var(--border);border-radius:6px;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:60px;justify-content:center;transition:border-color .2s ease,color .2s ease;transition:border-color var(--transition),color var(--transition);width:60px}.add-more-images:hover{border-color:#a1a1aa;border-color:var(--text-secondary);color:#a1a1aa;color:var(--text-secondary)}.pending-images-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.cancel-images-btn{background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease;transition:background-color var(--transition)}.cancel-images-btn:hover{background:#1f1f23;background:var(--bg-active)}.send-images-btn{align-items:center;background:#6366f1;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:opacity .2s ease;transition:opacity var(--transition)}.send-images-btn:hover{opacity:.9}.send-images-btn:disabled{cursor:not-allowed;opacity:.6}.voice-message{align-items:center;display:flex;gap:10px}.voice-message+.message-reactions{margin-top:6px}.voice-message audio{display:none}.voice-play-btn{align-items:center;background:#0003;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;transition:background-color .2s ease;transition:background-color var(--transition);width:32px}.voice-play-btn:hover{background:#0000004d}.message.other .voice-play-btn{background:#1a1a1e;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.message.other .voice-play-btn:hover{background:#1f1f23;background:var(--bg-active)}.voice-waveform-bars{align-items:center;display:flex;flex:1 1;gap:2px;height:24px}.waveform-bar{background:#ffffff59;border-radius:2px;min-height:4px;transition:background-color .2s ease;width:3px}.waveform-bar.active{background:#fffffff2}.message.other .waveform-bar{background:#71717a66}.message.other .waveform-bar.active{background:#6366f1;background:var(--accent)}.voice-duration{font-feature-settings:"tnum";font-size:12px;font-variant-numeric:tabular-nums;opacity:.8}.voice-waveform{background:#ffffff4d;border-radius:2px;flex:1 1;height:4px;min-width:80px;overflow:hidden}.message.other .voice-waveform{background:#1a1a1e;background:var(--bg-hover)}.voice-progress{background:#fff;border-radius:2px;height:100%;transition:width .1s linear}.message.other .voice-progress{background:#6366f1;background:var(--accent)}.send-button:disabled{cursor:not-allowed;opacity:.4}.emoji-picker-wrapper{position:relative}.emoji-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:color .2s ease,background-color .2s ease;transition:color var(--transition),background-color var(--transition);width:34px}.emoji-button.active,.emoji-button:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.emoji-picker{grid-gap:4px;background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);bottom:100%;box-shadow:0 8px 24px #00000040;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);margin-bottom:8px;padding:12px;position:absolute;right:0;z-index:1200}.emoji-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background-color .2s ease,transform .2s ease;transition:background-color var(--transition),transform var(--transition);width:32px}.emoji-item:hover{background-color:#1a1a1e;background-color:var(--bg-hover);transform:scale(1.15)}.gif-picker-wrapper{position:relative}.gif-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:color .2s ease,background-color .2s ease;transition:color var(--transition),background-color var(--transition);width:34px}.gif-button.active,.gif-button:hover{background-color:#1a1a1e;background-color:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.gif-icon{border:1.5px solid;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:-.5px;padding:2px 4px}.gif-picker{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);bottom:100%;box-shadow:0 8px 24px #00000040;display:flex;flex-direction:column;margin-bottom:8px;max-height:400px;overflow:hidden;position:absolute;right:0;width:320px;z-index:1200}.gif-search-wrapper{border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);padding:12px;position:relative}.gif-search-icon{color:#71717a;color:var(--text-muted);left:22px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.gif-search-input{background-color:#18181b;background-color:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-size:14px;outline:none;padding:8px 12px 8px 36px;width:100%}.gif-search-input:focus{border-color:#6366f1;border-color:var(--accent)}.gif-search-input::placeholder{color:#71717a;color:var(--text-muted)}.gif-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(2,1fr);max-height:280px;min-height:200px;overflow-y:auto;padding:8px}.gif-empty,.gif-loading{align-items:center;color:#71717a;color:var(--text-muted);display:flex;font-size:14px;grid-column:1/-1;height:150px;justify-content:center}.gif-item{background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;height:120px;overflow:hidden;padding:0;position:relative;width:100%}.gif-item img{height:100%;object-fit:cover;width:100%}.gif-powered-by{align-items:center;border-top:1px solid #1f1f23;border-top:1px solid var(--border);color:#71717a;color:var(--text-muted);display:flex;font-size:11px;gap:6px;justify-content:center;padding:8px}.gif-powered-by img{height:14px}.gift-message{background:linear-gradient(135deg,#f59e0b26,#eab3081a);border:1px solid #f59e0b4d;border-radius:16px;flex-direction:column;margin:16px auto;max-width:280px;padding:20px 32px}.gift-message,.gift-message-icon{align-items:center;display:flex;justify-content:center}.gift-message-icon{background:linear-gradient(135deg,#f59e0b,#eab308);border-radius:50%;box-shadow:0 4px 16px #f59e0b66;color:#fff;height:56px;margin-bottom:12px;width:56px}.gift-message-content{align-items:center;display:flex;flex-direction:column;gap:4px}.gift-message-sender{color:#a1a1aa;color:var(--text-secondary);font-size:14px}.gift-message-amount{align-items:center;color:#f59e0b;display:flex;font-size:20px;font-weight:700;gap:4px}.gift-message-amount svg{color:#f59e0b}.gift-message-note{word-wrap:break-word;color:#a1a1aa;color:var(--text-secondary);font-size:13px;font-style:italic;margin-top:4px;max-width:250px}.gift-picker-wrapper{position:relative}.gift-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:34px}.gift-button:hover{background-color:#f59e0b1a;color:#f59e0b}.gift-button.active{background-color:#f59e0b26;color:#f59e0b}.gift-picker{background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);bottom:100%;box-shadow:0 8px 24px #00000040;margin-bottom:8px;min-width:220px;padding:16px;position:absolute;right:0;z-index:1200}.gift-picker-header{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.gift-picker-header svg{color:#f59e0b}.gift-picker-balance{align-items:center;color:#71717a;color:var(--text-muted);display:flex;font-size:12px;gap:4px;margin-bottom:12px}.gift-picker-balance strong{color:#f59e0b;display:inline-flex;font-weight:600}.gift-picker-balance strong .animated-counter{display:inline-block;transition:color .3s ease,text-shadow .3s ease}.gift-picker-balance strong .animated-counter.animating.change-up{color:#22c55e;text-shadow:0 0 8px #22c55e80}.gift-picker-balance strong .animated-counter.animating.change-down{color:#ef4444;text-shadow:0 0 8px #ef444480}.gift-picker-balance svg{color:#f59e0b}.gift-amounts{display:flex;flex-wrap:wrap;gap:8px}.gift-amount-btn{align-items:center;background:linear-gradient(135deg,#f59e0b26,#eab30826);border:1px solid #f59e0b4d;border-radius:8px;border-radius:var(--radius-sm);color:#f59e0b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:8px 12px;transition:all .2s ease;transition:all var(--transition)}.gift-amount-btn:hover:not(.disabled){background:linear-gradient(135deg,#f59e0b40,#eab30840);border-color:#f59e0b;transform:translateY(-1px)}.gift-amount-btn.disabled{cursor:not-allowed;opacity:.4}.gift-amount-btn svg{height:14px;width:14px}.gift-custom-wrapper{border-top:1px solid #1f1f23;border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.gift-custom-input-group{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:4px 8px}.gift-custom-icon{color:#f59e0b;flex-shrink:0}.gift-custom-input{background:#0000;border:none;color:#f4f4f5;color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500;min-width:0;outline:none;padding:8px 4px}.gift-custom-input:focus{outline:none}.gift-custom-input::placeholder{color:#71717a;color:var(--text-muted);font-weight:400}.gift-custom-input::-webkit-inner-spin-button,.gift-custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gift-custom-send{align-items:center;background:#1f1f23;background:var(--bg-active);border:none;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:28px}.gift-custom-send:before{background:linear-gradient(135deg,#f59e0b,#eab308);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s cubic-bezier(.16,1,.3,1);width:0;z-index:0}.gift-custom-send:not(.disabled):before{height:100%;width:100%}.gift-custom-send:not(.disabled){box-shadow:0 2px 8px #f59e0b66;color:#fff}.gift-custom-send svg{position:relative;z-index:1}.gift-custom-send:hover:not(.disabled){box-shadow:0 4px 12px #f59e0b80;transform:scale(1.1)}.gift-custom-send.disabled{cursor:not-allowed;opacity:.5}.gift-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.gift-confirm-modal{align-items:center;background:#121214;background:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 16px 48px #0006;display:flex;flex-direction:column;max-width:360px;padding:32px;text-align:center;width:90%}.gift-confirm-icon{align-items:center;background:linear-gradient(135deg,#f59e0b33,#eab30833);border-radius:50%;color:#f59e0b;display:flex;height:72px;justify-content:center;margin-bottom:20px;width:72px}.gift-confirm-text{color:#a1a1aa;color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 20px}.gift-confirm-text strong{color:#f59e0b;font-weight:600}.gift-message-wrapper{margin-bottom:20px;position:relative;width:100%}.gift-message-input{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px 12px 28px;resize:none;transition:border-color .2s ease;transition:border-color var(--transition);width:100%}.gift-message-input:focus{border-color:#f59e0b}.gift-message-counter,.gift-message-input::placeholder{color:#71717a;color:var(--text-muted)}.gift-message-counter{bottom:8px;font-size:11px;position:absolute;right:12px}.gift-confirm-actions{display:flex;gap:12px;width:100%}.gift-confirm-cancel,.gift-confirm-send{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:12px 20px;transition:all .2s ease;transition:all var(--transition)}.gift-confirm-cancel{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);color:#a1a1aa;color:var(--text-secondary)}.gift-confirm-cancel:hover{background:#1a1a1e;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.gift-confirm-send{background:linear-gradient(135deg,#f59e0b,#eab308);border:none;color:#fff}.gift-confirm-send:hover{opacity:.9}.gift-confirm-send:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){*{-webkit-tap-highlight-color:transparent}.conversation-list,.message-list,.settings-content{-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:scroll-position}.conversation-item,.message-bubble{transition:background-color .15s ease!important}.sidebar{bottom:0;box-shadow:4px 0 24px #0000004d;left:0;max-width:320px;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:85%;will-change:transform;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-overlay{z-index:999}.back-button,.menu-button,.mobile-only{display:flex}.no-chat-selected{display:none}.chat-view:has(.no-chat-selected){display:none}.message{max-width:85%}.chat-header{padding:max(12px,env(safe-area-inset-top)) 16px 12px}.chat-header-info h2{font-size:16px}.chat-footer{padding:10px 12px max(14px,env(safe-area-inset-bottom))}.message-input-row{flex-wrap:nowrap;gap:6px}.message-input-container{padding:8px 10px}.message-input{flex:1 1;min-width:0}.emoji-button,.gif-button,.gift-button,.image-button,.mic-button{flex-shrink:0;height:32px;min-width:32px;width:32px}.send-button{flex-shrink:0;height:36px!important;min-width:36px!important;width:36px!important}.gif-icon{font-size:10px}.message-list{padding:12px 12px 80px}.message-input{font-size:16px;min-height:44px}.auth-card{margin:16px;max-width:calc(100% - 32px);padding:28px 20px}.auth-title{font-size:24px}.search-modal,.settings-panel{border-radius:16px;margin:16px;max-height:90vh;max-width:calc(100vw - 32px);width:100%}.settings-panel.tabbed{border-radius:16px;flex-direction:column;height:auto;max-height:85vh;max-width:calc(100vw - 32px);width:calc(100vw - 32px)}.settings-sidebar{background-color:#121214;background-color:var(--bg-sidebar);border-radius:0 0 16px 16px;border-right:none;border-top:1px solid #1f1f23;border-top:1px solid var(--border);flex-shrink:0;min-width:100%;order:2;padding:0;width:100%}.settings-sidebar-header{display:none}.settings-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-direction:row;flex-wrap:nowrap;gap:0;margin:0;overflow-x:auto;overflow-y:hidden;padding:8px 4px;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{align-items:center;border-radius:12px;flex:0 0 auto;flex-direction:column;font-size:10px;gap:4px;justify-content:center;margin:0 2px;min-width:56px;padding:8px 6px;white-space:nowrap}.settings-nav-item svg{height:20px;width:20px}.settings-main{border-radius:16px 16px 0 0;flex:1 1;max-height:60vh;min-height:0;order:1}.settings-panel.tabbed .settings-header{padding:16px 20px}.settings-panel.tabbed .settings-header h2{font-size:18px}.settings-panel.tabbed .settings-content{max-height:45vh;overflow-y:auto;padding:16px}.avatar-editor{flex-direction:column;gap:16px}.avatar-preview{height:72px;width:72px}.status-selector{flex-wrap:wrap;gap:6px;justify-content:center}.status-pill{font-size:12px;padding:6px 10px}.profile-info{flex-direction:column;gap:8px}.info-row{padding:10px 14px}.font-size-options,.theme-options{justify-content:center}.font-size-options{flex-wrap:wrap}.settings-footer{padding:12px 16px}.settings-footer .btn-primary,.settings-footer .btn-secondary{font-size:14px;padding:12px 14px}.profile-modal{margin:16px;max-width:400px;width:95%}.gif-picker{max-width:320px;right:-60px;width:calc(100vw - 32px)}.emoji-picker{max-width:280px;right:-20px;width:calc(100vw - 32px)}.chat-user-avatar{height:40px;min-width:40px;width:40px}.message-bubble{padding:10px 14px}.message-text{font-size:15px}.input-row{gap:6px}.input-row button{height:36px;min-width:36px;width:36px}.send-button{height:40px!important;min-width:40px!important;width:40px!important}}@media (max-width:480px){.message{max-width:92%}.sidebar{max-width:100%;width:100%}.chat-header{padding:max(10px,env(safe-area-inset-top)) 12px 10px}.message-list{gap:6px;padding:10px}.message-bubble{max-width:100%;padding:8px 12px}.auth-card{margin:12px;padding:24px 16px}.auth-input{font-size:16px;min-height:48px;padding:14px 14px 14px 44px}.conversation-item{min-height:64px;padding:12px}.conversation-avatar{height:44px;min-width:44px;width:44px}.emoji-picker,.gif-picker{bottom:70px;left:12px;max-height:50vh;max-width:none;position:fixed;right:12px;width:auto}.message-input-row .emoji-button,.message-input-row .gif-button,.message-input-row .gift-button,.message-input-row .image-button{height:28px;min-width:28px;width:28px}.message-input-row .mic-button,.message-input-row .send-button{height:32px!important;min-width:32px!important;width:32px!important}.message-input-container{padding:6px 8px}.gif-icon{font-size:9px}.image-viewer{padding:10px}.image-viewer-close{right:10px;top:max(10px,env(safe-area-inset-top))}.toast-container{bottom:max(80px,calc(80px + env(safe-area-inset-bottom)));left:12px;right:12px;transform:none}.toast{width:100%}.icon-button,.input-row button{height:40px;min-width:40px;width:40px}.settings-panel{margin:8px;max-height:95vh;width:calc(100vw - 16px)}.settings-panel.tabbed{max-width:calc(100vw - 16px);width:calc(100vw - 16px)}.profile-modal{margin:12px;max-height:90vh;width:calc(100vw - 24px)}.admin-user-item{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding:10px}.admin-user-avatar{font-size:14px;height:36px;min-width:36px;width:36px}.admin-user-info{flex:0 0 auto;max-width:100px;min-width:80px}.admin-user-name{font-size:13px}.admin-user-handle{font-size:11px}.admin-user-actions{display:flex;flex-direction:row;flex-shrink:0;gap:4px}.admin-action-btn{height:28px;min-width:28px;width:28px}.admin-user-balance{flex-shrink:0;margin-left:auto}.admin-pulse-edit{gap:4px;padding:4px 8px}.admin-pulse-edit input{font-size:14px;padding:4px 6px;width:60px}.admin-pulse-cancel,.admin-pulse-edit-btn,.admin-pulse-save{height:24px;min-width:24px;width:24px}}@media (max-width:360px){.auth-card{margin:8px;padding:20px 14px}.auth-title{font-size:22px}.conversation-item{padding:10px}.message-bubble{padding:8px 10px}.settings-nav-item{font-size:10px;padding:6px 2px}.settings-nav-item svg{height:18px;width:18px}}@supports (padding:max(0px)){.chat-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.sidebar{padding-bottom:max(0px,env(safe-area-inset-bottom));padding-top:max(0px,env(safe-area-inset-top))}.sidebar-header{padding-top:max(16px,env(safe-area-inset-top))}.auth-container{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-top:max(20px,env(safe-area-inset-top))}}@media (hover:none) and (pointer:coarse){.btn,.icon-button,button{min-height:44px;min-width:44px}.conversation-item:active{background-color:#1f1f23;background-color:var(--bg-active)}.message-bubble:active{opacity:.9}.emoji-item:active,.gif-item:active{transform:scale(.95)}}.loading-screen{align-items:center;background-color:#0a0a0c;background-color:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-loading{padding:20px}.loading-messages,.search-loading{align-items:center;color:#71717a;color:var(--text-muted);display:flex;justify-content:center}.loading-messages{height:100%}.auth-button:disabled{cursor:not-allowed;opacity:.7}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:9999}.toast{align-items:center;background-color:#121214;background-color:var(--bg-sidebar);border:1px solid #27272a;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #00000040;display:flex;font-size:13px;gap:8px;max-width:320px;padding:12px 16px;pointer-events:auto}.toast,.toast svg{color:#f4f4f5;color:var(--text-primary)}.toast svg{flex-shrink:0}.toast-error svg,.toast-success svg{color:#f4f4f5;color:var(--text-primary)}.pro-badge-icon,.verified-badge{align-items:center;display:inline-flex;justify-content:center;margin-left:4px;vertical-align:middle}.pro-badge-icon{filter:drop-shadow(0 1px 2px rgba(245,158,11,.3))}.conv-name .pro-badge-icon{height:14px;margin-left:2px;width:14px}.chat-user-name .pro-badge-icon{height:16px;width:16px}.group-member-name .pro-badge-icon,.user-name .pro-badge-icon{height:14px;width:14px}.profile-viewer-name .pro-badge-icon{height:18px;width:18px}.chat-user-name,.conv-name,.user-name{align-items:center;display:flex;gap:2px}.create-group-modal{background:#121214;background:var(--bg-sidebar);border-radius:18px;border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:80vh;max-width:420px;overflow:hidden;width:90%}.create-group-header{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.create-group-header h3{color:#f4f4f5;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.create-group-content{flex:1 1;overflow-y:auto;padding:20px}.group-name-input{margin-bottom:20px}.group-members-section label,.group-name-input label{color:#a1a1aa;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.group-name-input input{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-size:14px;outline:none;padding:12px;transition:border-color .2s ease;transition:border-color var(--transition);width:100%}.group-name-input input:focus{border-color:#6366f1;border-color:var(--accent)}.group-members-section{display:flex;flex-direction:column;gap:12px}.selected-members{display:flex;flex-wrap:wrap;gap:8px}.selected-member-chip{align-items:center;background:#6366f1;background:var(--accent);border-radius:20px;color:#fff;display:flex;font-size:13px;gap:6px;padding:6px 10px}.selected-member-chip button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:.8;transition:opacity .2s ease;transition:opacity var(--transition)}.selected-member-chip button:hover{opacity:1}.member-search-box{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);overflow:hidden;transition:all .2s ease;transition:all var(--transition)}.member-search-box.expanded{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.member-search{align-items:center;background:#0000;border:none;border-radius:0;display:flex;gap:10px;padding:10px 12px}.member-search svg{color:#71717a;color:var(--text-muted);flex-shrink:0;transition:color .2s ease;transition:color var(--transition)}.member-search-box.expanded .member-search svg{color:#6366f1;color:var(--accent)}.member-search input{background:none;border:none;color:#f4f4f5;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.member-search-results{border-top:1px solid #1f1f23;border-top:1px solid var(--border);max-height:200px;overflow-y:auto;overflow:hidden}.member-search-results.has-results{overflow-y:auto}.member-results-list{display:flex;flex-direction:column}.member-result-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:background-color .2s ease;transition:background-color var(--transition);width:100%}.member-result-item:hover{background:#1a1a1e;background:var(--bg-hover)}.member-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.member-avatar img{height:100%;object-fit:cover;width:100%}.member-info{display:flex;flex-direction:column;gap:2px}.member-name{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:500}.member-handle{color:#71717a;color:var(--text-muted);font-size:12px}.member-search-results .no-results{color:#71717a;color:var(--text-muted);font-size:13px;padding:16px;text-align:center}.member-search-results .search-loading{display:flex;justify-content:center;padding:16px}.create-group-actions{border-top:1px solid #1f1f23;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.btn-primary{align-items:center;background:#6366f1;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:opacity .2s ease;transition:opacity var(--transition)}.btn-primary:hover{opacity:.9}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease;transition:background-color var(--transition)}.btn-secondary:hover{background:#1f1f23;background:var(--bg-active)}.group-type-section{margin-bottom:20px}.group-type-section label{color:#a1a1aa;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:10px}.group-type-toggle{background:#18181b;background:var(--bg-input);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:4px;padding:4px;position:relative}.group-type-indicator{background:#6366f1;background:var(--accent);border-radius:6px;border-radius:calc(var(--radius-sm) - 2px);box-shadow:0 2px 8px #6366f14d;height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(50% - 4px);z-index:0}.group-type-option{background:#0000;border:none;border-radius:6px;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;flex:1 1;justify-content:center;padding:12px 16px;position:relative;transition:color .2s ease;z-index:1}.group-type-option,.group-type-option-content{align-items:center;display:flex;gap:8px}.group-type-option span{font-size:14px;font-weight:500}.group-type-option span,.group-type-option svg{color:#71717a;color:var(--text-muted);transition:color .2s ease}.group-type-option.active span,.group-type-option.active svg{color:#fff}.group-type-btn,.group-type-options{display:flex;gap:12px}.group-type-btn{align-items:center;background:#18181b;background:var(--bg-input);border:2px solid #1f1f23;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;padding:14px;text-align:left;transition:all .2s ease;transition:all var(--transition)}.group-type-btn:hover{background:#1a1a1e;background:var(--bg-hover)}.group-type-btn.active{background:#6366f11a;border-color:#6366f1;border-color:var(--accent)}.group-type-btn svg{color:#71717a;color:var(--text-muted);flex-shrink:0}.group-type-btn.active svg{color:#6366f1;color:var(--accent)}.group-type-info{display:flex;flex-direction:column;gap:2px}.group-type-title{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:500}.group-type-desc{color:#71717a;color:var(--text-muted);font-size:12px}.group-link-section{margin-bottom:20px}.group-link-section label{color:#a1a1aa;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.group-link-input{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;overflow:hidden}.group-link-input .link-prefix{background:#1a1a1e;background:var(--bg-hover);border-right:1px solid #1f1f23;border-right:1px solid var(--border);color:#71717a;color:var(--text-muted);font-family:monospace;font-size:14px;padding:12px}.group-link-input input{background:none;border:none;color:#f4f4f5;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px}.group-link-auto{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);display:flex;font-size:13px;gap:8px;overflow:hidden;padding:12px}.group-link-input.has-error{border-color:#ef4444;border-radius:8px 8px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.group-link-input.has-error .link-prefix{border-radius:8px 0 0 0;border-radius:var(--radius-sm) 0 0 0}.group-link-input.has-error input{color:#f4f4f5;color:var(--text-primary)}.group-link-input .link-checking{align-items:center;color:#71717a;color:var(--text-muted);display:flex;position:absolute;right:12px}.group-link-input .link-available{align-items:center;color:#22c55e;display:flex;position:absolute;right:12px}.group-link-input{position:relative}.group-link-error-wrapper{overflow:hidden}.group-link-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;color:#f87171;padding:8px 12px}.group-link-error,.link-error{align-items:center;display:flex;font-size:12px;gap:6px}.link-error{color:#ef4444;overflow:hidden}.link-error svg{flex-shrink:0}.sidebar-header-actions{align-items:center;display:flex;gap:8px}.join-by-link-btn,.join-requests-btn,.my-profile-btn{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s ease;transition:all var(--transition);width:36px}.join-by-link-btn:hover,.join-requests-btn:hover,.my-profile-btn:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.requests-badge{align-items:center;background:#6366f1;background:var(--accent);border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.join-group-modal{background:#121214;background:var(--bg-sidebar);border-radius:12px;border-radius:var(--radius-md);max-width:380px;overflow:hidden;position:relative;width:90%}.join-group-content{align-items:center;display:flex;flex-direction:column;padding:32px 24px;text-align:center}.join-group-avatar{align-items:center;background:#6366f1;background:var(--accent);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin-bottom:16px;overflow:hidden;width:80px}.join-group-avatar img{height:100%;object-fit:cover;width:100%}.join-group-name{color:#f4f4f5;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.join-group-type{align-items:center;color:#71717a;color:var(--text-muted);display:flex;font-size:13px;gap:6px;margin-bottom:16px}.join-group-desc{color:#a1a1aa;color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px}.join-group-desc.private-group-notice{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-sm);color:#f87171;margin-bottom:0;padding:12px 16px;text-align:center}.join-group-btn{width:100%}.join-group-btn.already-member{border:1px solid #1f1f23;border:1px solid var(--border);justify-content:center}.join-group-btn.already-member,.join-request-pending{align-items:center;background:#1a1a1e;background:var(--bg-hover);color:#a1a1aa;color:var(--text-secondary);display:flex;gap:8px}.join-request-pending{border-radius:8px;border-radius:var(--radius-sm);font-size:14px;padding:12px 20px}.join-requests-modal{background:#121214;background:var(--bg-sidebar);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;max-height:80vh;max-width:420px;overflow:hidden;width:90%}.join-requests-header{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.join-requests-header h3{color:#f4f4f5;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.join-requests-content{flex:1 1;overflow-y:auto;padding:16px}.no-requests{align-items:center;color:#71717a;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.no-requests p{font-size:14px;margin:0}.requests-list{display:flex;flex-direction:column;gap:12px}.request-item{background:#18181b;background:var(--bg-input);border-radius:8px;border-radius:var(--radius-sm);justify-content:space-between;padding:12px}.request-item,.request-user{align-items:center;display:flex}.request-user{gap:12px}.request-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.request-avatar img{height:100%;object-fit:cover;width:100%}.request-info{display:flex;flex-direction:column;gap:2px}.request-name{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:500}.request-handle{color:#71717a;color:var(--text-muted);font-size:12px}.request-group{color:#a1a1aa;color:var(--text-secondary);font-size:12px;margin-top:2px}.request-actions{display:flex;gap:8px}.btn-accept,.btn-reject{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:36px}.btn-accept{background:#22c55e;color:#fff}.btn-accept:hover{background:#16a34a}.btn-reject{background:#1a1a1e;background:var(--bg-hover);color:#a1a1aa;color:var(--text-secondary)}.btn-reject:hover{background:#ef4444;color:#fff}.group-link-modal{background:#121214;background:var(--bg-sidebar);border-radius:12px;border-radius:var(--radius-md);max-width:380px;overflow:hidden;width:90%}.group-link-header{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.group-link-header h3{color:#f4f4f5;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.group-link-form{display:flex;flex-direction:column;gap:16px;padding:20px}.group-link-input-wrapper{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;position:relative}.group-link-input-wrapper .link-prefix{background:#1a1a1e;background:var(--bg-hover);border-right:1px solid #1f1f23;border-right:1px solid var(--border);color:#71717a;color:var(--text-muted);font-family:monospace;font-size:14px;padding:12px}.group-link-input-wrapper input{background:none;border:none;color:#f4f4f5;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px}.group-link-input-wrapper.has-error{border-color:#ef4444;border-radius:8px 8px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.group-link-input-wrapper.has-error .link-prefix{border-radius:8px 0 0 0;border-radius:var(--radius-sm) 0 0 0}.group-link-input-wrapper .link-checking{align-items:center;color:#71717a;color:var(--text-muted);display:flex;position:absolute;right:12px}.group-link-error svg{flex-shrink:0}.group-link-input-container{position:relative}.link-error-inline{overflow:hidden}.link-error-content{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;color:#f87171;display:flex;font-size:13px;gap:8px;padding:10px 12px}.link-error-content svg{flex-shrink:0}.group-link-display{background:#18181b;background:var(--bg-input);border-radius:8px;border-radius:var(--radius-sm);margin-top:8px;padding:10px 12px!important}.group-link-text{color:#f4f4f5;color:var(--text-primary);flex:1 1;font-family:monospace}.copy-link-btn{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:50%;color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:24px}.copy-link-btn:hover{background:#6366f1;background:var(--accent);color:#fff}.group-type-icon{align-items:center;color:#71717a;color:var(--text-muted);display:inline-flex;justify-content:center;margin-left:4px;opacity:.7}.group-type-icon svg{height:12px;width:12px}.group-settings-button{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:8px;transition:all .2s ease;transition:all var(--transition);width:36px}.group-settings-button:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.group-settings-modal{background:#121214;background:var(--bg-sidebar);border-radius:12px;border-radius:var(--radius-md);max-width:400px;overflow:hidden;width:90%}.group-settings-header{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.group-settings-header h3{color:#f4f4f5;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.group-settings-content{padding:24px 20px}.group-avatar-editor{display:flex;justify-content:center;margin-bottom:24px}.group-avatar-preview-wrapper{position:relative}.group-avatar-preview{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:36px;font-weight:600;height:100px;justify-content:center;position:relative;width:100px}.group-avatar-preview img{border-radius:50%;height:100%;object-fit:cover;width:100%}.group-avatar-preview .avatar-edit-badge{align-items:center;background:#0a0a0c;background:var(--bg-primary);border:3px solid #121214;border:3px solid var(--bg-sidebar);border-radius:50%;bottom:0;color:#a1a1aa;color:var(--text-secondary);display:flex;height:32px;justify-content:center;position:absolute;right:0;width:32px}.group-settings-field{margin-bottom:20px}.group-settings-field label{color:#a1a1aa;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.group-settings-field input{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-size:14px;outline:none;padding:12px;transition:border-color .2s ease;transition:border-color var(--transition);width:100%}.group-settings-field input:focus{border-color:#6366f1;border-color:var(--accent)}.group-settings-field textarea{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.4;outline:none;padding:12px;resize:none;transition:border-color .2s ease;transition:border-color var(--transition);width:100%}.group-settings-field textarea:focus{border-color:#6366f1;border-color:var(--accent)}.group-link-readonly{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);display:flex;font-family:monospace;font-size:14px;justify-content:space-between;padding:12px}.group-link-readonly svg{opacity:.5}.field-hint,.group-link-readonly svg{color:#71717a;color:var(--text-muted)}.field-hint{display:block;font-size:12px;margin-top:6px}.group-settings-actions{border-top:1px solid #1f1f23;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.group-avatar-image{border-radius:50%;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.channels-section{border-top:1px solid #1f1f23;border-top:1px solid var(--border);flex-shrink:0;overflow-x:hidden;padding:12px}.channels-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.channels-title{align-items:center;color:#71717a;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.05em;text-transform:uppercase}.channels-actions{display:flex;gap:4px}.channel-action-btn{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:28px}.channel-action-btn:hover{background:#1a1a1e;background:var(--bg-hover);border-color:#27272a;border-color:var(--border-light);color:#f4f4f5;color:var(--text-primary)}.channels-list{display:flex;flex-direction:column;gap:2px;max-height:150px;overflow-x:hidden;overflow-y:auto}.empty-channels{color:#71717a;color:var(--text-muted);font-size:12px;padding:12px;text-align:center}.channel-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:8px 10px;text-align:left;transition:background-color .2s ease;transition:background-color var(--transition);width:100%}.channel-item:hover{background:#1a1a1e;background:var(--bg-hover)}.channel-item.active{background:#1f1f23;background:var(--bg-active)}.channel-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;min-width:32px;width:32px}.channel-avatar .avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.channel-info{flex:1 1;min-width:0}.channel-name{color:#f4f4f5;color:var(--text-primary);display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-link{color:#71717a;color:var(--text-muted);display:block;font-size:11px}.create-channel-modal{background:#121214;background:var(--bg-sidebar);border-radius:12px;border-radius:var(--radius-md);max-width:420px;overflow:hidden;width:90%}.create-channel-header{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.create-channel-header h3{color:#f4f4f5;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.create-channel-content{padding:20px}.channel-avatar-editor{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.channel-avatar-preview-wrapper{position:relative}.channel-avatar-preview{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;width:80px}.channel-avatar-preview .channel-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.channel-avatar-preview .avatar-edit-badge{align-items:center;background:#0a0a0c;background:var(--bg-primary);border:3px solid #121214;border:3px solid var(--bg-sidebar);border-radius:50%;bottom:-2px;color:#a1a1aa;color:var(--text-secondary);display:flex;height:28px;justify-content:center;position:absolute;right:-2px;width:28px}.channel-avatar-editor .avatar-remove-btn-floating{align-items:center;background:#121214;background:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:-4px;top:-4px;width:22px;z-index:2}.channel-avatar-editor .avatar-remove-btn-floating:hover{background:#1a1a1e;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.channel-avatar-editor .avatar-hint{color:#71717a;color:var(--text-muted);font-size:12px}.channel-input-field{margin-bottom:20px}.channel-input-field label{color:#a1a1aa;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.channel-input-field input{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-size:14px;outline:none;padding:12px;transition:border-color .2s ease;transition:border-color var(--transition);width:100%}.channel-input-field input:focus{border-color:#6366f1;border-color:var(--accent)}.channel-link-input{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;overflow:hidden;transition:border-color .2s ease;transition:border-color var(--transition)}.channel-link-input:focus-within{border-color:#6366f1;border-color:var(--accent)}.channel-link-input.has-error{border-color:#ef4444;border-radius:8px 8px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.channel-link-input .link-prefix{background:#1a1a1e;background:var(--bg-hover);border-right:1px solid #1f1f23;border-right:1px solid var(--border);color:#71717a;color:var(--text-muted);font-family:monospace;font-size:14px;padding:12px}.channel-link-input.has-error .link-prefix{border-radius:8px 0 0 0;border-radius:var(--radius-sm) 0 0 0}.channel-link-input input{background:#0000;border:none;color:#f4f4f5;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px}.channel-link-input .link-checking{color:#71717a;color:var(--text-muted);padding:0 12px}.channel-link-input .link-available{align-items:center;color:#22c55e;display:flex;padding:0 12px}.channel-input-field .link-error-wrapper{overflow:hidden}.channel-input-field .link-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;color:#f87171;display:flex;font-size:12px;gap:6px;padding:8px 12px}.channel-input-field .field-hint{color:#71717a;color:var(--text-muted);display:block;font-size:12px;margin-top:8px}.create-channel-actions{border-top:1px solid #1f1f23;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.channel-link-modal{background:#121214;background:var(--bg-sidebar);border-radius:12px;border-radius:var(--radius-md);max-width:400px;overflow:hidden;width:90%}.channel-link-header{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.channel-link-header h3{color:#f4f4f5;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.channel-link-form{display:flex;flex-direction:column;gap:16px;padding:20px}.channel-link-input-container{position:relative}.channel-link-input-wrapper .link-checking{color:#71717a;color:var(--text-muted);padding:0 12px}.channel-view{flex-direction:column}.channel-view .chat-user-avatar.channel-avatar{background:linear-gradient(135deg,#6366f1,#818cf8)}.channel-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px}.channel-badge,.channel-badge.private-badge{background:#1a1a1e;background:var(--bg-hover);color:#71717a;color:var(--text-muted)}.channel-badge.private-badge{margin-left:4px}.channel-messages{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:20px;scrollbar-width:none}.channel-messages::-webkit-scrollbar{display:none}.channel-messages .empty-state{align-items:center;color:#71717a;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-height:100%;text-align:center}.channel-messages-with-content:before{content:"";flex:1 1}.channel-messages .empty-state p{font-size:16px;margin:0}.channel-messages .empty-state span{font-size:13px;opacity:.7}.channel-post{background:#1a1a1e;background:var(--bg-hover);border-radius:12px;border-radius:var(--radius-md);margin-bottom:12px;padding:16px}.channel-post-content{margin-bottom:8px}.message.channel-message{align-self:flex-start;max-width:70%}.message.channel-message.me{align-self:flex-end}.message.channel-message .message-content{max-width:100%;overflow:visible}.message.channel-message .message-avatar{align-self:flex-end}.channel-bubble{background:#27272a;background:var(--bg-message-other);border-radius:22px 22px 22px 4px;color:#f4f4f5;color:var(--text-primary);max-width:100%;padding:10px 14px;position:relative;width:-webkit-fit-content;width:fit-content}.channel-bubble:before{background:#27272a;background:var(--bg-message-other);border-bottom-right-radius:10px;left:-6px;width:12px;z-index:1}.channel-bubble:after,.channel-bubble:before{bottom:0;content:"";height:12px;position:absolute}.channel-bubble:after{background:#0a0a0c;background:var(--bg-primary);border-bottom-right-radius:8px;left:-10px;width:10px;z-index:2}.message.channel-message.me .channel-bubble{background:linear-gradient(135deg,#6366f1,#818cf8);background:var(--accent-gradient);border-radius:22px 22px 4px 22px;color:#fff!important}.message.channel-message.me .channel-bubble .channel-post-text,.message.channel-message.me .channel-bubble .message-text{color:#fff!important}.message.channel-message.me .channel-bubble:before{background:#818cf8;background:var(--accent-hover);border-bottom-left-radius:10px;border-bottom-right-radius:0;left:auto;right:-6px}.message.channel-message.me .channel-bubble:after{border-bottom-left-radius:8px;border-bottom-right-radius:0;left:auto;right:-10px}.channel-bubble .channel-post-text{margin:0 0 4px}.channel-bubble .channel-post-image{border-radius:12px;display:block;margin-bottom:4px;margin-top:8px;max-height:240px;max-width:320px;object-fit:cover;width:100%}.channel-time{display:block;margin-top:4px;text-align:right}.channel-post-text{color:#f4f4f5;color:var(--text-primary);font-size:15px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.message.channel-message.me .channel-post-text,.message.channel-message.me .channel-post-time{color:#ffffffe6!important}.message.channel-message.me .channel-post-time{color:#ffffffb3!important}.channel-post-image{border-radius:8px;border-radius:var(--radius-sm);display:block;max-height:240px;max-width:320px;object-fit:cover;width:100%}.channel-post-time{color:#71717a;color:var(--text-muted);font-size:12px}.channel-settings-button{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:auto;transition:all .2s ease;transition:all var(--transition);width:36px}.channel-settings-button:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.channel-settings-modal{background:#121214;background:var(--bg-sidebar);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;max-height:90vh;max-width:450px;overflow:hidden;width:90%}.channel-settings-header{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.channel-settings-header h3{color:#f4f4f5;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.channel-settings-content{flex:1 1;overflow-y:auto;padding:20px}.channel-settings-content .channel-avatar-editor{margin-bottom:24px}.channel-settings-content .channel-avatar-preview.large{height:100px;width:100px}.channel-settings-content .channel-avatar-preview.large .avatar-edit-badge{height:32px;width:32px}.channel-settings-field{margin-bottom:20px}.channel-settings-field label{color:#a1a1aa;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.channel-settings-field input{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-size:14px;outline:none;padding:12px;transition:border-color .2s ease;transition:border-color var(--transition);width:100%}.channel-settings-field input:focus{border-color:#6366f1;border-color:var(--accent)}.channel-settings-field textarea{background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f4f4f5;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.4;outline:none;padding:12px;resize:none;transition:border-color .2s ease;transition:border-color var(--transition);width:100%}.channel-settings-field textarea:focus{border-color:#6366f1;border-color:var(--accent)}.channel-settings-actions{border-top:1px solid #1f1f23;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.channel-link-input-wrapper{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;overflow:hidden;transition:border-color .2s ease;transition:border-color var(--transition)}.channel-link-input-wrapper:focus-within{border-color:#6366f1;border-color:var(--accent)}.channel-link-input-wrapper.has-error{border-color:#ef4444;border-radius:8px 8px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.channel-link-input-wrapper .link-prefix{background:#1a1a1e;background:var(--bg-hover);border-right:1px solid #1f1f23;border-right:1px solid var(--border);color:#71717a;color:var(--text-muted);flex-shrink:0;font-family:monospace;font-size:14px;padding:12px}.channel-link-input-wrapper.has-error .link-prefix{border-radius:8px 0 0 0;border-radius:var(--radius-sm) 0 0 0}.channel-link-input-wrapper input{background:#0000;border:none;color:#f4f4f5;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;outline:none;padding:12px}.link-status-indicator{flex-shrink:0;height:100%;width:40px}.link-status,.link-status-indicator{align-items:center;display:flex;justify-content:center}.link-status{border-radius:50%;height:24px;width:24px}.link-status.loading{color:#71717a;color:var(--text-muted)}.link-status.available{background:#22c55e26;color:#22c55e}.link-status.taken{background:#ef444426;color:#ef4444}.channel-info-modal{background:#121214;background:var(--bg-sidebar);border-radius:12px;border-radius:var(--radius-md);max-width:360px;padding:32px 24px;position:relative;width:90%}.channel-info-modal .modal-close{color:#f4f4f5;color:var(--text-primary)}.channel-info-content{align-items:center;display:flex;flex-direction:column;text-align:center}.channel-info-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:40px;font-weight:600;height:100px;justify-content:center;margin-bottom:16px;overflow:hidden;width:100px}.channel-info-avatar img{height:100%;object-fit:cover;width:100%}.channel-info-name{color:#f4f4f5;color:var(--text-primary);font-size:22px;font-weight:600;margin:0 0 8px}.channel-info-bio{color:#a1a1aa;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px;max-width:280px}.channel-info-link-row{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:10px 12px}.channel-info-link{color:#71717a;color:var(--text-muted);font-family:monospace;font-size:14px}.channel-info-copy-btn{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:32px}.channel-info-copy-btn:hover{background:#6366f1;background:var(--accent);color:#fff}.group-info-modal{background:#121214;background:var(--bg-sidebar);border-radius:12px;border-radius:var(--radius-md);max-height:80vh;max-width:400px;overflow:hidden;position:relative;width:90%}.group-info-slider{display:flex;width:200%}.group-info-panel{flex-shrink:0;max-height:80vh;overflow-y:auto;padding:32px 24px;width:50%}.group-info-modal .channel-info-content{width:100%}.group-info-modal .modal-close{color:#f4f4f5;color:var(--text-primary);left:12px;position:absolute;top:12px;z-index:10}.group-info-name-row{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.group-info-name-row .channel-badge,.group-info-name-row .channel-info-name{margin:0}.group-info-type{color:#71717a;color:var(--text-muted);font-size:13px}.group-info-meta{display:flex;flex-direction:column;gap:8px;justify-content:center;margin:12px 0}.group-info-meta-item{align-items:center;display:flex;font-size:13px;gap:8px}.group-info-meta-item,.group-info-meta-item svg{color:#71717a;color:var(--text-muted)}.group-info-members-section{align-self:stretch;margin-top:16px;width:100%}.group-info-modal .channel-info-link-row{justify-content:center;margin:16px 0}.group-info-members-header{align-items:center;color:#71717a;color:var(--text-muted);display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:12px}.group-info-all-members-header{font-size:16px;font-weight:600;gap:12px;margin-bottom:20px}.group-info-all-members-header,.group-info-back-btn{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex}.group-info-back-btn{background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:50%;cursor:pointer;height:36px;justify-content:center;transition:background .15s ease;width:36px}.group-info-back-btn:hover{background:#1f1f23;background:var(--bg-active)}.group-members-all{max-height:calc(80vh - 100px);overflow-y:auto}.group-info-loading,.group-info-no-members{color:#71717a;color:var(--text-muted);font-size:13px;padding:16px;text-align:center}.group-info-modal .group-members-list{display:flex;flex-direction:column;gap:8px;width:100%}.group-info-modal .group-member-item{align-items:center;background:#1a1a1e;background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-sm);box-sizing:border-box;display:flex;gap:12px;padding:12px 16px;transition:background .15s ease;width:100%}.group-info-modal .group-member-item:hover{background:#1f1f23;background:var(--bg-active)}.group-info-modal .group-member-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;text-align:left}.group-info-modal .group-member-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:44px;justify-content:center;position:relative;width:44px}.group-info-modal .group-member-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.group-info-modal .group-member-status{border:2px solid #121214;border:2px solid var(--bg-sidebar);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.group-info-modal .group-member-name{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:0}.group-info-modal .group-member-name .verified-badge{height:14px;margin-left:2px;width:14px}.group-info-modal .group-member-handle{color:#71717a;color:var(--text-muted);font-size:12px}.group-info-modal .group-members-toggle{background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#6366f1;color:var(--accent);cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:10px;transition:background .15s ease;width:100%}.group-info-modal .group-members-toggle:hover{background:#1f1f23;background:var(--bg-active)}.channel-joined-message{display:flex;justify-content:center;margin-bottom:16px;padding:12px 16px}.channel-joined-message span{background:#1a1a1e;background:var(--bg-hover);border-radius:20px;color:#71717a;color:var(--text-muted);font-size:12px;padding:8px 16px;text-align:center}.channel-link-preview{flex-direction:column!important}.channel-link-preview .group-preview-main{align-items:center;display:flex;gap:12px;width:100%}.channel-preview-action{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;margin-top:10px;padding:8px 14px;transition:all .2s ease;transition:all var(--transition);width:100%}.channel-preview-action.subscribe{background:#6366f1;background:var(--accent);color:#fff}.channel-preview-action.subscribe:hover{background:#818cf8;background:var(--accent-hover)}.channel-preview-action.mute{background:#1a1a1e;background:var(--bg-hover);color:#a1a1aa;color:var(--text-secondary)}.channel-preview-action.mute:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.channel-preview-action.unmute{background:#22c55e26;color:#22c55e}.channel-preview-action.unmute:hover{background:#22c55e40}.channel-preview-action:disabled{cursor:not-allowed;opacity:.6}.channel-subscriber-footer{padding:16px 20px}.channel-mute-btn,.channel-subscriber-footer{align-items:center;display:flex;justify-content:center}.channel-mute-btn{background:#1a1a1e;background:var(--bg-hover);border:none;border-radius:12px;color:#f4f4f5;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:500;overflow:hidden;padding:14px 32px;transition:background .2s ease;transition:background var(--transition)}.channel-mute-btn:hover{background:#1f1f23;background:var(--bg-active)}.channel-mute-btn:disabled{cursor:not-allowed}.mute-btn-content{align-items:center;display:flex;gap:8px;justify-content:center}.mute-btn-content svg{flex-shrink:0}.mute-btn-content span{line-height:1}.pulse-confirm-container{align-items:center;display:flex;flex-direction:column;gap:12px}.pulse-balance-badge{align-items:center;background:#121214;background:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:50px;color:#a1a1aa;color:var(--text-secondary);display:inline-flex;font-size:14px;gap:6px;padding:10px 20px}.pulse-balance-badge svg{color:#f59e0b}.pulse-balance-badge strong{color:#f59e0b;font-weight:600}.pulse-balance-badge.insufficient{background:#fff;border-color:#ef44444d;color:#18181b}.pulse-balance-badge.insufficient strong,.pulse-balance-badge.insufficient svg{color:#ef4444}.pulse-confirm-modal{background:#121214;background:var(--bg-sidebar);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:16px;max-width:400px;padding:32px;text-align:center;width:90%}.pulse-confirm-icon{align-items:center;background:linear-gradient(135deg,#f59e0b33,#fbbf241a);border-radius:50%;color:#f59e0b;display:inline-flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.pulse-confirm-icon.insufficient{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444}.pulse-confirm-modal h3{color:#f4f4f5;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.pulse-confirm-modal p{color:#a1a1aa;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 24px}.pulse-confirm-modal p strong{color:#f59e0b}.pulse-confirm-buttons{display:flex;gap:12px}.pulse-confirm-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:background-color .2s ease;transition:background-color var(--transition)}.pulse-confirm-btn.cancel{background:#1a1a1e;background:var(--bg-hover);color:#f4f4f5;color:var(--text-primary)}.pulse-confirm-btn.cancel:hover{background:#1f1f23;background:var(--bg-active)}.pulse-confirm-btn.confirm{background:linear-gradient(135deg,#f59e0b,#eab308);color:#fff}.pulse-confirm-btn.confirm:hover{opacity:.9}.admin-nav-item{color:#ef4444!important}.admin-nav-item.active{background:#ef44441a!important}.admin-content{padding:0}.admin-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.admin-stats-messages{margin-top:0}.admin-stat{align-items:center;background:#18181b;background:var(--bg-input);border-radius:12px;border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:100px;padding:16px 12px}.admin-stat svg{color:#6366f1;color:var(--accent)}.admin-stat.pulse-stat .admin-stat-value,.admin-stat.pulse-stat svg{color:#f59e0b}.admin-stat.verified-stat .admin-stat-value,.admin-stat.verified-stat svg{color:#3b82f6}.admin-stat.message-stat .admin-stat-value,.admin-stat.message-stat svg{color:#22c55e}.admin-stat-value{color:#f4f4f5;color:var(--text-primary);font-size:24px;font-weight:700}.admin-stat-label{color:#71717a;color:var(--text-muted);font-size:11px;text-align:center}.admin-users-list h4{color:#f4f4f5;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.admin-users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.admin-users-header h4{margin:0}.admin-search{align-items:center;background:#18181b;background:var(--bg-input);border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:8px 12px;transition:border-color .2s}.admin-search:focus-within{border-color:#6366f1;border-color:var(--accent)}.admin-search svg{color:#71717a;color:var(--text-muted);flex-shrink:0}.admin-search input{background:none;border:none;color:#f4f4f5;color:var(--text-primary);font-size:13px;outline:none;width:150px}.admin-search input::placeholder{color:#71717a;color:var(--text-muted)}.admin-loading{display:flex;justify-content:center;padding:40px}.admin-users{-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;scrollbar-width:none}.admin-users::-webkit-scrollbar{display:none}.admin-user-item{align-items:center;background:#18181b;background:var(--bg-input);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:12px}.admin-user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.admin-user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.admin-user-info{flex:1 1;min-width:0}.admin-user-name{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:3px}.admin-user-handle{color:#71717a;color:var(--text-muted);font-size:12px}.admin-user-actions{align-items:center;display:flex;gap:6px}.admin-action-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;color:#71717a;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.admin-action-btn:hover{background:#ffffff26;color:#f4f4f5;color:var(--text-primary)}.admin-action-btn.active.verified{background:#3b82f633;color:#3b82f6}.admin-action-btn.active.pro{background:#f59e0b33;color:#f59e0b}.admin-user-balance{align-items:center;background:#f59e0b1a;border-radius:20px;color:#f59e0b;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px}.admin-user-balance svg{color:#f59e0b}.admin-pulse-edit,.admin-pulse-wrapper{align-items:center;display:flex}.admin-pulse-edit{background:#f59e0b1a;border-radius:20px;gap:6px;padding:6px 12px}.admin-pulse-edit .pulse-icon{color:#f59e0b}.admin-pulse-edit input{appearance:none;-webkit-appearance:none;-moz-appearance:textfield;background:#0a0a0c;background:var(--bg-primary);border:1px solid #f59e0b;border-radius:8px;border-radius:var(--radius-sm);color:#f59e0b;font-size:16px;font-weight:600;padding:6px 10px;text-align:center;width:90px}.admin-pulse-edit input:focus{box-shadow:0 0 0 2px #f59e0b33;outline:none}.admin-pulse-cancel,.admin-pulse-save{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;width:28px}.admin-pulse-save{background:#22c55e;color:#fff}.admin-pulse-cancel{background:#1a1a1e;background:var(--bg-hover);color:#71717a;color:var(--text-muted)}.admin-pulse-edit-btn{align-items:center;background:#f59e0b33;border:none;border-radius:50%;color:#f59e0b;cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;opacity:1;transition:opacity .2s,transform .2s;width:28px}.admin-pulse-edit-btn:active{transform:scale(.95)}.admin-user-balance:hover .admin-pulse-edit-btn{opacity:1}.admin-activity-logs{background:#18181b;background:var(--bg-input);border-radius:12px;border-radius:var(--radius-md);margin-top:24px;overflow:hidden}.admin-logs-header{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.admin-logs-header h4{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.admin-logs-header h4 svg{color:#6366f1;color:var(--accent)}.live-indicator{align-items:center;background:#22c55e26;border-radius:10px;color:#22c55e;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.live-indicator svg{animation:pulse-live 1.5s ease-in-out infinite;color:#22c55e}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.admin-refresh-btn{align-items:center;background:#1a1a1e;background:var(--bg-hover);border:1px solid #1f1f23;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease;transition:all var(--transition)}.admin-refresh-btn:hover{background:#1f1f23;background:var(--bg-active);color:#f4f4f5;color:var(--text-primary)}.admin-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.admin-logs-list{max-height:400px;overflow-x:hidden;overflow-y:auto;padding-bottom:8px}.admin-logs-list::-webkit-scrollbar{width:6px}.admin-logs-list::-webkit-scrollbar-track{background:#0000}.admin-logs-list::-webkit-scrollbar-thumb{background:#27272a;background:var(--border-light);border-radius:3px}.admin-logs-empty{color:#71717a;color:var(--text-muted);font-size:14px;padding:40px;text-align:center}.admin-log-item{align-items:flex-start;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 80px 12px 16px;position:relative;transition:background .2s ease;transition:background var(--transition)}.admin-log-item:last-child{border-bottom:none;margin-bottom:8px}.admin-log-item:hover{background:#1a1a1e;background:var(--bg-hover)}.admin-log-item.new-log{animation:new-log-highlight 2s ease-out}@keyframes new-log-highlight{0%{background:#6366f140;transform:translateX(-10px)}30%{background:#6366f126;transform:translateX(0)}to{background:#0000}}.log-edited{margin-left:4px;opacity:.7}.admin-log-icon,.log-edited{color:#71717a;color:var(--text-muted)}.admin-log-icon{align-items:center;background:#1a1a1e;background:var(--bg-hover);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.admin-log-item.new_user .admin-log-icon{background:#22c55e26;color:#22c55e}.admin-log-item.message .admin-log-icon{background:#6366f126;color:#6366f1}.admin-log-item.gift .admin-log-icon{background:#f59e0b26;color:#f59e0b}.admin-log-content{color:#a1a1aa;color:var(--text-secondary);flex:1 1;font-size:13px;min-width:0}.admin-log-content strong{color:#f4f4f5;color:var(--text-primary);font-weight:600}.admin-log-content .inline-badge{display:inline-flex;margin-left:4px;vertical-align:middle}.admin-log-content .inline-badge.gift,.admin-log-content .inline-badge.pro{color:#f59e0b}.admin-log-time{color:#71717a;color:var(--text-muted);font-size:11px;position:absolute;right:16px;top:50%;transform:translateY(-50%);white-space:nowrap}.admin-log-message{display:flex;flex-direction:column;gap:4px}.admin-log-message-row,.admin-log-message>span:first-child{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.admin-log-message-row{flex:1 1}.admin-log-message-row .log-message-text{flex:1 1;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-arrow{margin:0 2px}.log-arrow,.log-message-text{color:#71717a;color:var(--text-muted)}.log-message-text{font-size:12px;font-style:italic;padding-left:2px;word-break:break-word}.log-gift-amount{align-items:center;background:#f59e0b26;border-radius:10px;color:#f59e0b;display:inline-flex;font-size:12px;font-weight:600;gap:2px;margin-left:6px;padding:2px 8px}.log-gift-amount svg{height:12px;width:12px}.admin-log-gift-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.log-gift-note{color:#fff9;display:block;font-size:12px;font-style:italic;margin-top:4px;padding-left:2px;width:100%;word-break:break-word}.admin-message-logs{background:#18181b;background:var(--bg-input);border-radius:12px;border-radius:var(--radius-md);margin-top:24px;overflow:hidden}.admin-message-logs-list{max-height:350px;overflow-x:hidden;overflow-y:auto}.admin-message-logs-list::-webkit-scrollbar{width:6px}.admin-message-logs-list::-webkit-scrollbar-track{background:#0000}.admin-message-logs-list::-webkit-scrollbar-thumb{background:#27272a;background:var(--border-light);border-radius:3px}.admin-message-log-item{border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);padding:10px 16px;transition:background .2s ease;transition:background var(--transition)}.admin-message-log-item:last-child{border-bottom:none}.admin-message-log-item:hover{background:#1a1a1e;background:var(--bg-hover)}.admin-message-log-item.new-log{animation:new-log-highlight 2s ease-out}.message-log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.message-log-users{align-items:center;color:#a1a1aa;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.message-log-users strong{color:#f4f4f5;color:var(--text-primary);font-weight:600}.message-log-time,.message-log-users svg{color:#71717a;color:var(--text-muted)}.message-log-time{flex-shrink:0;font-size:11px}.message-log-text{color:#a1a1aa;color:var(--text-secondary);font-size:13px;line-height:1.4;padding-left:2px;word-break:break-word}.admin-action-btn.ban-btn{color:#71717a;color:var(--text-muted)}.admin-action-btn.ban-btn:hover{background:#ef44441a;color:#ef4444}.admin-action-btn.ban-btn.active.banned{background:#ef444433;color:#ef4444}.admin-transactions{background:#18181b;background:var(--bg-input);border-radius:12px;border-radius:var(--radius-md);margin-top:24px;overflow:hidden}.admin-transactions-list{max-height:400px;overflow-x:hidden;overflow-y:auto}.admin-transactions-list::-webkit-scrollbar{width:6px}.admin-transactions-list::-webkit-scrollbar-track{background:#0000}.admin-transactions-list::-webkit-scrollbar-thumb{background:#27272a;background:var(--border-light);border-radius:3px}.admin-transaction-item{align-items:center;border-bottom:1px solid #1f1f23;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 16px;transition:background .2s ease;transition:background var(--transition)}.admin-transaction-item:last-child{border-bottom:none}.admin-transaction-item:hover{background:#1a1a1e;background:var(--bg-hover)}.transaction-icon{align-items:center;background:#f59e0b26;border-radius:50%;color:#f59e0b;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.transaction-content{flex:1 1;min-width:0}.transaction-users{align-items:center;color:#a1a1aa;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.transaction-users strong{color:#f4f4f5;color:var(--text-primary);font-weight:600}.transaction-note,.transaction-users svg{color:#71717a;color:var(--text-muted)}.transaction-note{font-size:12px;font-style:italic;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-amount{align-items:center;background:#f59e0b26;border-radius:12px;color:#f59e0b;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:4px;padding:4px 10px}.transaction-amount svg{height:12px;width:12px}.transaction-time{color:#71717a;color:var(--text-muted);flex-shrink:0;font-size:11px;min-width:60px;text-align:right}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.mention{color:#fff;cursor:pointer;transition:opacity .2s ease;transition:opacity var(--transition)}.mention:hover{opacity:.8}.mention.mention-exists{font-weight:700}.mention-me{background:#6366f133;border-radius:4px;padding:1px 4px}.analytics-loading{align-items:center;color:#71717a;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.analytics-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.analytics-stat-card{align-items:center;background:#1f1f23;background:var(--bg-active);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;padding:16px}.analytics-stat-card .stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.analytics-stat-card .stat-content{display:flex;flex-direction:column;gap:2px}.analytics-stat-card .stat-value{color:#f4f4f5;color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.2}.analytics-stat-card .stat-label{color:#71717a;color:var(--text-muted);font-size:12px}.analytics-section{background:#1f1f23;background:var(--bg-active);border-radius:12px;border-radius:var(--radius-md);margin-bottom:16px;padding:20px}.analytics-section-title{align-items:center;color:#f4f4f5;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.activity-chart{align-items:flex-end;display:flex;gap:8px;height:120px;justify-content:space-between;padding-top:20px}.activity-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%}.activity-bar-wrapper{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.activity-bar{border-radius:4px 4px 0 0;max-width:32px;min-height:4px;transform-origin:bottom;width:100%}.activity-day{color:#71717a;color:var(--text-muted);font-size:11px;font-weight:500}.activity-count{color:#a1a1aa;color:var(--text-secondary);font-size:10px;font-weight:600}.top-contacts-list{display:flex;flex-direction:column;gap:10px}.top-contact-item{align-items:center;background:#1a1a1e;background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:10px 12px}.top-contact-item .contact-rank{font-size:14px;font-weight:700;width:28px}.top-contact-item .contact-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.top-contact-item .contact-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.top-contact-item .contact-name{color:#f4f4f5;color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-contact-item .contact-handle{color:#71717a;color:var(--text-muted);font-size:11px}.top-contact-item .contact-messages{align-items:center;color:#a1a1aa;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:4px}@media (max-width:480px){.analytics-stats-grid{grid-template-columns:1fr}.activity-chart{height:100px}}.user-info.clickable{transition:background-color .2s ease}.tips-container{max-width:400px;text-align:center}.tips-container .tips-icon{align-items:center;background:#1f1f23;background:var(--bg-active);border-radius:50%;color:#6366f1;color:var(--accent);display:inline-flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.tips-container h2{color:#f4f4f5;color:var(--text-primary);font-size:20px;font-weight:400;margin-bottom:12px}.tips-container h2 strong{color:#6366f1;color:var(--accent);font-weight:700}.tips-container .tip-text{align-items:center;color:#a1a1aa;color:var(--text-secondary);display:flex;font-size:15px;justify-content:center;line-height:1.5;min-height:48px}:root{--bg-primary:#0a0a0c;--bg-sidebar:#121214;--bg-hover:#1a1a1e;--bg-active:#1f1f23;--bg-input:#18181b;--bg-message-me:#6366f1;--bg-message-other:#27272a;--accent:#6366f1;--accent-hover:#818cf8;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--border:#1f1f23;--border-light:#27272a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--transition:200ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;text-rendering:optimizeLegibility}body{background-color:#0a0a0c;background-color:var(--bg-primary);color:#f4f4f5;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}#root,body{min-height:100vh;overflow:hidden}button,input{font-family:inherit;font-size:inherit}button{background:none;border:none;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#27272a;background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#71717a;background:var(--text-muted)}
/*# sourceMappingURL=main.67796114.css.map*/