.call-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.call-modal{background:linear-gradient(135deg,#4295e6,#ff85c7);padding:40px;border-radius:20px;width:350px;text-align:center;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.3)}.call-avatar{width:90px;height:90px;border-radius:50%;margin:15px 0;border:3px solid #fff;object-fit:cover}.call-type{font-weight:700;letter-spacing:2px}.call-status{margin-top:10px;opacity:.9}.call-timer{font-size:32px;margin:15px 0}.call-actions{margin-top:20px}.end-call-btn{background:red;border:none;padding:12px 25px;border-radius:30px;color:white;font-weight:700;cursor:pointer;transition:.3s}.end-call-btn:hover{background:darkred}.caller-avatar{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff;font-size:42px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 30px rgba(102,126,234,.4);position:relative;animation:avatarPulse 2s infinite}@keyframes avatarPulse{0%{box-shadow:0 0 0 0 rgba(102,126,234,.6)}70%{box-shadow:0 0 0 25px rgba(102,126,234,0)}to{box-shadow:0 0 0 0 rgba(102,126,234,0)}}.caller-name{text-align:center;font-size:22px;font-weight:600;margin-bottom:10px}.call-buttons{gap:50px;margin-top:25px}.call-btn,.call-buttons{display:flex;justify-content:center}.call-btn{width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;align-items:center;font-size:28px;color:#ffffff;position:relative;transition:all .3s ease}.call-btn:hover{transform:scale(1.12)}.call-btn:active{transform:scale(.95)}.call-btn.accept{background:#28c76f;box-shadow:0 10px 30px rgba(40,199,111,.5)}.call-btn.accept:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(40,199,111,.4);animation:pulseGlow 1.8s infinite;z-index:-1}.call-btn.decline{background:#ff4d4f;box-shadow:0 10px 30px rgba(255,77,79,.5)}.call-btn.decline svg{transform:rotate(135deg)}.call-btn svg{animation:ringShake 1s infinite;transform-origin:center}@keyframes ringShake{0%{transform:rotate(0deg)}15%{transform:rotate(-20deg)}30%{transform:rotate(20deg)}45%{transform:rotate(-15deg)}60%{transform:rotate(15deg)}75%{transform:rotate(-8deg)}85%{transform:rotate(8deg)}to{transform:rotate(0deg)}}@keyframes pulseGlow{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.7);opacity:0}to{transform:scale(1);opacity:0}}.wallet-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.wallet-modal{background:white;width:420px;padding:25px;border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.15)}.modal-header{display:flex;justify-content:space-between;align-items:center}.balance-box{background:linear-gradient(90deg,#4295E6,#FF85C7);color:white;padding:18px;border-radius:12px;text-align:center;margin:20px 0}.preset-section{display:flex;gap:10px;flex-wrap:wrap}.preset-section button{flex:1;padding:10px;border-radius:8px;border:1px solid #ddd;background:#4295E6;cursor:pointer}.preset-section button.active{background:linear-gradient(90deg,#4295E6,#FF85C7)!important;color:white}button.close-recharge,button.recharge-btn{background:linear-gradient(90deg,#4295E6,#FF85C7)!important;cursor:pointer}input{margin-top:15px;border-radius:8px;background:#fff;color:#000;border:1px solid #ccc}.recharge-btn,input{width:100%;padding:12px}.recharge-btn{margin-top:20px;background:linear-gradient(90deg,#4295E6,#FF85C7);border:none;color:white;border-radius:10px;font-weight:600;cursor:pointer}:root{--slash-purple:#7842e9;--slash-purple-deep:#6031c6;--slash-pink:#df32b1;--slash-orange:#fb704a;--slash-blue:#25b4e6;--slash-ink:#19143d;--slash-text:#585670;--slash-muted:#77738d;--slash-line:#eeeaf5;--slash-lavender:#f4edff;--slash-gradient:linear-gradient(110deg,#8646ed,#d631b5 56%,#fb7448);--slash-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.site-header{position:sticky;top:0;z-index:1050;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,222,249,.6);font-family:var(--slash-font);width:100%}.site-header *{box-sizing:border-box}.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:85px;width:min(1320px,calc(100% - 40px));margin-inline:auto;padding-inline:0!important;max-width:none!important}.site-header .brand{display:inline-flex;flex-shrink:0;align-items:center;text-decoration:none!important}.site-header .brand-logo{width:145px;height:auto;object-fit:contain;display:block}.site-header .desktop-nav{display:flex;align-items:center;gap:clamp(14px,1.6vw,26px);margin:0;padding:0;list-style:none}.site-header .desktop-nav a{font-size:13px;font-weight:550;color:var(--slash-text);text-decoration:none!important;padding:31px 0 27px;position:relative;white-space:nowrap;transition:color .2s ease}.site-header .desktop-nav a.nav-active,.site-header .desktop-nav a:hover{color:var(--slash-purple-deep)!important}.site-header .desktop-nav a.nav-active:after{content:"";position:absolute;width:100%;height:2px;bottom:20px;left:0;border-radius:2px;background:var(--slash-gradient)}.site-header .header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.site-header .header-download{min-height:42px;padding:10px 20px;font-size:12px;font-weight:650;border-radius:50px;background:var(--slash-gradient);color:#fff!important;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 5px 13px rgba(141,61,218,.2)}.site-header .header-download:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(141,61,218,.28)}.site-header .header-login-btn{min-height:42px;padding:9px 20px;font-size:12px;font-weight:650;border-radius:50px;background:rgba(255,255,255,.85);color:var(--slash-purple-deep)!important;border:1.5px solid #a17bee;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;gap:6px;transition:background .2s ease,transform .2s ease}.site-header .header-login-btn:hover{background:var(--slash-lavender);transform:translateY(-1px)}.site-header .wallet-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:50px;background:#f7f2ff;border:1px solid #e3d5fc;color:var(--slash-purple-deep);font-size:12px;font-weight:650}.site-header .wallet-plus-btn{background:none;border:none;padding:0;display:inline-flex;cursor:pointer;color:var(--slash-purple-deep);transition:transform .2s ease}.site-header .wallet-plus-btn:hover{transform:scale(1.15)}.site-header .sub-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:50px;font-size:11px;font-weight:650;cursor:pointer;background:linear-gradient(110deg,rgba(134,70,237,.1),rgba(214,49,181,.1));color:var(--slash-purple-deep);border:1px solid #d4b8fc;text-decoration:none!important;white-space:nowrap;transition:background .2s ease}.site-header .sub-badge:hover{background:linear-gradient(110deg,rgba(134,70,237,.18),rgba(214,49,181,.18))}.site-header .notif-trigger{background:none;border:none;cursor:pointer;position:relative;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center;color:#554d68;border-radius:50%;transition:background .2s ease}.site-header .notif-trigger:hover{background:var(--slash-lavender)}.site-header .notif-count{position:absolute;top:1px;right:1px;background:var(--slash-gradient);color:#fff;border-radius:50%;min-width:17px;height:17px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.site-header .user-profile-wrap{display:inline-flex;align-items:center;gap:9px}.site-header .user-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid #f1e4ff;box-shadow:0 3px 8px rgba(96,49,198,.14)}.site-header .user-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#f1deff,#dedcfe);color:#7d4cab;font-weight:750;font-size:14px;display:grid;place-items:center;cursor:pointer;border:2px solid #f1e4ff}.site-header .user-info-text{display:flex;flex-direction:column}.site-header .user-display-name{font-size:12px;font-weight:700;color:var(--slash-ink);line-height:1.2;margin:0;cursor:pointer;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header .mood-dropdown{font-size:11px;padding:2px 7px;border-radius:10px;border:1px solid #e1d3f5;background:#fbf8ff;color:var(--slash-text);outline:none;cursor:pointer;margin-top:3px}.site-header .menu-toggle{display:none;border:1px solid var(--slash-line);background:#fff;height:42px;width:42px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;color:var(--slash-ink);transition:background .2s ease}.site-header .menu-toggle:hover{background:var(--slash-lavender)}.site-header .mobile-nav-panel{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 24px 22px;border-top:1px solid var(--slash-line);background:#fff;max-height:calc(100dvh - 80px);overflow-y:auto}.site-header .mobile-nav-panel a{padding:11px 14px;border-radius:10px;font-size:13px;font-weight:550;color:var(--slash-ink);text-decoration:none!important;transition:background .2s ease,color .2s ease}.site-header .mobile-nav-panel a.mobile-nav-active,.site-header .mobile-nav-panel a:hover{background:var(--slash-lavender);color:var(--slash-purple-deep)!important}@media (max-width:1023px){.site-header .desktop-nav{display:none!important}.site-header .menu-toggle{display:inline-flex!important}.site-header .header-inner{min-height:74px}.site-header .brand-logo{width:130px}}@media (max-width:640px){.site-header .header-inner{width:calc(100% - 28px);gap:12px;min-height:68px}.site-header .brand-logo{width:118px}.site-header .header-download,.site-header .header-login-btn{padding:8px 14px;font-size:11px;min-height:38px}.site-header .mobile-nav-panel{grid-template-columns:1fr;padding-inline:16px}}@media (max-width:480px){.site-header .header-download{display:none!important}}