@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-bg:#0f0c29;--secondary-bg:#302b63;--accent-color:#24243e;--highlight-color:#8a2be2;--highlight-hover:#9b4dca;--text-main:#fff;--text-muted:#b0b0c0;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background:linear-gradient(135deg, var(--primary-bg), var(--secondary-bg), var(--accent-color));color:var(--text-main);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}img,video{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{flex-direction:column;flex:1;display:flex}.app-wrapper{flex-direction:column;flex:1;display:flex;position:relative}.glassmorphism{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000004d}.spinner{border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen{flex:1;justify-content:center;align-items:center;height:100vh;display:flex}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.glow-circle{filter:blur(80px);opacity:.5;z-index:-1;border-radius:50%;position:absolute}.glow-1{background:#0ff;width:300px;height:300px;animation:8s ease-in-out infinite floatGlow1;top:-50px;left:-50px}.glow-2{background:#8a2be2;width:400px;height:400px;animation:12s ease-in-out infinite floatGlow2;bottom:-100px;right:-100px}@keyframes floatGlow1{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,-60px)scale(1.1)}66%{transform:translate(-30px,40px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes floatGlow2{0%{transform:translate(0)scale(1)}33%{transform:translate(-50px,40px)scale(1.05)}66%{transform:translate(30px,-30px)scale(.95)}to{transform:translate(0)scale(1)}}.login-card{text-align:center;flex-direction:column;gap:24px;width:100%;max-width:400px;padding:40px;transition:transform .3s;display:flex;transform:translateY(0)}.login-card:hover{transform:translateY(-5px)}.logo-container{flex-direction:column;align-items:center;gap:16px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--highlight-color), #4169e1);border-radius:50%;padding:20px;box-shadow:0 0 20px #8a2be280}.pyngoo-logo-image{border-radius:20px;width:80px;height:80px;animation:2.5s ease-in-out infinite alternate logoGlowPulse}@keyframes logoGlowPulse{0%{box-shadow:0 10px 25px #ff40814d}50%{box-shadow:0 15px 35px #ff4081cc,0 0 40px #ff408166}to{box-shadow:0 10px 25px #ff40814d}}.logo-container h1{letter-spacing:1px;font-size:2rem;font-weight:700}.subtitle{color:var(--text-muted);font-size:1.1rem}.features{text-align:left;background:#0003;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.feature-item{color:#e0e0e0;align-items:center;gap:12px;font-size:1rem;display:flex}.feature-icon{color:var(--highlight-color)}.primary-btn{background:linear-gradient(90deg, var(--highlight-color), #4169e1);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;margin-top:10px;padding:16px 24px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #0003}.primary-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 20px #8a2be266}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#ff6b6b;background:#ff6b6b1a;border-radius:8px;padding:10px;font-size:.9rem}.home-container{flex-direction:column;width:100%;max-width:600px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.home-header{justify-content:space-between;align-items:center;margin-bottom:40px;padding:16px 24px;display:flex}.user-info{align-items:center;gap:16px;display:flex}.avatar{background:linear-gradient(135deg, var(--highlight-color), #4169e1);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex}.user-details h2{margin-bottom:4px;font-size:1.2rem;font-weight:600}.gold-balance{color:gold;background:#ffd7001a;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:.9rem;font-weight:500;display:flex}.icon-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex}.icon-btn:hover{background:#fff3}.home-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:60px;display:flex}.match-prompt{text-align:center;flex-direction:column;align-items:center;animation:1s fadeIn;display:flex}.match-prompt h3{margin-bottom:10px;font-size:1.8rem}.match-prompt p{color:var(--text-muted);font-size:1.1rem}.match-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8a2387,#e94057,#f27121);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:180px;height:180px;font-size:1.2rem;font-weight:800;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #e9405780,inset 0 3px 10px #fff6}.match-btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.match-btn:hover{transform:scale(1.05);box-shadow:0 15px 40px #ff416c99}.pulse-animation{animation:2s infinite pulseMatch}@keyframes pulseMatch{0%{box-shadow:0 0 #ff416cb3}70%{box-shadow:0 0 0 25px #ff416c00}to{box-shadow:0 0 #ff416c00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.match-btn{width:150px;height:150px}.home-header{padding:12px 16px}}.searching-state{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;animation:.5s fadeIn;display:flex}.radar-container{justify-content:center;align-items:center;width:250px;height:250px;margin-bottom:20px;display:flex;position:relative}.radar-sweep{z-index:2;background:conic-gradient(#ff416c00 70%,#ff416c66 100%);border-radius:50%;width:100%;height:100%;animation:2s linear infinite radarSpin;position:absolute;top:0;left:0;box-shadow:inset 0 0 20px #ff416c33}.radar-sweep:after{content:"";transform-origin:bottom;background:#ff416c;width:2px;height:50%;position:absolute;top:0;left:50%;box-shadow:0 0 10px #ff416c}.radar-center-avatar{z-index:10;background:linear-gradient(135deg,#ff416c,#ff4b2b);border:3px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:2rem;font-weight:700;display:flex;box-shadow:0 0 20px #ff416c80}.radar-ripple{opacity:0;border:2px solid #ff416c;border-radius:50%;width:70px;height:70px;animation:3s ease-out infinite rippleExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-ripple:nth-child(2){animation-delay:1s}.radar-ripple:nth-child(3){animation-delay:2s}.floating-avatar{z-index:5;opacity:0;background:#24243e;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;animation:4s infinite popInOut;display:flex;position:absolute}@keyframes rippleExpand{0%{opacity:1;border-width:3px;width:70px;height:70px}to{opacity:0;border-width:1px;width:300px;height:300px}}@keyframes popInOut{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(1.2)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(0)}}@keyframes radarSpin{to{transform:rotate(360deg)}}.searching-state h3{color:#fff;text-shadow:0 0 10px #fff3;font-size:1.8rem;font-weight:700}.searching-state p{color:var(--text-muted);text-align:center}.cancel-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:24px;margin-top:24px;padding:12px 32px;font-weight:600;transition:all .2s}.cancel-btn:hover{color:#ff416c;background:#ff416c33;border-color:#ff416c}.voice-chat-wrapper{-webkit-backdrop-filter:blur(16px);background:#302b6380;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;margin:40px auto 0;padding:32px;animation:.5s fadeIn;display:flex;box-shadow:0 20px 40px #0000004d}.timer-circle{justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:32px;display:flex;position:relative}.timer-glow{opacity:.3;filter:blur(10px);background:conic-gradient(#ff416c,#8e2de2,#ff416c);border-radius:50%;transition:all .3s;animation:4s linear infinite spin;position:absolute;inset:-10px}.timer-glow.connected{opacity:.5;background:conic-gradient(#00f2fe,#4facfe,#00f2fe)}.timer-text{z-index:10;color:#fff;text-shadow:0 2px 10px #fff3;background:#1a1625;border:2px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:800;display:flex;position:relative}.voice-chat-wrapper h2{margin-bottom:8px;font-size:1.5rem;font-weight:700}.status-msg{color:#fff9;margin-bottom:32px;font-size:.9rem}.controls{gap:24px;display:flex}.control-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex}.control-btn.mute-btn{background:#ffffff1a;border:1px solid #fff3}.control-btn.mute-btn:hover{background:#fff3}.control-btn.mute-btn.muted{color:#ff416c;background:#ff416c33;border-color:#ff416c}.control-btn.end-btn{background:linear-gradient(135deg,#ff416c,#ff4b2b);box-shadow:0 10px 20px #ff416c4d}.control-btn.end-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ff416c66}.main-content{flex:1;width:100%;overflow-y:auto}.bottom-nav{z-index:100;background:#0f0c29d9;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;height:80px;padding:0 20px;display:flex;position:fixed;bottom:0;left:0;right:0}body.in-call .bottom-nav,.in-call .bottom-nav{visibility:hidden!important;pointer-events:none!important;display:none!important}body.in-call .main-content{height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important}.video-call-box{background:#090a16;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;justify-content:space-between;width:100%;max-width:460px;height:100%;max-height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000c}@media (width<=640px){.video-call-box{max-width:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important}}.nav-item{color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:70px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-item:hover{color:#fffc}.nav-item.active{color:#ff416c}.nav-item.active svg{filter:drop-shadow(0 0 8px #ff416c99)}.nav-center-btn{color:#fff;background:linear-gradient(135deg,#8e2de2,#4a00e0);border:4px solid #0f0c29;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-30px;margin-bottom:4px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 20px #8e2de266}.nav-item.active .nav-center-btn{background:linear-gradient(135deg,#ff416c,#ff4b2b);transform:translateY(-4px)scale(1.05);box-shadow:0 10px 25px #ff416c80}@keyframes soundWave{0%{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}to{opacity:0;transform:scale(1.8)}}.sound-wave-container{justify-content:center;align-items:center;width:180px;height:180px;margin:30px auto;display:flex;position:relative}.sound-wave-ring{border:4px solid #4facfe;border-radius:50%;animation:2s ease-out infinite soundWave;position:absolute;inset:0}.sound-wave-ring:first-child{border-color:#ff416c;animation-delay:0s}.sound-wave-ring:nth-child(2){border-color:#00f2fe;animation-delay:.6s}.sound-wave-ring:nth-child(3){border-color:gold;animation-delay:1.2s}.avatar-image{object-fit:cover;z-index:10;background-color:#1a1a2e;border:4px solid #fff3;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 15px 35px #00000080}@keyframes giftPop{0%{opacity:0;filter:drop-shadow(0 0 #fff);transform:translate(-50%,50%)scale(0)}15%{opacity:1;filter:drop-shadow(0 0 80px #ffeb3b);transform:translate(-50%,-50%)scale(1.8)rotate(-10deg)}30%{opacity:1;filter:drop-shadow(0 0 40px #ff416c);transform:translate(-50%,-50%)scale(1)rotate(10deg)}50%{opacity:1;filter:drop-shadow(0 0 50px #ff416c);transform:translate(-50%,-50%)scale(1.2)rotate(0)}80%{opacity:1;filter:drop-shadow(0 0 30px #ffeb3b);transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;filter:drop-shadow(0 0 100px #fff);transform:translate(-50%,-250%)scale(2)}}