:root{--primary: #FF4757;--primary-dark: #E03E4D;--accent: #FF6B81;--bg: #0a0a0f;--card-bg: #14141f;--card-bg-light: #1e1e2e;--text: #ffffff;--text-muted: #8b8b9a;--success: #2ed573;--gold: #ffa502}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}@keyframes pulse-badge{0%,to{box-shadow:0 0 #ff475766}50%{box-shadow:0 0 0 10px #ff475700}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes livePulse{0%{box-shadow:0 0 #2ed573b3}70%{box-shadow:0 0 0 8px #2ed57300}to{box-shadow:0 0 #2ed57300}}@keyframes swipeLeft{to{transform:translate(-150%) rotate(-20deg);opacity:0}}@keyframes swipeRight{to{transform:translate(150%) rotate(20deg);opacity:0}}@keyframes pushIn{0%{opacity:0;transform:translate(100px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes matchPop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.swipe-left{animation:swipeLeft .5s forwards}.swipe-right{animation:swipeRight .5s forwards}.token-shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5000;display:flex;align-items:center;justify-content:center;padding:1rem}.token-shop{background:var(--card-bg);border-radius:24px;padding:2rem;max-width:420px;width:100%;border:1px solid rgba(255,255,255,.1);position:relative}.token-shop h2{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;text-align:center}.token-shop .subtitle{color:var(--text-muted);font-size:.9rem;text-align:center;margin-bottom:1.5rem}.packages-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.package-card{background:var(--card-bg-light);border:2px solid transparent;border-radius:16px;padding:1rem;text-align:center;cursor:pointer;transition:all .2s;position:relative}.package-card:hover{border-color:var(--primary);transform:translateY(-2px)}.package-card.popular{border-color:var(--gold)}.popular-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--gold),#ff6348);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:50px}.package-name{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.3rem}.package-tokens{font-size:1.8rem;font-weight:800;color:var(--primary)}.package-label{font-size:.7rem;color:var(--text-muted);margin-bottom:.3rem}.package-bonus{font-size:.75rem;color:var(--success);font-weight:600;margin-bottom:.3rem}.package-price{font-size:1.1rem;font-weight:700}.close-btn,.back-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.back-btn{right:auto;left:1rem;font-size:1.2rem}.blik-instructions{margin:1.5rem 0}.blik-step{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-muted);font-size:.9rem}.step-num{width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.blik-input-wrapper{position:relative;margin:1.5rem 0}.blik-input{width:100%;padding:1rem;background:var(--card-bg-light);border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:2rem;font-weight:700;text-align:center;letter-spacing:1rem;outline:none;transition:border-color .2s}.blik-input:focus{border-color:var(--primary)}.blik-dots{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:background .2s}.dot.filled{background:var(--success)}.blik-security{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:1rem}.processing{text-align:center}.processing-spinner{position:relative;width:80px;height:80px;margin:0 auto 1.5rem}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){top:8px;right:8px;bottom:8px;left:8px;border-top-color:var(--accent);animation-duration:1.5s;animation-direction:reverse}.spinner-ring:nth-child(3){top:16px;right:16px;bottom:16px;left:16px;border-top-color:var(--gold);animation-duration:2s}.countdown{margin:1.5rem 0}.countdown-label{display:block;color:var(--text-muted);font-size:.85rem;margin-bottom:.3rem}.countdown-time{font-size:2rem;font-weight:800;color:var(--primary);font-family:Courier New,monospace}.progress-bar{width:100%;height:4px;background:var(--card-bg-light);border-radius:2px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px}.processing-steps{text-align:left;max-width:280px;margin:0 auto}.pstep{padding:.5rem 0;font-size:.85rem;color:var(--text-muted)}.pstep.done{color:var(--success)}.pstep.active{color:var(--primary);font-weight:600}.success{text-align:center}.success-animation{font-size:4rem;margin-bottom:1rem}.success-amount{font-size:3rem;font-weight:800;color:var(--success);margin:1rem 0}.success-text{color:var(--text-muted);margin-bottom:1.5rem}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;width:100%;box-shadow:0 10px 40px #ff475766;transition:all .3s}.cta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 50px #ff475799}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.selected-package{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg-light);padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem}.selected-package span:first-child{font-weight:600}.selected-package span:last-child{color:var(--primary);font-weight:700}@media(max-width:480px){.token-shop{padding:1.5rem}.packages-grid{gap:.5rem}.package-card{padding:.75rem}.blik-input{font-size:1.5rem;letter-spacing:.5rem}}.app-layout{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.app-navbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;height:56px;background:var(--card-bg);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;z-index:100}.navbar-left{display:flex;align-items:center;gap:.75rem}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:4px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--text-muted);border-radius:2px;transition:all .2s}.navbar-logo{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-icon{font-size:1.3rem}.logo-text{font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-center{display:flex;align-items:center;gap:.25rem}.nav-tab{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.nav-tab:hover{color:var(--text);background:#ffffff0d}.nav-tab.active{color:var(--primary);background:#ff47571a;font-weight:600}.navbar-right{display:flex;align-items:center;gap:.75rem}.token-badge{display:flex;align-items:center;gap:.3rem;background:#ff47571a;padding:.35rem .75rem;border-radius:50px;font-size:.85rem;font-weight:600;color:var(--primary);cursor:pointer;transition:all .2s}.token-badge:hover{background:#ff475733}.user-menu{position:relative;display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:12px;transition:background .2s}.user-menu:hover{background:#ffffff0d}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff}.user-name{font-size:.85rem;font-weight:500;color:var(--text)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;min-width:180px;box-shadow:0 10px 40px #00000080;z-index:200}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:8px;font-size:.85rem;color:var(--text);cursor:pointer;transition:background .15s}.dropdown-item:hover{background:#ffffff0d}.dropdown-item.danger{color:#ff6b6b}.dropdown-divider{height:1px;background:#ffffff0f;margin:.25rem 0}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50}.app-body{flex:1;display:flex;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.inbox-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}.loader-spinner{width:32px;height:32px;border:3px solid var(--card-bg-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.inbox-page{flex:1;overflow-y:auto;padding:1.5rem}.inbox-header{margin-bottom:1.5rem}.inbox-header h2{font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.inbox-header p{color:var(--text-muted);font-size:.9rem}.model-grid{display:flex;flex-direction:column;gap:.5rem}.model-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:16px;cursor:pointer;transition:background .15s}.model-card:hover{background:#ffffff0a}.model-card-photo{position:relative;width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0}.model-card-photo img{width:100%;height:100%;object-fit:cover}.model-online-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;background:var(--success);border:2px solid var(--bg);border-radius:50%}.model-card-info{flex:1;min-width:0}.model-card-name{font-weight:600;font-size:.95rem;margin-bottom:.15rem}.model-card-city{font-size:.8rem;color:var(--text-muted)}.model-card-badge{display:inline-block;margin-top:.25rem;font-size:.7rem;font-weight:600;color:var(--primary);background:#ff47571a;padding:.1rem .5rem;border-radius:50px}.model-card-arrow{font-size:1.5rem;color:var(--text-muted);flex-shrink:0}.inbox-empty{text-align:center;padding:4rem 1rem}.inbox-empty h3{margin-bottom:.5rem}.discover-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1.5rem}.discover-stack{position:relative;width:100%;max-width:360px}.discover-card{background:var(--card-bg);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.discover-photo{width:100%;height:360px;object-fit:cover;display:block}.discover-info{padding:1.25rem}.discover-name{font-size:1.3rem;font-weight:700;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.premium-badge{font-size:.7rem;font-weight:600;background:linear-gradient(135deg,var(--gold),#ff6348);color:#fff;padding:.15rem .5rem;border-radius:50px}.discover-city{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.discover-bio{font-size:.85rem;color:var(--text-muted);line-height:1.4}.discover-actions{display:flex;gap:2rem}.discover-btn{width:64px;height:64px;border-radius:50%;border:none;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.discover-btn:hover{transform:scale(1.1)}.discover-btn.skip{background:var(--card-bg-light);color:#ff6b6b;border:2px solid rgba(255,107,107,.3)}.discover-btn.like{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.discover-counter{font-size:.8rem;color:var(--text-muted)}.chat-page{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-page>div:nth-child(2){flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}@media(max-width:640px){.menu-toggle{display:flex}.user-name,.navbar-center,.logo-text{display:none}.nav-tab{padding:.5rem .75rem;font-size:.8rem}}