@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);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--header-height: 64px;--nav-height: 70px;--bg-main: #0a0c10;--bg-deep: #0f1218;--bg-panel: #161a22;--bg-light: #1f2531;--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .35);--glass-bg: rgba(22, 26, 34, .7);--glass-border: rgba(255, 255, 255, .08);--text-pure: #ffffff;--text-dim: #94a3b8;--text-muted: rgba(255, 255, 255, .5);--danger: #ef4444;--success: #10b981;--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .3)}.App{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at top right,#1a1525,var(--bg-deep))}.join-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,5vw,40px);text-align:center}.join-icon{color:var(--primary);margin-bottom:24px;filter:drop-shadow(0 0 15px var(--primary-glow));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.join-container h3{font-size:clamp(1.5rem,4vw,2.2rem);margin-bottom:12px;color:var(--text-pure);font-weight:700}.join-container p{color:var(--text-muted);margin-bottom:40px;font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.6;max-width:min(90%,400px)}.input-group{width:100%;max-width:400px;margin-bottom:20px}.input-wrapper{position:relative;width:100%}.input-wrapper input{width:100%;padding:16px 16px 16px 54px;border-radius:16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-pure);font-size:1rem;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-wrapper input:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 4px var(--primary-glow)}.input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:.3s}.input-wrapper input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--primary)}.btn-join{width:100%;max-width:400px;padding:18px;border-radius:16px;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-weight:700;font-size:1.1rem;margin-top:12px;cursor:pointer;box-shadow:0 8px 25px -5px var(--primary-glow);transition:all .3s}.btn-join:active{transform:scale(.98);filter:brightness(1.1)}.auth-switch{margin-top:32px;font-size:.95rem;color:var(--text-muted)}.shuffle-avatar-wrap{position:relative;display:flex;justify-content:center;align-items:center;overflow:visible!important}.btn-link{background:none;border:none;color:var(--primary);font-weight:600;margin-left:8px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.dashboard-layout{flex:1;display:flex;flex-direction:column;height:0;background:var(--bg-deep)}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.mobile-app-bar{height:calc(50px + var(--safe-area-top));background:#161a22!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:flex;align-items:center;justify-content:space-between;padding:var(--safe-area-top) calc(20px + var(--safe-area-right)) 0 calc(20px + var(--safe-area-left));border-bottom:1px solid rgba(255,255,255,.08);z-index:100;box-sizing:border-box}.mobile-app-bar h2{font-size:1.3rem;color:var(--text-pure);font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:8px}.version-pill{font-size:.65rem;background:#6366f126;color:var(--primary);padding:2px 8px;border-radius:20px;border:1px solid rgba(99,102,241,.3);font-weight:600;letter-spacing:0;text-transform:uppercase}.bottom-nav{height:calc(75px + var(--safe-area-bottom));background:#161a22!important;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:0 calc(10px + var(--safe-area-right)) var(--safe-area-bottom) calc(10px + var(--safe-area-left));position:relative;z-index:1000;box-sizing:border-box}.nav-item{background:transparent!important;border:none!important;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-dim);cursor:pointer;transition:all .3s;position:relative;outline:none}.contact-actions-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.unread-badge{background:#10b981;color:#fff;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 6px;box-shadow:0 2px 8px #10b98166;z-index:5}.is-dicebear{border:none!important;box-shadow:none!important;background:transparent!important}.nav-item.active{color:var(--primary)}.nav-item.active svg{transform:translateY(-2px);filter:drop-shadow(0 0 8px var(--primary-glow))}.nav-item.active:before{content:"";position:absolute;top:-8px;width:40px;height:4px;background:var(--primary);border-radius:0 0 6px 6px;box-shadow:0 4px 12px var(--primary-glow)}.chats-tab-layout{width:100%;height:100%;display:flex}.chats-sidebar{width:100%;height:100%;display:flex;flex-direction:column}.chats-header{padding:20px;background:#161a22!important;border-bottom:1px solid rgba(255,255,255,.08)}.search-bar{position:relative;width:100%}.search-bar input{width:100%;padding:14px 16px 14px 48px;border-radius:14px;background:var(--bg-light);border:1px solid transparent;color:var(--text-pure);font-size:1rem;transition:.3s}.search-bar input:focus{border-color:var(--glass-border);background:var(--bg-panel)}.contacts-list{flex:1;overflow-y:auto;padding:0 12px}.contact-item:active{background:var(--bg-light)}.contact-item{display:flex;align-items:center;padding:20px 16px;transition:.3s;cursor:pointer;position:relative;background:transparent;margin:4px 12px;border-radius:16px}.contact-item:after{content:"";position:absolute;bottom:-4px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.contact-item:last-child:after{display:none}.contact-item:active{background:#ffffff0d}.contact-item.active{background:var(--bg-light);box-shadow:0 4px 15px #0003}.avatar-wrapper{position:relative;margin-right:16px;overflow:visible!important}.avatar-wrapper img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.online-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;background:#10b981;border-radius:50%;border:2.5px solid var(--bg-panel);box-shadow:0 0 10px #10b98166;z-index:10}.avatar-header-container .online-dot{width:12px;height:12px;border-width:2px}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.contact-info{flex:1;min-width:0}.contact-info h4{font-size:1.05rem;color:var(--text-pure);margin-bottom:4px;font-weight:600}.last-msg-preview{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:4px;max-width:80%}.strong-msg{color:var(--text-pure);font-weight:600}.contact-actions-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:50px}.last-msg-time{position:absolute;bottom:12px;right:16px;font-size:.75rem;color:var(--text-dim)}.unread-badge{background:var(--success)!important;color:#fff;min-width:14px;height:14px;padding:0;border-radius:50%;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #10b98166;margin-top:0}.del-chat-btn{background:transparent;border:none;color:var(--text-dim);opacity:0;transition:.3s;position:absolute;right:16px;top:16px}.contact-item:hover .del-chat-btn{opacity:1}.private-chat-window{position:fixed;top:0;left:0;width:100vw;height:100dvh;height:-webkit-fill-available;background:var(--bg-deep);z-index:3000;display:flex;flex-direction:column;overflow:hidden!important}.private-chat-header{flex-shrink:0;height:calc(60px + var(--safe-area-top));background:var(--bg-panel);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);display:flex;align-items:center;justify-content:space-between;padding:var(--safe-area-top) calc(16px + var(--safe-area-right)) 0 calc(16px + var(--safe-area-left));border-bottom:1px solid var(--glass-border);z-index:100;box-sizing:border-box}.chat-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1;-webkit-overflow-scrolling:touch}.left-side-header{display:flex;align-items:center;gap:12px}.avatar-header-container{position:relative;display:flex;border-radius:50%!important;overflow:visible}.target-text-info{display:flex;flex-direction:column}.target-text-info h3{font-size:1rem;font-weight:700;color:var(--text-pure)}.target-text-info span{font-size:.75rem;color:var(--text-dim)}.actions-header{display:flex;align-items:center;gap:8px}.btn-back-mobile{background:var(--bg-light);color:#fff;padding:10px;border-radius:12px;margin-right:12px;border:none;transition:transform .1s ease;cursor:pointer}.btn-back-mobile:active{transform:scale(.9)}.target-profile-info{display:flex;align-items:center;gap:12px;cursor:pointer}.target-profile-info:active{opacity:.8}.mini-avatar{width:40px;height:40px;border-radius:50%!important;object-fit:cover}.round,.round img,.avatar-wrapper.round,.avatar-header-container.round,.avatar-header-container img{border-radius:50%!important}.target-profile-info h3{font-size:1.1rem;color:var(--text-pure);font-weight:700}.chat-body{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:12px}.message-wrapper{display:flex;width:100%;margin-bottom:8px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.wrap-you{justify-content:flex-end}.wrap-other{justify-content:flex-start}.message{max-width:85%;position:relative}.pm-content img,.chat-media-img{max-width:250px;max-height:320px;width:auto;height:auto;object-fit:cover;border-radius:12px;display:block}.btn-action-small{transition:transform .1s ease;cursor:pointer}.btn-action-small:active{transform:scale(.85)}.pm-send{transition:transform .1s ease}.pm-content{padding:12px 18px;border-radius:20px;font-size:1rem;line-height:1.5;box-shadow:var(--shadow-md);position:relative}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:.75rem;color:var(--text-dim)}.read-tick{color:var(--text-dim);display:flex;align-items:center}.tick-blue{color:#34b7f1}.typing-indicator-bar{display:flex;align-items:center;gap:6px;padding:4px 16px 2px;background:transparent;transition:opacity .3s ease,transform .3s ease}.typing-visible{opacity:1;transform:translateY(0);pointer-events:auto}.typing-hidden{opacity:0;transform:translateY(4px);pointer-events:none;height:0;padding:0;overflow:hidden}.typing-dots{display:inline-flex;align-items:center;gap:3px}.typing-dots span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--text-dim);animation:typingBounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.message-you .pm-content{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border-bottom-right-radius:4px}.message-other .pm-content{background:var(--bg-panel);color:var(--text-pure);border-bottom-left-radius:4px;border:1px solid var(--glass-border)}.pm-footer{flex-shrink:0;min-height:calc(60px + var(--safe-area-bottom));padding:12px calc(16px + var(--safe-area-right)) calc(12px + var(--safe-area-bottom)) calc(16px + var(--safe-area-left));background:transparent;display:flex;align-items:center;gap:12px;border-top:none;z-index:100;position:relative;box-sizing:border-box}.pm-footer input{flex:1;background:transparent;border:none;padding:8px 12px;color:#fff!important;font-size:1rem;outline:none}.pm-footer input::placeholder{color:#fff6}.pm-footer input:focus{background:transparent;border:none;outline:none}.pm-send{width:52px;height:52px;border-radius:18px;background:var(--primary);color:#fff;border:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px var(--primary-glow);cursor:pointer;transition:.3s}.pm-send:active{transform:scale(.9)}.hide-mobile{display:none!important}@media (min-width: 768px){.hide-mobile{display:flex!important}.dashboard-layout{flex-direction:row;max-width:1400px;margin:0 auto;width:100%}.chats-tab-layout{max-width:1200px;margin:0 auto;width:100%}.chats-sidebar{width:400px;border-right:1px solid var(--glass-border)}.private-chat-window{position:relative;width:auto;flex:1;z-index:1;border-left:1px solid var(--glass-border)}.btn-back-mobile{display:none}.join-container{background:var(--bg-panel);max-width:450px;margin:auto;border-radius:30px;height:auto;flex:none;border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}}.text-danger{color:var(--danger)!important;font-weight:600}.no-messages{color:var(--text-dim);text-align:center;margin-top:60px;font-style:italic;font-size:1.1rem}.error-message{width:100%;max-width:400px;padding:12px;background:#ef44441a;border:1px solid var(--danger);border-radius:12px;color:var(--danger);margin-bottom:20px;font-size:.9rem;font-weight:500}.tab-content{width:100%;height:100%;display:flex;flex-direction:column}.tab-content.hidden{display:none!important}.tab-content.active{display:flex!important}.profile-tab-container-premium{flex:1;display:flex;flex-direction:column;background:var(--bg-deep);position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.profile-cover-area{width:100%;height:200px;background-color:var(--bg-light);background-size:cover;background-position:center;position:relative;display:flex;justify-content:center;align-items:flex-end;border-bottom:1px solid var(--glass-border);z-index:10}.profile-cover-area.has-image{background-image:var(--cover-url)}.profile-avatar-wrapper-v24{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);z-index:999}.profile-content-area{flex:1;padding:70px 24px 32px;text-align:center;min-height:0}.profile-content-area h2{margin-top:0!important;margin-bottom:4px}.profile-avatar-wrapper{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);z-index:15;width:130px}.profile-avatar-wrapper .large-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-deep);box-shadow:0 0 0 4px var(--primary),0 10px 30px #0006;background:var(--bg-light)}.btn-upload-avatar-floating{position:absolute;bottom:-4px;right:-4px;width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;border:4px solid var(--bg-deep);box-shadow:0 4px 12px #0006;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10}.btn-upload-avatar-floating:active{transform:scale(.9);background:var(--primary-hover)}.profile-avatar-wrapper .large-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--primary);box-shadow:0 0 0 4px #6366f140,0 10px 30px #0006;transition:.3s}.profile-avatar-wrapper .large-avatar.is-dicebear{border:none;box-shadow:none;background:transparent}.avatar-badge{position:absolute;bottom:-5px;right:-5px;background:var(--primary);color:#fff;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-panel);box-shadow:var(--shadow-md)}.profile-hero h3{font-size:1.5rem;margin-bottom:4px;color:var(--text-pure)}.profile-hero .subtitle{color:var(--text-muted);font-size:.95rem}.profile-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;border:1px solid var(--glass-border);margin-bottom:20px}.section-title{font-size:1.1rem;font-weight:700;margin-bottom:20px;color:var(--text-pure);display:flex;align-items:center;gap:10px}.profile-form-row{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}@media (min-width: 600px){.profile-form-row{grid-template-columns:1fr 1fr}}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-left:4px}.premium-input,.premium-textarea{width:100%;padding:14px 16px;border-radius:14px;background:var(--bg-light);border:1px solid var(--glass-border);color:var(--text-pure);font-size:1rem;outline:none;transition:.3s}.premium-input:focus,.premium-textarea:focus{border-color:var(--primary);background:var(--bg-panel);box-shadow:0 0 0 3px var(--primary-glow)}.premium-textarea{resize:none}.char-count{align-self:flex-end;font-size:.75rem;color:var(--text-dim)}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.gallery-item{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;border:1px solid var(--glass-border);cursor:pointer;transition:.3s}.gallery-item:active{transform:scale(.95)}.gallery-item img{width:100%;height:100%;object-fit:cover}.delete-badge{position:absolute;top:6px;right:6px;background:#ef4444cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none}.btn-action-small{background:var(--bg-light);border:1px solid var(--glass-border);color:var(--text-pure);padding:8px 16px;border-radius:12px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:.2s}.btn-action-small:active{background:var(--bg-panel)}.btn-save-fixed{position:sticky;bottom:20px;width:90%;max-width:600px;margin:30px auto 20px;z-index:100}.settings-premium-container{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto;padding-bottom:100px}.contacts-list{flex:1;overflow-y:auto;padding:0 12px 100px}.settings-group{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--glass-border);transition:.2s;cursor:pointer}.settings-item:last-child{border-bottom:none}.settings-info{display:flex;flex-direction:column;gap:4px;flex:1;padding-right:20px}.settings-info span{font-weight:600;color:var(--text-pure)}.settings-info small{color:var(--text-dim);font-size:.85rem;line-height:1.4}.premium-switch{position:relative;width:52px;height:28px;background:#ffffff1a;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--glass-border)}.premium-switch.on{background:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.premium-switch.on .switch-knob{transform:translate(24px)}.danger-card{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:24px;padding:24px;margin-top:10px}.danger-card h4{color:var(--danger);margin-bottom:8px}.btn-danger-outline{width:100%;padding:14px;background:transparent;border:1.5px solid var(--danger);color:var(--danger);border-radius:14px;font-weight:600;transition:.3s;cursor:pointer}.btn-danger-outline:hover{background:var(--danger);color:#fff;box-shadow:0 8px 16px #ef44444d}.user-info-modal.dedicated-profile{position:fixed;top:0;left:0;width:100vw;height:100dvh;max-width:none;border-radius:0;z-index:2000;background:var(--bg-main);overflow-y:auto;border:none}.profile-cover-area{height:280px;background:linear-gradient(135deg,var(--primary),#ec4899);position:relative;overflow:visible!important;z-index:10!important}.profile-avatar-wrapper-v24{position:absolute;bottom:-50px!important;left:50%!important;transform:translate(-50%)!important;z-index:999!important}.profile-avatar-wrapper img{width:120px;height:120px;border-radius:50%;border:4px solid var(--primary);box-shadow:0 0 0 4px #6366f133,0 8px 24px #0006;object-fit:cover}.profile-content-area{padding:85px 20px 30px;text-align:center}.user-gallery-box .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.handle-large{display:inline-block;padding:4px 0;background:transparent;color:var(--primary);font-weight:700;margin-top:4px;margin-bottom:20px}.stat-box h4{font-family:Outfit,sans-serif;font-size:1.5rem;margin-bottom:2px}.saved-success{background:#10b981!important;box-shadow:0 4px 20px #10b98180!important;color:#fff!important;transform:scale(1.02)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.dashboard-view-container{flex:1;position:relative;overflow:hidden;width:100%}.tab-pane{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s;visibility:hidden;opacity:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-pane.active{visibility:visible;opacity:1;transform:translate(0)}.tab-pane.slide-left{transform:translate(-100%)}.tab-pane.slide-right{transform:translate(100%)}.full-image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:6000;animation:fadeIn .3s ease}.full-image-content{max-width:95%;max-height:85%;object-fit:contain;border-radius:8px;box-shadow:0 0 40px #00000080}.close-preview{position:absolute;top:30px;right:30px;color:#fff;background:#ffffff1a;padding:10px;border-radius:50%;cursor:pointer;z-index:10}.cropper-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-deep);z-index:5500;display:flex;flex-direction:column}.cropper-header{padding:20px;background:var(--bg-panel);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border)}.cropper-container{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.crop-canvas-container{position:relative;max-width:90%;max-height:70vh;box-shadow:0 0 0 5000px #0009;border:2px solid var(--primary);border-radius:8px;overflow:hidden}.cropper-footer{padding:20px;background:var(--bg-panel);display:flex;gap:16px;border-top:1px solid var(--glass-border);padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-content-area{padding-top:110px!important}.crop-boundary{position:absolute;border:2px solid var(--primary);box-shadow:0 0 0 9999px #000000b3;pointer-events:none;z-index:5;border-radius:8px}.cropper-overlay .private-chat-header{position:sticky;top:0;z-index:100}.profile-main-actions{display:flex!important;justify-content:center!important;gap:12px;width:100%}.profile-social-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.app-brand-title{font-size:1.5rem;font-weight:900;color:var(--text-pure);letter-spacing:.5px}.brand-highlight{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.theme-green{--primary: #22c55e;--primary-hover: #16a34a;--primary-glow: rgba(34, 197, 94, .3);--bg-main: #071a0f;--bg-deep: #0a1f14;--bg-panel: #122b1c;--bg-light: #1a3d28;--glass-bg: rgba(18, 43, 28, .7)}.theme-blue{--primary: #3b82f6;--primary-hover: #2563eb;--primary-glow: rgba(59, 130, 246, .3);--bg-main: #070f1d;--bg-deep: #0a1526;--bg-panel: #101e35;--bg-light: #162845;--glass-bg: rgba(16, 30, 53, .7)}.theme-yellow{--primary: #f59e0b;--primary-hover: #d97706;--primary-glow: rgba(245, 158, 11, .3);--bg-main: #1a1500;--bg-deep: #211b00;--bg-panel: #2d2500;--bg-light: #3d3200;--glass-bg: rgba(45, 37, 0, .7)}.theme-light{--bg-main: #f8fafc;--bg-deep: #f1f5f9;--bg-panel: #ffffff;--bg-light: #e2e8f0;--text-pure: #1e293b;--text-dim: #64748b;--text-muted: rgba(30, 41, 59, .5);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08)}.avatar-wrapper.round img{border-radius:50%!important;width:100%;height:100%;object-fit:cover}.avatar-wrapper.round{position:relative;margin-right:16px;flex-shrink:0;border-radius:50%;overflow:visible!important;width:56px;height:56px}.avatar-wrapper.round .online-dot{bottom:0;right:0;border-color:#161a22}.theme-picker-row{display:flex;gap:8px;padding:12px 20px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.theme-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:14px;border:2px solid var(--glass-border);background:var(--bg-light);color:var(--text-dim);font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:.3s;flex-shrink:0}.theme-chip.active{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.btn-logout-settings{width:100%;padding:16px;border-radius:16px;border:1.5px solid var(--primary);background:transparent;color:var(--primary);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.3s}.btn-logout-settings:active{background:var(--primary-glow)}.premium-upsell-modal{text-align:center}.upsell-crown{font-size:3rem;margin-bottom:16px}.premium-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;margin-top:0!important;margin-bottom:12px}.contact-item.pinned{background:linear-gradient(135deg,rgba(99,102,241,.05),transparent);border-left:3px solid var(--primary)}.pin-icon{color:var(--primary)}.pin-btn{background:transparent;border:none;color:var(--text-dim);padding:4px;border-radius:8px;cursor:pointer;transition:.2s;display:flex;align-items:center}.pin-btn.pinned{color:var(--primary)}.select-mode-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.select-checkbox{margin-right:12px;display:flex;align-items:center;flex-shrink:0}.contact-item.selected{background:#6366f11a;border-radius:16px}.badges-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;position:relative}.badges-container.centered{justify-content:center}.badge-item{display:flex;align-items:center;gap:6px;background:var(--bg-light);border:1px solid var(--glass-border);border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;cursor:pointer;position:relative;transition:all .2s}.badge-item:hover{transform:translateY(-2px);background:var(--bg-deep)}.badge-small{padding:2px 6px;font-size:.65rem}.badge-icon{font-size:1rem;margin-right:4px}.badge-small .badge-icon{margin-right:0}.badge-popup{position:absolute;bottom:140%;left:50%;transform:translate(-50%);background:#1e1e2d;border:1px solid var(--primary);border-radius:12px;padding:12px;width:220px;z-index:10000;box-shadow:0 10px 40px #000c;pointer-events:none}.badge-popup strong{display:block;margin-bottom:4px;color:var(--primary)}.badge-popup p{margin:0;font-size:.75rem;line-height:1.4;color:#ccc}.badge-number{background:#ffffff0d;font-weight:800;letter-spacing:.5px}.badge-number.border-gold{border:1.5px solid #f59e0b;color:#f59e0b;box-shadow:0 0 10px #f59e0b66;background:#f59e0b1a}.badge-number.border-silver{border:1.5px solid #94a3b8;color:#fff;background:#94a3b833}.badge-number.border-plain{border:1.5px solid rgba(255,255,255,.3);color:#fff;background:#ffffff1a}.badge-premium-animated{background:linear-gradient(45deg,#1e1e2d,#2d2d3d);border:1px solid #f59e0b;animation:premium-glow 2s infinite alternate}@keyframes premium-glow{0%{box-shadow:0 0 5px #f59e0b33}to{box-shadow:0 0 15px #f59e0b80}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;z-index:4000;display:flex;align-items:flex-end;animation:fadeIn .2s ease}.modal-sheet{background:#1a1f2d;border-radius:28px 28px 0 0;padding:20px calc(24px + var(--safe-area-right)) calc(40px + var(--safe-area-bottom)) calc(24px + var(--safe-area-left));width:100%;max-height:90dvh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);border-bottom:none;box-shadow:0 -8px 40px #0009;box-sizing:border-box}.modal-handle{width:40px;height:4px;background:#ffffff26;border-radius:2px;margin:0 auto 24px}.music-search-modal{max-height:88dvh}.music-search-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.music-search-subtitle{font-size:.85rem;color:var(--text-dim);margin-bottom:16px}.music-search-bar{display:flex;gap:10px;margin:16px 0;align-items:stretch;background:var(--bg-light);padding:6px;border-radius:18px;border:1px solid var(--glass-border)}.music-search-bar .premium-input{flex:1;margin:0;background:transparent;border:none;padding:12px 16px;box-shadow:none}.music-search-bar .premium-input:focus{border:none;box-shadow:none}.music-search-bar .btn-join{width:auto;margin:0;padding:12px 20px;border-radius:14px;font-size:1rem}.music-results-list{display:flex;flex-direction:column;gap:6px;max-height:55dvh;overflow-y:auto;padding-right:2px}.music-result-item{display:flex;align-items:center;gap:12px;background:var(--bg-light);border:none;border-radius:14px;padding:10px 14px;cursor:pointer;transition:background .15s;text-align:left;width:100%}.music-result-item:hover,.music-result-item:active{background:#6366f126}.music-result-art{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 10px #0000004d}.music-result-info{flex:1;min-width:0}.music-result-track{display:block;font-weight:600;font-size:.9rem;color:var(--text-pure);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.music-result-artist{display:block;font-size:.78rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-loading{display:flex;flex-direction:column;gap:8px}.music-result-skeleton{height:68px;border-radius:14px;background:var(--bg-light);animation:pulse 1.2s ease-in-out infinite}.music-no-results{text-align:center;color:var(--text-dim);padding:24px 0;font-size:.9rem}.card-neon-border{box-shadow:0 0 15px #00f2ff4d,inset 0 0 10px #00f2ff1a;animation:card-neon-pulse 3s ease-in-out infinite}@keyframes card-neon-pulse{0%,to{border-color:#00f2ff99}50%{border-color:#00f2ff;box-shadow:0 0 20px #00f2ff80}}.card-rgb-mode{position:relative;background:var(--bg-panel)!important;z-index:1;overflow:hidden;border:none!important;background-clip:padding-box}.card-rgb-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:-2px;background:linear-gradient(90deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400% 100%;z-index:-1;animation:rgb-border-anim 8s linear infinite;border-radius:20px}.card-rgb-mode:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--bg-panel);border-radius:18px;z-index:-1}@keyframes rgb-border-anim{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.shuffle-tab{display:flex;flex-direction:column;height:100%;overflow:hidden}.shuffle-header{padding:20px;background:var(--bg-panel);border-bottom:1px solid var(--glass-border);flex-shrink:0}.shuffle-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shuffle-actions{display:flex;align-items:center;gap:8px}.filter-active-badge{font-size:.75rem;background:var(--primary-glow);color:var(--primary);padding:3px 8px;border-radius:8px;font-weight:600}.shuffle-search-form{display:flex;gap:8px;align-items:center}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px}.shuffle-list{flex:1;overflow-y:auto;padding:12px 16px 120px}.shuffle-user-card{display:flex;flex-direction:column;padding:20px;border-radius:28px;background:var(--glass-bg);border:1px solid var(--glass-border);margin-bottom:16px;transition:.3s cubic-bezier(.4,0,.2,1);position:relative;gap:12px}.shuffle-user-card:active{transform:scale(.98);background:var(--bg-light)}.shuffle-boost-badge{position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #ea580c66;z-index:10;border:1px solid rgba(255,255,255,.2);animation:boost-pulse 2s infinite}.shuffle-card-main{display:flex;align-items:flex-start;gap:16px}.shuffle-avatar-wrap{flex-shrink:0}.shuffle-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.shuffle-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.shuffle-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:2px}.shuffle-display-name{font-weight:800;color:#fff;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.4)}.shuffle-handle-bubble{font-size:.7rem;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 8px;border-radius:10px;color:#ffffffe6;font-weight:700;border:1px solid rgba(255,255,255,.15)}.shuffle-bio{font-size:.82rem;color:#fffc;margin:4px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shuffle-meta{display:flex;gap:6px;flex-wrap:wrap}.shuffle-tag{font-size:.72rem;background:#0f121866;padding:4px 12px;border-radius:12px;color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.1)}.shuffle-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;width:100%}.shuffle-music-left{flex:1;min-width:0}.shuffle-actions-compact{display:flex;gap:10px;flex-shrink:0}.btn-shuffle-round{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;box-shadow:0 4px 12px #0003}.btn-shuffle-round.btn-chat{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.btn-shuffle-round.btn-report{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.btn-shuffle-round:active{transform:scale(.9)}.shuffle-actions-full{display:flex;width:100%;gap:12px}.btn-shuffle-wide{flex:1;height:42px;border-radius:20px;border:none;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:.2s;color:#fff}.btn-shuffle-wide.btn-chat{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.btn-shuffle-wide.btn-report{background:linear-gradient(135deg,#ef4444,#b91c1c)}.btn-shuffle-wide:active{transform:scale(.96)}.shuffle-loading{display:flex;flex-direction:column;gap:10px;padding:8px 0}.shuffle-skeleton{height:88px;border-radius:20px;background:linear-gradient(90deg,var(--bg-light) 25%,var(--bg-panel) 50%,var(--bg-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.filter-section{margin-bottom:24px}.filter-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-dim);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.gender-selector{display:flex;gap:8px;flex-wrap:wrap}.gender-btn{padding:8px 16px;border-radius:12px;border:1.5px solid var(--glass-border);background:var(--bg-light);color:var(--text-dim);font-weight:600;font-size:.9rem;cursor:pointer;transition:.2s}.gender-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.store-tab{display:flex;flex-direction:column;height:100%;overflow:hidden}.store-header{background:var(--bg-panel);border-bottom:1px solid var(--glass-border);flex-shrink:0;padding-bottom:0}.coin-balance-row{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.coin-balance{display:flex;align-items:center;gap:8px}.coin-icon{font-size:1.3rem}.coin-amount{font-size:1.6rem;font-weight:900;color:var(--text-pure)}.coin-label{font-size:.85rem;color:var(--text-dim)}.btn-add-coins{width:40px;height:40px;border-radius:50%;background:var(--primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);transition:.2s}.btn-add-coins:active{transform:scale(.9)}.store-section-tabs{display:flex;padding:0 20px;gap:4px;border-top:1px solid var(--glass-border)}.store-section-tab{flex:1;padding:12px;background:none;border:none;color:var(--text-dim);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:2px solid transparent;transition:.2s}.store-section-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.premium-cta-card{margin:16px 16px 0;padding:16px 20px;border-radius:20px;background:linear-gradient(135deg,#f59e0b26,#6366f11a);border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.2s}.premium-cta-card:active{opacity:.8}.premium-cta-content{display:flex;align-items:center;gap:14px}.premium-crown{font-size:1.8rem}.premium-cta-content h4{margin:0;font-size:1rem;color:var(--text-pure)}.premium-cta-content p{margin:4px 0 0;font-size:.8rem;color:var(--text-dim)}.premium-cta-badge{padding:6px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px;font-size:.8rem;font-weight:700;white-space:nowrap}.store-categories{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-chip{padding:7px 14px;border-radius:20px;border:1.5px solid var(--glass-border);background:var(--bg-light);color:var(--text-dim);font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:.2s;flex-shrink:0}.category-chip.active{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.store-catalog{overflow-y:auto;padding:0 16px 100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-content:start}.store-item-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:.2s}.store-item-card.owned{border-color:var(--success);background:#10b9810d}.store-item-icon{font-size:2rem}.store-item-info h4{margin:0;font-size:.95rem;color:var(--text-pure)}.store-item-info p{margin:4px 0 0;font-size:.82rem;color:var(--text-dim);line-height:1.4}.store-item-footer{margin-top:8px}.btn-buy{width:100%;padding:10px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:.2s}.btn-buy:active{transform:scale(.97)}.owned-badge{color:var(--success);font-size:.85rem;font-weight:700}.coin-packages{display:flex;flex-direction:column;gap:12px}.coin-package-btn{padding:16px 20px;border-radius:16px;border:1.5px solid var(--glass-border);background:var(--bg-light);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.2s}.coin-package-btn:active{border-color:var(--primary)}.pkg-coins{font-weight:700;color:var(--text-pure);font-size:1rem}.pkg-bonus{font-size:.8rem;color:var(--success);font-weight:600}.pkg-price{color:var(--primary);font-weight:800;font-size:1rem}.inventory-section{padding:16px 16px 100px;overflow-y:auto}.inventory-desc{color:var(--text-dim);font-size:.9rem;margin-bottom:16px}.inventory-list{display:flex;flex-direction:column;gap:10px}.inventory-item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px}.inventory-icon{font-size:1.5rem}.inventory-info{flex:1}.inventory-info span{font-weight:600;color:var(--text-pure);display:block}.inventory-info small{color:var(--text-dim);font-size:.8rem}.purchase-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--success);color:#fff;padding:12px 20px;border-radius:14px;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px;z-index:5000;box-shadow:0 8px 20px #10b98166;animation:slideUp .3s ease,fadeOut .3s ease 2.7s forwards;white-space:nowrap;max-width:90vw}@keyframes fadeOut{to{opacity:0;transform:translate(-50%) translateY(10px)}}.badges-container{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.badges-container.badges-small{gap:4px;margin:0}.badge-item{position:relative;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:#0f172a99;border:1px solid var(--glass-border);font-size:.8rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 #0000}.badge-item:hover{transform:translateY(-2px);background:var(--bg-panel);border-color:var(--badge-color, var(--glass-border));box-shadow:0 4px 12px var(--badge-glow, rgba(0,0,0,.2))}.badge-item:active{transform:scale(.95)}.badge-item.badge-small{padding:2px 6px;font-size:.7rem;border-radius:8px;gap:4px}.badge-svg-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.badge-small .badge-svg-icon{width:14px;height:14px}.badge-label{font-size:.75rem;color:var(--text-pure);letter-spacing:.2px}.badge-registration-icon{width:50px;height:24px;display:flex;align-items:center;justify-content:center}.badge-small .badge-registration-icon{width:38px;height:18px}.badge-registration{padding:2px 6px}.badge-premium-animated{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b66;animation:premium-badge-glow 3s ease-in-out infinite alternate}@keyframes premium-badge-glow{0%{box-shadow:0 0 5px #f59e0b1a}to{box-shadow:0 0 15px #f59e0b66,inset 0 0 8px #f59e0b1a}}.badge-fixed-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out;padding:24px}.badge-fixed-content{background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:20px;padding:24px;width:100%;max-width:340px;box-shadow:0 16px 40px #00000080;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}.badge-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.badge-modal-header svg{width:24px;height:24px}.badge-modal-header strong{color:var(--text-pure);font-size:1.25rem;margin:0}.badge-fixed-content p{color:var(--text-main);font-size:.95rem;line-height:1.5;margin:0}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.login-screen{max-height:100dvh;overflow-y:auto;padding:24px 20px 40px;justify-content:flex-start;gap:16px}.login-brand{text-align:center;margin-bottom:8px}.login-title{font-size:1.7rem;font-weight:900;line-height:1.2;color:var(--text-pure);margin:12px 0 8px}.login-subtitle{color:var(--text-dim);font-size:.95rem}.auth-mode-tabs{display:flex;background:var(--bg-light);border-radius:14px;padding:4px;width:100%;max-width:400px}.auth-mode-btn{flex:1;padding:10px;border-radius:10px;border:none;background:none;color:var(--text-dim);font-weight:600;cursor:pointer;transition:.2s;font-size:.95rem}.auth-mode-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.auth-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px}.register-form{gap:10px}.field-valid input{border-color:var(--success)!important}.field-invalid input{border-color:var(--danger)!important}.field-status{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.field-status.valid{color:var(--success)}.field-status.invalid{color:var(--danger)}.field-error{display:flex;align-items:center;gap:6px;color:var(--danger);font-size:.82rem;margin-top:4px;font-weight:500}.field-success{display:flex;align-items:center;gap:6px;color:var(--success);font-size:.82rem;margin-top:4px;font-weight:500}.field-hint{font-size:.78rem;color:var(--text-muted);margin-top:4px}.input-icon-right{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px}.btn-send-otp{width:100%;padding:12px;border-radius:12px;border:1.5px solid var(--primary);background:transparent;color:var(--primary);font-weight:700;cursor:pointer;font-size:.9rem;transition:.2s;margin-top:4px}.btn-send-otp.disabled{opacity:.5;cursor:not-allowed}.otp-input-row{display:flex;gap:8px;align-items:center;margin-top:8px}.gender-selector-reg{display:flex;gap:8px;width:100%}.gender-reg-btn{flex:1;padding:14px 8px;border-radius:16px;border:2px solid var(--glass-border);background:var(--bg-light);color:var(--text-dim);font-weight:600;font-size:.85rem;cursor:pointer;transition:.3s;display:flex;flex-direction:column;align-items:center;gap:4px}.gender-emoji{font-size:1.5rem}.gender-reg-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-glow);box-shadow:0 0 12px var(--primary-glow)}.restoring-connection-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,#1a1525,#0a0c10);display:flex;align-items:center;justify-content:center;z-index:9999}.restoring-content{display:flex;flex-direction:column;align-items:center;gap:32px;animation:fadeInScale .5s cubic-bezier(.4,0,.2,1)}.app-logo-animated{font-size:2.5rem;font-weight:900;color:#fff;letter-spacing:1px}.app-logo-animated span{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic}.professional-loader-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.loader-ring{position:absolute;width:100%;height:100%;border:4px solid rgba(255,255,255,.05);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 15px var(--primary-glow)}.loader-center-icon{width:50px;height:50px;background:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 20px var(--primary-glow)}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 20px var(--primary-glow)}50%{transform:scale(1.1);opacity:.8;box-shadow:0 0 40px var(--primary-glow)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.restoring-content p{color:var(--text-dim);font-size:1rem;font-weight:500;letter-spacing:.5px;margin:0}.spotify-connect-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#1db9541a,#1db9540a);border:1px solid rgba(29,185,84,.25);border-radius:20px;gap:16px}.spotify-connect-left{display:flex;align-items:center;gap:12px;min-width:0}.spotify-connect-icon{font-size:1.5rem;flex-shrink:0}.spotify-connect-left div{display:flex;flex-direction:column;gap:3px}.spotify-connect-left span{font-weight:600;color:var(--text-pure);font-size:.95rem}.spotify-connect-left small{color:var(--text-dim);font-size:.78rem}.btn-spotify-connect{background:#1db954;color:#fff;border:none;border-radius:100px;padding:10px 22px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 15px #1db95459}.btn-spotify-connect:hover{background:#1ed760;transform:scale(1.05);box-shadow:0 6px 20px #1db95473}.btn-spotify-connect:active{transform:scale(.97)}.spotify-widget-loading{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#1db9540f;border:1px solid rgba(29,185,84,.15);border-radius:20px;color:var(--text-dim);font-size:.9rem}.spotify-spinner{width:20px;height:20px;border:2px solid rgba(29,185,84,.2);border-top-color:#1db954;border-radius:50%;animation:spin360 .8s linear infinite;flex-shrink:0}.spotify-widget.idle{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#1db9540d;border:1px solid rgba(29,185,84,.15);border-radius:18px;gap:12px}.spotify-idle-info{display:flex;align-items:center;gap:10px}.spotify-idle-icon{font-size:1.2rem;opacity:.5}.spotify-idle-info div{display:flex;flex-direction:column;gap:2px}.spotify-idle-info span{font-size:.9rem;color:var(--text-dim);font-weight:500}.spotify-idle-info small{font-size:.75rem;color:var(--text-muted)}.btn-spotify-disc{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-dim);border-radius:100px;padding:7px 16px;font-size:.78rem;cursor:pointer;transition:.2s;flex-shrink:0}.btn-spotify-disc:hover{border-color:var(--danger);color:var(--danger)}.spotify-widget.playing{position:relative;border-radius:22px;overflow:hidden;padding:16px;border:1px solid var(--music-color-glow, rgba(29, 185, 84, .3));background:#0000008c;box-shadow:0 8px 32px #0000004d}.spotify-bg-blur{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background-size:cover;background-position:center;filter:blur(28px) brightness(.18) saturate(1.8);z-index:0;pointer-events:none}.spotify-header,.spotify-body,.spotify-progress-row{position:relative;z-index:1}.spotify-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.spotify-playing-label{display:flex;align-items:center;gap:8px;font-size:.68rem;font-weight:800;letter-spacing:1.8px;color:var(--music-color, #1DB954);text-transform:uppercase}.spotify-eq-dot{width:8px;height:8px;background:var(--music-color, #1DB954);border-radius:50%;transition:all .3s;box-shadow:0 0 8px var(--music-color-glow, rgba(29, 185, 84, .7))}.spotify-eq-dot.animating{animation:spotify-dot-pulse 1.8s ease-in-out infinite}@keyframes spotify-dot-pulse{0%,to{transform:scale(.85);opacity:.7}50%{transform:scale(1.15);opacity:1}}.btn-spotify-disc-sm{background:#ffffff14;border:none;color:var(--text-dim);width:26px;height:26px;border-radius:50%;font-size:.68rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;line-height:1}.btn-spotify-disc-sm:hover{background:#ef444433;color:var(--danger)}.spotify-body{display:flex;gap:14px;align-items:center;margin-bottom:14px}.spotify-album-art{width:68px;height:68px;border-radius:12px;object-fit:cover;flex-shrink:0;box-shadow:0 6px 24px #00000080}.spotify-info{flex:1;min-width:0}.spotify-track{font-weight:700;font-size:1rem;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-artist{font-size:.85rem;color:var(--music-color, #1DB954);font-weight:600;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-album-label{font-size:.75rem;color:var(--text-dim);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-progress-row{display:flex;align-items:center;gap:8px}.spotify-time{font-size:.7rem;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:34px}.spotify-time:last-child{text-align:right}.spotify-bar{flex:1;height:4px;background:#ffffff1f;border-radius:100px;overflow:hidden}.spotify-bar-fill{height:100%;background:var(--music-color, #1DB954);border-radius:100px;transition:width .5s linear;box-shadow:0 0 10px var(--music-color-glow, rgba(29, 185, 84, .5))}.spotify-mini{display:flex;align-items:center;gap:8px;background:#0f1218d9!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--music-color-glow, rgba(29, 185, 84, .3));border-radius:12px;padding:8px 10px;margin-top:8px;animation:slideUp .3s ease-out}.spotify-mini-art{width:34px;height:34px;border-radius:7px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.spotify-mini-info{flex:1;min-width:0}.spotify-mini-track{display:block;font-size:.8rem;font-weight:600;color:var(--text-pure);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.spotify-mini-artist{display:block;font-size:.72rem;color:var(--music-color, #1DB954);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.music-rgb-mode{--music-color: #00f2ff;--music-color-glow: rgba(0, 242, 255, .4);--music-color-bg: rgba(0, 242, 255, .1);animation:rgb-refined 12s linear infinite!important;border:1px solid var(--music-color)!important;box-shadow:0 0 10px var(--music-color-glow),0 0 25px var(--music-color-bg),inset 0 0 15px var(--music-color-bg)!important;transition:all .5s ease}.music-neon-mode{border:1.5px solid var(--music-color)!important;box-shadow:0 0 12px var(--music-color-glow),0 0 25px var(--music-color-bg),inset 0 0 15px var(--music-color-bg)!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.music-neon-mode.is-playing{animation:neon-pulse 4s ease-in-out infinite}@keyframes neon-pulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.3)}}@keyframes rgb-refined-text{0%{color:red;text-shadow:0 0 10px rgba(255,0,0,.5)}16%{color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.5)}33%{color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5)}50%{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}66%{color:#00f;text-shadow:0 0 10px rgba(0,0,255,.5)}83%{color:#f0f;text-shadow:0 0 10px rgba(255,0,255,.5)}to{color:red;text-shadow:0 0 10px rgba(255,0,0,.5)}}@keyframes rgb-refined{0%{filter:hue-rotate(0deg) brightness(1);--music-color: #00f2ff}25%{filter:hue-rotate(90deg) brightness(1.1)}50%{filter:hue-rotate(180deg) brightness(1)}75%{filter:hue-rotate(270deg) brightness(1.1)}to{filter:hue-rotate(360deg) brightness(1);--music-color: #00f2ff}}.spotify-mini.music-rgb-mode{border-width:1px!important;box-shadow:0 0 15px var(--music-color-bg)!important}.music-mini-enhanced{position:relative;overflow:hidden}.music-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;border-radius:7px}.spotify-mini-art-container{position:relative;cursor:pointer}.spotify-mini-art-container:hover .music-play-overlay,.spotify-mini-art-container:active .music-play-overlay{opacity:1}.spotify-mini-eq{display:flex;align-items:flex-end;gap:2px;height:18px;flex-shrink:0;opacity:.3;transition:opacity .3s}.spotify-mini-eq.animating{opacity:1}.music-widget-admin{margin-bottom:20px}.music-admin-actions{display:flex;gap:8px}.music-result-art-container{position:relative;width:48px;height:48px;flex-shrink:0}.music-result-play-hint{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:10px;opacity:.6}.music-result-item:hover .music-result-play-hint{opacity:1;background:var(--primary-glow)}@keyframes eq-anim{0%{height:25%}to{height:100%}}.spotify-mini-eq .eq-bar{width:3px;background:var(--music-color, var(--primary));border-radius:1px;animation:none}.music-mini-enhanced{border:1px solid var(--music-color-glow, var(--glass-border));background:var(--music-color-bg, var(--bg-light))}.music-mini-enhanced .music-play-overlay{color:var(--music-color, white)}.music-play-overlay.visible{opacity:1}.spotify-album-art-container .music-play-overlay{border-radius:12px}.spotify-mini-eq.animating .eq-bar:nth-child(1){animation:eq-anim .7s ease-in-out infinite alternate}.spotify-mini-eq.animating .eq-bar:nth-child(2){animation:eq-anim .7s ease-in-out infinite alternate .2s}.spotify-mini-eq.animating .eq-bar:nth-child(3){animation:eq-anim .7s ease-in-out infinite alternate .4s}.avatar-wrapper.round.frame_neon_red,.mini-avatar-container.frame_neon_red,.large-avatar.frame_neon_red,.avatar-header-container.frame_neon_red{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #f44,0 0 10px #ff444480}.avatar-wrapper.round.frame_neon_yellow,.mini-avatar-container.frame_neon_yellow,.large-avatar.frame_neon_yellow,.avatar-header-container.frame_neon_yellow{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #fc0,0 0 10px #ffcc0080}.avatar-wrapper.round.frame_neon_purple,.mini-avatar-container.frame_neon_purple,.large-avatar.frame_neon_purple,.avatar-header-container.frame_neon_purple{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #a855f7,0 0 10px #a855f780}.avatar-wrapper.round.frame_neon_pink,.mini-avatar-container.frame_neon_pink,.large-avatar.frame_neon_pink,.avatar-header-container.frame_neon_pink{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #ec4899,0 0 10px #ec489980}.avatar-wrapper.round.frame_neon_blue,.mini-avatar-container.frame_neon_blue,.large-avatar.frame_neon_blue,.avatar-header-container.frame_neon_blue{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #3b82f6,0 0 10px #3b82f680}.avatar-wrapper.round.frame_neon_green,.mini-avatar-container.frame_neon_green,.large-avatar.frame_neon_green,.avatar-header-container.frame_neon_green{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #22c55e,0 0 10px #22c55e80}.avatar-wrapper.round.frame_neon_white,.mini-avatar-container.frame_neon_white,.large-avatar.frame_neon_white,.avatar-header-container.frame_neon_white{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #fff,0 0 10px #ffffff80}.avatar-wrapper.round.frame_fire,.mini-avatar-container.frame_fire,.large-avatar.frame_fire,.avatar-header-container.frame_fire{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #ef4444,0 0 10px #ef444480}.avatar-wrapper.round.frame_ice,.mini-avatar-container.frame_ice,.large-avatar.frame_ice,.avatar-header-container.frame_ice{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #0ea5e9,0 0 10px #0ea5e980}.avatar-wrapper.round.frame_earth,.mini-avatar-container.frame_earth,.large-avatar.frame_earth,.avatar-header-container.frame_earth{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #8b4513,0 0 10px #8b451380}.avatar-wrapper.round.frame_water,.mini-avatar-container.frame_water,.large-avatar.frame_water,.avatar-header-container.frame_water{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #3b82f6,0 0 10px #3b82f680}.avatar-wrapper.round.frame_air,.mini-avatar-container.frame_air,.large-avatar.frame_air,.avatar-header-container.frame_air{box-shadow:0 0 0 2px var(--bg-deep),0 0 0 4px #e2e8f0,0 0 10px #e2e8f080}.avatar-wrapper.round.frame_gold,.mini-avatar-container.frame_gold,.large-avatar.frame_gold,.avatar-header-container.frame_gold{border:none!important;box-shadow:none!important}.profile-avatar-wrapper-v24 .large-avatar{border:4px solid var(--bg-deep)}.profile-avatar-wrapper-v24 .large-avatar.frame_neon_red{border-color:#f44!important;box-shadow:0 0 20px #f449!important}.profile-avatar-wrapper-v24 .large-avatar.frame_neon_yellow{border-color:#fc0!important;box-shadow:0 0 20px #fc09!important}.profile-avatar-wrapper-v24 .large-avatar.frame_neon_purple{border-color:#a855f7!important;box-shadow:0 0 20px #a855f799!important}.profile-avatar-wrapper-v24 .large-avatar.frame_neon_pink{border-color:#ec4899!important;box-shadow:0 0 20px #ec489999!important}.profile-avatar-wrapper-v24 .large-avatar.frame_neon_blue{border-color:#3b82f6!important;box-shadow:0 0 20px #3b82f699!important}.profile-avatar-wrapper-v24 .large-avatar.frame_neon_green{border-color:#22c55e!important;box-shadow:0 0 20px #22c55e99!important}.profile-avatar-wrapper-v24 .large-avatar.frame_neon_white{border-color:#fff!important;box-shadow:0 0 20px #fff9!important}.profile-avatar-wrapper-v24 .large-avatar.frame_fire{border-color:#ef4444!important;box-shadow:0 0 20px #ef444499!important}.profile-avatar-wrapper-v24 .large-avatar.frame_ice{border-color:#0ea5e9!important;box-shadow:0 0 20px #0ea5e999!important}.profile-avatar-wrapper-v24 .large-avatar.frame_earth{border-color:#8b4513!important;box-shadow:0 0 20px #8b451399!important}.profile-avatar-wrapper-v24 .large-avatar.frame_water{border-color:#3b82f6!important;box-shadow:0 0 20px #3b82f699!important}.profile-avatar-wrapper-v24 .large-avatar.frame_air{border-color:#e2e8f0!important;box-shadow:0 0 20px #e2e8f099!important}.profile-avatar-wrapper-v24 .large-avatar.frame_gold{border:none!important;box-shadow:none!important}.avatar-wrapper.frame_gold,.mini-avatar-container.frame_gold,.avatar-header-container.frame_gold,.large-avatar.frame_gold{overflow:visible!important}.avatar-wrapper.frame_gold img,.mini-avatar-container.frame_gold img,.avatar-header-container.frame_gold img,.large-avatar.frame_gold{border-radius:50%!important;clip-path:circle(50%)!important;object-fit:cover;transform:translateY(-9%) scale(.94)!important;backface-visibility:hidden}.avatar-wrapper.frame_gold img.shuffle-avatar,.avatar-wrapper.frame_anime img.shuffle-avatar,.avatar-wrapper.frame_brasil img.shuffle-avatar,.avatar-wrapper.frame_bruxa img.shuffle-avatar,.avatar-wrapper.frame_cyberpunk img.shuffle-avatar,.avatar-wrapper.frame_dark img.shuffle-avatar,.avatar-wrapper.frame_lgbt img.shuffle-avatar,.avatar-wrapper.frame_lobisomem img.shuffle-avatar,.avatar-wrapper.frame_natal img.shuffle-avatar,.avatar-wrapper.frame_pink_girl img.shuffle-avatar,.avatar-wrapper.frame_vampiro img.shuffle-avatar{border-radius:50%!important;clip-path:circle(50%)!important;object-fit:cover;transform:translateY(-1%) scale(1)!important;backface-visibility:hidden}.avatar-wrapper.frame_gotico img.shuffle-avatar{border-radius:50%!important;clip-path:circle(50%)!important;object-fit:cover;transform:translateY(-6%) scale(1)!important;backface-visibility:hidden}.shuffle-avatar-wrap .online-dot{z-index:100!important}.shuffle-avatar-wrap .avatar-wrapper.frame_gold:after,.shuffle-avatar-wrap .avatar-wrapper.frame_anime:after,.shuffle-avatar-wrap .avatar-wrapper.frame_brasil:after,.shuffle-avatar-wrap .avatar-wrapper.frame_bruxa:after,.shuffle-avatar-wrap .avatar-wrapper.frame_cyberpunk:after,.shuffle-avatar-wrap .avatar-wrapper.frame_dark:after,.shuffle-avatar-wrap .avatar-wrapper.frame_gotico:after,.shuffle-avatar-wrap .avatar-wrapper.frame_lgbt:after,.shuffle-avatar-wrap .avatar-wrapper.frame_lobisomem:after,.shuffle-avatar-wrap .avatar-wrapper.frame_natal:after,.shuffle-avatar-wrap .avatar-wrapper.frame_pink_girl:after,.shuffle-avatar-wrap .avatar-wrapper.frame_vampiro:after{width:150%!important;height:150%!important;top:-24%!important;left:-25%!important}.avatar-wrapper.frame_gold:after,.mini-avatar-container.frame_gold:after,.avatar-header-container.frame_gold:after{background-image:url(../assets/frame_real_premium_v5.png)}.avatar-wrapper.frame_anime:after,.mini-avatar-container.frame_anime:after,.avatar-header-container.frame_anime:after{background-image:url(../assets/frame_anime.png)}.avatar-wrapper.frame_brasil:after,.mini-avatar-container.frame_brasil:after,.avatar-header-container.frame_brasil:after{background-image:url(../assets/frame_brasil.png)}.avatar-wrapper.frame_bruxa:after,.mini-avatar-container.frame_bruxa:after,.avatar-header-container.frame_bruxa:after{background-image:url(../assets/frame_bruxa.png)}.avatar-wrapper.frame_cyberpunk:after,.mini-avatar-container.frame_cyberpunk:after,.avatar-header-container.frame_cyberpunk:after{background-image:url(../assets/frame_cyberpunk.png)}.avatar-wrapper.frame_dark:after,.mini-avatar-container.frame_dark:after,.avatar-header-container.frame_dark:after{background-image:url(../assets/frame_dark.png)}.avatar-wrapper.frame_gotico:after,.mini-avatar-container.frame_gotico:after,.avatar-header-container.frame_gotico:after{background-image:url(../assets/frame_gotico.png)}.avatar-wrapper.frame_lgbt:after,.mini-avatar-container.frame_lgbt:after,.avatar-header-container.frame_lgbt:after{background-image:url(../assets/frame_lgbt.png)}.avatar-wrapper.frame_lobisomem:after,.mini-avatar-container.frame_lobisomem:after,.avatar-header-container.frame_lobisomem:after{background-image:url(../assets/frame_lobisomem.png)}.avatar-wrapper.frame_natal:after,.mini-avatar-container.frame_natal:after,.avatar-header-container.frame_natal:after{background-image:url(../assets/frame_natal.png)}.avatar-wrapper.frame_pink_girl:after,.mini-avatar-container.frame_pink_girl:after,.avatar-header-container.frame_pink_girl:after{background-image:url(../assets/frame_pink_girl.png)}.avatar-wrapper.frame_vampiro:after,.mini-avatar-container.frame_vampiro:after,.avatar-header-container.frame_vampiro:after{background-image:url(../assets/frame_vampiro.png)}.avatar-wrapper.frame_gold:after,.avatar-wrapper.frame_anime:after,.avatar-wrapper.frame_brasil:after,.avatar-wrapper.frame_bruxa:after,.avatar-wrapper.frame_cyberpunk:after,.avatar-wrapper.frame_dark:after,.avatar-wrapper.frame_gotico:after,.avatar-wrapper.frame_lgbt:after,.avatar-wrapper.frame_lobisomem:after,.avatar-wrapper.frame_natal:after,.avatar-wrapper.frame_pink_girl:after,.avatar-wrapper.frame_vampiro:after,.mini-avatar-container.frame_gold:after,.avatar-header-container.frame_gold:after{content:"";position:absolute;top:-19%;left:-15%;width:130%;height:130%;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:10;pointer-events:none}.profile-avatar-wrapper-v24 .avatar-wrapper.frame_gold:after,.profile-avatar-wrapper-v24 .large-avatar.frame_gold:after{top:-38%;left:-27.5%;width:155%;height:155%}.profile-tab-container-premium.frame_gold .profile-avatar-wrapper .large-avatar:before,.profile-avatar-wrapper .large-avatar.frame_gold:before{content:"";position:absolute;top:-20px;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;z-index:11;pointer-events:none;animation:fall-sparkles 2.5s infinite;box-shadow:-25px 10px 0 1px gold,25px 5px #fff,-15px 35px 0 2px #f59e0b,18px 45px 0 1px #fff}@keyframes fall-sparkles{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}80%{opacity:1}to{transform:translate(-50%) translateY(100px) scale(.2);opacity:0}}.avatar-wrapper.frame_rgb_particles,.mini-avatar-container.frame_rgb_particles,.avatar-header-container.frame_rgb_particles{border:none!important;padding:4px!important;background-image:linear-gradient(60deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red)!important;background-size:400% 400%!important;animation:rgb-spin-bg 4s linear infinite!important;border-radius:50%!important;box-sizing:border-box!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 15px #00f2ff66}.avatar-wrapper.frame_rgb_particles img,.mini-avatar-container.frame_rgb_particles img,.avatar-header-container.frame_rgb_particles img{border:3px solid var(--bg-deep)!important;background-color:var(--bg-deep)!important;width:100%!important;height:100%!important;box-sizing:border-box;background-clip:padding-box!important}@keyframes rgb-spin-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-wrapper.round.frame_rgb_particles{box-shadow:0 0 15px #fff3}.large-avatar.frame_rgb_particles{border-width:4px!important}.boost-indicator{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f59e0b80;z-index:20;border:2px solid rgba(255,255,255,.2);animation:boost-pulse 2s infinite}@keyframes boost-pulse{0%{transform:scale(1);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1.15);box-shadow:0 0 0 8px #f59e0b00}to{transform:scale(1);box-shadow:0 0 #f59e0b00}}.btn-name-color{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.btn-name-color:hover{transform:scale(1.1);border-color:#ffffff80}.btn-color-lock{position:absolute;bottom:-2px;right:-2px;color:#fffc;background:#00000080;border-radius:50%;padding:1px}.color-upsell-banner{display:flex;align-items:center;gap:8px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:10px 14px;margin-bottom:20px;font-size:.85rem;color:#f59e0b}.color-palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;border:2px solid transparent;background:var(--bg-light);cursor:pointer;transition:all .2s;position:relative}.color-swatch:hover:not(.locked){border-color:var(--primary);background:var(--bg-panel);transform:translateY(-2px)}.color-swatch.active{border-color:var(--primary);background:var(--bg-panel);box-shadow:0 0 12px var(--primary-glow)}.color-swatch.locked{opacity:.45;cursor:not-allowed}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.15);flex-shrink:0}.color-label{font-size:.7rem;color:var(--text-dim);text-align:center}.color-lock{position:absolute;top:5px;right:5px;color:var(--text-muted)}.gallery-empty-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border:2px dashed var(--glass-border);border-radius:16px;cursor:pointer;color:var(--text-dim);font-size:.85rem;transition:.2s;margin-top:8px}.gallery-empty-zone:hover{border-color:var(--primary);color:var(--primary)}.gallery-add-slot{aspect-ratio:1;border:2px dashed var(--glass-border);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;min-height:80px}.gallery-add-slot:hover{border-color:var(--primary);background:#6366f10d}.profile-tab-container-premium{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.profile-content-area{flex:1;padding:60px 24px 32px;text-align:center;min-height:0}.cropper-zoom-bar{position:fixed;bottom:140px;left:10%;width:80%;z-index:200;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.cropper-zoom-bar span{font-size:.75rem;color:#ffffffb3;text-align:right}.cropper-zoom-bar input[type=range]{width:100%;accent-color:var(--primary)}.cropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px;touch-action:none;overscroll-behavior:contain}.cropper-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:360px;padding-bottom:12px}.cropper-container{position:relative;flex:1;width:100%;max-width:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.crop-boundary{position:absolute;border:2px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:0 0 0 9999px #0000008c;z-index:2;pointer-events:none}.crop-circle .crop-boundary{border-radius:50%}.cropper-footer{display:flex;gap:12px;width:100%;max-width:360px;padding-top:12px}.cropper-footer .btn-join{flex:1;margin:0;padding:14px 20px}.btn-save-fixed{position:fixed;bottom:calc(var(--nav-height) + 16px);left:16px;right:16px;z-index:500;animation:slideUp .3s ease}.btn-join.saved-success{background:var(--success);box-shadow:0 4px 20px #10b98166}.full-image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:9500;display:flex;align-items:center;justify-content:center}.full-image-content{max-width:90vw;max-height:90dvh;border-radius:16px;object-fit:contain}.close-preview{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.message-you.balloon_cyberpunk{background:#0f172a!important;color:#00ffd5!important;border:1px solid #00ffd5;box-shadow:0 0 10px #00ffd566,inset 0 0 5px #00ffd533;border-radius:4px 16px 16px!important}.message-you.balloon_cyberpunk .time{color:#00ffd5b3}.message-you.balloon_bubblegum{background:linear-gradient(135deg,#ff7eb3,#ff758c)!important;color:#fff!important;border-radius:20px 20px 0!important;box-shadow:0 4px 15px #ff758c66}.message-you.balloon_bubblegum .time{color:#ffffffe6}.message-you.balloon_minimalist{background:#fff!important;color:#1e293b!important;border:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000d;border-radius:12px!important;font-weight:500}.message-you.balloon_minimalist .time{color:#64748b}.dashboard-view-container{overflow-x:hidden;position:relative;flex:1}.tab-pane{transition:transform .4s cubic-bezier(.25,.8,.25,1),opacity .4s ease;position:absolute;top:0;left:0;right:0;bottom:0;width:100%}.tab-pane.active{transform:translate(0);opacity:1;pointer-events:auto;position:relative;height:100%}.tab-pane.slide-left{transform:translate(-50px);opacity:0;pointer-events:none}.tab-pane.slide-right{transform:translate(50px);opacity:0;pointer-events:none}.name-rgb-mode{background:linear-gradient(60deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400% 400%;animation:rgb-spin-bg 4s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800!important;letter-spacing:.5px;display:inline-block;padding:0 4px 4px;filter:drop-shadow(0 0 6px rgba(255,255,255,.2))}.name-neon-mode{text-shadow:0 0 2px var(--name-color),0 0 5px var(--name-color)!important;font-weight:800!important;letter-spacing:.5px;color:var(--name-color)!important;display:inline-block;padding:0 2px}.reaction-menu{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);display:flex;gap:8px;background:#0f1218f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:8px 12px;border-radius:30px;box-shadow:0 10px 25px -5px #00000080;z-index:50;animation:slide-up-bump .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slide-up-bump{0%{transform:translate(-50%,15px) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.reaction-emoji-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:4px;transition:transform .2s;border-radius:50%}.reaction-emoji-btn:hover{transform:scale(1.3);background:#ffffff1a}.reaction-badge{position:absolute;bottom:4px;right:12px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2px 5px;font-size:.75rem;box-shadow:0 2px 5px #0000004d;z-index:5;display:flex;align-items:center;gap:2px;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}.message-holder{position:relative;display:inline-block;width:100%}.card-neon-red{border:2px solid #ef4444!important;box-shadow:0 0 15px #ef44444d}.card-neon-green{border:2px solid #10b981!important;box-shadow:0 0 15px #10b9814d}.card-neon-blue{border:2px solid #06b6d4!important;box-shadow:0 0 15px #06b6d44d}.card-neon-purple{border:2px solid #a855f7!important;box-shadow:0 0 15px #a855f74d}.card-rgb-glow{border:2px solid transparent!important;background-image:linear-gradient(var(--bg-panel),var(--bg-panel)),linear-gradient(60deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;animation:rgb-spin-bg 4s linear infinite}.reply-preview-container{background:#ffffff0d;border-left:4px solid var(--primary);padding:8px 12px;border-radius:8px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;animation:slide-down .2s ease}.msg-bubble-reply-context{background:#0003;border-left:3px solid var(--primary);padding:4px 8px;border-radius:4px;margin-bottom:6px;font-size:.85rem;opacity:.8}.swipe-indicator{position:absolute;left:-40px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s}.message-bubble.swiping .swipe-indicator{opacity:.5}.btn-action-small.pinned-active{color:var(--primary)!important;background:#6366f126!important;border-radius:8px}@keyframes rgb-spin-bg{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.gif-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5000;display:flex;align-items:flex-end;justify-content:center}.gif-picker-container{width:100%;max-width:500px;background:var(--bg-panel);border-radius:24px 24px 0 0;height:80vh;display:flex;flex-direction:column;animation:slide-up .4s cubic-bezier(.16,1,.3,1);border-top:1px solid var(--glass-border)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gif-picker-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border)}.gif-search-bar{margin:16px 20px;background:var(--bg-light);border-radius:14px;padding:10px 16px;display:flex;align-items:center;gap:12px;border:1px solid var(--glass-border)}.gif-search-bar input{background:transparent;border:none;color:#fff;flex:1;font-size:.95rem;outline:none}.gif-grid{flex:1;overflow-y:auto;padding:0 12px 20px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;gap:8px;align-content:start}.gif-item{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--bg-light);cursor:pointer;transition:transform .2s}.gif-item:active{transform:scale(.95)}.gif-item img{width:100%;height:100%;object-fit:cover;display:block}.loading-state,.empty-state{grid-column:span 3;padding:60px 0;text-align:center;color:var(--text-dim)}.cropper-overlay-v56{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:6000;display:flex;align-items:center;justify-content:center;padding:20px}.cropper-card{width:100%;max-width:450px;background:var(--bg-panel);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--glass-border)}.cropper-main{position:relative;width:100%;height:350px;background:#000}.cropper-checking-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.checking-content{background:var(--bg-panel);padding:16px 24px;border-radius:20px;border:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 10px 25px #00000080;animation:modalPop .3s ease}.checking-content span{font-weight:700;font-size:.95rem;color:#fff;letter-spacing:.5px}.cropper-footer-v56{padding:24px;background:var(--bg-panel);display:flex;flex-direction:column;gap:20px}.zoom-slider-container{padding:0 10px}.zoom-slider-container input[type=range]{width:100%;height:6px;background:var(--bg-light);border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zoom-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer}.chat-media-wrapper{margin-top:8px;border-radius:16px;overflow:hidden;max-width:250px;max-height:350px;border:1px solid rgba(255,255,255,.1);background:#000;display:flex;align-items:center;justify-content:center}.chat-media-content{width:100%;height:100%;object-fit:contain;cursor:pointer}.message-you .chat-media-wrapper{border-color:#fff3}.message-other .chat-media-wrapper{border-color:#0000001a}:root{--p-h: 262;--primary: hsl(var(--p-h), 83%, 63%);--primary-hover: hsl(var(--p-h), 83%, 53%);--primary-glow: hsla(var(--p-h), 83%, 63%, .3);--bg-deep: #080a0c;--bg-main: #0e1115;--bg-panel: rgba(21, 25, 28, .7);--bg-light: rgba(31, 36, 41, .4);--text-pure: #ffffff;--text-main: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,sans-serif}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-deep);color:var(--text-main);overflow:hidden;user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:var(--bg-deep);color:var(--text-main);touch-action:manipulation}h1,h2,h3,h4,.font-heading{font-family:Outfit,sans-serif;letter-spacing:-.02em}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.avatar-wrapper.frame_neon_red,.mini-avatar-container.frame_neon_red,.large-avatar.frame_neon_red,.profile-tab-container-premium.frame_neon_red .large-avatar{box-shadow:0 0 15px #f44,inset 0 0 10px #f44!important;border:2px solid #ff4444!important}.avatar-wrapper.frame_neon_yellow,.mini-avatar-container.frame_neon_yellow,.large-avatar.frame_neon_yellow,.profile-tab-container-premium.frame_neon_yellow .large-avatar{box-shadow:0 0 15px #fc0,inset 0 0 10px #fc0!important;border:2px solid #ffcc00!important}.avatar-wrapper.frame_neon_purple,.mini-avatar-container.frame_neon_purple,.large-avatar.frame_neon_purple,.profile-tab-container-premium.frame_neon_purple .large-avatar{box-shadow:0 0 15px #a855f7,inset 0 0 10px #a855f7!important;border:2px solid #a855f7!important}.avatar-wrapper.frame_neon_pink,.mini-avatar-container.frame_neon_pink,.large-avatar.frame_neon_pink,.profile-tab-container-premium.frame_neon_pink .large-avatar{box-shadow:0 0 15px #ec4899,inset 0 0 10px #ec4899!important;border:2px solid #ec4899!important}.avatar-wrapper.frame_neon_blue,.mini-avatar-container.frame_neon_blue,.large-avatar.frame_neon_blue,.profile-tab-container-premium.frame_neon_blue .large-avatar{box-shadow:0 0 15px #3b82f6,inset 0 0 10px #3b82f6!important;border:2px solid #3b82f6!important}.avatar-wrapper.frame_neon_green,.mini-avatar-container.frame_neon_green,.large-avatar.frame_neon_green,.profile-tab-container-premium.frame_neon_green .large-avatar{box-shadow:0 0 15px #22c55e,inset 0 0 10px #22c55e!important;border:2px solid #22c55e!important}.avatar-wrapper.frame_neon_white,.mini-avatar-container.frame_neon_white,.large-avatar.frame_neon_white,.profile-tab-container-premium.frame_neon_white .large-avatar{box-shadow:0 0 15px #fff,inset 0 0 10px #fff!important;border:2px solid #ffffff!important}.avatar-wrapper.frame_fire,.mini-avatar-container.frame_fire,.large-avatar.frame_fire,.profile-tab-container-premium.frame_fire .large-avatar{box-shadow:0 0 15px #ff4500,inset 0 0 10px #ff8c00!important;border:2px solid #ff4500!important;animation:fire-pulse 2s ease-in-out infinite}@keyframes fire-pulse{0%,to{box-shadow:0 0 10px #ff4500,inset 0 0 5px #ff8c00}50%{box-shadow:0 0 20px #ff8c00,inset 0 0 10px #ff4500}}.user-info-avatar-wrapper{position:relative;display:inline-block;border-radius:50%;padding:3px}