@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;600;700&display=swap";:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--header-height: 64px;--nav-height: 72px;--bg-deep: #080a0c;--bg-panel: #11141b;--bg-card: #1c1f26;--primary: #4f46e5;--primary-glow: rgba(79, 70, 229, .4);--text-pure: #ffffff;--text-dim: #94a3b8;--text-muted: #64748b;--border-glass: rgba(255, 255, 255, .05)}.App{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-deep)}.dashboard-layout{flex:1;display:flex;flex-direction:column;height:100%}.mobile-app-bar{height:calc(var(--header-height) + var(--safe-area-top));padding:var(--safe-area-top) 20px 0;display:flex;align-items:center;justify-content:space-between;background:#0c0f14cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);z-index:100}.app-brand-title{font-size:1.25rem;font-weight:800}.brand-highlight{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.dashboard-view-container{flex:1;position:relative;overflow:hidden;background:var(--bg-deep)}.tab-pane{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s;opacity:0;pointer-events:none;overflow-y:auto}.tab-pane.active{opacity:1;pointer-events:auto;transform:translate(0)}.tab-pane.slide-left{transform:translate(-100%)}.tab-pane.slide-right{transform:translate(100%)}.bottom-nav{height:calc(var(--nav-height) + var(--safe-area-bottom));padding:0 16px var(--safe-area-bottom);background:#0c0f14f2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--border-glass);z-index:100}.nav-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-dim);transition:all .3s;position:relative}.nav-item span{font-size:.65rem;font-weight:600;letter-spacing:.02em}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";position:absolute;top:0;width:20px;height:3px;background:var(--primary);border-radius:0 0 4px 4px;box-shadow:0 2px 10px var(--primary-glow)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filters-panel-v3{margin-top:16px;background:#1c1f26;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.05)}.filter-item-v3 label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;color:#64748b;margin-bottom:6px}.filter-item-v3 select,.filter-item-v3 input{width:100%;background:#0d0f14;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px;color:#fff;font-size:.85rem;outline:none}.apply-btn-v3{flex:1;padding:12px;background:#3b37e2;border:none;border-radius:10px;color:#fff;font-weight:700}.clear-btn-v3{padding:12px;background:#ffffff0d;border:none;border-radius:10px;color:#94a3b8}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.advanced-cropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:100000;display:flex;flex-direction:column}.cropper-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0d0f14;border-bottom:1px solid rgba(255,255,255,.05)}.cropper-close-btn{background:#ffffff0d;border:none;color:#94a3b8;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.cropper-container-main{flex:1;position:relative;background:#000;overflow:hidden}.cropper-controls{padding:24px;background:#0d0f14}.zoom-slider-wrap{display:flex;align-items:center;gap:16px;background:#ffffff08;padding:14px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.zoom-range{flex:1;-webkit-appearance:none;height:4px;background:#2d313a;border-radius:2px;outline:none}.zoom-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#4f46e5;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #4f46e580}.cropper-footer{padding:24px;background:#0d0f14;display:flex;gap:16px;padding-bottom:calc(24px + var(--safe-area-bottom))}.cropper-btn-cancel{flex:1;background:#1c1f26;border:1px solid rgba(255,255,255,.05);color:#94a3b8;font-weight:800;padding:16px;border-radius:16px;font-size:.85rem;letter-spacing:1px}.cropper-btn-confirm{flex:2;background:#4f46e5;border:none;color:#fff;font-weight:900;padding:16px;border-radius:16px;font-size:.85rem;letter-spacing:1px;box-shadow:0 4px 15px #4f46e566}.cropper-checking-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center}.checking-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.cropper-status-msg{width:100%;text-align:center;color:#64748b;font-size:.8rem;font-weight:600}.restoring-connection-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0c;display:flex;align-items:center;justify-content:center;z-index:99999;overflow:hidden}.restoring-content{display:flex;flex-direction:column;align-items:center;text-align:center}.premium-loader-v2{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.loader-rings{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--primary);animation:spin 1.5s linear infinite}.loader-rings:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:2px solid transparent;border-bottom-color:#38bdf8;animation:spin 1s linear infinite reverse}.loader-icon-center{color:var(--primary);filter:drop-shadow(0 0 10px var(--primary-glow));animation:pulse-scale 2s ease-in-out infinite}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.app-logo-text{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:900;margin-top:24px;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sync-text{color:var(--text-muted);font-size:.9rem;margin-top:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.join-container{min-height:100dvh;width:100%;display:flex;flex-direction:column;padding:28px 24px 40px;background:#080b12;overflow-y:auto;position:relative}.join-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(79,70,229,.1) 0%,transparent 70%),radial-gradient(ellipse 50% 30% at 100% 100%,rgba(16,185,129,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.join-container>*{position:relative;z-index:1}.login-brand{margin-bottom:28px}.join-icon{color:#818cf8;margin-bottom:12px;filter:drop-shadow(0 0 12px rgba(129,140,248,.4))}.login-title{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;color:#f1f5f9;line-height:1.2;margin:0 0 8px;letter-spacing:-.02em}.brand-highlight{background:linear-gradient(135deg,#818cf8,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.login-subtitle{font-size:.9rem;color:#4b5563;margin:0;font-weight:400}.auth-mode-tabs{display:flex;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:5px;margin-bottom:22px;gap:6px}.auth-mode-btn{flex:1;padding:11px 8px;border:none;border-radius:14px;background:transparent;color:#4b5563;font-size:.88rem;font-weight:700;font-family:Outfit,sans-serif;letter-spacing:.3px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.auth-mode-btn.active{background:linear-gradient(135deg,#4f46e5,#6d28d9);color:#fff;box-shadow:0 4px 16px #4f46e566}.message-container{overflow:hidden;max-height:0;opacity:0;margin-bottom:0;transition:max-height .4s ease,opacity .4s ease,margin-bottom .4s ease}.message-container.visible{max-height:80px;opacity:1;margin-bottom:14px}.error-message{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:10px 14px;border-radius:14px;font-size:.83rem;font-weight:600}.success-message{background:#10b98114;border:1px solid rgba(16,185,129,.25);color:#6ee7b7;padding:10px 14px;border-radius:14px;font-size:.83rem;font-weight:600}.auth-form,.join-form{display:flex;flex-direction:column;gap:12px}.register-form{gap:10px}.input-group{display:flex;flex-direction:column;gap:6px}.input-container-premium{position:relative;display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:0 14px;transition:border-color .25s,box-shadow .25s;min-height:52px}.input-container-premium:focus-within{border-color:#4f46e599;box-shadow:0 0 0 3px #4f46e51a;background:#ffffff0f}.input-container-premium.field-valid{border-color:#10b98180}.input-container-premium.field-invalid{border-color:#ef444466}.input-premium-icon{color:#374151;flex-shrink:0;width:18px;height:18px;margin-right:10px}.input-premium{flex:1;background:none;border:none;outline:none;color:#f1f5f9;font-size:.92rem;font-family:Inter,sans-serif;padding:14px 0;min-width:0}.input-premium::placeholder{color:#374151}.input-premium::-webkit-outer-spin-button,.input-premium::-webkit-inner-spin-button{-webkit-appearance:none}.input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:0 14px;min-height:52px;transition:border-color .25s,box-shadow .25s}.input-wrapper:focus-within{border-color:#4f46e599;box-shadow:0 0 0 3px #4f46e51a}.premium-input,.input-wrapper input{flex:1;background:none;border:none;outline:none;color:#f1f5f9;font-size:.92rem;font-family:Inter,sans-serif;padding:14px 0;width:100%}.premium-input::placeholder{color:#374151}.input-icon{color:#374151;flex-shrink:0;width:18px;height:18px}.input-icon-right{background:none;border:none;cursor:pointer;color:#4b5563;display:flex;align-items:center;padding:4px;margin-left:6px;transition:color .2s;flex-shrink:0}.input-icon-right:hover{color:#818cf8}.btn-toggle-pass-central{background:none;border:none;color:#4b5563;display:flex;align-items:center;gap:4px;cursor:pointer;font-size:.75rem;font-weight:600;padding:2px 0;transition:color .2s}.btn-toggle-pass-central:hover{color:#818cf8}.field-status{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:6px}.field-status.valid{background:#10b98126;color:#10b981}.field-status.invalid{background:#ef444426;color:#ef4444}.field-status-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.field-error{display:flex;align-items:center;gap:6px;color:#fca5a5;font-size:.78rem;font-weight:600;padding:0 4px}.field-success{display:flex;align-items:center;gap:6px;color:#6ee7b7;font-size:.78rem;font-weight:600;padding:0 4px}.field-hint{font-size:.8rem;color:#4b5563;font-weight:600;padding-left:2px}.input-info-container{position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:4px}.btn-info-trigger{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#4b5563;font-size:.7rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-info-trigger.active,.btn-info-trigger:hover{background:#4f46e533;border-color:#4f46e566;color:#818cf8}.input-info-popup{position:absolute;right:0;top:calc(100% + 8px);background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;min-width:200px;z-index:200;box-shadow:0 12px 32px #0009;animation:popIn .15s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.info-title{font-size:.78rem;font-weight:800;color:#818cf8;margin-bottom:8px;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.5px}.input-info-popup ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.input-info-popup li{font-size:.78rem;color:#94a3b8;line-height:1.4}.gender-selector-reg{display:flex;gap:8px}.gender-reg-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff08;color:#4b5563;font-size:.78rem;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1)}.gender-reg-btn:hover{background:#4f46e512;border-color:#4f46e533;color:#94a3b8}.gender-reg-btn.active{background:linear-gradient(135deg,#4f46e533,#6d28d933);border-color:#4f46e599;color:#c4b5fd;box-shadow:0 0 0 2px #4f46e533}.gender-emoji{font-size:1.3rem}.otp-input-row{display:flex;gap:10px;margin-top:8px}.btn-send-otp{width:100%;padding:11px 16px;border-radius:14px;border:1px dashed rgba(79,70,229,.4);background:#4f46e512;color:#818cf8;font-size:.85rem;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;transition:all .22s}.btn-send-otp:hover:not(.disabled){background:#4f46e526;border-color:#4f46e5b3}.btn-send-otp.disabled{opacity:.4;cursor:not-allowed}.btn-premium{width:100%;padding:15px;border-radius:18px;font-size:.97rem;font-weight:800;font-family:Outfit,sans-serif;letter-spacing:.3px;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px}.btn-premium.btn-primary{background:linear-gradient(135deg,#4f46e5,#6d28d9);color:#fff;box-shadow:0 6px 24px #4f46e566}.btn-premium.btn-primary:hover:not(:disabled){box-shadow:0 8px 28px #4f46e58c;transform:translateY(-1px)}.btn-premium.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-premium.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-premium.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#f1f5f9;margin-top:4px}.btn-premium.btn-secondary:hover:not(:disabled){background:#ffffff17;border-color:#ffffff26}.btn-premium.btn-secondary img{width:20px;height:20px}.btn-premium.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-join{width:100%;padding:15px;border-radius:18px;background:linear-gradient(135deg,#4f46e5,#6d28d9);color:#fff;border:none;font-size:.97rem;font-weight:800;font-family:Outfit,sans-serif;cursor:pointer;box-shadow:0 6px 24px #4f46e566;transition:all .25s}.btn-join:hover:not(.disabled){box-shadow:0 8px 28px #4f46e58c;transform:translateY(-1px)}.btn-join.disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.verify-otp-btn{width:auto;flex-shrink:0;padding:14px 18px;font-size:.85rem;border-radius:14px}.forgot-password-wrap{display:flex;justify-content:flex-end;margin-top:-4px}.btn-link{background:none;border:none;color:#6366f1;font-size:.82rem;font-weight:600;cursor:pointer;padding:4px 0;transition:color .2s;text-align:left}.btn-link:hover{color:#818cf8}.btn-link[style*=center]{color:#4b5563;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}.btn-link[style*=center]:hover{color:#818cf8}.loading-spinner-small{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.terms-footer{margin-top:20px;text-align:center;font-size:.76rem;color:#374151;line-height:1.6}.terms-footer a{color:#6366f1;text-decoration:none;font-weight:600}.terms-footer a:hover{color:#818cf8;text-decoration:underline}.shuffle-container-v3{display:flex;flex-direction:column;height:100%;background:#080b12}.shuffle-header-v3{padding:24px 18px 16px;background:#080b12;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.header-top-v3{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-title-v3{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:900;color:#fff;margin:0;letter-spacing:-.02em}.header-actions-v3{display:flex;gap:8px}.icon-btn-v3{width:42px;height:42px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn-v3:active{transform:scale(.9);background:#a855f71a}.icon-btn-v3.spin svg{animation:sh-rotate 1s linear infinite}.search-bar-v3{display:flex;gap:10px;align-items:center}.search-input-wrap-v3{flex:1;background:#ffffff0a;border-radius:14px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 14px;gap:10px}.search-input-wrap-v3 input{flex:1;background:none;border:none;height:46px;color:#fff;font-size:.9rem;outline:none;font-family:Outfit,sans-serif}.search-input-wrap-v3 input::placeholder{color:#475569}.search-submit-v3{width:46px;height:46px;flex-shrink:0;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #a855f759;transition:all .2s}.search-submit-v3:active{transform:scale(.93)}.shuffle-list-v3{flex:1;overflow-y:auto;padding:16px 16px 100px;display:flex;flex-direction:column;gap:14px;scrollbar-width:none}.shuffle-list-v3::-webkit-scrollbar{display:none}.sh-card{border-radius:24px;padding:0;border:1.5px solid rgba(255,255,255,.06);background:#111827;overflow:hidden;position:relative;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;cursor:pointer}.sh-card:active{transform:scale(.984)}.sh-card.glass-card{background:#111827eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sh-card.card-bg-grid{background:#111827 url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0z' fill='none'/%3E%3Cpath d='M0 0v20M20 0v20M0 0h20M0 20h20' stroke='rgba(255,255,255,.04)' stroke-width='1'/%3E%3C/svg%3E")}.sh-card.card-bg-dots{background:#111827 radial-gradient(circle,rgba(168,85,247,.08) 1px,transparent 1px) 0 0 / 24px 24px}.sh-card.card-neon-border{border-color:#a855f7;box-shadow:0 0 0 1px #a855f7,0 0 20px #a855f740}.sh-card.card-neon-red{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444,0 0 20px #ef444433}.sh-card.card-neon-green{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e,0 0 20px #22c55e33}.sh-card.card-neon-blue{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 0 20px #3b82f633}.sh-card.card-neon-purple{border-color:#a855f7;box-shadow:0 0 0 1px #a855f7,0 0 24px #a855f759}.sh-card.card-rgb-mode{border-color:transparent;animation:sh-rgb-border 4s linear infinite}.sh-card.card-rgb-glow{box-shadow:0 0 30px #a855f74d,0 0 60px #3b82f626}.sh-card.boosted{border-color:#a855f766;box-shadow:0 0 20px #a855f71f}.sh-card-body{padding:18px 18px 0}.sh-top{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px}.sh-avatar-wrap{position:relative;flex-shrink:0;width:76px;height:76px}.sh-avatar-inner{width:76px;height:76px;border-radius:50%;overflow:hidden;background:#1e293b;display:flex;align-items:center;justify-content:center;border:2.5px solid rgba(255,255,255,.08);position:relative;z-index:1}.sh-avatar-inner img{width:100%;height:100%;object-fit:cover}.sh-online-dot{position:absolute;bottom:3px;right:3px;width:14px;height:14px;background:#22c55e;border:2.5px solid #111827;border-radius:50%;z-index:2;box-shadow:0 0 6px #22c55e99}.sh-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sh-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sh-display-name{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2}.sh-display-name.name-rgb-mode{animation:sh-rgb-text 4s linear infinite;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset}.sh-handle{font-size:.78rem;color:#475569;font-weight:500}.sh-tags-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.sh-tag{padding:3px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.02em}.sh-bio{font-size:.83rem;color:#94a3b8;line-height:1.5;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sh-bottom-with-music{display:flex;align-items:center;gap:12px;padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.04)}.sh-cmp{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.sh-cmp-top{display:flex;align-items:center;gap:10px}.sh-cmp-art-box{width:40px;height:40px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,#1e293b,#2d1b69);overflow:hidden;position:relative}.sh-cmp-art{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.sh-cmp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sh-cmp-track{font-size:.76rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sh-cmp-artist{font-size:.67rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-cmp-play{width:32px;height:32px;flex-shrink:0;background:#a855f71f;border:1px solid rgba(168,85,247,.28);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a855f7;cursor:pointer;transition:all .18s}.sh-cmp-play:active{transform:scale(.88)}.sh-cmp-play.playing{background:#a855f738;border-color:#a855f7;box-shadow:0 0 8px #a855f759}.sh-cmp-bar{height:3px;background:#ffffff12;border-radius:2px;overflow:hidden}.sh-cmp-fill{height:100%;background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:2px;transition:width .4s linear}.sh-actions-compact{display:flex;gap:8px;flex-shrink:0}.sh-btn-chat-compact,.sh-btn-report-compact{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sh-btn-chat-compact{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;color:#fff;box-shadow:0 4px 12px #a855f74d}.sh-btn-chat-compact:active{transform:scale(.92);box-shadow:0 2px 6px #a855f733}.sh-btn-report-compact{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171}.sh-btn-report-compact:active{transform:scale(.92);background:#ef444426}.sh-badges-wrap{margin-top:2px}.sh-top-badges{position:absolute;top:14px;right:14px;display:flex;gap:6px;z-index:4}@keyframes pulse-boost{0%{box-shadow:0 0 #a855f766}70%{box-shadow:0 0 0 6px #a855f700}to{box-shadow:0 0 #a855f700}}.sh-boost-badge{display:flex;align-items:center;gap:4px;padding:4px 9px;background:#a855f726;border:1px solid rgba(168,85,247,.35);border-radius:10px;color:#a855f7;font-size:.62rem;font-weight:900;letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pulse-boost 2s infinite}.sh-shuffle-badge{display:flex;align-items:center;gap:4px;padding:4px 9px;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#22c55e;font-size:.62rem;font-weight:900;letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sh-actions{display:flex;gap:10px;padding:14px 18px 18px;margin-top:4px}.sh-btn-chat{flex:2;height:50px;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:14px;color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 16px #a855f759;transition:all .2s;letter-spacing:.01em}.sh-btn-chat:active{transform:scale(.96);box-shadow:0 2px 8px #a855f740}.sh-btn-report{flex:1;height:50px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:14px;color:#f87171;font-family:Outfit,sans-serif;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:all .2s}.sh-btn-report:active{transform:scale(.96);background:#ef44441a}.sh-divider{height:1px;background:#ffffff0a;margin:0 18px}.filters-panel-v3{margin-top:14px;background:#ffffff08;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.05)}.filter-group-v3{display:flex;flex-direction:column;gap:12px}.filter-item-v3 label{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;color:#475569;margin-bottom:6px;letter-spacing:.08em}.filter-item-v3 select,.filter-item-v3 input{width:100%;background:#080b12;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 12px;color:#fff;font-size:.85rem;outline:none;font-family:Outfit,sans-serif}.apply-btn-v3{flex:1;padding:11px;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:10px;color:#fff;font-weight:700;cursor:pointer;font-family:Outfit,sans-serif}.clear-btn-v3{padding:11px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}@keyframes sh-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sh-rgb-border{0%{border-color:#a855f7;box-shadow:0 0 14px #a855f775}33%{border-color:#3b82f6;box-shadow:0 0 14px #3b82f675}66%{border-color:#22c55e;box-shadow:0 0 14px #22c55e75}to{border-color:#a855f7;box-shadow:0 0 14px #a855f775}}@keyframes sh-rgb-text{0%{color:#a855f7}33%{color:#60a5fa}66%{color:#22c55e}to{color:#a855f7}}.shuffle-card-v3{display:none}:root{--st-purple: #a855f7;--st-purple-dim: rgba(168, 85, 247, .12);--st-purple-glow: rgba(168, 85, 247, .35);--st-green: #22c55e;--st-green-dim: rgba(34, 197, 94, .12);--st-blue: #0f172a;--st-blue-mid: #1e293b;--st-blue-card: #1a2235;--st-border: rgba(255, 255, 255, .06);--st-border-hover: rgba(168, 85, 247, .25);--st-text: #f1f5f9;--st-muted: #64748b;--st-dim: #94a3b8;--st-danger: #ef4444;--st-danger-dim: rgba(239, 68, 68, .08)}.settings-premium-container{display:flex;flex-direction:column;gap:16px;padding:20px 16px 120px;overflow-y:auto;height:100%;background:var(--st-blue);scrollbar-width:none}.settings-premium-container::-webkit-scrollbar{display:none}.st-section-label{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--st-muted);padding:0 4px;margin-bottom:-8px;flex-shrink:0}.st-profile-card{background:linear-gradient(135deg,#1a2235,#0f1729);border:1px solid var(--st-border);border-radius:24px;padding:20px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;flex-shrink:0}.st-profile-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:var(--st-purple-glow);border-radius:50%;filter:blur(40px);pointer-events:none}.st-avatar-wrap{position:relative;flex-shrink:0}.st-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--st-purple);box-shadow:0 0 16px var(--st-purple-glow)}.st-crown-badge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;border:2px solid #0f172a;display:flex;align-items:center;justify-content:center;font-size:10px}.st-profile-info{flex:1;min-width:0}.st-profile-name{font-size:1.1rem;font-weight:800;color:var(--st-text);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-profile-handle{font-size:.8rem;color:var(--st-dim);margin:0 0 6px}.st-premium-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);border-radius:20px;color:#f59e0b;font-size:.65rem;font-weight:800;letter-spacing:.05em}.st-free-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:var(--st-purple-dim);border:1px solid var(--st-border);border-radius:20px;color:var(--st-purple);font-size:.65rem;font-weight:700}.settings-card-group{background:var(--st-blue-card);border:1px solid var(--st-border);border-radius:20px;overflow:hidden;flex-shrink:0}.st-card-header{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--st-border)}.st-card-header h4{margin:0;font-size:.85rem;font-weight:700;color:var(--st-text);letter-spacing:.01em}.settings-icon-box{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--st-purple-dim);color:var(--st-purple)}.settings-icon-box.green{background:var(--st-green-dim);color:var(--st-green)}.settings-icon-box.blue{background:#3b82f61f;color:#60a5fa}.settings-icon-box.amber{background:#f59e0b1f;color:#f59e0b}.settings-icon-box.red{background:var(--st-danger-dim);color:var(--st-danger)}.settings-row-v2{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--st-border);gap:12px}.settings-row-v2:last-child{border-bottom:none}.settings-row-v2:active{background:#ffffff08}.st-row-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.st-row-icon{flex-shrink:0;color:var(--st-dim)}.st-row-texts{display:flex;flex-direction:column;gap:2px}.st-row-label{font-size:.9rem;font-weight:600;color:var(--st-text);display:flex;align-items:center;gap:6px}.st-lock-badge{font-size:.6rem;padding:1px 6px;background:var(--st-purple-dim);border:1px solid var(--st-purple-glow);border-radius:6px;color:var(--st-purple);font-weight:800;letter-spacing:.04em}.st-row-desc{font-size:.72rem;color:var(--st-muted);line-height:1.4}.st-chevron{color:var(--st-muted);flex-shrink:0;opacity:.5}.premium-switch{width:48px;height:26px;background:#ffffff14;border-radius:13px;position:relative;cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.06);flex-shrink:0}.premium-switch.on{background:linear-gradient(135deg,var(--st-green),#16a34a);border-color:transparent;box-shadow:0 0 10px #22c55e66}.switch-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000004d}.premium-switch.on .switch-knob{transform:translate(22px)}.theme-grid-v2{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px 16px 16px}.theme-card-v2{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;cursor:pointer;background:#ffffff05;border:1.5px solid transparent;transition:all .25s}.theme-card-v2:active{transform:scale(.94)}.theme-card-v2.active{background:var(--st-purple-dim);border-color:var(--st-purple);box-shadow:0 0 12px var(--st-purple-glow)}.theme-card-v2 span:last-child{font-size:.65rem;font-weight:700;color:var(--st-dim)}.theme-card-v2.active span:last-child{color:var(--st-purple)}.btn-logout-settings{width:100%;padding:15px 20px;background:#ffffff0a;border:1px solid var(--st-border);border-radius:16px;color:var(--st-text);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .25s;letter-spacing:.02em}.btn-logout-settings:active{transform:scale(.97);background:#ffffff12}.danger-card{border-radius:18px;padding:18px;border:1px solid rgba(239,68,68,.18);background:#ef44440a}.danger-card h4{margin:0 0 8px;font-size:.9rem;font-weight:700;color:var(--st-danger);display:flex;align-items:center;gap:8px}.danger-card p{margin:0 0 16px;font-size:.82rem;color:var(--st-muted);line-height:1.5}.btn-danger-outline{width:100%;padding:13px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:var(--st-danger);font-family:Outfit,sans-serif;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s}.btn-danger-outline:hover{background:#ef444424}.btn-danger-outline:active{transform:scale(.97)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{background:var(--st-blue-card);border:1px solid var(--st-border);border-radius:28px 28px 0 0;padding:24px 20px 40px;width:100%;max-width:520px}.modal-handle{width:36px;height:4px;background:#ffffff1f;border-radius:2px;margin:0 auto 20px}.premium-upsell-modal{text-align:center}.upsell-crown{font-size:2.5rem;margin-bottom:8px}.premium-upsell-modal h3{font-size:1.3rem;font-weight:800;color:var(--st-text);margin:0 0 8px}.premium-upsell-modal p{font-size:.9rem;color:var(--st-dim);margin:0 0 20px;line-height:1.5}.btn-join{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;background:linear-gradient(135deg,var(--st-purple),#7c3aed);border:none;border-radius:14px;color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 4px 16px var(--st-purple-glow);margin-bottom:12px;transition:all .2s}.btn-join:active{transform:scale(.97)}.btn-link{background:none;border:none;color:var(--st-muted);font-size:.85rem;cursor:pointer;display:block;margin:0 auto;padding:8px}.btn-action-premium{flex:1;padding:13px;background:var(--st-purple-dim);border:1px solid var(--st-purple-glow);border-radius:12px;color:var(--st-purple);font-family:Outfit,sans-serif;font-weight:700;cursor:pointer;transition:all .2s}.gif-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#080b12d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.gif-picker-container{width:100%;max-width:500px;height:85vh;max-height:700px;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3;animation:slideUp .4s cubic-bezier(.16,1,.3,1);position:relative}.gif-picker-container:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(79,70,229,.15) 0%,transparent 70%);pointer-events:none}.gif-picker-header{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05}.gif-picker-header h3{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;margin:0;color:#fff;letter-spacing:-.01em}.gif-picker-header p{margin:4px 0 0;font-size:.75rem;color:#64748b;font-weight:500}.btn-close-glass{width:36px;height:36px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-close-glass:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.gif-picker-search-container{padding:16px 24px;background:#0000001a}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:0 16px;transition:all .25s}.search-input-wrapper:focus-within{background:#ffffff12;border-color:#4f46e580;box-shadow:0 0 0 4px #4f46e51a}.search-icon{color:#4b5563;margin-right:12px}.search-input-wrapper input{flex:1;background:transparent;border:none;padding:14px 0;color:#fff;font-size:.95rem;outline:none;font-family:Inter,sans-serif}.search-input-wrapper input::placeholder{color:#4b5563}.gif-picker-content{flex:1;overflow-y:auto;padding:16px;background:#0003}.gif-picker-content::-webkit-scrollbar{width:6px}.gif-picker-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gif-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/10;cursor:pointer;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.gif-item:hover{transform:translateY(-4px) scale(1.02);border-color:#4f46e580;box-shadow:0 10px 20px -5px #00000080;z-index:2}.gif-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gif-item:hover img{transform:scale(1.1)}.gif-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);opacity:0;transition:opacity .3s;display:flex;justify-content:flex-end}.gif-item:hover .gif-overlay{opacity:1}.gif-badge{background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.65rem;font-weight:800;padding:4px 8px;border-radius:6px;letter-spacing:1px}.status-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#64748b;gap:16px}.status-message span{font-size:.95rem;font-weight:500}.empty-state-icon{font-size:3rem;opacity:.5}.animate-spin{animation:spin 1s linear infinite;color:#6366f1}.gif-picker-footer{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);background:#ffffff03}.footer-info{font-size:.75rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:1px}.btn-action-small{padding:8px 16px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-action-small:hover{background:#ffffff1a;color:#fff;border-color:#fff3}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 500px){.gif-picker-overlay{padding:0}.gif-picker-container{height:100dvh;max-height:none;border-radius:0;border:none}.gif-grid{grid-template-columns:repeat(2,1fr)}}.private-chat-window{position:fixed;top:0;left:0;width:100vw;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#080b12;z-index:3000}.pc-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 20% 0%,rgba(79,70,229,.08) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 100%,rgba(56,189,248,.05) 0%,transparent 70%),#080b12;z-index:0;pointer-events:none}.pc-header{position:relative;z-index:10;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:12px;min-height:70px;background:#080b12d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06)}.pc-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.pc-back-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:none;background:#ffffff0d;color:#fff;cursor:pointer;flex-shrink:0;transition:background .2s}.pc-back-btn:active{background:#ffffff1f}.pc-avatar-wrap{position:relative;width:44px;height:44px;flex-shrink:0}.pc-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(79,70,229,.4)}.pc-online-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;background:#10b981;border:2.5px solid #080b12;border-radius:50%;box-shadow:0 0 8px #10b981}.pc-user-info{display:flex;flex-direction:column;min-width:0}.pc-user-name{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;letter-spacing:-.01em}.pc-user-status{font-size:.72rem;font-weight:500;color:var(--text-dim);margin-top:1px}.pc-user-status.online{color:#10b981}.pc-header-actions{display:flex;align-items:center;gap:4px;position:relative}.pc-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:none;background:transparent;color:#fff9;cursor:pointer;transition:all .2s}.pc-icon-btn:active{background:#ffffff14;color:#fff}.pc-icon-btn.pinned{color:#f59e0b}.pc-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:6px;z-index:200;min-width:190px;box-shadow:0 16px 40px #0009;animation:dropIn .15s ease-out}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pc-dropdown-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.pc-dropdown-item:active{background:#ffffff0d}.pc-dropdown-item.warn{color:#f59e0b}.pc-dropdown-item.danger{color:#f87171}.pc-selection-header{position:relative;z-index:10;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:12px;min-height:70px;background:var(--primary)}.pc-body{flex:1;overflow-y:auto;padding:16px 14px 12px;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1;scrollbar-width:none}.pc-body::-webkit-scrollbar{display:none}.pc-skeleton-wrap{display:flex;flex-direction:column;gap:14px;padding-top:8px}.pc-empty-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:60px 24px;color:var(--text-dim);font-size:.9rem;line-height:1.5}.pc-empty-notice svg{opacity:.3}.pc-msg-row{display:flex;max-width:80%;animation:msgIn .25s ease-out}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pc-msg-row.me{align-self:flex-end;flex-direction:row-reverse}.pc-msg-row.them{align-self:flex-start}.pc-bubble{padding:10px 14px;border-radius:20px;font-size:.92rem;line-height:1.45;word-break:break-word;position:relative;transition:opacity .2s,border .2s}.pc-msg-row.me .pc-bubble{background:linear-gradient(135deg,#4f46e5,#6d28d9);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 20px #4f46e54d}.pc-msg-row.them .pc-bubble{background:#111827e6;color:#f1f5f9;border-bottom-left-radius:6px;border:1px solid rgba(255,255,255,.07);box-shadow:0 2px 12px #0000004d}.pc-bubble.selected{outline:2px solid var(--primary);outline-offset:2px}.pc-deleted-text{font-style:italic;opacity:.45;font-size:.82rem}.pc-reply-preview{background:#ffffff14;border-left:3px solid rgba(255,255,255,.4);padding:6px 10px;border-radius:10px;margin-bottom:6px;cursor:pointer}.pc-msg-row.me .pc-reply-preview{border-left-color:#ffffff80}.pc-msg-row.them .pc-reply-preview{border-left-color:var(--primary);background:#4f46e51a}.pc-reply-sender{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:2px}.pc-reply-text{font-size:.78rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.pc-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:.63rem;opacity:.55}.pc-msg-row.me .pc-meta{color:#ffffffb3}.pc-msg-row.them .pc-meta{color:var(--text-dim)}.pc-img-meta{position:absolute;bottom:6px;right:8px;background:#0000008c;padding:2px 7px;border-radius:8px;display:flex;align-items:center;gap:4px;font-size:.63rem;color:#fff}.pc-scroll-btn{position:absolute;bottom:90px;right:18px;width:42px;height:42px;border-radius:50%;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #4f46e580;cursor:pointer;z-index:20;transition:transform .2s}.pc-scroll-btn:active{transform:scale(.9)}.pc-footer{position:relative;z-index:10;flex-shrink:0;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#080b12f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.06)}.pc-typing-bar{font-size:.73rem;color:var(--text-dim);font-style:italic;padding:0 4px 8px;height:0;overflow:hidden;transition:height .3s ease}.pc-typing-bar.visible{height:auto;min-height:20px;padding-bottom:8px;opacity:1}.pc-reply-bar{display:flex;align-items:center;justify-content:space-between;background:#4f46e51a;border:1px solid rgba(79,70,229,.25);border-radius:14px;padding:8px 12px;margin-bottom:10px;gap:8px}.pc-reply-bar-content{flex:1;min-width:0}.pc-reply-bar-label{font-size:.7rem;font-weight:700;color:var(--primary);margin-bottom:2px}.pc-reply-bar-text{font-size:.82rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.pc-media-preview{position:relative;display:inline-block;margin-bottom:10px}.pc-media-preview img{height:72px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.pc-media-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#ef4444;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.pc-blocked-notice{background:#ef44440f;border:1px solid rgba(239,68,68,.18);border-radius:16px;padding:16px 20px;text-align:center}.pc-blocked-notice p{color:#f87171;margin:0 0 10px;font-size:.88rem}.pc-unblock-btn{background:#ef4444;color:#fff;border:none;padding:8px 24px;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer}.pc-input-form{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:6px 6px 6px 14px;transition:border-color .25s,box-shadow .25s}.pc-input-form:focus-within{border-color:#4f46e580;box-shadow:0 0 0 3px #4f46e51a}.pc-text-input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:.95rem;font-family:Inter,sans-serif;min-width:0}.pc-text-input::placeholder{color:#ffffff40}.pc-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#fff6;cursor:pointer;transition:color .2s,background .2s;flex-shrink:0}.pc-action-btn:active{color:#fff;background:#ffffff0f}.pc-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;flex-shrink:0;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 14px #4f46e573}.pc-send-btn:active{transform:scale(.9)}.pc-send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.pc-audio-wrapper{display:flex;flex-direction:column;gap:4px;min-width:180px;padding:4px 0}.pc-audio-player{height:32px;filter:invert(1) hue-rotate(180deg);opacity:.8;width:100%}.pc-mic-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#a855f71a;color:#a855f7;cursor:pointer;transition:all .2s;flex-shrink:0}.pc-mic-btn:active{transform:scale(.9);background:#a855f733}.pc-recording-overlay{display:flex;align-items:center;gap:12px;background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:26px;padding:8px 16px;width:100%}.pc-recording-overlay.cancelled{background:#ef44441a;border-color:#ef444433}.pc-recording-dot{width:10px;height:10px;background:#ef4444;border-radius:50%}.pc-recording-overlay.active .pc-recording-dot{animation:pcPulse 1s infinite}@keyframes pcPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.pc-recording-timer{font-family:monospace;font-weight:700;color:#fff;font-size:.9rem;min-width:45px}.pc-recording-hint{font-size:.8rem;color:#94a3b8;flex:1}.pc-recording-visualizer{display:flex;gap:3px}.pc-recording-visualizer .bar{width:3px;height:12px;background:#a855f7;border-radius:2px}.pc-recording-overlay.active .bar{animation:pcBarGrow .5s infinite alternate}@keyframes pcBarGrow{0%{height:4px}to{height:16px}}.custom-audio-player{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:8px 12px;border-radius:12px;min-width:180px;margin-bottom:4px}.gc-layout{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:#080b12;z-index:3000}.gc-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 40% at 10% 0%,rgba(79,70,229,.1) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 90% 100%,rgba(99,102,241,.06) 0%,transparent 70%),#080b12;z-index:0;pointer-events:none}.gc-header{position:relative;z-index:10;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 14px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:12px;min-height:70px;background:#080b12e6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06)}.gc-back-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;border:none;background:#ffffff0d;color:#fff;cursor:pointer;transition:background .2s}.gc-back-btn:active{background:#ffffff1f}.gc-avatar-wrap{position:relative;width:44px;height:44px;flex-shrink:0}.gc-avatar-img{width:100%;height:100%;border-radius:14px;object-fit:cover;border:2px solid rgba(99,102,241,.4)}.gc-info{flex:1;min-width:0;display:flex;flex-direction:column;cursor:pointer}.gc-name{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.gc-status{font-size:.7rem;color:#10b981;font-weight:600;display:flex;align-items:center;gap:4px;margin-top:2px}.gc-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.gc-header-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;border:none;background:transparent;color:#ffffff80;cursor:pointer;transition:all .2s}.gc-header-btn:active{background:#ffffff14;color:#fff}.gc-selection-header{position:relative;z-index:10;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:12px;min-height:70px;background:#4f46e5e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.gc-selection-count{font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;color:#fff}.gc-delete-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:none;background:#ef444433;color:#ef4444;cursor:pointer;transition:all .2s}.gc-delete-btn:active{background:#ef444459}.gc-body{flex:1;overflow-y:auto;padding:14px 12px 10px;display:flex;flex-direction:column;gap:4px;position:relative;z-index:1;scrollbar-width:none}.gc-body::-webkit-scrollbar{display:none}.gc-system-notice{text-align:center;font-size:.73rem;color:#4b5563;font-weight:600;letter-spacing:.5px;padding:12px 0 20px;display:flex;align-items:center;justify-content:center;gap:6px}.gc-loader{display:flex;align-items:center;justify-content:center;height:100%}.gc-spinner{width:32px;height:32px;border:2.5px solid rgba(79,70,229,.2);border-top-color:#6366f1;border-radius:50%;animation:gcSpin .8s linear infinite}@keyframes gcSpin{to{transform:rotate(360deg)}}.gc-msg-row{display:flex;max-width:82%;animation:gcMsgIn .22s ease-out}@keyframes gcMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.gc-msg-row.me{align-self:flex-end;flex-direction:row-reverse}.gc-msg-row.them{align-self:flex-start}.gc-bubble{padding:9px 13px;border-radius:20px;font-size:.92rem;line-height:1.45;word-break:break-word;position:relative;transition:opacity .2s,outline .15s}.gc-msg-row.me .gc-bubble{background:linear-gradient(135deg,#4f46e5,#6d28d9);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 18px #4f46e559}.gc-msg-row.them .gc-bubble{background:#111827d9;color:#f1f5f9;border-bottom-left-radius:6px;border:1px solid rgba(255,255,255,.07);box-shadow:0 2px 10px #0000004d}.gc-bubble.selected{outline:2px solid #6366f1;outline-offset:2px;opacity:.85}.gc-sender-name{font-size:.68rem;font-weight:800;letter-spacing:.2px;margin-bottom:4px;text-transform:lowercase}.gc-reply-preview{background:#ffffff12;border-left:3px solid rgba(255,255,255,.4);padding:6px 10px;border-radius:10px;margin-bottom:6px;cursor:pointer}.gc-msg-row.them .gc-reply-preview{border-left-color:#6366f1;background:#4f46e51f}.gc-reply-preview b{font-size:.66rem;display:block;margin-bottom:2px;font-weight:800}.gc-reply-preview p{margin:0;font-size:.78rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-bubble-img{width:100%;max-width:240px;border-radius:14px;display:block;margin-bottom:4px}.gc-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:.62rem;opacity:.5;color:inherit}.gc-footer{position:relative;z-index:10;flex-shrink:0;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#080b12f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.05)}.gc-reply-bar{display:flex;align-items:center;gap:10px;background:#4f46e51a;border:1px solid rgba(79,70,229,.25);border-radius:14px;padding:8px 12px;margin-bottom:10px}.gc-reply-bar-content{flex:1;min-width:0}.gc-reply-bar-label{font-size:.68rem;font-weight:800;color:#818cf8;margin-bottom:2px}.gc-reply-bar-text{font-size:.82rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.gc-reply-close{width:28px;height:28px;border-radius:8px;border:none;background:#ffffff0d;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.gc-reply-close:active{background:#ffffff1a;color:#fff}.gc-input-form{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:6px 6px 6px 14px;transition:border-color .25s,box-shadow .25s}.gc-input-form:focus-within{border-color:#4f46e580;box-shadow:0 0 0 3px #4f46e51a}.gc-text-input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:.95rem;font-family:Inter,sans-serif;min-width:0}.gc-text-input::placeholder{color:#ffffff38}.gc-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#ffffff59;cursor:pointer;flex-shrink:0;transition:color .2s,background .2s}.gc-action-btn:active{color:#fff;background:#ffffff12}.gc-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:none;background:linear-gradient(135deg,#4f46e5,#6d28d9);color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 14px #4f46e573}.gc-send-btn:active{transform:scale(.88)}.gc-send-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.gc-muted-notice{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:18px;padding:14px;color:#64748b;font-size:.88rem;font-weight:500;text-align:center}.gc-muted-notice svg{opacity:.6}.gc-recording-overlay{display:flex;align-items:center;gap:12px;background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:28px;padding:8px 16px;width:100%}.gc-recording-overlay.cancelled{background:#ef44441a;border-color:#ef444433}.gc-recording-dot{width:10px;height:10px;background:#ef4444;border-radius:50%}.gc-recording-overlay.active .gc-recording-dot{animation:gcPulse 1s infinite}@keyframes gcPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.gc-recording-timer{font-family:monospace;font-weight:700;color:#fff;min-width:45px}.gc-recording-hint{font-size:.8rem;color:#94a3b8;flex:1}.gc-recording-visualizer{display:flex;gap:3px}.gc-recording-visualizer .bar{width:3px;height:12px;background:#a855f7;border-radius:2px}.gc-recording-overlay.active .bar{animation:gcBarGrow .5s infinite alternate}@keyframes gcBarGrow{0%{height:4px}to{height:16px}}.custom-audio-player{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:8px 12px;border-radius:12px;min-width:180px;margin-top:4px}.audio-progress-bar{height:100%;background:#a855f7;border-radius:2px}.chats-tab-layout{width:100%;height:100%;display:flex;background:#080b12;overflow:hidden}.tab-content{flex:1;display:flex;flex-direction:column;height:100%}@media (max-width: 900px){.hide-mobile{display:none!important}}.chats-sidebar{width:100%;height:100%;display:flex;flex-direction:column;background:#080b12;position:relative}@media (min-width: 901px){.chats-sidebar{width:400px;border-right:1px solid rgba(255,255,255,.05)}}.chats-header-v2{padding:20px 18px 14px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.chats-header-v2 h3,.chats-header-v2 .font-heading{font-family:Outfit,sans-serif;font-size:1.55rem;font-weight:800;letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ct-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:#fff9;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.ct-icon-btn:active{background:#ffffff17;transform:scale(.93)}.ct-icon-btn.add{background:#4f46e51f;border-color:#4f46e54d;color:#818cf8}.search-container-v2{padding:0 16px 12px;flex-shrink:0}.search-input-wrapper-v2{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);padding:10px 14px;border-radius:16px;transition:border-color .25s,box-shadow .25s}.search-input-wrapper-v2:focus-within{border-color:#4f46e580;box-shadow:0 0 0 3px #4f46e514}.search-icon-v3{color:#475569;flex-shrink:0}.search-input-v2{background:none;border:none;color:#fff;font-size:.92rem;font-family:Inter,sans-serif;width:100%;outline:none}.search-input-v2::placeholder{color:#374151}.subtabs-pills-v2{padding:0 16px;margin-bottom:10px;flex-shrink:0}.pills-container-glass{display:flex;background:#ffffff08;padding:5px;border-radius:18px;border:1px solid rgba(255,255,255,.06);gap:6px}.pill-btn-v3{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;border:none;background:transparent;color:#4b5563;font-size:.82rem;font-weight:700;font-family:Outfit,sans-serif;letter-spacing:.3px;border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.pill-btn-v3:hover:not(.active){color:#94a3b8;background:#ffffff08}.pill-btn-v3.active{background:linear-gradient(135deg,#4f46e5,#6d28d9);color:#fff;box-shadow:0 4px 16px #4f46e566}.nav-divider-v2{height:1px;margin:0 16px 12px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);flex-shrink:0}.contacts-list-v2{flex:1;overflow-y:auto;padding:0 10px 100px;display:flex;flex-direction:column;gap:3px;scrollbar-width:none}.contacts-list-v2::-webkit-scrollbar{display:none}.conversation-card-v2{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:18px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid transparent}.conversation-card-v2:active{transform:scale(.97)}.conversation-card-v2:hover{background:#ffffff08}.conversation-card-v2.active{background:#4f46e514;border-color:#4f46e533}.conversation-card-v2.unread{background:#4f46e50d}.create-group-card{background:#4f46e50f!important;border:1px dashed rgba(79,70,229,.3)!important;margin-bottom:10px}.create-group-card:hover{background:#4f46e51a!important;border-color:#4f46e580!important}.avatar-v2-wrapper{position:relative;width:52px;height:52px;flex-shrink:0}.avatar-v2-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#1e293b}.online-indicator-v2{position:absolute;bottom:1px;right:1px;width:13px;height:13px;background:#10b981;border:2.5px solid #080b12;border-radius:50%;box-shadow:0 0 8px #10b98199}.card-content-v2{flex:1;min-width:0}.card-top-v2{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.card-name-v2{font-size:.97rem;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Outfit,sans-serif;letter-spacing:-.01em}.card-time-v2{font-size:.67rem;color:#374151;font-weight:500;flex-shrink:0;margin-left:6px}.card-bottom-v2{display:flex;justify-content:space-between;align-items:center}.card-preview-v2{font-size:.81rem;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.card-preview-v2.unread{color:#cbd5e1;font-weight:600}.status-icons-v2{display:flex;gap:4px;margin-right:5px;flex-shrink:0}.unread-count-v2{background:linear-gradient(135deg,#4f46e5,#6d28d9);color:#fff;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-left:8px;box-shadow:0 2px 8px #4f46e573;flex-shrink:0}.no-chats-v2{padding:56px 20px;text-align:center;color:#374151;display:flex;flex-direction:column;align-items:center;gap:10px}.no-chats-v2 svg{opacity:.18}.no-chats-v2 p{font-size:.88rem;color:#4b5563;margin:0}.selection-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#4f46e514;border:1px solid rgba(79,70,229,.25);border-radius:16px;margin-bottom:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.modal-sheet{width:100%;max-width:400px;background:#0d1117;border-radius:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #000c;overflow:hidden;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}.premium-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:flex-end;justify-content:center}.full-screen-chat{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:15000;background:#080b12;display:flex;flex-direction:column;animation:slideUpIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.premium-modal-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.premium-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.inbox-card-v2{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:14px;display:flex;align-items:center;gap:14px;margin-bottom:10px;transition:all .2s;cursor:pointer}.inbox-card-v2:active{transform:scale(.98);background:#ffffff0d}.inbox-icon-wrapper{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inbox-content-v2{flex:1;min-width:0}.inbox-title-v2{display:block;font-weight:700;color:#f1f5f9;font-size:.9rem;margin-bottom:2px;font-family:Outfit,sans-serif}.inbox-preview-v2{display:block;font-size:.78rem;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#374151;font-size:.9rem;font-style:italic}.modal-overlay-center{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b12e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:12000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.premium-details-sheet{width:100%;max-width:440px;background:#0f172a;border-radius:32px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 25px 50px -12px #000c;animation:scaleIn .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.premium-receipt{background:#fff!important;color:#0f172a!important;border-radius:24px!important;padding:32px!important;position:relative;overflow:hidden}.premium-receipt:after{content:"";position:absolute;bottom:0;left:0;right:0;height:8px;background-image:radial-gradient(circle,#f1f5f9 4px,transparent 4px);background-size:12px 16px;background-position:bottom}.premium-gift-display{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;text-align:center;position:relative;overflow:hidden}.gift-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);z-index:0}.btn-icon-v2{display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#fff9;cursor:pointer;transition:all .2s}.btn-icon-v2:active{transform:scale(.92)}.fab-container{position:fixed;bottom:80px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.fab-main{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #6366f166;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:none;outline:none}.fab-main:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 15px 35px #6366f199}.fab-main.active{transform:rotate(135deg);background:#ef4444}.fab-menu{display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.fab-menu.active{pointer-events:auto}.fab-item{display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(20px) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-menu.active .fab-item{opacity:1;transform:translateY(0) scale(1)}.fab-menu.active .fab-item:nth-child(1){transition-delay:.1s}.fab-menu.active .fab-item:nth-child(2){transition-delay:.15s}.fab-menu.active .fab-item:nth-child(3){transition-delay:.2s}.fab-label{background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:12px;font-size:13px;font-weight:600;color:#f8fafc;box-shadow:0 4px 15px #0003;border:1px solid rgba(255,255,255,.05);white-space:nowrap}.fab-sub-button{width:48px;height:48px;border-radius:50%;background:#1e293be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .2s}.fab-sub-button:hover{background:#334155;color:#6366f1;transform:scale(1.1)}.clipboard-suggestion{background:#0f172af2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(99,102,241,.3);padding:16px;border-radius:20px;margin-bottom:8px;width:240px;box-shadow:0 10px 30px #00000080;animation:slideLeft .4s ease-out}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.suggestion-header{font-size:11px;text-transform:uppercase;color:#6366f1;font-weight:800;margin-bottom:8px;letter-spacing:1px}.suggestion-target{font-size:15px;font-weight:700;color:#fff;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-btn{width:100%;padding:10px;background:#6366f1;border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.suggestion-btn:hover{background:#4f46e5;transform:translateY(-2px)}.profile-tab-container-premium{display:flex;flex-direction:column;background:var(--bg-dark);position:relative;overflow:visible}.profile-header-v2{position:relative;width:100%}.profile-cover-v2{width:100%!important;height:120px!important;background-size:cover;background-position:center;position:relative;overflow:visible;border-bottom:1px solid var(--border-glass)}.btn-cover-edit{position:absolute;top:12px;right:12px;z-index:30;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-cover-edit:hover{background:#000000b3;transform:translateY(-1px)}.avatar-flow-wrapper{display:flex;justify-content:center;margin-top:-40px;margin-bottom:8px;position:relative;z-index:150}.avatar-container-v2{position:relative;width:72px!important;height:72px!important;border-radius:50%!important;padding:2.5px;background:linear-gradient(135deg,var(--primary),#a855f7);box-shadow:0 8px 20px #0006}.avatar-inner{width:100%;height:100%;border-radius:50%;border:3px solid var(--bg-dark);overflow:hidden;background:var(--bg-main);cursor:pointer}.avatar-image-v2{width:100%;height:100%;object-fit:cover}.pet-stage-v2{position:absolute;bottom:0!important;right:12px!important;width:80px;height:40px;z-index:20;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.profile-content-v2{padding:0 16px 40px;display:flex;flex-direction:column;gap:16px;background:var(--bg-dark)}.user-identity-v2{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.profile-display-name{font-size:1.5rem;margin:0}.handle-badge-v2{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--text-muted)}.btn-copy-link{background:#38bdf826;border:none;color:#38bdf8;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:800;cursor:pointer;transition:all .2s}.btn-copy-link:hover{background:#38bdf840;transform:scale(1.05)}.xp-card-v2{padding:16px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.xp-header-v2{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.level-label{font-size:.75rem;font-weight:800;color:var(--primary);letter-spacing:1px}.xp-count{font-size:.75rem;font-weight:700;color:var(--text-muted)}.xp-bar-outer{height:10px;width:100%;background:#ffffff0d;border-radius:5px;overflow:hidden;position:relative}.xp-bar-inner{height:100%;background:linear-gradient(90deg,var(--primary),#a855f7);box-shadow:0 0 15px var(--primary-glow);border-radius:5px;transition:width 1s cubic-bezier(.4,0,.2,1)}.info-card-v2{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);overflow:hidden}.card-header-v2{display:flex;align-items:center;gap:12px;padding:16px 16px 0}.card-icon-v2{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-glass);color:var(--primary)}.card-body-v2{padding:16px;display:flex;flex-direction:column;gap:20px}.input-field-v2{display:flex;flex-direction:column;gap:8px}.label-v2{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.premium-input-v2{width:100%;padding:12px 14px;background:#ffffff05;border:1px solid var(--border-glass);border-radius:12px;color:var(--text-pure);font-size:.95rem;outline:none;transition:all .2s}.premium-input-v2:focus{border-color:var(--primary);background:#ffffff0a}.premium-textarea-v2{width:100%;padding:12px 14px;background:#ffffff05;border:1px solid var(--border-glass);border-radius:12px;color:var(--text-pure);font-size:.95rem;outline:none;resize:none;transition:all .2s}.premium-textarea-v2:focus{border-color:var(--primary);background:#ffffff0a}.gallery-grid-v2{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.gallery-item-v2{aspect-ratio:1!important;width:100%!important;max-width:80px!important;border-radius:12px;overflow:hidden;border:1px solid var(--border-glass);position:relative;cursor:pointer;background:var(--bg-main)}.gallery-image-v2{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item-v2:hover .gallery-image-v2{transform:scale(1.05)}.gallery-add-v2{aspect-ratio:1;border-radius:12px;border:2px dashed var(--border-glass);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--text-muted);transition:all .2s}.gallery-add-v2:hover{background:var(--bg-glass);color:var(--text-pure);border-color:var(--primary)}.delete-photo-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;z-index:5}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide{opacity:0;animation:slideUpFade .6s cubic-bezier(.2,.8,.2,1) forwards}.animate-slide:nth-child(1){animation-delay:.1s}.animate-slide:nth-child(2){animation-delay:.2s}.animate-slide:nth-child(3){animation-delay:.3s}.animate-slide:nth-child(4){animation-delay:.4s}.info-card-v2:hover{border-color:#fff3;transform:translateY(-2px);transition:all .3s ease}.btn-avatar-edit{position:absolute;bottom:-2px;right:-2px;width:30px;height:30px;background:#fff;border:2px solid var(--bg-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;cursor:pointer;box-shadow:0 4px 12px #00000080;z-index:60;transition:all .2s}.btn-avatar-edit:hover{background:#f0f0f0;transform:scale(1.1) rotate(15deg)}.input-with-btn{display:flex;gap:8px;align-items:center}.btn-save-inline{width:42px;height:42px;flex-shrink:0;background:var(--primary);border:none;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--primary-glow)}.btn-save-inline:hover{transform:scale(1.05);background:#6366f1}.btn-save-bio{padding:6px 14px;background:var(--bg-glass);border:1px solid var(--primary);border-radius:8px;color:var(--primary);font-size:.7rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .2s}.btn-save-bio:hover{background:var(--primary);color:#fff}.spin{animation:spin 1s linear infinite}.premium-text-display{width:100%;padding:12px 14px;background:#ffffff08;border:1px solid var(--border-glass);border-radius:12px;color:var(--text-pure);font-size:.95rem;line-height:1.5}.bio-text{min-height:80px;white-space:pre-wrap}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.store-tab{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#080b12;color:#fff}.store-header{background:#080b12e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;z-index:110}.promo-carousel-container{margin:16px;position:relative;overflow:hidden;border-radius:28px;box-shadow:0 15px 40px #0006}.promo-carousel-track{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.promo-card{min-width:100%;padding:24px;min-height:180px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;color:#fff}.promo-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.6;z-index:0;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.promo-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px}.promo-badge{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:50px;font-size:10px;font-weight:800;letter-spacing:1px;width:fit-content;border:1px solid rgba(255,255,255,.1)}.promo-title{font-size:1.4rem;font-weight:900;letter-spacing:-.5px;margin:0;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3)}.promo-desc{font-size:.85rem;opacity:.9;line-height:1.4;margin:0;max-width:90%}.promo-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px}.promo-price-tag{display:flex;flex-direction:column}.price-label{font-size:9px;font-weight:800;opacity:.7}.price-value{font-size:1.1rem;font-weight:900;color:#fbbf24}.promo-countdown{background:#0000004d;padding:6px 12px;border-radius:12px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.05)}.promo-buy-btn{margin-top:16px;background:#fff;color:#000;border:none;padding:10px 20px;border-radius:14px;font-weight:900;font-size:.85rem;cursor:pointer;box-shadow:0 10px 20px #0003}.promo-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.promo-nav-btn:active{transform:translateY(-50%) scale(.9)}.promo-nav-btn.prev{left:10px}.promo-nav-btn.next{right:10px}.promo-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.promo-dot{width:6px;height:6px;background:#ffffff4d;border-radius:50%;transition:all .3s}.promo-dot.active{width:18px;background:#fff;border-radius:4px}.coin-balance-premium{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:8px 18px;border-radius:20px}.coin-balance-premium b{font-size:1.2rem;color:#fbbf24}.store-categories{display:flex;gap:10px;padding:14px 16px;overflow-x:auto;scrollbar-width:none}.category-chip-premium{padding:10px 20px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff9;font-size:.85rem;font-weight:700;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-chip-premium.active{background:#4f46e5;color:#fff;border-color:#6366f1;box-shadow:0 4px 15px #4f46e566;transform:translateY(-2px)}.store-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:10px 16px 120px}.store-item-card-premium{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:28px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.store-item-card-premium:active{transform:scale(.96);background:#ffffff0d}.store-item-card-premium.owned{border-color:#10b9814d;background:#10b98108}.item-icon-wrap{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:12px;background:#ffffff08;border-radius:20px}.item-name-premium{font-size:.95rem;font-weight:800;color:#fff;margin-bottom:4px}.item-desc-premium{font-size:.72rem;color:#fff6;margin-bottom:16px;line-height:1.3}.btn-buy-premium{width:100%;padding:12px;border-radius:14px;background:#4f46e5;color:#fff;border:none;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4f46e54d}.btn-buy-premium:disabled{background:#ffffff1a;color:#ffffff4d;box-shadow:none}.btn-owned-premium{width:100%;padding:12px;border-radius:14px;background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3);font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:6px}.inventory-grid{display:flex;flex-direction:column;gap:12px;padding:16px}.inventory-cat-card{display:flex;align-items:center;gap:16px;padding:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;cursor:pointer;transition:all .2s}.inventory-cat-card:active{transform:scale(.98);background:#ffffff0f}.inv-icon-box{width:48px;height:48px;border-radius:14px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center}.inv-info-box{flex:1}.inv-title{font-size:1rem;font-weight:800;color:#fff}.inv-count{font-size:.75rem;color:#fff6}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.room-view-overlay{position:fixed;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#080b12;z-index:2000000!important;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.room-view-header{height:90px;padding:env(safe-area-inset-top) 16px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);background:#080b12e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-shrink:0;z-index:10}.header-left{display:flex;align-items:center;gap:12px}.room-main-avatar{position:relative;width:46px;height:46px}.room-main-avatar img{width:100%;height:100%;border-radius:50%;border:2px solid #a855f7;object-fit:cover}.live-tag{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;font-size:.55rem;font-weight:900;padding:1px 6px;border-radius:4px;border:1px solid #000}.stage-slots-container{display:flex;gap:8px;padding:0 10px}.stage-slot{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .2s}.stage-slot.occupied{border:2px solid rgba(255,255,255,.1);background:#1e293b}.stage-slot img{width:100%;height:100%;border-radius:50%;object-fit:cover}.stage-slot img.speaking{border:2px solid #a855f7;box-shadow:0 0 12px #a855f780}.player-wrapper{width:100%;aspect-ratio:16/9;background:#000;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:2px}.room-messages-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.room-msg-bubble{display:flex;gap:10px;max-width:80%;align-self:flex-start}.room-msg-bubble.me{align-self:flex-end;flex-direction:row-reverse}.room-msg-bubble.me .room-msg-content{background:#a855f726;border:1px solid rgba(168,85,247,.2);border-radius:18px 2px 18px 18px}.room-msg-bubble.system-msg{align-self:center;max-width:90%;background:transparent;padding:6px 16px;color:#94a3b8;font-size:.75rem;font-style:italic;text-align:center;border:none}.room-input-area{padding:12px 16px env(safe-area-inset-bottom);background:transparent;position:relative}.floating-gift-btn{position:absolute;top:-45px;right:20px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#d97706);border:2px solid rgba(255,255,255,.2);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #d9770680;animation:float 3s ease-in-out infinite;z-index:100}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pulse-avatar img{animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #a855f766}70%{box-shadow:0 0 0 10px #a855f700}to{box-shadow:0 0 #a855f700}}.aura-speaking{position:relative}.aura-speaking:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(45deg,#a855f7,#6366f1,#a855f7);background-size:200% 200%;animation:aura-move 2s linear infinite;z-index:-1}@keyframes aura-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.slot-mute-indicator{position:absolute;bottom:-2px;right:-2px;background:#ef4444;color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #080b12}.room-input-main-wrap{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 12px;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.room-transparent-input{flex:1;background:transparent;border:none;color:#fff;font-size:.9rem;padding:8px 0;outline:none}.room-transparent-input::placeholder{color:#ffffff4d}.send-active{color:#a855f7!important}.user-actions-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000000;padding:20px}.user-actions-card{background:#111827;border-radius:24px;width:100%;max-width:320px;padding:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #000c;animation:zoomIn .2s cubic-bezier(.18,.89,.32,1.28)}.mod-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.mod-avatar{width:64px;height:64px;border-radius:50%;margin-bottom:10px;border:2px solid var(--primary)}.mod-title{color:#fff;font-weight:700;font-size:1.1rem}.mod-actions-grid{display:grid;gap:10px}.mod-action-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#e2e8f0;font-weight:600;font-size:.85rem}.mod-action-btn.danger{color:#f87171;background:#ef44440d}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.gift-selector{position:absolute;bottom:80px;left:16px;right:16px;background:#1e293b;border-radius:24px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 -10px 40px #00000080;animation:slideUp .3s ease-out;z-index:100}.gift-option{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:all .2s}.gift-option:active{transform:scale(.9)}.gift-option span{font-size:.9rem;font-weight:800;color:#fbbf24}.gift-option small{font-size:.65rem;color:#64748b}.room-settings-panel{position:absolute;top:75px;right:16px;width:240px;background:#1e293b;border-radius:20px;padding:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;z-index:1000;animation:fadeIn .2s ease-out}.settings-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#e2e8f0;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.settings-item:hover{background:#ffffff0d}.settings-item.danger{color:#f87171}.participants-list-mini{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding-right:5px;margin-top:5px}.participants-list-mini::-webkit-scrollbar{width:3px}.participants-list-mini::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.participant-item-mod{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff08;border-radius:12px}.participant-item-mod img{width:32px;height:32px;border-radius:50%;object-fit:cover}.participant-name{flex:1;font-size:.75rem;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mod-actions{display:flex;gap:5px}.mod-btn{width:28px;height:28px;border-radius:8px;border:none;background:#ffffff1a;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.mod-btn:hover{background:#fff3;color:#fff}.mod-btn.danger:hover{background:#ef4444;color:#fff}.subtabs-v2{display:flex;background:#ffffff0d;padding:4px;border-radius:12px;gap:4px;margin-top:5px}.subtab-btn-v2{flex:1;background:transparent;border:none;color:#64748b;padding:8px;border-radius:8px;font-size:.75rem;font-weight:600;transition:all .2s;cursor:pointer}.subtab-btn-v2.active{background:#a855f7;color:#fff;box-shadow:0 4px 12px #a855f74d}.subtab-btn-v2:hover:not(.active){background:#ffffff08;color:#94a3b8}.modal-overlay{z-index:1000000!important;display:flex;align-items:flex-start!important;justify-content:center!important;padding:40px 0;overflow-y:auto}.modal-sheet{max-height:85vh!important;overflow-y:auto!important;scrollbar-width:none;-ms-overflow-style:none;margin-top:20px}.modal-sheet::-webkit-scrollbar{display:none}.recording-overlay{display:flex;align-items:center;gap:12px;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:24px;padding:8px 16px;width:100%;animation:slideIn .2s ease-out}.recording-overlay.cancelled{background:#ef444426;border-color:#ef44444d}.recording-dot{width:10px;height:10px;background:#ef4444;border-radius:50%}.recording-overlay.active .recording-dot{animation:pulse 1s infinite}.recording-timer{font-family:monospace;font-weight:700;color:#fff;min-width:40px}.recording-hint{font-size:.75rem;color:#94a3b8;flex:1}.recording-visualizer{display:flex;gap:3px;align-items:center}.recording-visualizer .bar{width:3px;height:12px;background:#a855f7;border-radius:2px}.recording-overlay.active .bar{animation:barGrow .5s ease-in-out infinite alternate}.recording-overlay.active .bar:nth-child(2){animation-delay:.1s}.recording-overlay.active .bar:nth-child(3){animation-delay:.2s}@keyframes barGrow{0%{height:4px}to{height:16px}}.custom-audio-player{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:8px 12px;border-radius:12px;min-width:200px}.play-pause-btn{background:#a855f7;border:none;width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.audio-progress-container{flex:1;height:4px;background:#ffffff1a;border-radius:2px;position:relative;overflow:hidden}.audio-progress-bar{height:100%;background:#a855f7;border-radius:2px;transition:width .1s linear}.audio-time{font-size:.7rem;color:#94a3b8;min-width:35px;font-family:monospace}.rooms-tab-layout{width:100%;height:100%;display:flex;flex-direction:column;background:#080b12;overflow:hidden}.rooms-header{padding:20px 18px 10px;flex-shrink:0}.rooms-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.rooms-title{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 40%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rooms-subtabs{display:flex;background:#ffffff08;padding:4px;border-radius:16px;border:1px solid rgba(255,255,255,.06);gap:4px}.subtab-btn{flex:1;padding:10px;border:none;background:transparent;color:#94a3b8;font-family:Outfit,sans-serif;font-weight:700;font-size:.85rem;border-radius:12px;cursor:pointer;transition:all .3s ease}.subtab-btn.active{background:#a855f726;color:#a855f7;box-shadow:inset 0 0 0 1px #a855f74d}.rooms-filters-main{display:flex;gap:8px;padding:0 18px 12px;flex-shrink:0}.sort-chip{flex:1;padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#94a3b8;font-family:Outfit,sans-serif;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.sort-chip.active{background:#a855f71a;border-color:#a855f7;color:#a855f7;box-shadow:0 0 15px #a855f733}.rooms-tags-row{display:flex;gap:8px;padding:0 18px 20px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.rooms-tags-row::-webkit-scrollbar{display:none}.tag-chip{padding:8px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:18px;color:#64748b;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s}.tag-chip.active{background:#a855f7;color:#fff;border-color:#a855f7;box-shadow:0 4px 12px #a855f74d}.rooms-grid{flex:1;overflow-y:auto;padding:10px 18px 100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;scrollbar-width:none}.rooms-grid::-webkit-scrollbar{display:none}.room-card{position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#080b12;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1)}.room-card:active{transform:scale(.96)}.room-card-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:brightness(.6) blur(2px);transition:filter .3s}.room-card:hover .room-card-cover{filter:brightness(.7) blur(0px)}.room-card-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:2;background:linear-gradient(to top,rgba(8,11,18,.9) 0%,transparent 60%)}.room-card-avatar{width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,255,255,.2);margin-bottom:12px;object-fit:cover;box-shadow:0 8px 16px #0006}.room-card-tag{position:absolute;top:12px;left:12px;padding:4px 10px;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a855f7;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.room-card-members{position:absolute;top:12px;right:12px;padding:4px 8px;background:#10b98126;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:8px;display:flex;align-items:center;gap:4px;color:#10b981;font-size:.7rem;font-weight:800;border:1px solid rgba(16,185,129,.2)}.room-card-title{color:#fff;font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;text-align:center;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.create-room-btn{position:fixed;bottom:90px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #a855f766;cursor:pointer;z-index:100;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.create-room-btn:active{transform:scale(.9) rotate(90deg)}.tags-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;max-height:180px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.tag-option{padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#94a3b8;font-size:.75rem;text-align:center;cursor:pointer;transition:all .2s}.tag-option.selected{background:#a855f71a;border-color:#a855f7;color:#a855f7;font-weight:700}.privacy-switch{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#ffffff05;border-radius:16px;margin-top:15px}.switch-label{display:flex;flex-direction:column;gap:2px}.switch-title{font-size:.9rem;font-weight:700;color:#fff}.switch-desc{font-size:.7rem;color:#64748b}.switch-btn{width:50px;height:26px;background:#1e293b;border-radius:20px;position:relative;cursor:pointer;transition:background .3s}.switch-btn.on{background:#10b981}.switch-dot{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s}.switch-btn.on .switch-dot{transform:translate(24px)}.premium-badge-small{font-size:.6rem;padding:2px 6px;background:linear-gradient(135deg,#fbbf24,#d97706);color:#000;border-radius:4px;font-weight:800;margin-left:6px}.btn-premium-v2{background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff;border:none;font-family:Outfit,sans-serif;font-weight:800;cursor:pointer;box-shadow:0 4px 15px #a855f766;transition:all .2s}.btn-premium-v2:active{transform:scale(.95);box-shadow:0 2px 8px #a855f766}.coming-soon-container{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background:#a855f708;border:1px dashed rgba(168,85,247,.2);border-radius:24px;margin-top:20px}.coming-soon-icon{font-size:3rem;margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(168,85,247,.4))}.coming-soon-container h3{color:#e2e8f0;margin-bottom:10px;font-family:Outfit,sans-serif}.coming-soon-container p{color:#94a3b8;font-size:.85rem;max-width:300px;line-height:1.5;margin-bottom:20px}.coming-soon-badge{background:#a855f7;color:#fff;padding:4px 12px;border-radius:20px;font-size:.65rem;font-weight:800;letter-spacing:1px}.global-player-container{position:fixed;z-index:9999;background:#000;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 30px #00000080}.global-player-container.full{z-index:2000001}.global-player-container.minimized{bottom:80px;right:15px;width:160px;height:90px;border-radius:12px;border:2px solid var(--primary)}.mini-player-controls{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;flex-direction:column;justify-content:space-between;padding:8px;opacity:0;transition:opacity .2s}.global-player-container.minimized:hover .mini-player-controls{opacity:1}.mini-info{display:flex;justify-content:space-between;align-items:center}.mini-title{font-size:.65rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.mini-actions{display:flex;justify-content:flex-end;gap:8px}.mini-actions button{background:#fff3;border:none;border-radius:50%;width:28px;height:28px;color:#fff;display:flex;align-items:center;justify-content:center}.mini-actions button.danger{background:#ef444466}:root{--p-h: 245;--p-s: 75%;--p-l: 60%;--primary: hsl(var(--p-h), var(--p-s), var(--p-l));--primary-hover: hsl(var(--p-h), var(--p-s), calc(var(--p-l) - 10%));--primary-glow: hsla(var(--p-h), var(--p-s), var(--p-l), .35);--bg-dark: #080a0c;--bg-main: #0c0f14;--bg-card: rgba(22, 27, 34, .6);--bg-glass: rgba(255, 255, 255, .03);--text-pure: #ffffff;--text-main: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--border-glass: rgba(255, 255, 255, .08);--border-focus: hsla(var(--p-h), var(--p-s), var(--p-l), .5);--shadow-premium: 0 10px 30px -10px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--space-unit: 4px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow-x:hidden}h1,h2,h3,h4,.font-heading{font-family:Outfit,sans-serif;color:var(--text-pure);font-weight:700;letter-spacing:-.02em}.flex-center{display:flex;align-items:center;justify-content:center}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-premium)}.btn-premium{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:var(--radius-md);border:none;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-glass);color:var(--text-pure);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#ffffff0f}.input-container-premium{position:relative;width:100%}.input-premium{width:100%;padding:14px 16px 14px 48px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-pure);font-size:1rem;outline:none;transition:all .2s}.input-premium:focus{border-color:var(--border-focus);background:#ffffff0d;box-shadow:0 0 0 4px var(--primary-glow)}.input-premium-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-dim);transition:color .2s}.input-premium:focus+.input-premium-icon{color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade{animation:fadeIn .4s ease-out}.animate-slide{animation:slideUp .4s ease-out}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}.online-dot{width:10px;height:10px;background:#10b981;border-radius:50%;box-shadow:0 0 12px #10b981;border:2px solid var(--bg-dark)}.card-premium-base{transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;position:relative}.card-premium-base:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -15px #000000b3}.card-bg-holographic{background:linear-gradient(135deg,#f0c,#33f,#0fc);background-size:400% 400%;animation:holoGradient 10s ease infinite}@keyframes holoGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card-bg-neon{background:#111;border:1px solid #39ff14;box-shadow:0 0 15px #39ff1433}.card-bg-neon:hover{box-shadow:0 0 25px #39ff1480}.card-bg-gold{background:linear-gradient(135deg,gold,#b8860b);color:#000}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-glass)}.empty-state-img{width:240px;height:240px;object-fit:contain;margin-bottom:24px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.empty-state-title{font-size:1.5rem;margin-bottom:8px;color:var(--text-pure)}.empty-state-text{color:var(--text-muted);max-width:400px;margin-bottom:24px}.skeleton{background:linear-gradient(90deg,var(--bg-glass) 25%,rgba(255,255,255,.08) 50%,var(--bg-glass) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.group-card-premium{transition:all .3s cubic-bezier(.4,0,.2,1)}.group-card-premium:active{transform:scale(.97);background:#ffffff0d}.subtab-content-wrapper{animation:tabFadeIn .3s ease-out}@keyframes tabFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.skeleton-pulse{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite linear}.message-entry-animate{animation:messageSlideIn .3s cubic-bezier(.18,.89,.32,1.28)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-subtabs-container{display:flex;background:var(--bg-glass);padding:4px;border-radius:var(--radius-md);margin-bottom:16px;border:1px solid var(--border-glass)}.chat-subtab{flex:1;padding:10px;text-align:center;font-family:Outfit,sans-serif;font-weight:600;font-size:.9rem;color:var(--text-muted);cursor:pointer;border-radius:calc(var(--radius-md) - 4px);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.chat-subtab:hover{color:var(--text-pure);background:#ffffff08}.chat-subtab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.chat-subtab-badge{background:#fff3;padding:2px 6px;border-radius:10px;font-size:.75rem}