*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#0f0f0f;color:#fff}html{font-family:Poppins,sans-serif}#root{width:100%}#app-container{position:relative;width:25.7rem;height:-webkit-fit-content;height:fit-content;min-height:100vh;background-color:var(--bgbody);margin:auto}.app-content{min-height:100vh;transition:filter .25s ease,transform .25s ease}.app-content.blurred{filter:blur(6px) saturate(.7);transform:scale(.99);pointer-events:none;-webkit-user-select:none;user-select:none}.chat-input-area{display:flex;gap:8px;padding:12px;background:#1a1a1a;border-radius:0 0 28px 28px;position:fixed;bottom:0;width:95%;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:24.3rem}@media screen and (max-width: 500px){#app-container{position:relative;width:100%;min-height:100vh}.chat-input-area{width:97%}}.container{max-width:1200px;margin:0 auto;padding:0 15px}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#000;border-bottom:1px solid #222}.header-right{display:flex;align-items:center;gap:10px}.call-toggle{border:1px solid #333;border-radius:20px;padding:7px 12px;color:#ddd;background:#161616;cursor:pointer;font-size:12px;font-weight:600}.call-toggle.enabled{border-color:#22b573;color:#8df9c7}.call-toggle.disabled{border-color:#666;color:#999}.call-toggle:disabled{opacity:.6;cursor:not-allowed}.logo{font-size:18px;font-weight:600;background:linear-gradient(145deg,#ff004f,#ff3a6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.credits-display{background:#1a1a1a;padding:8px 16px;border-radius:20px;font-weight:600;color:#00ff9d}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:15px 15px 20px}@media (min-width: 768px){.grid{grid-template-columns:repeat(2,1fr)}}.card{background:#1a1a1a;border-radius:12px;overflow:hidden;text-align:center;transition:.3s;cursor:pointer}.card:hover{transform:scale(1.05);box-shadow:0 10px 30px #ff005033}.card img{width:100%;height:160px;object-fit:cover}.card-info{padding:10px}.card-name{font-weight:600;margin:5px 0}.card-age{font-size:13px;color:#bbb}.card-free{font-size:13px;color:#00ff9d;margin:5px 0}.btn{background:#ff004f;border:none;color:#fff;padding:10px 18px;border-radius:20px;cursor:pointer;font-weight:600;transition:.2s;font-size:14px}.btn:hover{background:#d10042}.btn-outline{background:transparent;border:1px solid #ff3a6f;color:#ffb0c0}.btn-outline:hover{background:#ff002f20}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:9999;visibility:hidden;opacity:0;transition:.25s}.modal-overlay.show{visibility:visible;opacity:1}.modal-card{background:#1c1c1c;max-width:380px;width:90%;border-radius:28px;padding:28px 22px;box-shadow:0 20px 40px #ff005033;text-align:center;border:1px solid #ff3a6f;animation:popFancy .3s ease;max-height:90vh;overflow-y:auto}@keyframes popFancy{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{font-size:24px;font-weight:600;margin-bottom:15px;background:linear-gradient(145deg,#ff90b0,#ff004f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-question{font-size:18px;margin:15px 0 8px}.modal-input{width:100%;padding:12px 16px;background:#2a2a2a;border:1px solid #444;border-radius:40px;color:#fff;font-size:16px;margin:10px 0 18px;outline:none}.modal-input:focus{border-color:#ff3a6f}.chat-container{display:flex;flex-direction:column;height:100%;max-height:500px}.chat-header{background:linear-gradient(145deg,#ff004f,#ff3a6f);padding:15px;text-align:center;border-radius:28px 28px 0 0}.chat-header-name{font-size:18px;font-weight:600}.chat-header-status{font-size:13px;opacity:.9}.chat-messages{flex:1;overflow-y:auto;padding:15px 15px 80px;background:#0f0f0f;display:flex;flex-direction:column;gap:12px}.message{padding:10px 14px;border-radius:12px;max-width:80%;word-wrap:break-word;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background:#ff004f}.message.ai{align-self:flex-start;background:#2a2a2a}.chat-split-container{display:grid;grid-template-columns:280px 1fr;height:100%;background:#0f0f0f}.chat-sidebar{background:#0a0a0a;border-right:1px solid #222;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-main{display:flex;flex-direction:column;height:100%}.chat-main .chat-header{border-radius:0;padding:15px 20px;background:linear-gradient(145deg,#ff004f,#ff3a6f)}.chat-main .chat-messages{padding:15px 20px 80px;flex:1;overflow-y:auto}.chat-main .chat-input-area{border-radius:0;margin:0}@media (max-width: 767px){.chat-split-container{grid-template-columns:1fr}.chat-sidebar{display:none}.chat-main{width:100%}}.chat-mobile-girls{display:flex;flex-direction:column;height:100%;background:#0f0f0f}.girl-profile-card{transition:.3s}.girl-profile-card:active{background:#222!important;transform:scale(.98)}.chat-container-mobile{display:flex;flex-direction:column;height:100%}.chat-header-mobile{background:linear-gradient(145deg,#ff004f,#ff3a6f);padding:5px 15px;display:flex;align-items:center;gap:10px}.chat-header-mobile button{border-radius:6px;transition:.2s}.chat-header-mobile button:active{background:rgba(255,255,255,.2)}.chat-input{padding:10px 14px;background:#2a2a2a;border:1px solid #444;border-radius:20px;color:#fff;font-size:14px;outline:none;width:100%}.chat-input:focus{border-color:#ff3a6f}.send-btn{background:#ff004f;border:none;color:#fff;padding:10px 16px;border-radius:20px;cursor:pointer;font-weight:600}.send-btn:hover{background:#d10042}.recharge-container{padding:20px 20px 100px;text-align:center}.recharge-message{background:rgba(255,0,80,.1);border:1px solid #ff3a6f;border-radius:12px;padding:20px;margin-bottom:30px;font-size:18px}.recharge-notice-banner{margin-bottom:16px;border:1px solid #25c888;background:rgba(37,200,136,.14);color:#bbffe2;border-radius:12px;padding:12px 14px;font-size:14px}.offers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}@media (min-width: 768px){.offers-grid{grid-template-columns:repeat(2,1fr)}}.offer-card{background:#1a1a1a;border:1px solid #ff3a6f;border-radius:12px;padding:15px;cursor:pointer;transition:.3s}.offer-card:hover{transform:scale(1.05);background:#222}.offer-name{font-size:18px;font-weight:600;margin-bottom:10px}.offer-credits{font-size:24px;color:#00ff9d;margin:0}.offer-price{font-size:16px;color:#ff004f;margin-bottom:10px}.offer-description{font-size:12px;color:#aaa}.history-container{padding:20px 20px 100px}.history-item{background:#1a1a1a;border-left:4px solid #ff004f;padding:15px;margin-bottom:15px;border-radius:8px;cursor:pointer;transition:.3s}.history-item:hover{background:#222}.history-girl-name{font-weight:600;color:#ff004f;margin-bottom:5px}.history-time{font-size:12px;color:#888}.history-messages-count{color:#00ff9d;font-size:14px;margin-top:5px}.bottom-nav{position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:100%;background:#000;display:flex;justify-content:space-around;align-items:center;padding:10px 0;border-top:1px solid #222;z-index:9999;box-shadow:0 -2px 10px #00000080;bottom:0;width:24.3rem}@media screen and (max-width: 500px){.bottom-nav{width:100%}}.nav-item{text-align:center;color:#aaa;font-size:12px;cursor:pointer;padding:8px 12px;flex:1;transition:color .2s ease}.nav-item span{display:block;font-size:20px;margin-bottom:4px}.nav-item p{margin:0}.nav-item:hover{color:#ff3a6f}.nav-item.active{color:#ff004f}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.loading{text-align:center;padding:20px;color:#888}.spinner{display:inline-block;width:30px;height:30px;border:3px solid #333;border-top:3px solid #ff004f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{opacity:.4}50%{opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#ff004f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d10042}.payment-wrapper{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;align-items:center;padding:20px}.payment-card{width:100%;max-width:420px;background:#ffffff;border-radius:20px;padding:25px;box-shadow:0 10px 40px #0003;text-align:center}.title{font-size:22px;font-weight:600;margin-bottom:20px}.amount-box{background:#f1f5f9;padding:15px;border-radius:12px;margin-bottom:20px}.amount-box span{font-size:14px;color:#64748b}.amount-box h1{margin:5px 0 0;color:#22c55e}.methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.method-btn{padding:10px;border:none;border-radius:10px;background:#e2e8f0;cursor:pointer;transition:.3s;font-weight:500}.method-btn:hover{background:#3b82f6;color:#fff}.qr-box{margin-bottom:20px}.qr-box img{width:160px;margin-top:10px;border-radius:10px}.manual-box{text-align:left}.manual-box h3{margin-bottom:10px}.field{margin-bottom:12px}.copy-row{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:8px;border-radius:8px}.copy-row button{background:#22c55e;border:none;color:#fff;padding:5px 10px;border-radius:6px;cursor:pointer}.utr-input{width:100%;padding:10px;border-radius:10px;border:1px solid #cbd5f5;margin-top:10px}.submit-btn{width:100%;margin-top:15px;padding:12px;border:none;border-radius:10px;background:#3b82f6;color:#fff;font-weight:600;cursor:pointer;transition:.3s}.submit-btn:hover{background:#2563eb}.incoming-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(5,8,20,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:12000;padding:20px}.incoming-call-card{position:relative;width:min(420px,100%);border-radius:28px;padding:24px 20px;text-align:center;background:linear-gradient(145deg,rgba(27,30,43,.96),rgba(17,18,24,.98));border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 70px #0000008c}.incoming-call-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.incoming-call-card.ringing{animation:callShake 1.8s ease-in-out infinite}.incoming-call-avatar-wrap{position:relative;width:122px;height:122px;margin:0 auto 18px}.incoming-call-avatar{width:122px;height:122px;border-radius:50%;object-fit:cover;position:relative;z-index:2;border:3px solid rgba(255,255,255,.25)}.incoming-call-ring{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid rgba(80,255,210,.55);animation:ringPulse 2s ease-out infinite}.incoming-call-ring.ring-2{animation-delay:.75s}.incoming-call-name{margin:0;font-size:30px;letter-spacing:.4px}.incoming-call-country{margin:4px 0 12px;color:#8ee8c3;font-size:14px}.incoming-call-status{margin:0 0 18px;font-size:17px;color:#f2f6ff;font-weight:600}.incoming-call-actions{display:flex;gap:12px}.call-btn{flex:1;border:none;border-radius:14px;padding:12px;font-weight:700;font-size:15px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.call-btn:hover{transform:translateY(-1px)}.call-btn.decline{background:rgba(255,80,104,.18);color:#ffadbc;border:1px solid rgba(255,104,130,.35)}.call-btn.accept{background:linear-gradient(145deg,#13a36e,#00cd82);color:#f6fff8}.incoming-call-loader{display:flex;flex-direction:column;align-items:center;gap:10px}.incoming-call-loader p{margin:0;font-size:14px;color:#d8dee7}.incoming-call-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:#5cf0b5;animation:spinLoader .9s linear infinite}.incoming-call-footnote{margin-top:16px;color:#8d95a3;font-size:12px}@keyframes ringPulse{0%{transform:scale(.72);opacity:.45}to{transform:scale(1.2);opacity:0}}@keyframes callShake{0%,to{transform:translate(0)}15%{transform:translate(-2px)}30%{transform:translate(2px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes spinLoader{to{transform:rotate(360deg)}}@media (max-width: 480px){.incoming-call-card{padding:20px 16px;border-radius:22px}.incoming-call-name{font-size:26px}}
