.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.loading-container{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(2){width:85%;height:85%;top:7.5%;left:7.5%;border-top-color:var(--primary-light);animation-delay:.2s}.spinner-ring:nth-child(3){width:70%;height:70%;top:15%;left:15%;border-top-color:var(--primary-lighter);animation-delay:.4s}.loading-text{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--weight-medium);animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-inline{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px}.loading-spinner-small{position:relative;width:32px;height:32px}.loading-spinner-small .spinner-ring{border-width:2px}.loading-text-small{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.feature-unlock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.feature-unlock-overlay.closing{animation:fadeOut .2s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.feature-unlock-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;padding:32px 24px;max-width:340px;width:100%;position:relative;box-shadow:0 25px 50px #00000080,0 0 100px #6366f126;border:1px solid rgba(255,255,255,.1);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.feature-unlock-modal.closing{animation:modalSlideOut .2s ease forwards}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}.feature-unlock-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(236,72,153,.1) 0%,transparent 50%);pointer-events:none}.feature-unlock-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.feature-unlock-close:hover{background:#fff3;color:#fff}.feature-unlock-icon-wrapper{position:relative;width:100px;height:100px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.feature-unlock-glow{position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(.9);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.feature-unlock-pulse{position:absolute;width:80px;height:80px;border:2px solid rgba(99,102,241,.5);border-radius:50%;animation:pulsing 2s ease-out infinite}@keyframes pulsing{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}.feature-unlock-icon-bg{position:relative;width:80px;height:80px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #6366f166;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.feature-unlock-lock{color:#fff;width:36px;height:36px;animation:lockShake .5s ease-in-out}@keyframes lockShake{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}.feature-unlock-feature-icon{position:absolute;bottom:-5px;right:-5px;width:40px;height:40px;background:linear-gradient(135deg,#ec4899,#f43f5e);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #ec489966;border:3px solid #1a1a2e;animation:featureIconPop .4s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes featureIconPop{0%{transform:scale(0)}to{transform:scale(1)}}.feature-unlock-content{text-align:center;position:relative;z-index:1}.feature-unlock-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.5px}.feature-unlock-description{font-size:15px;color:#ffffffb3;margin:0 0 16px;line-height:1.5}.feature-unlock-description .highlight{color:#a78bfa;font-weight:600}.feature-unlock-timer-info{display:inline-flex;align-items:center;gap:8px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:100px;padding:8px 16px;font-size:13px;color:#a78bfa;margin-bottom:24px}.feature-unlock-timer-info svg{animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.feature-unlock-buttons{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.feature-unlock-btn{width:100%;padding:16px 24px;border-radius:14px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s ease;border:none}.feature-unlock-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 8px 30px #6366f166}.feature-unlock-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6366f180}.feature-unlock-btn.primary:active{transform:translateY(0)}.feature-unlock-btn.secondary{background:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-unlock-btn.secondary:hover{background:#ffffff1f;border-color:#ffffff40}.feature-unlock-btn.secondary svg{color:#fbbf24}.feature-unlock-btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}.feature-unlock-bonus{font-size:12px;font-weight:500;color:#ffffffd9;background:#ffffff26;padding:2px 8px;border-radius:20px}@media (max-width: 380px){.feature-unlock-modal{padding:24px 20px;margin:10px}.feature-unlock-title{font-size:20px}.feature-unlock-description{font-size:14px}.feature-unlock-btn{padding:14px 20px;font-size:15px}}.almost-matched-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:almostFadeIn .3s ease-out;padding:20px}.almost-matched-overlay.closing{animation:almostFadeOut .2s ease-in forwards}@keyframes almostFadeIn{0%{opacity:0}to{opacity:1}}@keyframes almostFadeOut{0%{opacity:1}to{opacity:0}}.almost-matched-modal{background:linear-gradient(135deg,#1e1e32fa,#141423fa);border:1px solid rgba(236,72,153,.3);border-radius:24px;padding:28px 24px;width:100%;max-width:340px;position:relative;animation:almostSlideUp .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #ec48994d,0 0 80px #ec489926,inset 0 1px #ffffff1a}.almost-matched-modal.closing{animation:almostSlideDown .2s ease-in forwards}@keyframes almostSlideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes almostSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}.almost-matched-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.almost-matched-close:hover{background:#ffffff26;color:var(--text-primary)}.almost-matched-animation{position:relative;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.hearts-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.heart{position:absolute;color:#ec4899;filter:drop-shadow(0 0 10px rgba(236,72,153,.6))}.heart-1{left:20%;animation:heartFloat 2s ease-in-out infinite}.heart-2{animation:heartPulse 1.5s ease-in-out infinite}.heart-3{right:20%;animation:heartFloat 2s ease-in-out infinite .5s}@keyframes heartFloat{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-15px) rotate(10deg)}}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.almost-matched-glow{position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(236,72,153,.4) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.almost-matched-icon{position:relative;z-index:2;width:80px;height:80px;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 30px #ec489980;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.almost-matched-content{text-align:center;margin-bottom:24px}.almost-matched-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.almost-matched-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.almost-matched-description .highlight{color:#ec4899;font-weight:600}.almost-matched-buttons{display:flex;flex-direction:column;gap:12px}.almost-matched-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:none}.almost-matched-btn.primary{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;box-shadow:0 4px 20px #ec489966}.almost-matched-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ec489980}.almost-matched-btn.primary:active{transform:scale(.98)}.almost-matched-btn.secondary{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.almost-matched-btn.secondary:hover{background:#f59e0b40;border-color:#f59e0b80}.almost-matched-btn.secondary:active{transform:scale(.98)}.premium-expiring-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:12px;padding:12px 16px;margin-bottom:16px;cursor:pointer;position:relative;box-shadow:0 4px 15px #f973164d;animation:pulse-banner 2s ease-in-out infinite}@keyframes pulse-banner{0%,to{box-shadow:0 4px 15px #f973164d}50%{box-shadow:0 4px 25px #f9731680}}.peb-icon{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.peb-content{flex:1;display:flex;flex-direction:column;gap:2px}.peb-title{font-size:14px;font-weight:600;color:#fff}.peb-time{font-size:12px;color:#ffffffd9}.peb-action{flex-shrink:0}.peb-discount{background:#fff;color:#ea580c;font-size:14px;font-weight:700;padding:6px 12px;border-radius:20px}.peb-close{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#0003;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.discount-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.discount-modal{background:var(--bg-primary);border-radius:20px;padding:24px;max-width:340px;width:100%;position:relative;animation:slideUp .3s ease-out}.discount-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.discount-modal-close:hover{background:#fff3;color:#fff}.discount-header{text-align:center;margin-bottom:20px}.discount-icon{width:64px;height:64px;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px;box-shadow:0 0 30px #f9731666}.discount-header h2{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.discount-remaining{font-size:14px;color:var(--text-secondary);margin:0}.discount-remaining strong{color:#f97316}.discount-offer{background:linear-gradient(135deg,#f9731626,#ea580c1a);border:1px solid rgba(249,115,22,.3);border-radius:12px;padding:16px;text-align:center;margin-bottom:20px}.discount-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:16px;font-weight:700;padding:8px 16px;border-radius:20px;margin-bottom:12px}.discount-timer-label{font-size:12px;color:var(--text-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.discount-timer{display:inline-flex;align-items:center;gap:8px;background:#0000004d;color:#fbbf24;font-size:20px;font-weight:700;font-family:SF Mono,monospace;padding:8px 16px;border-radius:8px}.discount-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.discount-benefit{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:10px 12px;border-radius:10px;font-size:12px;color:var(--text-secondary)}.benefit-icon{font-size:16px}.discount-actions{display:flex;flex-direction:column;gap:10px}.discount-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.discount-btn.primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 15px #f9731666}.discount-btn.primary:active{transform:scale(.98)}.discount-btn.secondary{background:#ffffff1a;color:var(--text-secondary)}.discount-btn.secondary:active{background:#ffffff26}.discover-page{height:100%;display:flex;flex-direction:column;padding:12px 12px 0;overflow:hidden;position:relative;max-height:calc(100vh - 70px);background:var(--bg-dark)}.discover-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,107,157,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.08) 0%,transparent 40%);pointer-events:none;z-index:0}.undo-btn{position:absolute;top:16px;left:16px;z-index:100;width:48px;height:48px;border-radius:50%;background:#14141ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #8b5cf633,inset 0 1px #ffffff0d}.undo-btn:hover{transform:scale(1.1);border-color:var(--primary);box-shadow:0 4px 30px #8b5cf666}.undo-btn:active{transform:scale(.95)}.swipes-warning{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#ef44441a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:12px;flex-shrink:0;animation:warningPulse 2s ease-in-out infinite;box-shadow:0 4px 20px #ef444426;position:relative;z-index:1}@keyframes warningPulse{0%,to{box-shadow:0 4px 20px #ef444426}50%{box-shadow:0 4px 30px #ef44444d}}.cards-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;perspective:1000px;min-height:0;margin-bottom:0;z-index:1}.no-more-cards{display:flex;align-items:center;justify-content:center;height:100%}.no-more-cards .empty-state{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px 32px;text-align:center;box-shadow:0 4px 24px #0000001a}.no-more-cards .empty-state-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#ff6b9d33,#8b5cf633);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconFloat 3s ease-in-out infinite}.no-more-cards .empty-state-icon svg{color:#ff6b9d}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.swipe-card{position:absolute;width:100%;max-width:400px;height:100%;max-height:calc(100vh - 280px);border-radius:24px;background:var(--bg-card);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;transition:transform .15s ease-out,box-shadow .3s ease;border:1px solid rgba(255,255,255,.08)}.swipe-card:not(.active){pointer-events:none}.swipe-card:nth-child(1){transform:scale(.88) translateY(24px);z-index:1;filter:brightness(.6) blur(2px)}.swipe-card:nth-child(2){transform:scale(.94) translateY(12px);z-index:2;filter:brightness(.8) blur(1px)}.swipe-card.active{z-index:10;filter:brightness(1);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d}.swipe-card.swipe-left{animation:swipeLeft .6s cubic-bezier(.4,0,.2,1) forwards}.swipe-card.swipe-right{animation:swipeRight .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes swipeLeft{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(-150%) rotate(-30deg) scale(.8);opacity:0}}@keyframes swipeRight{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(150%) rotate(30deg) scale(.8);opacity:0}}.card-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;transform:translateZ(0)}.swipe-card:active .card-photo{transform:scale(1.02)}.card-photo-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b9d,#c44bff);color:#fff;font-size:80px;font-weight:700}.card-overlay{position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to top,#000000f2,#000000b3,#0000004d 60%,#0000);pointer-events:none;z-index:1}.card-badges{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:5}.card-badges:empty{display:none}.card-badge{padding:8px 14px;background:#00000080;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:20px;font-size:12px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #0003}.card-badge.verified{background:#10b98166;border-color:#10b98180;box-shadow:0 4px 15px #10b9814d}.card-badge.premium{background:linear-gradient(135deg,#f59e0b80,#fbbf2466);border-color:#fbbf2480;box-shadow:0 4px 15px #f59e0b4d}.card-info{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:2}.card-name{font-size:28px;font-weight:800;margin-bottom:8px;display:flex;align-items:baseline;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.card-name .age{font-weight:400;color:#ffffffe6}.card-name .verified-icon{width:24px;height:24px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:12px;box-shadow:0 2px 10px #10b98166}.card-name .verified-icon svg{width:14px;height:14px;color:#fff}.card-location{display:flex;align-items:center;gap:8px;font-size:15px;color:#ffffffd9;margin-bottom:12px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.card-location svg{width:16px;height:16px;color:#10b981;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.card-bio{font-size:14px;color:#fffc;line-height:1.6;display:flex;align-items:flex-start;text-shadow:0 1px 4px rgba(0,0,0,.5)}.card-bio .bio-icon{flex-shrink:0;color:var(--primary);opacity:.8;margin-top:3px;margin-right:8px}.card-bio span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-interests{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.card-interest{padding:6px 14px;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:16px;font-size:12px;font-weight:500;color:#fff;box-shadow:0 2px 8px #0000001a}.card-swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);padding:16px 32px;border-radius:12px;font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:3px;opacity:0;transition:opacity .2s ease;z-index:20}.card-swipe-indicator.like{right:24px;border:4px solid #10b981;color:#10b981;transform:translateY(-50%) rotate(20deg);text-shadow:0 0 30px rgba(16,185,129,.6);background:#10b9811a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-swipe-indicator.nope{left:24px;border:4px solid #ef4444;color:#ef4444;transform:translateY(-50%) rotate(-20deg);text-shadow:0 0 30px rgba(239,68,68,.6);background:#ef44441a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-swipe-indicator.super{left:50%;top:30%;transform:translate(-50%) rotate(-10deg);border:4px solid #3b82f6;color:#3b82f6;text-shadow:0 0 30px rgba(59,130,246,.6);background:#3b82f61a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.swipe-card.swiping-right .card-swipe-indicator.like,.swipe-card.swiping-left .card-swipe-indicator.nope,.swipe-card.swiping-up .card-swipe-indicator.super{opacity:1}.action-buttons{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 20px 16px;flex-shrink:0;position:relative;z-index:100}.action-buttons .btn-icon{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;outline:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-dislike{width:60px;height:60px;background:#f973161a;border:2px solid rgba(249,115,22,.4)!important;color:#f97316;box-shadow:0 4px 20px #f9731626}.btn-dislike:hover{transform:scale(1.1);border-color:#f97316!important;box-shadow:0 6px 30px #f973164d;background:#f9731626}.btn-dislike:active{transform:scale(.92)}.btn-like{width:72px;height:72px;background:#10b9811a;border:2px solid rgba(16,185,129,.4)!important;color:#10b981;box-shadow:0 4px 20px #10b98126}.btn-like:hover{transform:scale(1.1);border-color:#10b981!important;box-shadow:0 6px 30px #10b9814d;background:#10b98126}.btn-like:active{transform:scale(.92)}.btn-superlike{width:52px;height:52px;background:#3b82f61a;border:2px solid rgba(59,130,246,.4)!important;color:#3b82f6;box-shadow:0 4px 20px #3b82f626}.btn-superlike:hover{transform:scale(1.1);border-color:#3b82f6!important;box-shadow:0 6px 30px #3b82f64d;background:#3b82f626}.btn-superlike:active{transform:scale(.92)}.action-buttons .btn-secondary{width:44px;height:44px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15)!important;color:var(--text-muted);box-shadow:0 4px 15px #0000001a}.action-buttons .btn-secondary:hover{transform:scale(1.08);color:var(--primary);border-color:var(--primary)!important;background:#8b5cf61a}.action-buttons .btn-secondary:active{transform:scale(.92)}.btn-dislike svg{width:28px;height:28px;stroke-width:2.5}.btn-like svg{width:34px;height:34px;stroke-width:2;fill:currentColor}.btn-superlike svg{width:24px;height:24px;fill:currentColor}.action-buttons .btn-secondary svg{width:20px;height:20px}.swipe-limit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ff2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.swipe-limit-modal{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:40px 32px;text-align:center;max-width:360px;width:90%;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff0d}.swipe-limit-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#ff6b9d,#c44bff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:iconPulseGlow 2s ease-in-out infinite;box-shadow:0 10px 40px #ff6b9d66,inset 0 -5px 20px #c44bff4d}@keyframes iconPulseGlow{0%,to{box-shadow:0 10px 40px #ff6b9d66}50%{box-shadow:0 10px 60px #ff6b9d99,0 0 0 15px #ff6b9d1a}}.swipe-limit-title{font-size:28px;font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:14px;background:linear-gradient(135deg,#ff6b9d,#c44bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.swipe-limit-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin-bottom:28px}.swipe-limit-text .highlight{color:var(--primary);font-weight:var(--weight-bold)}.swipe-limit-actions{display:flex;flex-direction:column;gap:12px}.btn-gradient{background:linear-gradient(135deg,#ff6b9d,#c44bff);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:15px;font-weight:var(--weight-semibold);border-radius:16px;border:none;box-shadow:0 6px 25px #ff6b9d66;transition:all .3s ease}.btn-gradient:active{transform:scale(.98);box-shadow:0 3px 15px #ff6b9d4d}.btn-premium{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:15px;font-weight:var(--weight-semibold);border-radius:16px;border:none;box-shadow:0 6px 25px #f59e0b66;transition:all .3s ease}.btn-premium:active{transform:scale(.98);box-shadow:0 3px 15px #f59e0b4d}.match-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ff2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.match-modal{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:40px 32px;text-align:center;max-width:360px;width:90%;animation:matchModalIn .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.match-modal:before,.match-modal:after{content:"";position:absolute;font-size:20px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes matchModalIn{0%{opacity:0;transform:scale(.5) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.match-title{font-size:36px;font-weight:800;background:linear-gradient(135deg,#ff6b9d,#c44bff,#ff6b9d);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.match-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:14px}.match-photos{display:flex;justify-content:center;margin-bottom:32px;position:relative}.match-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-card);box-shadow:0 10px 30px #0000004d;position:relative;animation:matchPhotoIn .6s ease-out backwards}.match-photo:first-child{margin-right:-20px;z-index:1;animation-delay:.1s}.match-photo:last-child{animation-delay:.2s}@keyframes matchPhotoIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.match-photos:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:linear-gradient(135deg,#ff6b9d,#c44bff);border-radius:50%;z-index:10;animation:heartBeat 1s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}}.match-actions{display:flex;flex-direction:column;gap:12px}.match-actions .btn{padding:16px 24px;font-size:15px;border-radius:16px}@media (max-width: 359px){.action-buttons{padding-bottom:31px}.card-info{padding:16px}.card-name{font-size:22px}.card-location{font-size:13px}.card-bio{font-size:12px;-webkit-line-clamp:2}.card-swipe-indicator{font-size:20px;padding:10px 20px}.match-modal,.swipe-limit-modal{padding:28px 20px}.match-title,.swipe-limit-title{font-size:24px}.match-photo{width:80px;height:80px}}@media (min-width: 360px) and (max-width: 374px){.action-buttons{padding-bottom:31px}.card-name{font-size:24px}}@media (min-width: 375px) and (max-width: 413px){.action-buttons{padding-bottom:31px}.card-name{font-size:26px}}@media (min-width: 414px) and (max-width: 479px){.action-buttons{padding-bottom:31px}.card-info{padding:26px}}@media (min-width: 480px) and (max-width: 599px){.action-buttons{padding-bottom:31px}.card-info{padding:28px}.card-name{font-size:30px}}@media (min-width: 600px) and (max-width: 767px){.action-buttons{padding-bottom:31px}.card-info{padding:32px}.card-name{font-size:32px}.card-bio{font-size:15px;-webkit-line-clamp:3}.match-modal,.swipe-limit-modal{max-width:420px}}@media (min-width: 768px) and (max-width: 1023px){.card-info{padding:36px}.card-name{font-size:34px}}@media (min-width: 1024px){.card-info{padding:36px}}@media (max-height: 500px) and (orientation: landscape){.card-info{padding:14px}.card-name{font-size:18px}.card-bio{display:none}.swipes-warning{font-size:11px;padding:6px 12px}}@media (max-height: 650px) and (orientation: portrait){.card-info{padding:16px}.card-name{font-size:24px}}.profile-status-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.profile-status-modal{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:36px 28px;max-width:360px;width:100%;text-align:center;position:relative;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-status-modal .modal-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:none;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.profile-status-modal .modal-close-btn:hover{background:#ffffff26;color:#fff}.status-icon-wrapper{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;position:relative}.status-icon-wrapper.pending{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);color:#fbbf24;border:2px solid rgba(251,191,36,.3)}.status-icon-wrapper.rejected{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#ef4444;border:2px solid rgba(239,68,68,.3)}.status-icon-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:2px solid rgba(251,191,36,.5);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:0}}.profile-status-modal h3{font-size:24px;font-weight:700;color:#fff;margin-bottom:14px}.profile-status-modal.pending h3{color:#fbbf24}.profile-status-modal.rejected h3{color:#ef4444}.profile-status-modal p{font-size:15px;color:#ffffffb3;line-height:1.7;margin-bottom:24px}.status-tips{background:#ffffff0d;border-radius:14px;padding:14px 18px;margin-bottom:28px}.status-tips span{font-size:13px;color:#fff9}.profile-status-modal .btn-primary{width:100%;padding:16px 24px;font-size:16px;font-weight:600;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 25px #8b5cf64d}.profile-status-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.profile-status-modal .btn-primary:active{transform:translateY(0) scale(.98)}.match-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b9d,#c44bff);border-radius:50px;padding:12px 20px;display:flex;align-items:center;gap:12px;z-index:1000;animation:matchToastIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #ff6b9d66,0 0 0 1px #ffffff1a inset;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;max-width:calc(100% - 32px)}.match-toast:active{transform:translate(-50%) scale(.96)}@keyframes matchToastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.match-toast-icon{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:heartPulse 1s ease-in-out infinite}.match-toast-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.match-toast-title{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-toast-subtitle{font-size:12px;color:#fffc}.match-toast svg:last-child{color:#ffffffe6;flex-shrink:0}.swipe-card.secret-card{cursor:pointer}.secret-card-photo{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f1a);display:flex;align-items:center;justify-content:center;overflow:hidden}.secret-card-silhouette{position:absolute;width:60%;height:70%;background:linear-gradient(180deg,rgba(139,92,246,.15) 0%,rgba(236,72,153,.1) 50%,transparent 100%);border-radius:50%/60% 60% 40% 40%;filter:blur(30px);animation:silhouettePulse 3s ease-in-out infinite}@keyframes silhouettePulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.8}}.secret-card-glow{position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,rgba(139,92,246,.08) 30%,transparent 60%);animation:glowRotate 10s linear infinite}.secret-overlay{background:linear-gradient(180deg,transparent 0%,transparent 30%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.95) 100%)!important}.secret-card-lock{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:flex;align-items:center;justify-content:center;z-index:10}.secret-card-lock svg{color:#ffffffe6;filter:drop-shadow(0 4px 20px rgba(236,72,153,.5));animation:lockFloat 3s ease-in-out infinite}@keyframes lockFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lock-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(236,72,153,.5);animation:lockPulseAnim 2s ease-out infinite}.lock-pulse.delay{animation-delay:1s}@keyframes lockPulseAnim{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}.secret-card-badge{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ec4899e6,#8b5cf6e6);border-radius:50px;font-size:14px;font-weight:600;color:#fff;box-shadow:0 4px 20px #ec489966;z-index:20;animation:badgeFloat 2s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.secret-card-info{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:15;display:flex;flex-direction:column;align-items:center;gap:16px}.secret-card-text{text-align:center;color:#fff}.secret-card-text svg{color:#ec4899;margin-bottom:8px;filter:drop-shadow(0 2px 10px rgba(236,72,153,.5))}.secret-card-text h3{font-size:22px;font-weight:700;margin-bottom:6px;background:linear-gradient(135deg,#fff,#f8bbd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.secret-card-text p{font-size:14px;color:#ffffffb3}.secret-card-unlock-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 6px 25px #ec489966;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.secret-card-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec489980}.secret-card-unlock-btn:active{transform:scale(.98)}.likes-page{min-height:100%;padding-bottom:calc(80px + env(safe-area-inset-bottom,32px));background:var(--bg-dark)}.likes-page-no-premium{padding:0;display:flex;flex-direction:column}.likes-hero{text-align:center;padding:40px 24px 24px;background:linear-gradient(180deg,var(--bg-primary) 0%,transparent 100%)}.likes-hero-heart{margin-bottom:20px;animation:heartPulse 2s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.likes-hero h1{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.likes-hero p{font-size:15px;color:var(--text-muted);line-height:1.5;max-width:280px;margin:0 auto}.likes-actions-buttons{padding:0 16px 24px;display:flex;flex-direction:column;gap:12px}.btn-likes-action{width:100%;padding:16px 24px;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:10px}.btn-likes-action.primary{background:linear-gradient(135deg,#ff6b9d,#c850c0);color:#fff;box-shadow:0 4px 20px #ff6b9d66}.btn-likes-action.primary:active{transform:scale(.98);box-shadow:0 2px 10px #ff6b9d4d}.btn-likes-action.secondary{background:transparent;color:#ff6b9d;border:2px solid rgba(255,107,157,.3)}.btn-likes-action.secondary:active{background:#ff6b9d1a}.blurred-likes-grid{padding:0 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.blurred-like-card{display:flex;flex-direction:column;cursor:pointer}.blurred-photo-container{position:relative;width:100%;aspect-ratio:3/4;border-radius:20px;overflow:hidden}.blurred-photo{width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.1)}.blurred-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);filter:blur(15px)}.blurred-placeholder span{font-size:48px;font-weight:700;color:#fff;opacity:.5}.blur-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff}.blurred-card-actions{display:flex;justify-content:center;gap:16px;padding:16px}.blurred-action-btn{width:56px;height:56px;border-radius:16px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:var(--bg-card);box-shadow:0 4px 15px #0000004d}.blurred-action-btn:active{transform:scale(.9)}.blurred-action-btn.skip{color:#ef4444}.blurred-action-btn.like{color:#3b82f6}.blurred-action-btn.like svg{fill:#3b82f6}.no-likes-yet{text-align:center;padding:40px 24px}.no-likes-yet p{font-size:15px;color:var(--text-muted)}.no-likes-yet .hint{font-size:13px;color:var(--text-secondary);margin-top:8px}.like-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px 10px 10px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:none}.like-card-info h3{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.like-card-info .like-user-status{font-size:11px;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.3)}.like-card-info .like-user-status.online{color:#4ade80}.like-card-info .like-user-status.recently{color:#fbbf24}.like-photo-wrapper .online-badge{position:absolute;top:10px;right:10px;width:12px;height:12px;background:#22c55e;border:2px solid white;border-radius:50%;z-index:5;box-shadow:0 2px 4px #0003}.likes-locked{display:flex;align-items:center;justify-content:center;min-height:100%;padding:24px}.locked-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:48px 28px;text-align:center;width:100%;max-width:340px;position:relative;overflow:hidden}.locked-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:var(--radius-xl);z-index:-1;opacity:.3;filter:blur(15px);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.2}50%{opacity:.5}}.locked-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.locked-icon svg{filter:drop-shadow(0 0 20px rgba(239,68,68,.5))}.likes-count-badge{position:absolute;top:-8px;right:-12px;background:var(--gradient-danger);color:#fff;font-size:14px;font-weight:700;min-width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ef444466;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.locked-card h2{font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.locked-card .text-muted{color:var(--text-muted);font-size:14px;line-height:1.5}.blurred-previews{display:flex;justify-content:center;gap:12px;margin:28px 0}.blurred-preview{width:80px;height:100px;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);position:relative;overflow:hidden}.blurred-preview:before{content:"";position:absolute;top:15%;left:50%;transform:translate(-50%);width:35px;height:35px;background:var(--bg-elevated);border-radius:50%}.blurred-preview:after{content:"";position:absolute;top:55%;left:50%;transform:translate(-50%);width:50px;height:30px;background:var(--bg-elevated);border-radius:25px 25px 0 0}.blurred-preview svg{position:relative;z-index:2}.likes-counter{background:var(--gradient-primary);color:#fff;font-size:14px;font-weight:700;padding:6px 14px;border-radius:14px;box-shadow:var(--shadow-glow)}.likes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;align-items:start}.like-card{display:flex;flex-direction:column;background:var(--bg-card);border-radius:16px;overflow:hidden}.like-card:active .like-photo-wrapper{transform:scale(.98)}.like-photo-wrapper{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.like-photo{width:100%;height:100%;object-fit:cover;pointer-events:auto}.like-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-size:36px;font-weight:700}.like-info{padding:14px 14px 70px}.like-info h3{font-size:15px;font-weight:700;margin-bottom:4px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.like-info .like-city{font-size:13px;color:var(--text-muted);margin-bottom:6px}.like-info .like-bio{font-size:12px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px}.super-like-badge{position:absolute;top:10px;left:10px;background:var(--gradient-secondary);color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 10px #3b82f666;z-index:5}.like-card.super-like{box-shadow:0 0 20px #3b82f64d}.like-back-btn{border-radius:var(--radius-md);border:none;background:var(--gradient-success);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #10b98166;transition:all .3s cubic-bezier(.4,0,.2,1)}.like-back-btn:hover{box-shadow:0 6px 20px #10b98180}.like-back-btn:active{transform:scale(.95)}.like-back-btn svg{fill:#fff}.like-card.new:after{content:"NEW";position:absolute;top:10px;right:10px;background:var(--gradient-danger);color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.like-time{font-size:11px;color:var(--text-muted);margin-top:4px}.likes-page .empty-state{padding:80px 24px}.likes-page .empty-state-icon{background:var(--bg-card);border:1px solid var(--border-subtle)}.likes-page .empty-state-icon svg{color:var(--primary)}@media (max-width: 359px){.locked-card{padding:36px 20px}.locked-card h2{font-size:18px}.locked-icon svg{width:40px;height:40px}.blurred-previews{gap:8px}.blurred-preview{width:65px;height:85px}.likes-grid{gap:10px;padding:12px}.like-info{padding:10px}.like-info h3{font-size:13px}.like-back-btn{width:38px;height:38px;bottom:50px}}@media (min-width: 360px) and (max-width: 374px){.likes-grid{gap:12px}}@media (min-width: 375px) and (max-width: 413px){.like-back-btn{width:42px;height:42px}}@media (min-width: 414px) and (max-width: 479px){.likes-grid{gap:14px;padding:18px}.like-info{padding:16px}.like-info h3{font-size:16px}}@media (min-width: 480px) and (max-width: 599px){.likes-page{max-width:500px;margin:0 auto}.likes-grid{gap:16px;padding:20px}.like-back-btn{width:48px;height:48px}}@media (min-width: 600px) and (max-width: 767px){.likes-page{max-width:600px;margin:0 auto}.likes-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}.locked-card{max-width:400px;padding:56px 32px}}@media (min-width: 768px) and (max-width: 1023px){.likes-page{max-width:700px;margin:0 auto}.likes-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:28px}.like-info h3{font-size:17px}}@media (min-width: 1024px){.likes-page{max-width:900px;margin:0 auto}.likes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-height: 500px) and (orientation: landscape){.likes-locked{padding:16px}.locked-card{padding:24px;max-width:400px}.locked-icon svg{width:36px;height:36px}.blurred-previews{margin:16px 0}.likes-grid{grid-template-columns:repeat(3,1fr);padding:12px;gap:10px}.like-photo-wrapper{aspect-ratio:1/1}}.locked-card.verification-required:before{background:linear-gradient(135deg,#ef4444,#f97316)}.locked-icon.warning svg{color:#f97316;filter:drop-shadow(0 0 20px rgba(249,115,22,.5))}.likes-waiting{display:flex;align-items:center;justify-content:center;gap:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:12px 16px;margin:20px 0}.likes-waiting span{font-size:14px;font-weight:600;color:#ef4444}.verification-steps{margin:24px 0;text-align:left}.verification-steps .step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#10b9811a;border-radius:var(--radius-sm);margin-bottom:8px}.verification-steps .step svg{color:#10b981;flex-shrink:0}.verification-steps .step span{font-size:14px;font-weight:500;color:#10b981}.verification-steps .step.pending{background:#f973161a}.verification-steps .step.pending svg{color:#f97316}.verification-steps .step.pending span{color:#f97316}.like-actions{display:flex;justify-content:center;gap:12px;padding:12px;background:var(--bg-card)}.skip-btn,.like-actions .like-back-btn{width:48px;height:48px;border-radius:14px;border:none!important;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:var(--bg-elevated);flex-shrink:0}.skip-btn{color:#ef4444}.like-actions .like-back-btn{color:#3b82f6}.like-actions .like-back-btn svg{fill:#3b82f6}.skip-btn:active,.like-actions .like-back-btn:active{transform:scale(.9)}.like-actions .like-back-btn.locked{background:var(--bg-elevated);color:#9ca3af;cursor:not-allowed;opacity:.6}.like-actions .like-back-btn.locked svg{fill:none;stroke:currentColor;stroke-width:2}.like-actions .like-back-btn.locked:active{transform:scale(1)}.match-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.match-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:40px 28px;text-align:center;width:90%;max-width:360px;animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.match-animation{margin-bottom:20px}.match-heart{animation:heartBeat 1s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.match-modal h2{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:8px;background:linear-gradient(135deg,#ff6b6b,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.match-modal>p{font-size:15px;color:var(--text-muted);margin-bottom:24px}.match-photos{display:flex;justify-content:center;gap:-20px;margin-bottom:28px}.match-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--bg-card);box-shadow:0 4px 20px #0000004d}.match-photo:last-child{margin-left:-20px}.match-actions{display:flex;gap:12px}.match-actions .btn{flex:1;padding:14px}.match-actions .btn-primary{display:flex;align-items:center;justify-content:center;gap:8px}.secret-admirer-banner{margin:12px 16px;padding:16px;background:linear-gradient(135deg,#ec48991f,#8b5cf614);border:1px solid rgba(236,72,153,.3);border-radius:16px;cursor:pointer;position:relative;overflow:hidden;animation:admirerPulse 3s ease-in-out infinite}@keyframes admirerPulse{0%,to{border-color:#ec48994d;box-shadow:0 0 #ec489900}50%{border-color:#ec489980;box-shadow:0 0 30px #ec489933}}.secret-admirer-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 50%);animation:glowRotate 8s linear infinite;pointer-events:none}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.secret-admirer-content{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.secret-admirer-icon{position:relative;width:48px;height:48px;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.secret-admirer-icon svg{color:#fff}.secret-admirer-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ec4899;animation:iconPulse 2s ease-out infinite}@keyframes iconPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.secret-admirer-text{flex:1;min-width:0}.secret-admirer-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.secret-admirer-title svg{color:#fbbf24;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(15deg)}}.secret-admirer-hint{font-size:13px;color:var(--text-secondary);margin:0}.secret-admirer-hint .first-letter{color:#ec4899;font-weight:700;font-size:16px}.secret-admirer-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0;box-shadow:0 4px 15px #ec48994d}.secret-admirer-btn:active{transform:scale(.95)}.chats-page{background:var(--bg-dark)}.chats-list{padding:8px 0;background:var(--bg-dark);display:block}.chat-item{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:none;border-bottom:1px solid var(--border-subtle);position:relative;background:transparent;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.chat-item:last-child{border-bottom:none}.chat-item:hover,.chat-item:active{background:transparent}.chat-item:focus,.chat-item:focus-visible{outline:none;box-shadow:none}.chat-avatar-wrapper{position:relative;flex-shrink:0;display:inline-flex}.chat-avatar-wrapper .online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#22c55e;border:2px solid var(--bg-dark);border-radius:50%;z-index:1}.chat-page-header .chat-avatar-wrapper .online-indicator{bottom:1px;right:1px;width:10px;height:10px;border-width:2px}.chat-name-status{display:flex;flex-direction:column;gap:2px}.chat-status{font-size:12px;color:var(--text-muted)}.chat-status.online{color:var(--success)}.chat-status.recently{color:var(--warning)}.chat-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-subtle)}.chat-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-size:20px;font-weight:700}.chat-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-self:flex-start}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-name{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.chat-name .verified-badge{width:16px;height:16px;background:var(--gradient-success);border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-name .verified-badge svg{width:10px;height:10px;color:#fff}.chat-time{font-size:12px;color:var(--text-muted)}.chat-preview{display:flex;align-items:center;gap:8px}.chat-message{flex:1;font-size:14px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item.unread .chat-message{color:var(--text-secondary);font-weight:500}.chat-unread{background:var(--gradient-primary);color:#fff;font-size:11px;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 7px;box-shadow:var(--shadow-glow)}.new-match-badge{background:var(--gradient-danger);color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.chat-page{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg-dark)}.chat-page-header{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100;flex-shrink:0}.back-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.back-btn:hover{color:var(--text-primary);border-color:var(--border-glow)}.chat-page-header .chat-avatar{width:44px;height:44px}.chat-page-header .chat-avatar-placeholder{font-size:16px}.chat-page-header .chat-user-info{flex:1}.chat-page-header h2{font-size:17px;font-weight:700;color:var(--text-primary)}.chat-page-header .user-status{font-size:12px;color:var(--success)}.chat-page-header .user-status.offline{color:var(--text-muted)}.messages-container{flex:1;overflow-y:auto;padding:16px;padding-bottom:calc(95px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;min-height:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background:var(--bg-dark)}.date-separator{text-align:center;padding:16px 0}.date-separator span{background:var(--bg-card);color:var(--text-muted);font-size:12px;font-weight:500;padding:6px 14px;border-radius:12px}.message{max-width:80%;padding:12px 18px;border-radius:22px;font-size:15px;line-height:1.5;position:relative;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:3px}.message.sent{align-self:flex-end;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-bottom-right-radius:6px;box-shadow:0 1px 2px #0000001f,0 4px 12px #8b5cf640}.message.received{align-self:flex-start;background:linear-gradient(135deg,#1e293b,#1a2332);border:1px solid rgba(139,92,246,.08);color:var(--text-primary);border-bottom-left-radius:6px;box-shadow:0 1px 2px #00000014,0 2px 8px #0000000f}.message-meta{display:inline-flex;align-items:center;gap:4px;font-size:11px;opacity:.75;margin-left:8px;vertical-align:bottom;-webkit-user-select:none;user-select:none}.message-time{white-space:nowrap}.message.sent .message-meta{color:#ffffffd9}.message.received .message-meta{color:var(--text-muted)}.message-status{display:inline-flex;align-items:center}.message-status svg{width:14px;height:14px}.message-status.read svg{color:#34d399}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:var(--bg-card);border-radius:20px 20px 20px 6px;align-self:flex-start;border:1px solid var(--border-subtle)}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.message-input-container{display:flex;gap:8px;padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--bg-card);align-items:flex-end;flex-shrink:0;z-index:50;width:100%;min-height:76px}.message-input{flex:1;padding:14px 18px;border:1px solid var(--border-subtle);border-radius:24px;background:var(--bg-elevated);color:var(--text-primary);font-size:15px;font-family:inherit;height:48px;transition:all .2s ease}.message-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.message-input::placeholder{color:var(--text-muted)}.send-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--gradient-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-glow);flex-shrink:0}.send-btn:disabled{opacity:.4;box-shadow:none}.send-btn:not(:disabled):hover{transform:scale(1.05)}.send-btn:not(:disabled):active{transform:scale(.95)}.send-btn.active{animation:buttonPulseChat 2s ease-in-out infinite}.send-btn.disabled{opacity:.4;background:var(--bg-elevated);box-shadow:none;cursor:not-allowed}@keyframes buttonPulseChat{0%,to{transform:scale(1);box-shadow:var(--shadow-glow)}50%{transform:scale(1.05);box-shadow:0 0 25px #8b5cf699}}.emoji-toggle-btn{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.emoji-toggle-btn:hover{color:var(--primary);background:var(--bg-elevated)}.emoji-picker{position:absolute;bottom:100%;left:10px;right:10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:10px;box-shadow:0 -4px 20px #0000004d;overflow:hidden;animation:emojiPickerIn .2s ease}@keyframes emojiPickerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-categories{display:flex;gap:4px;padding:10px;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.emoji-category-btn{flex:1;padding:8px;border:none;background:transparent;font-size:18px;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.emoji-category-btn:hover{background:var(--bg-glass)}.emoji-category-btn.active{background:var(--primary);box-shadow:var(--shadow-glow)}.emoji-list{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:10px;max-height:200px;overflow-y:auto}.emoji-btn{width:100%;aspect-ratio:1;border:none;background:transparent;font-size:22px;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.emoji-btn:hover{background:var(--bg-elevated);transform:scale(1.15)}.emoji-btn:active{transform:scale(.9)}.chat-menu-container{position:relative}.menu-btn{background:transparent;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.menu-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.chat-menu{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px #0006;min-width:200px;z-index:200;overflow:hidden;animation:menuSlideIn .2s ease}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;width:100%;border:none;background:transparent;color:var(--text-primary);font-size:15px;cursor:pointer;transition:all .2s ease;text-align:left}.chat-menu-item:hover{background:var(--bg-elevated)}.chat-menu-item.danger{color:var(--error)}.chat-menu-item.danger:hover{background:#ef44441a}.chat-menu-item svg{flex-shrink:0}@keyframes pulse-online{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.chat-page-header .user-status{font-size:13px;color:var(--text-muted);display:flex;align-items:center}.chat-page-header .user-status.online{color:var(--success)}.chat-page-header .user-status.recently{color:var(--warning)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:24px;width:100%;max-width:340px;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-content h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:12px;text-align:center}.modal-content p{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:24px;line-height:1.5}.modal-actions{display:flex;gap:12px}.modal-actions .btn{flex:1;padding:14px;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.modal-actions .btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.modal-actions .btn-secondary:hover{background:var(--bg-glass)}.modal-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.modal-actions .btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.report-modal{max-width:380px}.report-modal-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.report-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.report-reason{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;color:var(--text-primary);font-size:15px}.report-reason:hover{border-color:var(--error);background:#ef44440d}.report-reason svg{color:var(--text-muted);flex-shrink:0}.report-reason:hover svg{color:var(--error)}.chats-page .empty-state{padding:80px 24px}.chats-page .empty-state-icon{background:var(--bg-card);border:1px solid var(--border-subtle)}.chats-page .empty-state-icon svg{color:var(--primary)}.empty-chat-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.empty-chat-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.empty-chat-icon svg{width:36px;height:36px;color:var(--primary)}.empty-chat-state h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-chat-state p{font-size:14px;color:var(--text-muted);line-height:1.5;max-width:280px}@media (max-width: 480px){.chat-item{gap:10px;padding:10px 14px}.chat-avatar{width:46px;height:46px}.chat-name{font-size:15px}.chat-message{font-size:13px}.chat-status{font-size:11px}}@media (max-width: 359px){.chat-item{gap:10px;padding:10px 14px}.chat-avatar{width:48px;height:48px}.chat-avatar-placeholder{font-size:18px}.chat-name{font-size:14px}.chat-message{font-size:13px}.chat-unread{min-width:20px;height:20px;font-size:10px}.chat-page-header{gap:10px;padding:12px 14px}.chat-page-header .chat-avatar{width:38px;height:38px}.chat-page-header h2{font-size:15px}.back-btn{width:36px;height:36px}.messages-container{padding:12px}.message{max-width:85%;padding:10px 14px;font-size:14px;border-radius:18px}.message-input-container{gap:10px;padding:12px 14px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.message-input{padding:12px 16px;min-height:44px;font-size:14px}.send-btn{width:44px;height:44px}}@media (min-width: 360px) and (max-width: 374px){.chat-avatar{width:52px;height:52px}.chat-name{font-size:15px}.message{max-width:82%}}@media (min-width: 375px) and (max-width: 413px){.chat-item{padding:14px 16px}.message{max-width:80%}}@media (min-width: 414px) and (max-width: 479px){.chat-avatar{width:58px;height:58px}.chat-avatar-placeholder{font-size:22px}.chat-name{font-size:17px}.chat-message{font-size:15px}.chat-page-header .chat-avatar{width:48px;height:48px}.message{max-width:78%;padding:14px 18px}}@media (min-width: 480px) and (max-width: 599px){.chats-page,.chat-page{max-width:500px;margin:0 auto}.chat-item{padding:16px 18px}.chat-avatar{width:60px;height:60px}.chat-page-header .chat-avatar{width:50px;height:50px}.message{max-width:75%}.send-btn{width:52px;height:52px}}@media (min-width: 600px) and (max-width: 767px){.chats-page,.chat-page{max-width:600px;margin:0 auto}.chat-item{padding:18px 20px;gap:16px}.chat-avatar{width:64px;height:64px}.chat-name{font-size:17px}.chat-message{font-size:15px}.message{max-width:70%;font-size:16px}.message-input{font-size:16px;padding:16px 20px}}@media (min-width: 768px) and (max-width: 1023px){.chats-page,.chat-page{max-width:700px;margin:0 auto}.chat-item{padding:20px 24px;gap:18px}.chat-avatar{width:68px;height:68px}.chat-avatar-placeholder{font-size:24px}.chat-name{font-size:18px}.chat-page-header{padding:16px 24px}.chat-page-header .chat-avatar{width:54px;height:54px}.chat-page-header h2{font-size:19px}.messages-container{padding:20px 24px}.message{max-width:65%;font-size:16px;padding:16px 20px}.message-input-container{padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:16px}.send-btn{width:54px;height:54px}}@media (min-width: 1024px){.chats-page,.chat-page{max-width:900px;margin:0 auto}.chat-item{padding:16px 20px}.message{max-width:60%}}@media (max-height: 500px) and (orientation: landscape){.chat-item{padding:10px 14px;gap:10px}.chat-avatar{width:44px;height:44px}.chat-page-header{padding:10px 14px}.chat-page-header .chat-avatar{width:36px;height:36px}.messages-container{padding:10px 14px}.message{padding:10px 14px;font-size:14px;max-width:50%}.message-input-container{padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.message-input{min-height:40px;padding:10px 16px}.send-btn{width:40px;height:40px}}.chat-blocked-notice{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;background:var(--bg-elevated);border-radius:12px;color:var(--text-muted);font-size:14px;width:100%}.chat-blocked-notice svg{flex-shrink:0;opacity:.7}.locked-profile-banner{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:8px 16px;background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.3);border-radius:12px}.locked-banner-icon{width:40px;height:40px;border-radius:50%;background:#fbbf2426;display:flex;align-items:center;justify-content:center;flex-shrink:0}.locked-banner-icon svg{color:#fbbf24}.locked-banner-content{flex:1}.locked-banner-title{font-size:14px;font-weight:600;color:#fbbf24;margin-bottom:2px}.locked-banner-text{font-size:12px;color:var(--text-muted)}.chat-item.chat-locked{opacity:.85;position:relative}.chat-item.chat-locked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(139,92,246,.03) 0%,transparent 100%);pointer-events:none}.chat-avatar.blurred,.chat-avatar-placeholder.blurred{filter:blur(8px)}.lock-indicator{position:absolute;bottom:0;right:0;width:22px;height:22px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid var(--bg-dark);border-radius:50%;display:flex;align-items:center;justify-content:center}.lock-indicator svg{color:#fff;width:12px;height:12px}.blurred-text{color:var(--text-muted)!important}.chat-item.chat-locked .chat-message{font-size:13px;color:#fbbf24}.locked-message{display:flex;align-items:center;gap:6px;color:#fbbf24!important;font-size:13px}.locked-message svg{flex-shrink:0;opacity:.8}.chat-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;padding:24px;text-align:center}.locked-chat-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:2px solid rgba(251,191,36,.4);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.locked-chat-icon svg{color:#fbbf24;width:36px;height:36px}.locked-chat-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.locked-chat-text{font-size:14px;color:var(--text-muted);line-height:1.6;max-width:280px;margin-bottom:24px}.locked-chat-button{padding:14px 28px;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-glow)}.locked-chat-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.message.blurred{filter:blur(6px);-webkit-user-select:none;user-select:none}.chat-item.fake-chat-item{background:linear-gradient(135deg,#ec489914,#8b5cf60d);border:1px solid rgba(236,72,153,.2);border-radius:12px;margin:8px 16px;position:relative;animation:fakeCardPulse 3s ease-in-out infinite}@keyframes fakeCardPulse{0%,to{border-color:#ec489933;box-shadow:0 0 #ec489900}50%{border-color:#ec489966;box-shadow:0 0 20px #ec489926}}.fake-avatar{background:linear-gradient(135deg,#ec4899,#8b5cf6)!important;display:flex;align-items:center;justify-content:center;border:none!important}.fake-avatar svg{color:#fff}.fake-chat-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:badgeSparkle 1.5s ease-in-out infinite}@keyframes badgeSparkle{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.fake-chat-badge svg{color:#fff}.fake-name{background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fake-message-text{color:var(--text-secondary)!important;font-weight:500!important}.fake-unread{background:linear-gradient(135deg,#ec4899,#8b5cf6)!important;animation:unreadPulse 2s ease-in-out infinite}@keyframes unreadPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fake-chat-lock{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#ec489926;border-radius:50%;display:flex;align-items:center;justify-content:center}.fake-chat-lock svg{color:#ec4899}.chat-item.blurred-profile-item{background:linear-gradient(135deg,#8b5cf614,#ec48990d);border:1px solid rgba(139,92,246,.25);border-radius:12px;margin:8px 16px;position:relative;animation:blurredProfilePulse 3s ease-in-out infinite}@keyframes blurredProfilePulse{0%,to{border-color:#8b5cf640;box-shadow:0 0 #8b5cf600}50%{border-color:#8b5cf680;box-shadow:0 0 25px #8b5cf633}}.blurred-profile-avatar{background:linear-gradient(135deg,#8b5cf64d,#ec48994d)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.15)!important;position:relative;overflow:hidden}.blurred-profile-avatar:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent,rgba(139,92,246,.4),transparent,rgba(236,72,153,.4),transparent);animation:avatarGlowRotate 3s linear infinite}@keyframes avatarGlowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blurred-avatar-placeholder{font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);position:relative;z-index:1}.blurred-profile-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ec489966;animation:heartBeatBadge 1.5s ease-in-out infinite}@keyframes heartBeatBadge{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.blurred-profile-badge svg{color:#fff}.blurred-profile-name{background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.blurred-profile-message{color:var(--text-secondary)!important;font-weight:500!important;font-style:italic}.blurred-unread{background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;animation:blurredUnreadPulse 2s ease-in-out infinite}@keyframes blurredUnreadPulse{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf600}50%{transform:scale(1.1);box-shadow:0 0 12px #8b5cf680}}.blurred-profile-lock{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;background:linear-gradient(135deg,#8b5cf633,#ec489926);border:1px solid rgba(139,92,246,.3);border-radius:50%;display:flex;align-items:center;justify-content:center}.blurred-profile-lock svg{color:#a78bfa}.message-input-wrapper{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#0f0f1a 0%,#0f0f1a 70%,transparent 100%);padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));z-index:100}.message-input-form{display:flex;align-items:flex-end;gap:12px;max-width:100%}.message-input-field{flex:1;min-height:44px;max-height:120px;padding:12px 18px;border:1px solid rgba(139,92,246,.2);border-radius:22px;background:#1e1e3299;color:#fff;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;resize:none;overflow-y:auto;outline:none;transition:all .25s ease;box-shadow:0 2px 8px #00000026,inset 0 1px 2px #ffffff08}.message-input-field:focus{border-color:#8b5cf680;background:#23233cb3;box-shadow:0 2px 12px #8b5cf626,0 0 0 3px #8b5cf61a,inset 0 1px 2px #ffffff08}.message-input-field:disabled{opacity:.4;cursor:not-allowed;background:#14142380}.message-input-field::placeholder{color:#fff6}.message-input-field::-webkit-scrollbar{width:4px}.message-input-field::-webkit-scrollbar-track{background:transparent}.message-input-field::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.message-input-send{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);margin-bottom:0;position:relative;overflow:hidden}.message-input-send.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 15px #8b5cf666,0 2px 6px #0003}.message-input-send.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:50%}.message-input-send.active:hover{transform:scale(1.08);box-shadow:0 6px 20px #8b5cf680,0 3px 8px #00000040}.message-input-send.active:active{transform:scale(.92);box-shadow:0 2px 8px #8b5cf64d,0 1px 3px #0003}.message-input-send.disabled{background:#28283c80;color:#ffffff4d;cursor:not-allowed;box-shadow:none}.message-input-send svg{transition:transform .2s ease}.message-input-send.active:hover svg{transform:translate(2px)}.message-input-send svg.sending{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sendPulse{0%,to{box-shadow:0 4px 15px #8b5cf666,0 2px 6px #0003}50%{box-shadow:0 4px 20px #8b5cf699,0 2px 8px #00000040}}.tasks-page{min-height:100%;padding:16px 16px 200px;background:var(--bg-dark);position:relative;overflow-y:auto}.tasks-counter{background:var(--gradient-primary);color:#fff;font-size:14px;font-weight:700;padding:6px 14px;border-radius:20px;box-shadow:var(--shadow-glow);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #8b5cf666}50%{box-shadow:0 0 20px #8b5cf699}}.task-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:30px;color:#1a1a1a;font-size:14px;font-weight:600;box-shadow:0 4px 20px #fbbf2466;z-index:1000;animation:toastSlideIn .3s ease-out}.task-toast svg{flex-shrink:0}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.no-tasks{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.no-tasks-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b98133,#10b9811a);display:flex;align-items:center;justify-content:center;color:var(--success);margin-bottom:16px}.no-tasks h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.no-tasks p{font-size:14px;color:var(--text-muted)}.tasks-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.task-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;gap:14px;border:1px solid var(--border-subtle);transition:all .3s ease;position:relative;cursor:pointer;overflow:hidden}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf60d,#ec48990d);opacity:0;transition:opacity .3s ease}.task-card:active{transform:scale(.98)}.task-card:hover:before{opacity:1}.task-card:hover{border-color:var(--border-glow)}.task-card.completed{opacity:.6;cursor:default}.task-card.completed:active{transform:none}.task-card.checking{border-color:var(--primary);box-shadow:0 0 15px #8b5cf633}.task-card.waiting{border-color:var(--success);box-shadow:0 0 15px #10b98133}.task-card.just-completed{animation:task-complete .6s ease-out;border-color:var(--success);box-shadow:0 0 20px #10b9814d}@keyframes task-complete{0%{transform:scale(1);border-color:var(--success)}30%{transform:scale(1.02)}to{transform:scale(1)}}.task-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf626,#ec48991a);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.task-info{flex:1;min-width:0}.task-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-description{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-action{flex-shrink:0}.task-reward-badge{display:flex;align-items:center;gap:4px;color:var(--primary);font-size:14px;font-weight:600;background:#8b5cf61a;padding:8px 12px;border-radius:20px}.task-completed-badge{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--success),#059669);display:flex;align-items:center;justify-content:center;color:#fff}.task-checking{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.checking-spinner{width:24px;height:24px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.task-verify-btn{background:linear-gradient(135deg,var(--success),#059669);color:#fff;font-size:13px;font-weight:600;padding:10px 16px;border-radius:20px;cursor:pointer;animation:pulse-verify 1.5s ease-in-out infinite}@keyframes pulse-verify{0%,to{box-shadow:0 0 5px #10b9814d}50%{box-shadow:0 0 15px #10b98180}}.task-go-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);color:var(--text-muted);opacity:.5;transition:all .3s ease}.task-card:hover .task-go-icon{opacity:1;color:var(--primary);transform:translateY(-50%) translate(2px)}.tasks-info{display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding:16px;background:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-muted);font-size:13px;line-height:1.5;border:1px solid var(--border-subtle)}.tasks-info svg{flex-shrink:0;color:var(--primary)}.reward-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reward-content{text-align:center;padding:32px;animation:reward-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes reward-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.reward-icon-wrapper{position:relative;width:100px;height:100px;margin:0 auto 24px}.reward-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;animation:reward-pulse 1s ease-in-out infinite}@keyframes reward-pulse{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf666}50%{transform:scale(1.05);box-shadow:0 0 30px 10px #8b5cf64d}}.reward-sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.sparkle{position:absolute;color:#fbbf24;animation:sparkle-float 1.5s ease-in-out infinite}.sparkle-1{top:-30px;left:-20px;animation-delay:0s}.sparkle-2{top:-25px;right:-25px;animation-delay:.2s}.sparkle-3{bottom:-20px;left:-15px;animation-delay:.4s}.sparkle-4{bottom:-25px;right:-20px;animation-delay:.6s}@keyframes sparkle-float{0%,to{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-10px) rotate(180deg);opacity:.6}}.reward-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 0 20px rgba(139,92,246,.5)}.reward-message{font-size:15px;color:#fffc;margin-bottom:20px}.reward-premium-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:30px;color:#fff;font-size:16px;font-weight:600;box-shadow:0 4px 20px #8b5cf666;animation:badge-glow 1.5s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 4px 20px #8b5cf666}50%{box-shadow:0 4px 30px #8b5cf699}}.streak-bar{background:linear-gradient(135deg,#fb923c26,#ef44441a);border:1px solid rgba(251,146,60,.3);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;position:relative;overflow:hidden}.streak-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(251,146,60,.1),transparent);animation:streak-shine 3s ease-in-out infinite}@keyframes streak-shine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.streak-bar.active{border-color:#fb923c80;box-shadow:0 0 20px #fb923c33}.streak-bar.inactive{opacity:.7}.streak-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;position:relative;z-index:1}.streak-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fb923c}.streak-flame{color:#f97316;animation:flame-pulse .5s ease-in-out infinite alternate}@keyframes flame-pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.streak-timer{display:flex;align-items:center;gap:6px;background:#fb923c33;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;color:#fb923c}.streak-timer svg{animation:pulse 1s ease-in-out infinite}.streak-progress{display:flex;align-items:center;gap:12px;margin-bottom:8px;position:relative;z-index:1}.streak-progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.streak-progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#fb923c,#fbbf24);border-radius:4px;transition:width .5s ease;position:relative}.streak-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s ease-in-out infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.streak-progress-text{font-size:14px;font-weight:700;color:#fb923c;min-width:30px;text-align:center}.streak-desc{font-size:13px;color:var(--text-muted);margin:0;position:relative;z-index:1}.task-toast.fire-toast{background:linear-gradient(135deg,#f97316,#fb923c,#fbbf24);box-shadow:0 4px 20px #fb923c80}.spicy-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fade-in .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spicy-modal{background:linear-gradient(180deg,#1a1a2e,#16162a);border-radius:24px;padding:32px 24px;max-width:340px;width:100%;position:relative;border:1px solid rgba(251,146,60,.3);box-shadow:0 0 60px #fb923c4d;animation:spicy-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes spicy-pop{0%{opacity:0;transform:scale(.5) rotate(-5deg)}60%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.spicy-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s}.spicy-close:hover{background:#fff3;color:#fff}.spicy-header{text-align:center;margin-bottom:24px}.spicy-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto 16px}.spicy-icon{width:80px;height:80px;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;animation:fire-bounce .6s ease-out;box-shadow:0 0 30px #fb923c80}@keyframes fire-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.spicy-sparkles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.spicy-sparkle{position:absolute;font-size:16px;animation:sparkle-fly 1.5s ease-in-out infinite}.spicy-sparkle:nth-child(1){top:-10px;left:-5px;animation-delay:0s}.spicy-sparkle:nth-child(2){top:-5px;right:-10px;animation-delay:.3s}.spicy-sparkle:nth-child(3){bottom:0;right:-5px;animation-delay:.6s}@keyframes sparkle-fly{0%,to{opacity:.5;transform:scale(1) translateY(0)}50%{opacity:1;transform:scale(1.3) translateY(-5px)}}.spicy-title{font-size:24px;font-weight:700;color:#fb923c;margin:0 0 8px;text-shadow:0 0 20px rgba(251,146,60,.5)}.spicy-bonus{font-size:16px;color:#fbbf24;margin:0;font-weight:600}.spicy-content{background:#ffffff0d;border-radius:16px;padding:20px;margin-bottom:24px}.spicy-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.spicy-question{font-size:18px;color:#fff;font-weight:500;line-height:1.5;position:relative}.spicy-quote{color:#fb923c;font-size:24px;font-weight:700;line-height:1}.spicy-hint{font-size:14px;color:var(--text-muted);margin:16px 0 0;font-style:italic}.spicy-btn{width:100%;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;font-size:16px;font-weight:700;padding:16px;border:none;border-radius:14px;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #fb923c66}.spicy-btn:active{transform:scale(.98)}.tasks-info.premium-info{border-color:#8b5cf64d;background:linear-gradient(135deg,#8b5cf61a,#ec48990d)}.tasks-info.premium-info svg{color:#a855f7}.tasks-info.warning-info{border-color:#fb923c4d;background:linear-gradient(135deg,#fb923c1a,#ef44440d);margin-top:12px}.tasks-info.warning-info svg{color:#fb923c}.tasks-info strong{color:var(--text-primary)}.tasks-info-simple{margin-top:12px;padding:12px 16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.tasks-info-simple p{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5;margin:0}.task-reward{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#1a1a1a;font-size:13px;font-weight:700;box-shadow:0 2px 8px #fbbf244d}.task-reward-crown{color:#1a1a1a}.task-reward-stars{margin-left:4px;padding-left:6px;border-left:1px solid rgba(26,26,26,.2);font-size:11px;opacity:.9}.contest-bar{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:16px;margin-bottom:16px}.contest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.contest-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.contest-trophy{color:#fbbf24}.contest-timer{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#fbbf24;background:#fbbf2426;padding:4px 10px;border-radius:12px}.contest-timer svg{width:14px;height:14px}.contest-winner{display:flex;align-items:center;gap:12px;background:#fbbf2414;border-radius:12px;padding:12px;margin-bottom:12px;border:1px solid rgba(251,191,36,.2)}.contest-winner-photo{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #fbbf24}.contest-winner-photo img{width:100%;height:100%;object-fit:cover}.contest-winner-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);font-size:20px}.contest-winner-info{display:flex;flex-direction:column;gap:2px}.contest-winner-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.contest-winner-name{font-size:15px;font-weight:600;color:var(--text-primary)}.contest-winner-tasks{font-size:12px;color:#fbbf24;font-weight:500}.contest-stats{display:flex;align-items:center;gap:12px;margin-bottom:12px}.contest-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.contest-stat.user{color:#fbbf24;font-weight:600;background:#fbbf241a;padding:4px 10px;border-radius:10px}.contest-stat svg{width:14px;height:14px;color:var(--text-muted)}.contest-desc{font-size:13px;color:var(--text-secondary);text-align:center;line-height:1.5;margin:0}.contest-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.contest-participating{display:inline-block;color:#22c55e;font-weight:600;font-size:14px;background:#22c55e26;padding:6px 12px;border-radius:20px;border:1px solid rgba(34,197,94,.3)}.contest-participant-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #22c55e4d}@media (max-width: 359px){.tasks-page{padding:12px}.task-card{padding:12px;gap:10px}.task-icon{width:40px;height:40px;font-size:20px}.task-title{font-size:14px}.task-description{font-size:12px}.task-reward-badge{font-size:12px;padding:6px 10px}.tasks-info{padding:12px;font-size:12px}.tasks-counter{font-size:12px;padding:5px 12px}.reward-content{padding:24px}.reward-icon-wrapper,.reward-icon{width:80px;height:80px}.reward-title{font-size:20px}.reward-message{font-size:14px}.reward-premium-badge{padding:10px 20px;font-size:14px}}@media (min-width: 360px) and (max-width: 374px){.task-card{padding:14px}.task-icon{width:44px;height:44px}}@media (min-width: 375px) and (max-width: 413px){.tasks-page{padding:16px}}@media (min-width: 414px) and (max-width: 479px){.tasks-page,.task-card{padding:18px}.task-icon{width:52px;height:52px;font-size:26px}.task-title{font-size:16px}.task-reward-badge{font-size:15px;padding:10px 14px}}@media (min-width: 480px) and (max-width: 599px){.tasks-page{padding:20px;max-width:500px;margin:0 auto}.task-card{padding:20px}.task-icon{width:56px;height:56px;font-size:28px}.task-title{font-size:16px}.tasks-info{padding:18px}}@media (min-width: 600px) and (max-width: 767px){.tasks-page{padding:24px;max-width:600px;margin:0 auto}.tasks-list{gap:14px}.task-card{padding:22px;gap:16px}.task-icon{width:60px;height:60px;font-size:30px}.task-title{font-size:17px}.task-description{font-size:14px}.task-reward-badge{font-size:16px;padding:10px 16px}.tasks-info{padding:20px;font-size:14px}}@media (min-width: 768px) and (max-width: 1023px){.tasks-page{padding:32px;max-width:700px;margin:0 auto}.tasks-list{gap:16px}.task-card{padding:24px;gap:18px}.task-icon{width:64px;height:64px;font-size:32px}.task-title{font-size:18px}.task-reward-badge{font-size:17px}.tasks-info{padding:24px;font-size:15px;margin-top:28px}}@media (min-width: 1024px){.tasks-page{max-width:100%;padding:16px}}@media (max-height: 500px) and (orientation: landscape){.tasks-page{padding:12px}.task-card{padding:12px;gap:10px}.tasks-list{gap:8px}.task-icon{width:40px;height:40px;font-size:20px}.task-title{font-size:14px}.tasks-info{padding:12px;margin-top:16px}.reward-content{padding:20px}.reward-icon-wrapper{width:60px;height:60px;margin-bottom:16px}.reward-icon{width:60px;height:60px}.reward-icon svg{width:28px;height:28px}.reward-title{font-size:18px;margin-bottom:8px}.reward-message{font-size:13px;margin-bottom:12px}}.profile-page{min-height:100%;padding:16px;padding-bottom:calc(104px + env(safe-area-inset-bottom,32px));transition:padding-bottom .3s ease;background:var(--bg-dark);position:relative;overflow-x:hidden}.profile-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 10%,rgba(255,107,157,.1) 0%,transparent 50%),radial-gradient(circle at 70% 90%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 90% 30%,rgba(236,72,153,.05) 0%,transparent 40%);pointer-events:none;z-index:0;animation:profileBgPulse 8s ease-in-out infinite}@keyframes profileBgPulse{0%,to{opacity:1}50%{opacity:.7}}.profile-page:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 15% 20%,rgba(255,107,157,.3) 0%,transparent 2px),radial-gradient(circle at 85% 30%,rgba(139,92,246,.3) 0%,transparent 2px),radial-gradient(circle at 45% 70%,rgba(236,72,153,.2) 0%,transparent 2px),radial-gradient(circle at 75% 80%,rgba(255,107,157,.25) 0%,transparent 2px);background-size:100% 100%;pointer-events:none;z-index:0;animation:floatingParticles 15s linear infinite}@keyframes floatingParticles{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}.profile-top-bar{display:none}body.hide-navigation .profile-page{padding-bottom:calc(24px + env(safe-area-inset-bottom,32px))}.profile-header{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);margin-bottom:16px;position:relative;z-index:1;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;animation:cardSlideUp .5s cubic-bezier(.34,1.56,.64,1)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-header:before{display:none}.profile-photo-container{position:relative}.profile-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,107,157,.3);box-shadow:0 0 20px #ff6b9d4d,0 4px 16px #0000004d;transition:all .3s ease}.profile-photo:hover{transform:scale(1.05);box-shadow:0 0 30px #ff6b9d80,0 8px 24px #0006}.profile-photo-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b9d,#c084fc);color:#fff;font-size:28px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}.verification-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;white-space:nowrap;display:flex;align-items:center;gap:4px}.verification-badge.green{background:var(--gradient-success);color:#fff;box-shadow:0 2px 10px #10b98166}.verification-badge.orange{background:var(--gradient-gold);color:var(--text-dark);box-shadow:0 2px 10px #f59e0b66}.profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.profile-info-buttons{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.profile-name{font-size:22px;font-weight:800;margin-bottom:4px;color:var(--text-primary);line-height:1.3;word-break:break-word}.profile-age-crown{white-space:nowrap}.profile-age-crown .premium-icon{color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.5));vertical-align:middle;margin-left:4px}.profile-info-buttons .btn{padding:10px 14px;font-size:13px;min-height:38px}.settings-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .3s ease;flex-shrink:0}.settings-btn svg{width:18px;height:18px}.settings-btn:hover{background:var(--bg-card);color:var(--primary);border-color:var(--border-glow)}.premium-banner{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #fbbf2480,0 0 40px #fbbf244d,inset 0 1px #ffffff4d;position:relative;overflow:hidden;z-index:1;animation:cardSlideUp .6s cubic-bezier(.34,1.56,.64,1) .1s backwards}.premium-banner:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #fbbf2499,0 0 60px #fbbf2466}.premium-banner:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);animation:premiumShine 4s ease-in-out infinite}@keyframes premiumShine{0%{transform:translate(-100%) rotate(45deg)}50%{transform:translate(100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.premium-banner:active{transform:scale(.98)}.premium-content{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.premium-content h3{font-size:17px;font-weight:700;color:var(--text-dark)}.premium-content p{font-size:13px;color:#0009}.tasks-banner{display:flex;align-items:center;gap:14px;padding:18px;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1;position:relative;overflow:hidden;animation:cardSlideUp .7s cubic-bezier(.34,1.56,.64,1) .2s backwards}.tasks-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b5cf61a,#ec48990d);opacity:0;transition:opacity .3s ease}.tasks-banner:hover{border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf633,0 0 20px #8b5cf61a}.tasks-banner:hover:before{opacity:1}.tasks-banner:active{transform:scale(.98)}.tasks-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #8b5cf666;position:relative;z-index:1}.tasks-banner span:first-of-type{flex:1;font-weight:600;color:var(--text-primary)}.tasks-badge{background:var(--gradient-primary);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:12px;box-shadow:var(--shadow-glow)}.stars-balance-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#ffd70026,#ffa5001a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-lg);margin-bottom:16px;cursor:pointer;position:relative;z-index:1;box-shadow:0 4px 20px #ffd70026;transition:all .3s ease}.stars-balance-banner:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffd70040;border-color:#ffd70080}.stars-balance-banner:active{transform:scale(.98)}.stars-balance-content{display:flex;align-items:center;gap:14px}.stars-balance-icon{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,gold,orange);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ffd70066}.stars-balance-info{display:flex;flex-direction:column;gap:2px}.stars-balance-label{font-size:12px;color:var(--text-secondary);font-weight:500}.stars-balance-amount{font-size:18px;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.withdraw-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:var(--radius-md);color:#1a1a2e;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 15px #ffd7004d;transition:all .3s ease}.withdraw-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ffd70066}.profile-details{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;position:relative;z-index:1;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0d;animation:cardSlideUp .8s cubic-bezier(.34,1.56,.64,1) .3s backwards}.detail-row{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:first-child{padding-top:0}.detail-row svg{color:var(--primary);flex-shrink:0;margin-top:2px}.detail-row span{flex:1;line-height:1.5}.looking-for{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:20px;font-size:14px;color:var(--text-secondary);margin-top:8px}.referral-section{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;position:relative;z-index:1;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0d;animation:cardSlideUp .9s cubic-bezier(.34,1.56,.64,1) .4s backwards}.referral-section .section-title{display:flex;align-items:center;gap:8px}.referral-code{display:flex;align-items:center;gap:10px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);padding:14px 16px;border-radius:var(--radius-md);margin-top:14px;transition:all .3s ease}.referral-code:hover{border-color:#8b5cf666;box-shadow:0 0 20px #8b5cf626}.referral-code span{flex:1;font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--primary-light);word-break:break-all;line-height:1.4}.copy-btn{background:linear-gradient(135deg,#ff6b9d,#c084fc);border:none;padding:10px;border-radius:var(--radius-sm);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #ff6b9d66}.copy-btn:hover{transform:scale(1.1);box-shadow:0 6px 25px #ff6b9d80}.copy-btn:active{transform:scale(.95)}.copy-btn.copied{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 15px #10b98180;animation:copySuccess .4s cubic-bezier(.34,1.56,.64,1)}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.copy-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--gradient-success);color:#fff;padding:12px 20px;border-radius:24px;font-size:14px;font-weight:600;box-shadow:0 8px 32px #10b98166;z-index:1000;animation:toastSlideUp .3s ease-out,toastFadeOut .5s ease-in 1.5s forwards}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1);clip-path:inset(0 0 0 0)}to{opacity:0;transform:translate(-50%) translateY(0) scale(1);clip-path:inset(0 0 0 100%)}}.copy-toast svg{animation:checkBounce .4s ease-out .1s}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.referral-stats{display:flex;gap:12px;margin-top:14px}.referral-stat{flex:1;text-align:center;padding:12px;background:var(--bg-glass);border-radius:var(--radius-sm)}.referral-stat-value{font-size:24px;font-weight:800;color:var(--primary)}.referral-stat-label{font-size:11px;color:var(--text-muted);margin-top:2px}.admin-link{display:flex;align-items:center;gap:14px;padding:18px;background:linear-gradient(90deg,#8b5cf6,#9b6df7,#8b5cf6);border-radius:var(--radius-lg);color:#fff;cursor:pointer;margin-top:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 30px #8b5cf666,0 0 40px #8b5cf633;position:relative;overflow:hidden;z-index:1;animation:cardSlideUp 1s cubic-bezier(.34,1.56,.64,1) .5s backwards}.admin-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.admin-link:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #8b5cf680,0 0 60px #8b5cf64d}.admin-link:hover:before{left:100%}.admin-link:active{transform:scale(.98)}.admin-link span{flex:1;font-weight:700;font-size:15px;position:relative;z-index:1}.edit-profile-page{min-height:100%;padding-bottom:120px;position:relative}.edit-profile-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,107,157,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.08) 0%,transparent 40%);pointer-events:none;z-index:0}.edit-header{display:flex;align-items:center;gap:12px;padding:16px;background:#14141ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:10}.edit-header h1{flex:1;font-size:18px;font-weight:700;color:var(--text-primary)}.edit-header .back-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .3s ease}.edit-header .back-btn:hover{color:var(--text-primary);border-color:var(--border-glow)}.photos-section{padding:16px}.photos-section h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-slot{aspect-ratio:3/4;border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;transition:all .3s ease}.photo-slot.empty{border:2px dashed var(--border-subtle);background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.photo-slot.empty:hover{border-color:var(--primary);color:var(--primary);background:#8b5cf60d}.photo-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease}.photo-slot:hover .photo-delete{opacity:1;transform:scale(1)}.photo-main-badge{position:absolute;bottom:8px;left:8px;background:var(--gradient-primary);color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px}.edit-sections{padding:0 16px 16px}.edit-section{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:20px;margin-bottom:12px;position:relative;z-index:1;box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff0d;transition:all .3s ease}.edit-section:hover{border-color:#ffffff1f;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff14}.edit-section h3{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.interest-tags{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{padding:10px 16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.interest-tag:hover{border-color:var(--primary);color:var(--primary)}.interest-tag.selected{background:var(--gradient-primary);border-color:transparent;color:#fff}.save-button-container{position:fixed;bottom:0;left:0;right:0;padding:16px;padding-bottom:calc(103px + env(safe-area-inset-bottom,32px));background:transparent;z-index:60;pointer-events:none;transition:padding-bottom .3s ease}body.hide-navigation .save-button-container{transform:translateY(150%);opacity:0;pointer-events:none}.save-button-container .btn{pointer-events:all;width:100%;display:flex;align-items:center;justify-content:center;padding:18px 24px;background:linear-gradient(90deg,#8b5cf6,#9b6df7,#8b5cf6);border:none;border-radius:16px;color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 8px 30px #8b5cf680,0 0 40px #8b5cf64d,inset 0 1px #fff3;transition:all .3s ease;position:relative;overflow:hidden;min-height:56px;-webkit-tap-highlight-color:transparent;text-shadow:0 2px 8px rgba(0,0,0,.2)}.save-button-container .btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-100%);transition:transform .6s ease}.save-button-container .btn:active:before{transform:translate(100%)}.save-button-container .btn:active{transform:scale(.98);box-shadow:0 4px 12px #8b5cf64d}.save-button-container .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 359px){.profile-page{padding:12px}.profile-header{padding:18px;gap:12px}.profile-photo{width:68px;height:68px}.profile-name{font-size:18px}.settings-btn{width:38px;height:38px}.premium-banner,.tasks-banner{padding:14px}.premium-content h3{font-size:15px}.profile-details{padding:14px}.referral-code{padding:10px 12px}.referral-code span{font-size:10px}.photos-grid{gap:6px}.edit-section{padding:14px}}@media (min-width: 360px) and (max-width: 374px){.profile-photo{width:72px;height:72px}.profile-name{font-size:20px}}@media (min-width: 375px) and (max-width: 413px){.profile-header{padding:22px}}@media (min-width: 414px) and (max-width: 479px){.profile-page{padding:18px}.profile-photo{width:88px;height:88px}.profile-name{font-size:24px}.premium-banner,.tasks-banner,.profile-details{padding:20px}}@media (min-width: 480px) and (max-width: 599px){.profile-page{padding:20px;max-width:500px;margin:0 auto}.profile-header{padding:28px}.profile-photo{width:96px;height:96px}.profile-name{font-size:26px}.photos-grid{gap:12px}}@media (min-width: 600px) and (max-width: 767px){.profile-page{padding:24px;max-width:600px;margin:0 auto}.profile-header{padding:32px;gap:24px}.profile-photo{width:100px;height:100px}.profile-name{font-size:28px}.premium-banner,.tasks-banner,.profile-details,.referral-section{padding:24px}.photos-grid{gap:14px}.photo-slot{border-radius:16px}}@media (min-width: 768px) and (max-width: 1023px){.profile-page{padding:32px;max-width:700px;margin:0 auto}.profile-header{padding:36px;gap:28px}.profile-photo{width:110px;height:110px}.profile-name{font-size:30px}.premium-banner,.tasks-banner,.profile-details,.referral-section{padding:28px}.detail-row{padding:16px 0;font-size:16px}}@media (min-width: 1024px){.profile-page{max-width:100%;padding:16px 16px 200px}.save-button-container{max-width:448px;left:50%;transform:translate(-50%)}}@media (max-height: 500px) and (orientation: landscape){.profile-page{padding:12px}.profile-header{padding:16px;gap:14px}.profile-photo{width:60px;height:60px}.premium-banner,.tasks-banner{padding:12px 16px}.profile-details,.referral-section{padding:14px}.photos-grid{grid-template-columns:repeat(6,1fr);gap:6px}}@media (max-width: 374px){.edit-header{padding:12px}.edit-header h1{font-size:16px}.edit-header .back-btn{width:36px;height:36px}.photos-section{padding:12px}.edit-sections{padding:0 12px 12px}}@media (min-width: 600px){.edit-profile-page{max-width:600px;margin:0 auto}.photos-grid{grid-template-columns:repeat(4,1fr)}}.verification-progress-container{position:relative;height:4px;background:var(--bg-elevated);border-radius:2px;margin-bottom:16px;overflow:hidden}.verification-progress-bar{height:100%;border-radius:2px;transition:width .5s ease,background .3s ease}.verification-progress-bar.green{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 10px #10b98180}.verification-progress-bar.orange{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b80}.verification-progress-bar.red{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 10px #ef444480}.verification-progress-bar.gray{background:linear-gradient(90deg,#6b7280,#9ca3af)}.verification-badge.red{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;box-shadow:0 2px 10px #ef444466}.verification-badge.gray{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle)}.verification-warning{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin-bottom:12px;animation:warningPulse 2s ease-in-out infinite}.verification-warning svg{color:#ef4444;flex-shrink:0}.verification-warning span{font-size:13px;font-weight:500;color:#ef4444}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.8}}.premium-icon{color:#fbbf24;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.premium-banner.active{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 20px #10b9814d}.premium-banner.active .premium-content h3,.premium-banner.active .premium-content p{color:#fff}.premium-banner.active .premium-content p{opacity:.9}.premium-banner.active svg{color:#fff}.form-label{display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.form-input.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426}.form-input.input-locked{background:var(--bg-card);color:var(--text-muted);cursor:not-allowed;opacity:.7}.locked-label{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:3px 8px;background:#ef44441a;border-radius:6px;font-size:11px;font-weight:500;color:#ef4444}.zodiac-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:20px;font-size:13px;font-weight:500;color:var(--text-secondary)}.gender-selector{display:flex;gap:12px}.gender-btn{flex:1;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.gender-btn.selected{background:#8b5cf626;border-color:var(--primary);color:var(--text-primary)}.field-required{font-size:12px;color:var(--text-muted);margin-top:6px}.cities-list{display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;padding:12px 0;margin-top:8px}.cities-list::-webkit-scrollbar{width:4px}.cities-list::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:2px}.cities-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.city-option{padding:8px 14px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.city-option:hover{border-color:var(--primary);color:var(--primary)}.city-option.selected{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}.selected-city{margin-top:12px;padding:10px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);font-size:13px;color:var(--primary-light)}.selected-city strong{color:var(--primary)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:10px 16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tag:hover{border-color:var(--primary);color:var(--primary)}.tag.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}.section-title{display:flex;align-items:center;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.section-subtitle{font-size:12px;color:var(--text-muted);margin-bottom:12px;line-height:1.4}.section-hint{font-size:11px;color:var(--text-muted);margin-top:8px;text-align:center}.gender-btn{font-family:inherit}.gender-btn:hover{transform:translateY(-1px)}.gender-btn:active{transform:scale(.98)}textarea.form-input{resize:vertical;min-height:100px;line-height:1.5}.char-count{font-size:12px;color:var(--text-muted)}.form-label-top{display:block;font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.date-input-container{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.date-input-container:hover{border-color:var(--border-glow)}.date-input-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.date-input-container.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426}.date-input-container.input-locked{background:var(--bg-card);cursor:not-allowed;opacity:.7}.date-input-label{font-size:15px;color:var(--text-primary);font-weight:500}.date-input-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.date-input-value{font-size:15px;color:var(--text-muted);font-weight:400}.date-lock-icon{color:var(--text-muted);margin-left:8px}.field-required{font-size:12px;font-weight:500;color:#ef4444;margin-top:8px}.occupation-input{background:transparent;border:none;outline:none;font-size:15px;color:var(--text-muted);text-align:right;width:50%;padding:0}.occupation-input::placeholder{color:var(--text-muted)}.occupation-input:focus{color:var(--text-primary)}.height-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.height-picker-modal{width:100%;max-width:500px;max-height:60vh;background:var(--bg-card);border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.height-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.height-picker-header h3{font-size:17px;font-weight:600;color:var(--text-primary)}.height-picker-header button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.height-picker-header button:hover{background:var(--bg-elevated);color:var(--text-primary)}.height-picker-list{max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0;scroll-snap-type:y mandatory}.height-option{padding:14px 20px;font-size:16px;color:var(--text-muted);cursor:pointer;transition:all .2s;text-align:center;scroll-snap-align:center}.height-option:hover{background:var(--bg-elevated);color:var(--text-primary)}.height-option.selected{font-size:20px;font-weight:700;color:var(--primary);background:#8b5cf61a}.occupation-picker-modal{max-height:80vh}.occupation-search-container{position:relative;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.occupation-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.occupation-search-input{width:100%;padding:12px 12px 12px 40px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;font-size:15px;color:var(--text-primary);outline:none;transition:border-color .2s}.occupation-search-input:focus{border-color:var(--primary)}.occupation-search-input::placeholder{color:var(--text-muted)}.occupation-no-results{padding:24px;text-align:center;color:var(--text-muted);font-size:14px}.user-profile-page{min-height:100vh;background:var(--bg-dark);padding-bottom:100px}.user-profile-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;padding:16px 20px;background:#0d111cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,92,246,.1)}.user-profile-header h1{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:#8b5cf61a;color:var(--primary);border-radius:12px;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#8b5cf633;transform:translate(-2px)}.profile-gallery{position:relative;margin-bottom:0;background:var(--bg-dark)}.profile-gallery.single-photo,.profile-gallery.single-photo .gallery-main{background:var(--bg-dark)}.gallery-indicators{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:4px;z-index:10;padding:0 4px}.gallery-indicator{flex:1;height:3px;background:#ffffff59;border-radius:2px;cursor:pointer;transition:all .2s ease}.gallery-indicator.active{background:#fff;box-shadow:0 0 4px #ffffff80}.gallery-main{position:relative;width:100%;height:65vh;max-height:550px;min-height:350px;border-radius:0;background:var(--bg-dark);overflow:hidden;touch-action:pan-y}.gallery-track{display:flex;height:100%;width:100%;will-change:transform}.gallery-slide{min-width:100%;max-width:100%;height:100%;flex:0 0 100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.gallery-image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.profile-content{padding:0 16px;margin-top:20px}.profile-header-info{margin-bottom:24px;padding:24px 20px;background:linear-gradient(135deg,#8b5cf614,#7c3aed0a);border-radius:20px;border:1px solid rgba(139,92,246,.1)}.profile-name{font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-1px;line-height:1.2}.profile-age{font-weight:600;color:var(--text-secondary)}.profile-location{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:15px;font-weight:500}.profile-location svg{color:var(--primary)}.profile-section{margin-bottom:28px}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.5px;padding-left:4px}.bio-section{padding:20px;background:linear-gradient(135deg,#1e293b,#1a2332);border-radius:18px;border:1px solid rgba(139,92,246,.1);box-shadow:0 2px 12px #0000001a}.bio-text{font-size:16px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;letter-spacing:.2px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.info-card{display:flex;align-items:flex-start;gap:14px;padding:18px;background:linear-gradient(135deg,#1e293b99,#1a233299);border-radius:16px;border:1px solid rgba(139,92,246,.12);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.info-card:hover{transform:translateY(-2px);border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf626;background:linear-gradient(135deg,#1e293bcc,#1a2332cc)}.info-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border-radius:12px;font-size:20px;flex-shrink:0;color:var(--primary);border:1px solid rgba(139,92,246,.2)}.info-content{flex:1;min-width:0}.info-label{font-size:13px;color:var(--text-muted);margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:16px;color:var(--text-primary);font-weight:600;letter-spacing:-.3px}.interests-tags{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.interest-tag{display:flex;align-items:center;justify-content:center;padding:14px 16px;background:linear-gradient(135deg,#1e293b99,#1a233299);border-radius:16px;border:1px solid rgba(139,92,246,.12);color:var(--text-primary);font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;letter-spacing:.2px;text-align:center}.interest-tag:hover{transform:translateY(-2px);border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf626;background:linear-gradient(135deg,#1e293bcc,#1a2332cc)}.profile-actions-fixed{position:fixed;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(180deg,transparent 0%,rgba(13,17,28,.95) 20%,rgba(13,17,28,1) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(139,92,246,.1);z-index:50}.action-btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:17px;font-weight:700;border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #8b5cf659,0 0 #8b5cf666;letter-spacing:.3px}.action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf673,0 0 0 4px #8b5cf626}.action-btn-primary:active{transform:translateY(0)}.action-btn-primary.disabled,.action-btn-primary:disabled{background:#6464644d;cursor:not-allowed;box-shadow:none;opacity:.7}.action-btn-primary.disabled:hover,.action-btn-primary:disabled:hover{transform:none;box-shadow:none}.loading-screen,.error-state{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.gallery-main{border-radius:0}.info-grid{grid-template-columns:1fr}.profile-name{font-size:28px}.profile-header-info{padding:20px 16px}}@media (min-width: 769px){.user-profile-page{max-width:800px;margin:0 auto}.profile-gallery{border-radius:24px;overflow:hidden;margin:0 16px 24px}.gallery-main{border-radius:24px 24px 0 0}.profile-actions-fixed{max-width:800px;left:50%;transform:translate(-50%)}}@media (min-width: 1024px){.info-grid{grid-template-columns:repeat(2,1fr)}}.photo-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;flex-direction:column;animation:modalFadeIn .3s ease}.photo-modal.single-photo-modal{background:var(--bg-dark, #0d111c)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.photo-modal-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%);z-index:1001}.modal-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.modal-close-btn:active{transform:scale(.95)}.modal-counter{color:#fff;font-size:16px;font-weight:600;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px}.photo-modal-gallery{flex:1;overflow:hidden;touch-action:pan-y;position:relative}.photo-modal-track{display:flex;height:100%;width:100%;will-change:transform}.photo-modal-slide{min-width:100%;max-width:100%;height:100%;flex:0 0 100%;display:flex;align-items:center;justify-content:center;padding:80px 20px 100px}.photo-modal-slide img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none}.photo-modal-dots{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:1001;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:100px}.photo-modal-dots .dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease;flex:none}.photo-modal-dots .dot.active{background:#fff;width:24px;border-radius:4px;box-shadow:0 0 12px #fff9}.zodiac-compatibility-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#8b5cf626,#a855f71a,#ec48991a);border:1px solid rgba(139,92,246,.3);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.zodiac-compatibility-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation:zodiacShimmer 3s ease-in-out infinite}@keyframes zodiacShimmer{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10%,10%) rotate(180deg)}}.zodiac-compatibility-btn:hover{transform:translateY(-2px);border-color:#8b5cf680;box-shadow:0 8px 32px #8b5cf640}.zodiac-btn-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.zodiac-signs{display:flex;align-items:center;gap:8px}.zodiac-emoji{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.zodiac-sparkle{color:var(--primary);animation:sparkleRotate 2s ease-in-out infinite}@keyframes sparkleRotate{0%,to{transform:rotate(0) scale(1);opacity:.8}50%{transform:rotate(180deg) scale(1.2);opacity:1}}.zodiac-btn-text{display:flex;flex-direction:column;gap:4px;text-align:left}.zodiac-btn-title{font-size:16px;font-weight:700;color:var(--text-primary)}.zodiac-btn-subtitle{font-size:13px;color:var(--text-muted)}.zodiac-btn-arrow{font-size:20px;color:var(--primary);position:relative;z-index:1;animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.zodiac-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(139,92,246,.3);border-radius:28px;padding:32px 24px;width:100%;max-width:380px;position:relative;overflow:hidden}.zodiac-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at top,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none}.zodiac-modal.animating .zodiac-sign-card{animation:signAppear .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes signAppear{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:#fff3;color:var(--text-primary)}.zodiac-modal-header{text-align:center;margin-bottom:28px;position:relative;z-index:1}.zodiac-modal-header h3{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.zodiac-signs-display{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px;position:relative;z-index:1}.zodiac-sign-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;background:#1e293b99;border-radius:20px;border:1px solid rgba(139,92,246,.2);min-width:100px}.zodiac-sign-card.fire{background:linear-gradient(135deg,#ef444426,#f973161a);border-color:#ef44444d}.zodiac-sign-card.water{background:linear-gradient(135deg,#3b82f626,#6366f11a);border-color:#3b82f64d}.zodiac-sign-card.earth{background:linear-gradient(135deg,#22c55e26,#84cc161a);border-color:#22c55e4d}.zodiac-sign-card.air{background:linear-gradient(135deg,#a855f726,#8b5cf61a);border-color:#a855f74d}.zodiac-big-emoji{font-size:42px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.zodiac-sign-name{font-size:16px;font-weight:700;color:var(--text-primary)}.zodiac-sign-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.zodiac-connection{position:relative;width:60px;display:flex;align-items:center;justify-content:center}.connection-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,#8b5cf64d,#ec48994d)}.connection-line.animate{animation:lineGlow 1.5s ease-out forwards}@keyframes lineGlow{0%{opacity:0;box-shadow:none}50%{opacity:1;box-shadow:0 0 20px #8b5cf6cc}to{opacity:1;box-shadow:0 0 10px #8b5cf666}}.connection-heart{font-size:24px;position:relative;z-index:1}.connection-heart.animate{animation:heartPop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes heartPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.compatibility-score{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;position:relative;z-index:1}.compatibility-score.animate .score-progress{animation:scoreProgress 1.5s ease-out forwards}@keyframes scoreProgress{0%{stroke-dasharray:0 283}}.score-circle{position:relative;width:120px;height:120px}.score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.score-bg{fill:none;stroke:#8b5cf61a;stroke-width:8}.score-progress{fill:none;stroke:url(#scoreGradient);stroke:var(--primary);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1.5s ease-out}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-label{font-size:14px;color:var(--text-muted);font-weight:500}.compatibility-description{text-align:center;padding:16px 20px;background:#8b5cf614;border-radius:16px;margin-bottom:20px;position:relative;z-index:1}.compatibility-description p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0}.zodiac-elements{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;position:relative;z-index:1}.element-badge{padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600}.element-badge.fire{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.element-badge.water{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.element-badge.earth{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.element-badge.air{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.element-separator{color:var(--text-muted);font-size:16px}.zodiac-close-btn{width:100%;padding:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.zodiac-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.report-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.report-profile-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:transparent;border:1px solid rgba(239,68,68,.2);border-radius:14px;color:#f87171;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.report-profile-btn:hover{background:#ef444414;border-color:#ef44444d}.report-profile-btn.reported{background:#6464641a;border-color:#96969633;color:var(--text-muted);cursor:default}.report-profile-btn.reported:hover{background:#6464641a;border-color:#96969633}.report-profile-btn svg{flex-shrink:0}.report-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.report-success .success-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;font-size:28px;color:#fff;animation:successPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.report-success h3,.report-success p{margin:0;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:24px;width:100%;max-width:360px;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.modal-content p{font-size:14px;color:var(--text-muted);margin-bottom:20px}.report-modal-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.report-modal-header svg{color:var(--error)}.report-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.report-reason{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-size:15px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.report-reason:hover{border-color:var(--error);background:#ef444414}.report-reason span{font-size:18px}.btn-cancel-report{width:100%;padding:14px;background:transparent;border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-muted);font-size:15px;cursor:pointer;transition:all .2s ease}.btn-cancel-report:hover{background:var(--bg-elevated);color:var(--text-primary)}.floating-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-heart{position:absolute;bottom:-50px;color:#8b5cf6;animation:floatUp linear infinite;filter:blur(.5px)}@keyframes floatUp{0%{transform:translateY(0) rotate(0) scale(1);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) rotate(360deg) scale(.5);opacity:0}}.welcome-bg-fixed{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:var(--bg-primary);background-image:radial-gradient(ellipse at top left,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(139,92,246,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.welcome-page{min-height:100vh;min-height:100dvh;padding:20px;padding-bottom:calc(100px + env(safe-area-inset-bottom,24px));display:flex;flex-direction:column;background:transparent;position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.welcome-header{text-align:center;margin-bottom:24px;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.welcome-logo{width:90px;height:90px;margin:0 auto 20px;background:linear-gradient(135deg,#8b5cf626,#a855f726);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 30px #8b5cf633,inset 0 0 30px #8b5cf61a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2)}.welcome-logo.pulse-glow{animation:logoGlow 2s ease-in-out infinite}@keyframes logoGlow{0%,to{box-shadow:0 4px 30px #8b5cf633,inset 0 0 30px #8b5cf61a}50%{box-shadow:0 4px 50px #8b5cf659,inset 0 0 40px #8b5cf626}}.welcome-logo svg{z-index:2;filter:drop-shadow(0 2px 8px rgba(139,92,246,.4));animation:heartBeat 1.5s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}.logo-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid rgba(139,92,246,.3);animation:ringPulse 2s ease-out infinite}.logo-ring.delay{animation-delay:1s}@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#a855f7,#8b5cf6);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.animate-title{animation:gradientShift 3s ease-in-out infinite,titleAppear .8s ease-out}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes titleAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.welcome-header h1{font-size:28px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.welcome-subtitle{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--text-muted);line-height:1.4}.welcome-subtitle svg{color:#8b5cf6;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(15deg);opacity:.8}}.progress-bar-container{margin-bottom:28px;padding:0 10px;animation:fadeIn .5s ease-out .3s both}.progress-bar-track{height:6px;background:#ffffff1a;border-radius:10px;position:relative;overflow:hidden;margin-bottom:16px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7,#8b5cf6);background-size:200% 100%;border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);animation:progressGlow 2s ease-in-out infinite;position:relative}@keyframes progressGlow{0%,to{background-position:0% center}50%{background-position:100% center}}.progress-bar-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#8b5cf699;border-radius:50%;filter:blur(8px);transition:left .5s cubic-bezier(.4,0,.2,1)}.progress-steps{display:flex;justify-content:space-between;padding:0 5px}.progress-step{width:28px;height:28px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-muted);transition:all .3s ease}.progress-step.completed{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:transparent;color:#fff;box-shadow:0 2px 12px #8b5cf666}.progress-step.current{border-color:#8b5cf6;color:#8b5cf6;animation:currentPulse 2s ease-in-out infinite}@keyframes currentPulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 8px #8b5cf600}}.welcome-step{flex:1;animation:slideUp .4s ease-out}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.step-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.step-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#8b5cf626,#a855f726);border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0}.step-info{flex:1}.step-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:block}.step-description{font-size:13px;color:var(--text-muted);margin:0}.glass-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 4px 24px #0000001a,inset 0 1px #ffffff0d}.form-card{transition:all .3s ease}.form-card:hover{border-color:#8b5cf626}.form-group{margin-bottom:18px}.form-group.no-margin{margin-bottom:0}.form-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;letter-spacing:.2px}.label-icon{font-size:16px;margin-right:2px}.optional-label{font-weight:400;color:var(--text-muted);font-size:11px}.form-input{width:100%;padding:14px 16px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.1);border-radius:14px;font-size:15px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}.form-input:focus{outline:none;background:#ffffff14;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a,0 4px 16px #0000001a}.form-input.input-error{border-color:#ef4444;background:#ef444414}.form-input.input-success{border-color:#22c55e;background:#22c55e14}.field-error{display:flex;align-items:center;gap:6px;color:#ef4444;font-size:12px;margin-top:8px;animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.field-success{display:flex;align-items:center;gap:6px;color:#22c55e;font-size:12px;margin-top:8px;animation:fadeIn .3s ease-out}.form-input-clickable{width:100%;padding:14px 16px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.1);border-radius:14px;font-size:15px;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;min-height:50px}.form-input-clickable:hover{border-color:#8b5cf666;background:#8b5cf60d}.form-input-clickable:active{transform:scale(.98)}.form-input-clickable.filled{color:var(--text-primary);border-color:#8b5cf64d}.chevron-right{transform:rotate(180deg);color:var(--text-muted);transition:transform .2s ease}.form-input-clickable:hover .chevron-right{transform:rotate(180deg) translate(-3px)}.clear-selected-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;margin-top:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:13px;cursor:pointer;transition:all .2s ease}.clear-selected-btn:hover{background:#ef444433;border-color:#ef4444}.zodiac-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf626,#a855f726);color:var(--text-primary);padding:10px 16px;border-radius:12px;font-size:14px;font-weight:500;margin-top:12px;border:1px solid rgba(139,92,246,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.zodiac-badge.animated{animation:badgeAppear .4s ease-out}@keyframes badgeAppear{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.zodiac-icon{font-size:18px}.zodiac-name{color:#8b5cf6;font-weight:600}.zodiac-divider{color:var(--text-muted)}.zodiac-age{color:var(--text-secondary)}.gender-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gender-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:2px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.gender-btn:hover{border-color:#8b5cf666;background:#8b5cf614;transform:translateY(-2px)}.gender-btn.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:transparent;color:#fff;box-shadow:0 4px 20px #8b5cf666;transform:translateY(-2px)}.gender-emoji{font-size:32px}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{display:inline-flex;align-items:center;padding:6px 12px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);border-radius:20px;font-size:12px;color:#8b5cf6;font-weight:500}.tag.animated{animation:tagAppear .3s ease-out backwards}@keyframes tagAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.bio-textarea{resize:none;min-height:120px;line-height:1.5}.char-count-wrapper{display:flex;align-items:center;gap:12px;margin-top:10px}.char-count-bar{flex:1;height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.char-count-fill{height:100%;background:var(--text-muted);border-radius:4px;transition:all .3s ease}.char-count-bar.valid .char-count-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.char-count{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);white-space:nowrap}.char-count.valid{color:#22c55e}.photos-hint{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffc1071a;border-radius:12px;margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.hint-icon{font-size:18px}.photos-grid-welcome{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-slot{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;transition:all .3s ease}.photo-slot img{width:100%;height:100%;object-fit:cover}.photo-slot.main-photo{box-shadow:0 0 0 3px #8b5cf680}.photo-slot.empty{border:2px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#ffffff05}.photo-slot.empty:hover{border-color:#8b5cf6;background:#8b5cf614;transform:scale(1.02)}.photo-slot-inner{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted)}.photo-slot-inner span{font-size:11px}.photo-slot.empty:hover .photo-slot-inner{color:#8b5cf6}.photo-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0}.photo-slot:hover .photo-remove{opacity:1}.photo-remove:hover{background:#ef4444;transform:scale(1.1)}.photo-main-badge{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:4px 10px;border-radius:10px;font-size:10px;font-weight:600;box-shadow:0 2px 8px #0000004d}.btn-next,.btn-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(90deg,#8b5cf6,#9b6df7,#8b5cf6);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 30px #8b5cf680,0 0 40px #8b5cf64d,inset 0 1px #fff3;position:relative;overflow:hidden;margin-top:8px}.btn-next:before,.btn-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-100%);transition:transform .6s ease}.btn-next:active:before,.btn-submit:active:before{transform:translate(100%)}.btn-next:hover:not(:disabled),.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.btn-next:active:not(:disabled),.btn-submit:active:not(:disabled){transform:scale(.98);box-shadow:0 4px 12px #8b5cf64d}.btn-next:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-glow{display:inline-flex;align-items:center;gap:8px}.back-btn-inline{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:14px;padding:0;margin-bottom:16px;cursor:pointer;transition:all .2s ease}.back-btn-inline:hover{color:var(--text-primary);transform:translate(-3px)}.moderation-status{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 24px;text-align:center}.status-icon{font-size:56px;position:relative}.status-icon.pending{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.spinner-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1.5s linear infinite}.moderation-status p{color:var(--text-muted);font-size:14px;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .25s ease;padding:20px}body:has(.modal-overlay){overflow:hidden}.modal-content{background:var(--bg-primary);border-radius:24px;width:100%;max-width:440px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a;animation:modalAppear .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:8px}.modal-close:hover{color:var(--text-primary);background:#ffffff1a}.modal-body{padding:20px 24px;flex:1;display:flex;flex-direction:column;overflow:hidden}.modal-body .form-input{margin-bottom:16px}.modal-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:50vh;-webkit-overflow-scrolling:touch}.modal-list-item{padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease}.modal-list-item:hover{border-color:#8b5cf666;background:#8b5cf614}.modal-list-item.selected{background:#8b5cf626;border-color:#8b5cf6;font-weight:500}.modal-list-item.metro{display:flex;align-items:center;gap:10px}.modal-list-item.metro .metro-line-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.modal-list-item.metro .metro-station-name{flex:1}.modal-list-item.metro .metro-line-name{font-size:12px;color:var(--text-muted)}@media (max-width: 374px){.welcome-page{padding:16px}.welcome-logo{width:70px;height:70px}.welcome-header h1{font-size:22px}.step-icon{width:40px;height:40px}.step-title{font-size:18px}.glass-card{padding:16px;border-radius:16px}.photos-grid-welcome{gap:8px}.gender-btn{padding:16px 12px}.gender-emoji{font-size:26px}}@media (min-width: 375px) and (max-width: 479px){.welcome-page{padding:20px}}@media (min-width: 480px){.welcome-page{max-width:440px;margin:0 auto;padding:28px}.welcome-header h1{font-size:30px}.photos-grid-welcome{gap:16px}}@media (min-width: 768px){.welcome-page{max-width:480px;padding:40px}.welcome-logo{width:100px;height:100px}.welcome-header h1{font-size:32px}.modal-content{max-width:480px}}@media (max-height: 500px) and (orientation: landscape){.welcome-page{padding:12px 24px}.welcome-header{margin-bottom:16px;display:flex;align-items:center;gap:16px;text-align:left}.welcome-logo{width:50px;height:50px;margin:0}.welcome-header h1{font-size:20px;margin-bottom:4px}.progress-bar-container{margin-bottom:16px}.glass-card{padding:14px}.photos-grid-welcome{grid-template-columns:repeat(6,1fr);gap:8px}.bio-textarea{min-height:80px}}.online-counter{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:16px;border-radius:14px;position:relative;animation:fadeInUp .5s ease-out}.online-pulse{width:10px;height:10px;min-width:10px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px #22c55e99}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.online-content{display:flex;flex-direction:column;gap:2px}.online-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.online-stats-text{font-size:14px;color:var(--text-secondary)}.girls-count{color:#ec4899;font-weight:700}.guys-count{color:#3b82f6;font-weight:700}.form-section-title{text-align:center;font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fomo-messages{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;animation:fadeInUp .6s ease-out .2s backwards}.fomo-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;font-size:13px;color:var(--text-secondary);animation:fomoSlideIn .5s ease-out backwards;position:relative;overflow:hidden}.fomo-item:nth-child(1){animation-delay:.4s}.fomo-item:nth-child(2){animation-delay:.6s}@keyframes fomoSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fomo-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}.fomo-item.highlight{background:linear-gradient(135deg,#8b5cf626,#ec48991a)!important;border:1px solid rgba(139,92,246,.3)!important;color:var(--text-primary);font-weight:500}.fomo-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf633,#a855f733);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.fomo-icon svg{color:#a78bfa;width:18px;height:18px}.fomo-item.highlight .fomo-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 8px #8b5cf600}}.fomo-item.highlight .fomo-icon svg{color:#fff}.fomo-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;animation:badgePop .3s ease-out,badgePulse 2s ease-in-out infinite .3s}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fomo-heart{position:absolute;top:-2px;right:-2px;font-size:12px;animation:heartBeat 1.5s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.3)}}.fomo-text{flex:1}.fomo-text-highlight{color:#a78bfa;font-weight:600}.fomo-item.premium-fomo{border-color:#fb923c4d;background:linear-gradient(135deg,#fb923c1a,#8b5cf60d)}.fomo-item.premium-fomo .fomo-icon{background:linear-gradient(135deg,#fb923c33,#fb923c1a);color:#fb923c}.fomo-item.premium-fomo .fomo-text-highlight{color:#fb923c}.fomo-fire{position:absolute;top:-4px;right:-4px;font-size:14px;animation:fireFlicker .8s ease-in-out infinite alternate}@keyframes fireFlicker{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.2) rotate(5deg)}}.telegram-name-preview{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#8b5cf614;border:1px solid rgba(139,92,246,.15);border-radius:12px;margin-bottom:16px}.preview-label{font-size:13px;color:var(--text-muted)}.preview-value{font-size:15px;font-weight:600;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-hint{text-align:center;font-size:12px;color:var(--text-muted);margin-top:16px;line-height:1.5}@media (prefers-reduced-motion: reduce){.floating-heart,.welcome-logo svg,.logo-ring,.gradient-text,.status-icon.pending,.progress-bar-fill{animation:none}.slide-up{animation:fadeIn .3s ease-out}}.registration-options{display:flex;flex-direction:column;gap:16px;margin-top:24px}.registration-option{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.registration-option:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf633}.registration-option:active{transform:translateY(0)}.registration-option .option-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-md);color:#fff}.registration-option .option-content{flex:1}.registration-option .option-content h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.registration-option .option-content p{font-size:13px;color:var(--text-secondary);margin:0}.registration-option .option-content .option-small-text{font-size:11px;color:var(--text-tertiary);margin-top:4px;line-height:1.4}.registration-option .profile-preview{margin-top:8px;padding:6px 12px;background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:14px;color:var(--primary);font-weight:500;display:inline-block}.remoderation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .4s ease-out;overflow:hidden;padding:20px;box-sizing:border-box}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.remoderation-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.particle{position:absolute;bottom:-20px;width:6px;height:6px;background:#ffffff80;border-radius:50%;animation:particleFloat linear infinite}.particle:nth-child(odd){width:4px;height:4px;background:#ffffff4d}.particle:nth-child(3n){width:8px;height:8px;background:#ffffff40}@keyframes particleFloat{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.remoderation-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;animation:contentSlideUp .5s ease-out .2s both;position:relative;z-index:1;max-width:320px;width:100%}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.remoderation-icon-wrapper{position:relative;width:100px;height:100px;margin-bottom:24px;flex-shrink:0}.remoderation-icon-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:#ffffff26;border-radius:50%;animation:iconPulse 2s ease-in-out infinite}.remoderation-icon-bg:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;background:#ffffff14;border-radius:50%;animation:iconPulseOuter 2s ease-in-out infinite .3s}@keyframes iconPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.8}}@keyframes iconPulseOuter{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.3}}.remoderation-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #8b5cf666;animation:iconBounce .6s ease-out .4s both}.remoderation-icon svg{width:36px;height:36px;margin:0;padding:0;display:block}@keyframes iconBounce{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.1)}70%{transform:translate(-50%,-50%) scale(.95)}to{transform:translate(-50%,-50%) scale(1)}}.remoderation-sparkle{position:absolute;color:#ffffffd9;animation:sparkleFloat 1.5s ease-in-out infinite}.remoderation-sparkle svg{width:16px;height:16px}.remoderation-sparkle-1{top:0;right:0;animation-delay:0s}.remoderation-sparkle-2{bottom:10px;left:-5px;animation-delay:.5s}.remoderation-sparkle-3{top:45%;right:-12px;animation-delay:1s}@keyframes sparkleFloat{0%,to{transform:scale(1) rotate(0);opacity:.6}50%{transform:scale(1.2) rotate(10deg);opacity:1}}.remoderation-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.15);animation:textFadeIn .5s ease-out .5s both;line-height:1.2}.remoderation-text{color:#ffffffe6;font-size:15px;line-height:1.5;margin:0 0 24px;max-width:260px;animation:textFadeIn .5s ease-out .6s both}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.remoderation-progress{width:180px;height:3px;background:#fff3;border-radius:2px;overflow:hidden;animation:textFadeIn .5s ease-out .7s both}.remoderation-progress-bar{height:100%;background:#fff;border-radius:2px;animation:progressSlide 2.5s ease-in-out infinite}@keyframes progressSlide{0%{width:0;margin-left:0}50%{width:50%;margin-left:25%}to{width:0;margin-left:100%}}.remoderation-overlay.closing{animation:overlayFadeOut .6s ease-in forwards}.remoderation-overlay.closing .remoderation-content{animation:contentSlideDown .5s ease-in forwards}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes contentSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@media (max-height: 500px){.remoderation-content{padding:20px 16px}.remoderation-icon-wrapper{width:80px;height:80px;margin-bottom:16px}.remoderation-icon-bg{width:80px;height:80px}.remoderation-icon-bg:before{width:100px;height:100px}.remoderation-icon{width:60px;height:60px}.remoderation-icon svg{width:28px;height:28px}.remoderation-title{font-size:20px}.remoderation-text{font-size:14px;margin-bottom:16px}.remoderation-progress{width:140px}}.premium-page{min-height:100%;padding-bottom:160px;background:var(--bg-dark);overflow-y:auto;-webkit-overflow-scrolling:touch}.purchase-footer-fixed{position:fixed;bottom:102px;left:16px;right:16px;z-index:100;max-width:500px;margin:0 auto}@media (min-width: 600px){.purchase-footer-fixed{left:50%;right:auto;transform:translate(-50%);width:calc(100% - 32px);max-width:500px;bottom:92px}}.btn-purchase-full{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--gradient-gold);color:var(--text-dark);border:none;padding:16px 28px;border-radius:var(--radius-lg);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 24px #fbbf2480;transition:all .3s ease;animation:buttonBounce 2s ease-in-out infinite}@keyframes buttonBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.btn-purchase-full:hover{animation:none;transform:translateY(-4px);box-shadow:0 8px 32px #fbbf24b3}.btn-purchase-full:active{transform:scale(.98)}.btn-purchase-full:disabled{opacity:.5;cursor:not-allowed;transform:none}.premium-hero{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);padding:24px 20px 70px;border-radius:0 0 40px 40px;position:relative;overflow:hidden;box-shadow:0 10px 40px #fbbf244d}.premium-hero:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);animation:shine 4s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.premium-hero .back-btn{position:absolute;top:16px;left:16px;background:#0003;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dark);cursor:pointer;z-index:2;transition:all .2s ease}.premium-hero .back-btn:hover{background:#0000004d}.hero-content{text-align:center;position:relative;z-index:1;padding-top:20px}.hero-crown{width:90px;height:90px;background:#00000026;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:crownFloat 3s ease-in-out infinite}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-crown svg{color:var(--text-dark)}.hero-content h1{font-size:32px;font-weight:800;margin-bottom:8px;color:var(--text-dark)}.hero-content p{font-size:15px;color:#0009}.plans-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 16px;margin-top:-50px}.plans-container::-webkit-scrollbar{display:none}.plan-card{background:linear-gradient(145deg,#1a1a2e,#16162a);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 14px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 2px 8px #0000004d}.plan-card:hover{border-color:var(--border-glow);background:#1f1f35}.plan-card.selected{border-color:#fbbf24;background:linear-gradient(145deg,#1f1f35,#1a1a30);transform:scale(1.05);box-shadow:0 0 0 2px #fbbf2480,0 4px 20px #fbbf2466,0 8px 30px #fbbf2433}.plan-card.popular{background:#1f1f35}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-gold);color:var(--text-dark);font-size:10px;font-weight:700;padding:5px 12px;border-radius:12px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.plan-duration{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.plan-price-row{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:4px}.star-icon{color:#fbbf24;fill:#fbbf24}.plan-total{font-size:24px;font-weight:800;color:var(--text-primary)}.plan-per-month{font-size:12px;color:var(--text-muted);margin-bottom:10px}.plan-savings{font-size:11px;color:var(--success);font-weight:700;background:#10b98126;padding:5px 10px;border-radius:8px}.benefits-container{padding:0 16px}.benefits-container h3{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.benefits-grid{display:flex;flex-direction:column;gap:12px}.benefit-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(139,92,246,.05) 100%);border:1px solid var(--border-subtle);padding:16px 18px;border-radius:var(--radius-lg);transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.benefit-card:hover{border-color:var(--border-glow);transform:translate(4px);box-shadow:0 4px 12px #8b5cf626}.benefit-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-icon.purple{background:#8b5cf626;color:var(--primary)}.benefit-icon.blue{background:#3b82f626;color:#3b82f6}.benefit-icon.pink{background:#ec489926;color:#ec4899}.benefit-icon.green{background:#10b98126;color:#10b981}.benefit-icon.gold{background:#fbbf2426;color:#fbbf24}.benefit-text{display:flex;flex-direction:column;gap:2px}.benefit-text strong{font-size:15px;font-weight:600;color:var(--text-primary)}.benefit-text span{font-size:13px;color:var(--text-muted)}.purchase-footer{position:fixed;bottom:80px;left:16px;right:16px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;gap:16px;z-index:100;box-shadow:0 -4px 20px #0000004d}.purchase-info{flex:1}.purchase-plan{font-size:14px;font-weight:600;color:var(--text-primary)}.purchase-price{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}.btn-purchase{display:flex;align-items:center;gap:8px;background:var(--gradient-gold);color:var(--text-dark);border:none;padding:16px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #fbbf2466;transition:all .3s ease}.btn-purchase:hover{transform:translateY(-2px);box-shadow:0 6px 28px #fbbf2480}.btn-purchase:disabled{opacity:.5;cursor:not-allowed;transform:none}.premium-header{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-card);border-bottom:1px solid var(--border-subtle)}.premium-header .back-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.premium-header .back-btn:hover{color:var(--text-primary);border-color:var(--border-glow)}.premium-header h1{font-size:20px;font-weight:700;color:var(--text-primary)}.premium-active{text-align:center;padding:48px 24px}.premium-crown{width:110px;height:110px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--text-dark);box-shadow:0 10px 40px #fbbf2466;animation:crownPulse 2s ease-in-out infinite}@keyframes crownPulse{0%,to{transform:scale(1);box-shadow:0 10px 40px #fbbf2466}50%{transform:scale(1.05);box-shadow:0 15px 50px #fbbf2480}}.premium-active h2{font-size:26px;font-weight:800;margin-bottom:8px;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-until{color:var(--text-muted);font-size:15px;margin-bottom:36px}.active-benefits{display:flex;flex-direction:column;gap:14px;background:var(--bg-card);border:1px solid var(--border-subtle);padding:24px;border-radius:var(--radius-xl)}.active-benefit{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--text-primary)}.benefit-check{width:32px;height:32px;background:var(--gradient-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 10px #10b9814d}.benefit-check svg{width:18px;height:18px}@media (max-width: 359px){.premium-hero{padding:20px 16px 60px;border-radius:0 0 30px 30px}.premium-hero .back-btn{width:38px;height:38px;top:12px;left:12px}.hero-crown{width:70px;height:70px;margin-bottom:16px}.hero-crown svg{width:36px;height:36px}.hero-content h1{font-size:26px}.hero-content p{font-size:13px}.plans-container{padding:16px 12px;gap:10px;margin-top:-40px}.plan-card{min-width:95px;padding:14px 10px}.plan-duration{font-size:12px}.plan-total{font-size:20px}.plan-per-month{font-size:11px}.plan-savings{font-size:10px;padding:4px 8px}.popular-badge{font-size:9px;padding:4px 10px;top:-10px}.benefits-container{padding:0 12px}.benefits-container h3{font-size:16px}.benefit-card{gap:12px;padding:14px 16px}.benefit-icon{width:42px;height:42px}.benefit-icon svg{width:20px;height:20px}.benefit-text strong{font-size:14px}.benefit-text span{font-size:12px}.purchase-footer{padding:14px;gap:12px}.purchase-plan{font-size:13px}.btn-purchase{padding:14px 22px;font-size:14px}.purchase-footer-fixed{bottom:102px;left:12px;right:12px}.btn-purchase-full{padding:14px 20px;font-size:13px;gap:8px;border-radius:12px}.btn-purchase-full svg{width:18px;height:18px}.premium-page{padding-bottom:140px}.premium-header{padding:14px;gap:12px}.premium-header h1{font-size:18px}.premium-active{padding:36px 20px}.premium-crown{width:90px;height:90px;margin-bottom:20px}.premium-crown svg{width:40px;height:40px}.premium-active h2{font-size:22px}.premium-until{font-size:14px;margin-bottom:28px}.active-benefits{padding:20px;gap:12px}.active-benefit{gap:12px;font-size:14px}.benefit-check{width:28px;height:28px}.benefit-check svg{width:16px;height:16px}}@media (min-width: 360px) and (max-width: 374px){.hero-crown{width:75px;height:75px}.hero-content h1{font-size:28px}.plan-card{min-width:100px}.plan-total{font-size:22px}.purchase-footer-fixed{bottom:102px;left:14px;right:14px}.btn-purchase-full{padding:15px 22px;font-size:14px}.premium-page{padding-bottom:145px}}@media (min-width: 375px) and (max-width: 413px){.hero-crown{width:80px;height:80px}.plan-card{min-width:105px}.purchase-footer-fixed{bottom:102px}.btn-purchase-full{padding:15px 24px;font-size:14px}.premium-page{padding-bottom:150px}}@media (min-width: 414px) and (max-width: 479px){.premium-hero{padding:26px 22px 75px}.hero-crown{width:95px;height:95px}.hero-content h1{font-size:34px}.hero-content p{font-size:16px}.plans-container{margin-top:-55px}.plan-card{min-width:115px;padding:20px 16px}.plan-duration{font-size:15px}.plan-total{font-size:26px}.benefit-card{padding:18px 20px}.benefit-icon{width:52px;height:52px}.premium-crown{width:115px;height:115px}.premium-active h2{font-size:28px}.purchase-footer-fixed{left:18px;right:18px}.btn-purchase-full{padding:17px 28px;font-size:15px}}@media (min-width: 480px) and (max-width: 599px){.premium-page{max-width:500px;margin:0 auto}.premium-hero{border-radius:0 0 40px 40px;padding:28px 24px 80px}.hero-crown{width:100px;height:100px}.hero-content h1{font-size:36px}.plans-container{padding:20px;gap:14px;margin-top:-55px}.plan-card{min-width:120px;padding:22px 18px}.benefits-container{padding:0 20px}.purchase-footer{padding:18px 20px}.btn-purchase{padding:18px 32px;font-size:16px}.purchase-footer-fixed{left:20px;right:20px;max-width:460px;margin:0 auto}.btn-purchase-full{padding:18px 32px;font-size:16px}}@media (min-width: 600px) and (max-width: 767px){.premium-page{max-width:600px;margin:0 auto}.premium-hero{padding:32px 28px 90px;border-radius:0 0 50px 50px}.hero-crown{width:110px;height:110px;margin-bottom:24px}.hero-content h1{font-size:40px}.hero-content p{font-size:17px}.plans-container{padding:24px;gap:16px;margin-top:-60px}.plan-card{flex:1;min-width:0;padding:24px 20px}.plan-duration{font-size:16px}.plan-total{font-size:28px}.benefits-container{padding:0 24px}.benefits-container h3{font-size:20px}.benefits-grid{gap:14px}.benefit-card{padding:20px 24px;gap:20px}.benefit-icon{width:56px;height:56px}.benefit-text strong{font-size:16px}.benefit-text span{font-size:14px}.purchase-footer{padding:20px 24px;gap:20px}.premium-active{padding:56px 28px}.premium-crown{width:120px;height:120px;margin-bottom:28px}.premium-active h2{font-size:30px}.active-benefits{padding:28px;gap:16px}.active-benefit{font-size:16px;gap:16px}.purchase-footer-fixed{left:24px;right:24px;max-width:552px;margin:0 auto}.btn-purchase-full{padding:18px 36px;font-size:16px}}@media (min-width: 768px) and (max-width: 1023px){.premium-page{max-width:750px;margin:0 auto}.premium-hero{padding:36px 32px 100px}.hero-crown{width:120px;height:120px}.hero-crown svg{width:56px;height:56px}.hero-content h1{font-size:44px}.hero-content p{font-size:18px}.plans-container{padding:28px 32px;margin-top:-70px;gap:20px}.plan-card{flex:1;min-width:0;padding:28px 24px}.plan-duration{font-size:17px}.plan-total{font-size:32px}.plan-per-month{font-size:14px}.plan-savings{font-size:12px;padding:6px 12px}.benefits-container{padding:0 32px}.benefits-container h3{font-size:22px}.benefit-card{padding:24px 28px}.benefit-icon{width:60px;height:60px}.benefit-text strong{font-size:17px}.benefit-text span{font-size:15px}.purchase-footer{padding:24px 32px}.btn-purchase{padding:20px 36px;font-size:17px}.premium-crown{width:130px;height:130px}.premium-active h2{font-size:32px}.purchase-footer-fixed{left:50%;right:auto;transform:translate(-50%);width:auto}.btn-purchase-full{padding:18px 44px;font-size:16px;width:auto;white-space:nowrap}}@media (min-width: 1024px){.premium-page{max-width:600px;margin:0 auto}.plan-card{flex:1;min-width:0}.purchase-footer-fixed{left:50%;right:auto;transform:translate(-50%);width:auto}.btn-purchase-full{padding:18px 48px;font-size:16px;border-radius:16px;width:auto;white-space:nowrap}}@media (max-height: 500px) and (orientation: landscape){.premium-hero{padding:16px 20px 50px;border-radius:0 0 30px 30px}.hero-content{padding-top:10px}.hero-crown{width:60px;height:60px;margin-bottom:12px}.hero-crown svg{width:30px;height:30px}.hero-content h1{font-size:24px;margin-bottom:4px}.hero-content p{font-size:12px}.plans-container{padding:12px 16px;margin-top:-35px;gap:10px}.plan-card{min-width:120px;padding:14px 12px}.plan-duration{font-size:12px;margin-bottom:6px}.plan-total{font-size:20px}.plan-per-month{font-size:10px;margin-bottom:6px}.benefits-container{padding:0 16px}.benefits-container h3{font-size:16px;margin-bottom:12px}.benefits-grid{gap:10px}.benefit-card{padding:12px 14px;gap:12px}.benefit-icon{width:40px;height:40px}.benefit-text strong{font-size:13px}.benefit-text span{font-size:11px}.purchase-footer{padding:12px 16px;gap:12px}.btn-purchase{padding:12px 20px;font-size:13px}.premium-active{padding:24px 20px}.premium-crown{width:70px;height:70px;margin-bottom:16px}.premium-active h2{font-size:22px}.premium-until{font-size:13px;margin-bottom:20px}.active-benefits{padding:16px;gap:10px}.active-benefit{font-size:13px;gap:10px}.benefit-check{width:26px;height:26px}.purchase-footer-fixed{bottom:102px;left:16px;right:16px}.btn-purchase-full{padding:12px 20px;font-size:13px;gap:6px;border-radius:10px}.btn-purchase-full svg{width:16px;height:16px}.premium-page{padding-bottom:130px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.purchase-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.purchase-footer-fixed{bottom:calc(102px + env(safe-area-inset-bottom))}.premium-page{padding-bottom:calc(160px + env(safe-area-inset-bottom))}}.discount-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:12px 16px;margin:0 16px 16px;border-radius:12px;font-size:15px;font-weight:600;box-shadow:0 4px 15px #f9731666;animation:pulse-discount 2s ease-in-out infinite}@keyframes pulse-discount{0%,to{box-shadow:0 4px 15px #f9731666}50%{box-shadow:0 4px 25px #f9731699}}.plan-card.discounted{border-color:#f9731680}.plan-card.discounted.selected{border-color:#f97316;box-shadow:0 0 20px #f973164d}.discount-badge-plan{position:absolute;top:-8px;right:10px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:10px;z-index:1}.plan-total-old{font-size:16px;color:var(--text-muted);text-decoration:line-through;margin-right:6px}.plan-total.discounted{color:#f97316}.admin-page{min-height:100%;padding-bottom:20px}.admin-header{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-card);border-bottom:1px solid var(--border-subtle)}.admin-header .back-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.admin-header .back-btn:hover{color:var(--text-primary);border-color:var(--border-glow)}.admin-header h1{font-size:20px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-tabs{display:flex;gap:8px;padding:16px;overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:600;white-space:nowrap}.admin-tabs button:hover{border-color:var(--border-glow);color:var(--text-primary)}.admin-tabs button.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}.admin-content{padding:16px;max-height:calc(100vh - 140px);overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--border-glow);transform:translateY(-2px)}.stat-card.wide{grid-column:span 2}.stat-card svg{color:var(--primary);margin-bottom:10px}.stat-card.premium svg{color:#fbbf24}.stat-card.revenue svg{color:#10b981}.stat-value{font-size:32px;font-weight:800;color:var(--text-primary)}.stat-label{font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.stat-change{font-size:11px;color:var(--success);margin-top:6px;display:flex;align-items:center;justify-content:center;gap:4px}.user-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-subtle);padding:14px 16px;border-radius:var(--radius-md);margin-bottom:10px;transition:all .2s ease}.user-item:hover{border-color:var(--border-glow)}.user-search-container{margin-bottom:20px}.user-search-container .form-input{max-width:100%}.user-info{flex:1}.user-name{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px;color:var(--text-primary)}.user-name svg{color:#fbbf24}.user-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.btn-toggle{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s ease}.btn-toggle:hover{border-color:var(--border-glow)}.btn-toggle.active{background:var(--gradient-gold);border-color:transparent;color:var(--text-dark)}.chat-item{background:var(--bg-card);border:1px solid var(--border-subtle);padding:16px;border-radius:var(--radius-md);margin-bottom:10px;cursor:pointer;transition:all .2s ease}.chat-item:hover{border-color:var(--border-glow);background:var(--bg-elevated)}.chat-users{font-weight:600;font-size:14px;color:var(--text-primary)}.chat-preview{font-size:13px;color:var(--text-muted);margin-top:6px}.chat-messages{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.message-item{padding:10px 0;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.message-item:last-child{border-bottom:none}.message-item strong{color:var(--primary)}.purchase-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);padding:14px 16px;border-radius:var(--radius-md);margin-bottom:10px}.purchase-item span{font-size:13px;color:var(--text-primary)}.purchase-item svg{color:#fbbf24}.referrals-section h3{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.admin-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center}.admin-denied svg{color:var(--primary);margin-bottom:16px}.admin-denied h2{font-size:20px;margin-bottom:16px;color:var(--text-primary)}.top-list{margin-top:12px}.top-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:14px;color:var(--text-secondary)}.top-item:last-child{border-bottom:none}.tracking-section{padding-bottom:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:18px;font-weight:700;color:var(--text-primary)}.section-header-actions{display:flex;gap:8px;align-items:center}.btn-sm{padding:10px 14px;font-size:13px}.create-link-form{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.create-link-form .form-input{margin-bottom:12px}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.tracking-link-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;margin-bottom:12px;transition:all .3s ease}.tracking-link-card:hover{border-color:var(--border-glow)}.link-info{margin-bottom:14px}.link-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.link-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.link-badge{background:var(--gradient-primary);color:#fff;padding:3px 10px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase}.link-code{font-size:12px;color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.link-url{display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:12px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.link-url:hover{border-color:var(--primary)}.link-url:active{transform:scale(.99)}.link-url span{flex:1;font-size:12px;color:var(--primary-light);word-break:break-all;font-family:SF Mono,Monaco,Consolas,monospace}.link-url svg{color:var(--primary);flex-shrink:0}.link-stats{display:flex;gap:16px;margin-bottom:14px;padding:14px;background:var(--bg-glass);border-radius:var(--radius-sm)}.link-stat{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-primary)}.link-stat svg{color:var(--text-muted)}.link-stat.premium svg{color:#fbbf24}.link-stat.premium{color:#fbbf24}.link-actions{display:flex;gap:8px;justify-content:flex-end}.btn-icon{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease}.btn-icon:hover{border-color:var(--border-glow);color:var(--primary)}.btn-icon.danger:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-icon.success{background:#10b9811a;border-color:#10b981;color:#10b981}.btn-icon.success:hover{background:#10b98133}.user-actions{display:flex;gap:8px;align-items:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:100%;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.modal-user{font-size:14px;color:var(--text-muted);margin-bottom:20px}.premium-inputs{display:flex;gap:12px;margin-bottom:20px}.premium-input-group{flex:1}.premium-input-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.premium-input-group input{width:100%;text-align:center;font-size:18px;font-weight:700}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions .btn{display:flex;align-items:center;gap:6px}.link-details{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.link-header{margin-bottom:16px}.link-header h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.link-source{font-size:13px;color:var(--text-muted)}.link-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.mini-stat{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;text-align:center}.mini-stat svg{color:var(--primary);margin-bottom:6px}.mini-stat span{display:block;font-size:22px;font-weight:800;color:var(--text-primary)}.mini-stat small{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.mini-stat.premium svg{color:#fbbf24}.mini-stat.premium span{color:#fbbf24}.empty-state{text-align:center;padding:40px}.empty-state svg{margin-bottom:12px;color:var(--text-muted);opacity:.5}.empty-state p{font-size:14px;color:var(--text-muted)}.reflinks-section{padding-bottom:20px}.reflink-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;margin-bottom:12px;transition:all .3s ease}.reflink-card:hover{border-color:var(--border-glow)}.reflink-card.inactive{opacity:.6;background:var(--bg-elevated)}.reflink-info{margin-bottom:14px}.reflink-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.reflink-name svg{color:var(--primary)}.system-badge{background:var(--gradient-gold);color:var(--text-dark);padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;margin-left:8px}.reflink-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.type-badge{padding:3px 10px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase}.type-badge.cpa{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.type-badge.cpm{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.type-badge.cpl{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.reflink-meta .price{font-size:13px;font-weight:600;color:var(--text-primary)}.reflink-meta .admin{font-size:12px;color:var(--primary)}.reflink-description{font-size:12px;color:var(--text-muted);margin-bottom:10px}.reflink-url{display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.reflink-url:hover{border-color:var(--primary)}.reflink-url span{flex:1;font-size:11px;color:var(--primary-light);word-break:break-all;font-family:SF Mono,Monaco,Consolas,monospace}.reflink-url svg{color:var(--primary);flex-shrink:0}.reflink-stats{display:flex;gap:16px;margin-bottom:14px;padding:12px;background:var(--bg-glass);border-radius:var(--radius-sm)}.reflink-stat{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-primary)}.reflink-stat svg{color:var(--text-muted)}.reflink-actions{display:flex;gap:8px;justify-content:flex-end}.reflink-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.link-badges{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.link-badge.cpm{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.link-badge.cpa{background:linear-gradient(135deg,#10b981,#059669)}.link-badge.cpl{background:linear-gradient(135deg,#f59e0b,#d97706)}.link-badge.system{background:var(--gradient-gold);color:var(--text-dark)}.link-badge.active{background:linear-gradient(135deg,#10b981,#059669)}.link-badge.inactive{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle)}.stats-summary{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.summary-row:last-child{border-bottom:none}.summary-row span{font-size:13px;color:var(--text-muted)}.summary-row strong{font-size:14px;font-weight:700;color:var(--text-primary)}.daily-stats{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.daily-stats h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.daily-stats h4 svg{color:var(--primary)}.daily-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-subtle);font-size:13px;color:var(--text-secondary)}.daily-row:last-child{border-bottom:none}.daily-row .date{font-weight:600;color:var(--text-primary)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.form-input.disabled{opacity:.6;cursor:not-allowed}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.create-link-form h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.btn-icon.inactive{color:var(--error)}.mb-2{margin-bottom:16px}.mt-2{margin-top:16px}@media (max-width: 359px){.admin-header{gap:10px;padding:14px}.admin-header h1{font-size:17px}.admin-header .back-btn{width:36px;height:36px}.admin-tabs{padding:12px;gap:6px}.admin-tabs button{padding:10px 14px;font-size:12px}.admin-content{padding:12px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-value{font-size:26px}.stat-label{font-size:10px}.user-item{padding:12px 14px}.user-name{font-size:14px}.btn-toggle{width:38px;height:38px}.tracking-link-card{padding:14px}.link-name{font-size:14px}.link-stats-grid{grid-template-columns:repeat(2,1fr)}.mini-stat{padding:12px}.mini-stat span{font-size:18px}.link-url span{font-size:11px}}@media (min-width: 360px) and (max-width: 374px){.admin-header h1{font-size:18px}.stat-value{font-size:28px}.link-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 375px) and (max-width: 413px){.stat-value{font-size:30px}.link-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 414px) and (max-width: 479px){.admin-header h1{font-size:21px}.stat-card{padding:22px}.stat-value{font-size:34px}.user-name{font-size:16px}.link-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 480px) and (max-width: 599px){.admin-page{max-width:500px;margin:0 auto}.admin-header,.admin-content{padding:18px}.stats-grid{gap:14px}.stat-card{padding:24px}.stat-value{font-size:36px}.btn-toggle{width:48px;height:48px}}@media (min-width: 600px) and (max-width: 767px){.admin-page{max-width:600px;margin:0 auto}.admin-header{padding:20px 24px}.admin-header h1{font-size:22px}.admin-tabs{padding:16px 24px}.admin-content{padding:20px 24px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px}.stat-card.wide{grid-column:span 3}.stat-value{font-size:38px}.user-item{padding:18px 20px}.tracking-link-card{padding:22px}.link-stats-grid{gap:14px}.mini-stat{padding:18px}.mini-stat span{font-size:26px}}@media (min-width: 768px) and (max-width: 1023px){.admin-page{max-width:750px;margin:0 auto}.admin-header{padding:20px 28px}.admin-header h1{font-size:24px}.admin-tabs{padding:16px 28px}.admin-tabs button{padding:14px 22px;font-size:14px}.admin-content{padding:20px 28px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px}.stat-card.wide{grid-column:span 2}.stat-card{padding:26px}.stat-value{font-size:40px}.stat-label{font-size:13px}.user-item{padding:20px 24px}.user-name{font-size:17px}.tracking-link-card{padding:24px}.link-name{font-size:18px}}@media (min-width: 1024px){.admin-page{max-width:100%}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-card.wide{grid-column:span 2}}@media (max-height: 500px) and (orientation: landscape){.admin-header{padding:12px 16px}.admin-header h1{font-size:18px}.admin-tabs{padding:10px 16px}.admin-tabs button{padding:10px 16px;font-size:12px}.admin-content{padding:12px 16px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px}.stat-card{padding:14px}.stat-value{font-size:24px}.stat-label{font-size:10px}.link-stats-grid{grid-template-columns:repeat(4,1fr);gap:8px}.mini-stat{padding:10px}.mini-stat span{font-size:18px}}.moderation-section{padding:0}.pending-profiles{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto;padding-right:4px}.pending-profiles::-webkit-scrollbar{width:6px}.pending-profiles::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:3px}.pending-profiles::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.pending-profiles::-webkit-scrollbar-thumb:hover{background:var(--primary)}.pending-profile-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;cursor:pointer;transition:all .2s ease}.pending-profile-card:hover{border-color:var(--primary);transform:translate(4px)}.pending-photo{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.pending-photo img{width:100%;height:100%;object-fit:cover}.no-photo-small{width:100%;height:100%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.pending-info{flex:1;min-width:0}.pending-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.pending-meta{font-size:13px;color:var(--text-secondary);margin-bottom:2px}.pending-date{font-size:11px;color:var(--text-muted)}.pending-action{color:var(--text-muted);flex-shrink:0}.profile-review{padding:0 0 120px}.profile-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-y:auto;max-height:70vh;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.profile-card::-webkit-scrollbar{width:6px}.profile-card::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:3px}.profile-card::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.profile-card::-webkit-scrollbar-thumb:hover{background:var(--primary)}.profile-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--bg-elevated)}.profile-photos img{width:100%;aspect-ratio:1;object-fit:cover}.no-photos{grid-column:span 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-muted)}.profile-info-detailed{padding:20px}.profile-info-detailed h3{font-size:22px;font-weight:700;margin-bottom:8px}.profile-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--text-secondary);margin-bottom:16px}.profile-bio{margin-bottom:16px}.profile-bio h4{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.profile-bio p{font-size:14px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap}.profile-looking{font-size:14px;color:var(--text-secondary)}.moderation-actions{display:flex;flex-direction:column;gap:16px}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 24px;border-radius:var(--radius-md);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.reject-form{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.reject-form h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.reject-form .form-group{margin-bottom:12px}.reject-form label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.reject-form textarea{resize:none}.premium-indicator{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;margin-left:6px}.premium-indicator svg{color:var(--text-muted);opacity:.4}.premium-indicator.active svg{color:#fbbf24;opacity:1;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.premium-until{display:flex;align-items:center;gap:4px;margin-top:4px;padding:3px 8px;background:#fbbf2426;border-radius:6px;font-size:11px;font-weight:500;color:#fbbf24;width:fit-content}.premium-until svg{color:#fbbf24}.btn-icon.grant{background:#10b9811a;border-color:#10b981;color:#10b981}.btn-icon.grant:hover{background:#10b98133;border-color:#10b981;color:#10b981}.btn-icon.reduce{background:#fbbf241a;border-color:#fbbf24;color:#fbbf24}.btn-icon.reduce:hover{background:#fbbf2433;border-color:#fbbf24;color:#fbbf24}.btn-icon.danger{background:#ef44441a;border-color:#ef4444;color:#ef4444}.user-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.full-stats{display:flex;flex-direction:column;gap:20px}.stats-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px}.stats-section-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.stats-section-title svg{color:var(--primary)}.stat-tree{font-family:monospace;font-size:14px}.stat-tree-row{display:flex;align-items:center;gap:8px;padding:6px 0}.stat-tree-branch{color:var(--text-muted);opacity:.5}.stat-tree-label{color:var(--text-secondary)}.stat-tree-value{color:var(--text-primary);font-weight:600;margin-left:auto}.stat-tree-value.highlight{color:var(--primary)}.stats-subsection{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border-subtle)}.stats-subsection-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.stats-subsection-title svg{color:var(--primary);opacity:.7}.stats-grid-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.stats-grid-compact:last-child{margin-bottom:0}.stats-grid-compact .stat-card{padding:14px 10px;border-radius:var(--radius-md)}.stats-grid-compact .stat-value{font-size:18px;font-weight:800;line-height:1.2}.stats-grid-compact .stat-label{font-size:10px;margin-top:4px;line-height:1.2}.stat-card.highlight{background:linear-gradient(135deg,#8b5cf626,#a78bfa26);border-color:#8b5cf64d}.stat-card.highlight .stat-value{color:var(--primary-light)}.stat-card.online{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b9814d}.stat-card.online .stat-value{color:#10b981}.stat-card.success{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b9814d}.stat-card.success .stat-value{color:#10b981}.stat-card.danger{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef44444d}.stat-card.danger .stat-value{color:#ef4444}.stats-row-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-block{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;text-align:center}.stat-block-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.stat-block-values{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}.stat-block-values .main{font-size:24px;font-weight:800;color:var(--text-primary)}.stat-block-values .today{font-size:13px;font-weight:600;color:#10b981}.stat-block-values .yesterday{font-size:11px;color:var(--text-muted)}.stat-block-sub{font-size:11px;color:var(--text-muted);margin-top:6px}.stat-row-with-bar{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:12px;transition:all .3s ease;animation:fadeSlideIn .4s ease backwards}.stat-row-with-bar:hover{border-color:var(--border-glow);transform:translate(4px)}.stat-row-with-bar:nth-child(2){animation-delay:.05s}.stat-row-with-bar:nth-child(3){animation-delay:.1s}.stat-row-with-bar:nth-child(4){animation-delay:.15s}.stat-row-with-bar:nth-child(5){animation-delay:.2s}.stat-row-with-bar:nth-child(6){animation-delay:.25s}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.stat-row-with-bar:last-child{margin-bottom:0}.stat-row-with-bar.revenue-row{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b98133}.stat-row-with-bar.success-row{background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:#10b98140}.stat-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-row-label{font-size:13px;font-weight:600;color:var(--text-primary)}.stat-row-value{font-size:15px;font-weight:800;color:var(--text-primary)}.revenue-row .stat-row-value,.success-row .stat-row-value{color:#10b981}.stat-row-details{display:flex;gap:16px;margin-bottom:10px;font-size:12px}.stat-row-details .today{color:#10b981;font-weight:600}.stat-row-details .yesterday{color:var(--text-muted)}.stat-progress-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.stat-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1);animation:progressGlow 2s ease-in-out infinite}.stat-progress-fill.messages{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-progress-fill.searches{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-progress-fill.revenue,.stat-progress-fill.success{background:linear-gradient(90deg,#10b981,#34d399)}@keyframes progressGlow{0%,to{box-shadow:0 0 4px #8b5cf666}50%{box-shadow:0 0 12px #8b5cf699}}.stat-card.premium-highlight{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf244d}.stat-card.premium-highlight .stat-value{color:#fbbf24}.localization-list{display:flex;flex-wrap:wrap;gap:10px}.localization-item{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px}.localization-item .lang-code{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase}.localization-item .lang-count{font-size:13px;font-weight:600;color:var(--text-primary)}.top-reflinks-list{display:flex;flex-direction:column;gap:8px}.top-reflink-item{display:flex;align-items:center;gap:12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px}.top-reflink-item .rank{font-size:14px;font-weight:800;color:var(--primary);min-width:28px}.top-reflink-item .code{font-size:13px;font-weight:600;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-reflink-item .stats{font-size:12px;color:var(--text-muted);white-space:nowrap}.samorost-info{font-size:12px;color:var(--text-muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.pending-tg-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;margin-bottom:4px}.tg-username-link{font-size:12px;font-weight:600;color:var(--primary);text-decoration:none;transition:all .2s ease}.tg-username-link:hover{color:var(--primary-light);text-decoration:underline}.tg-lang{font-size:10px;font-weight:700;padding:2px 6px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-muted)}.tg-nickname{font-size:11px;color:var(--text-secondary);padding:2px 6px;background:rgba(var(--accent-blue-rgb),.1);border-radius:4px}.tg-id{font-size:10px;color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.profile-tg-block{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.profile-tg-username{font-size:14px;font-weight:600;color:var(--primary);text-decoration:none;transition:all .2s ease}.profile-tg-username:hover{color:var(--primary-light);text-decoration:underline}.profile-tg-lang{font-size:11px;font-weight:700;padding:3px 8px;background:var(--gradient-primary);color:#fff;border-radius:6px}.profile-tg-id{font-size:12px;color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace}@media (max-width: 600px){.stats-grid-compact{grid-template-columns:repeat(2,1fr)}.stats-grid-compact .stat-value{font-size:16px}.stats-grid-compact .stat-label{font-size:9px}.stats-row-triple{grid-template-columns:1fr;gap:10px}.stat-block-values .main{font-size:20px}.localization-list{gap:8px}.localization-item{padding:6px 10px}.top-reflink-item{padding:8px 12px}.top-reflink-item .code{font-size:12px}.top-reflink-item .stats{font-size:11px}}@media (max-width: 400px){.stats-section{padding:14px}.stats-section-title{font-size:14px;margin-bottom:12px}.stats-grid-compact{gap:8px}.stats-grid-compact .stat-card{padding:10px 8px}.stats-grid-compact .stat-value{font-size:14px}.pending-tg-info{gap:6px}.tg-username-link{font-size:11px}.profile-tg-block{gap:8px;padding:8px 12px}}.btn-users-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;margin-bottom:12px}.reflink-users-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.reflink-users-section h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.reflink-users-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.reflink-user-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px;transition:all .2s ease}.reflink-user-item:hover{border-color:var(--border-glow)}.reflink-user-info{display:flex;flex-direction:column;gap:4px}.reflink-user-name{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--text-primary)}.reflink-user-name .premium-icon{color:#fbbf24}.reflink-user-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reflink-user-meta .user-tg{font-size:13px;font-weight:500;color:var(--primary)}.reflink-user-meta .user-tg-id{font-size:11px;color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.reflink-user-details{display:flex;align-items:center;gap:10px;margin-top:4px}.reflink-user-details .user-lang{font-size:10px;font-weight:700;padding:2px 6px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:4px;color:var(--primary);text-transform:uppercase}.reflink-user-details .user-joined{font-size:11px;color:var(--text-muted)}@media (max-width: 400px){.reflink-user-item{padding:10px 12px}.reflink-user-name{font-size:14px}.reflink-user-meta .user-tg{font-size:12px}}.reflink-users-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px;background:var(--bg-elevated);border-radius:var(--radius-md)}.reflink-users-pagination .pagination-info{font-size:13px;font-weight:600;color:var(--text-secondary)}.reflink-users-pagination .btn{font-size:12px;padding:6px 12px}.user-tg-link{font-size:13px;font-weight:500;color:var(--primary);text-decoration:none;transition:all .2s ease}.user-tg-link:hover{color:var(--primary-light, #a78bfa);text-decoration:underline}.reports-section{padding:16px}.reports-section h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.reports-section h4{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.high-report-users{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;margin-bottom:20px}.report-user-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-elevated);border-radius:8px;margin-bottom:8px}.report-user-card.banned{opacity:.6;background:#ef44441a}.report-user-info{display:flex;flex-direction:column;gap:4px}.report-user-name{font-weight:600;color:var(--text-primary)}.report-user-username{font-size:12px;color:var(--primary)}.report-user-stats{font-size:12px;color:var(--text-muted)}.report-user-actions{display:flex;gap:8px}.btn-ban{display:flex;align-items:center;gap:4px;padding:8px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-ban:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-unban{display:flex;align-items:center;gap:4px;padding:8px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-unban:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.recent-reports{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:16px}.no-reports{color:var(--text-muted);text-align:center;padding:20px}.report-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;padding:14px;margin-bottom:12px}.report-card.processed{opacity:.6}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.report-date{font-size:12px;color:var(--text-muted)}.report-processed{font-size:11px;color:var(--success);font-weight:600}.report-users{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.report-from,.report-to{font-size:13px;color:var(--text-secondary)}.report-from span,.report-to span{font-weight:600;color:var(--text-muted);margin-right:4px}.report-from small,.report-to small{color:var(--primary);margin-left:6px}.banned-badge{background:var(--error);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px}.report-reason{font-size:12px;color:var(--text-muted);background:var(--bg-glass);padding:8px 10px;border-radius:6px;margin-bottom:10px}.report-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-view-chat{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s ease}.btn-view-chat:hover{background:var(--bg-elevated);color:var(--primary)}.btn-dismiss{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s ease}.btn-dismiss:hover{background:var(--bg-elevated)}.chat-modal{max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.chat-messages-list{flex:1;overflow-y:auto;max-height:400px;padding:10px;background:var(--bg-elevated);border-radius:8px;margin-bottom:16px}.chat-message-item{padding:8px;margin-bottom:6px;background:var(--bg-glass);border-radius:6px}.msg-sender{font-weight:600;color:var(--primary);margin-right:6px}.msg-content{color:var(--text-primary);word-break:break-word}.msg-time{display:block;font-size:10px;color:var(--text-muted);margin-top:4px}.ban-modal{max-width:400px}.ban-modal h3{display:flex;align-items:center;gap:8px;color:var(--error)}.ban-modal textarea{width:100%;padding:12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:14px;resize:vertical;margin:16px 0}.ban-modal textarea:focus{outline:none;border-color:var(--error)}.btn-danger{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.autobans-section{padding:16px}.autobans-section h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.autobans-description{font-size:13px;color:var(--text-muted);margin-bottom:20px}.autobanned-users-list{display:flex;flex-direction:column;gap:16px}.autobanned-user-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:16px}.autobanned-user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.autobanned-user-info{display:flex;flex-direction:column;gap:4px}.autobanned-user-name{font-size:16px;font-weight:600;color:var(--text-primary)}.autobanned-user-username{font-size:13px;color:var(--primary)}.autobanned-user-stats{display:flex;gap:10px;font-size:13px}.autobanned-user-stats .stat-report{color:#f97316}.autobanned-user-stats .stat-cool{color:#ef4444}.autobanned-user-stats .stat-love{color:#ec4899}.autobanned-user-stats .stat-boring{color:#8b5cf6}.autobanned-user-meta{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-elevated);border-radius:8px;margin-bottom:12px}.autobanned-user-meta .ban-date{font-size:12px;color:var(--text-muted)}.autobanned-user-meta .ban-reason{font-size:13px;color:var(--error);font-weight:500}.autobanned-chats{margin-bottom:12px}.autobanned-chats h5{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.chat-history-list{display:flex;flex-direction:column;gap:8px}.chat-history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-elevated);border-radius:8px}.chat-history-info{display:flex;flex-direction:column;gap:4px}.chat-partner{font-size:13px;font-weight:500;color:var(--text-primary)}.chat-meta{font-size:11px;color:var(--text-muted)}.chat-reported{color:var(--error);font-weight:600}.autobanned-actions{display:flex;justify-content:flex-end;gap:10px}.autobanned-actions .btn{padding:10px 20px}.autoban-chat-modal{max-width:500px}.chat-participants{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:var(--bg-elevated);border-radius:8px;margin-bottom:16px}.chat-participants .participant{font-weight:600;color:var(--text-primary)}.chat-participants .participant.banned{color:var(--error)}.chat-participants .vs{color:var(--text-muted)}.autoban-messages{max-height:350px}.chat-message-item.from-banned{background:#ef44441a;border-left:3px solid var(--error)}.appeals-section{padding:16px}.appeals-section h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.appeals-description{color:var(--text-muted);font-size:13px;margin-bottom:20px}.appeals-list{display:flex;flex-direction:column;gap:16px}.appeal-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;transition:all .2s ease}.appeal-card.processed{opacity:.7}.appeal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.appeal-date{font-size:12px;color:var(--text-muted)}.appeal-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px}.appeal-status.pending{background:#eab30833;color:#eab308}.appeal-status.approved{background:#22c55e33;color:#22c55e}.appeal-status.rejected{background:#ef444433;color:#ef4444}.appeal-user{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.appeal-user-name{font-weight:600;color:var(--text-primary)}.appeal-user-username{color:var(--primary);font-size:13px}.appeal-user-id{font-size:12px;color:var(--text-muted);font-family:monospace}.appeal-warnings{font-size:12px;color:var(--warning);margin-left:auto}.appeal-reason{margin-bottom:12px}.appeal-reason strong{font-size:12px;color:var(--text-muted);display:block;margin-bottom:4px}.appeal-reason p{color:var(--text-primary);font-size:14px;line-height:1.5;background:var(--bg-elevated);padding:12px;border-radius:8px}.appeal-response{margin-bottom:12px;padding:12px;background:#6366f11a;border-radius:8px}.appeal-response strong{font-size:12px;color:var(--primary);display:block;margin-bottom:4px}.appeal-response p{color:var(--text-primary);font-size:13px}.appeal-actions{display:flex;gap:10px;margin-top:12px}.appeal-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.appeal-actions .btn-success{background:var(--gradient-success);color:#fff}.appeal-actions .btn-success:hover{opacity:.9}.appeal-actions .btn-danger{background:var(--gradient-danger);color:#fff}.appeal-actions .btn-danger:hover{opacity:.9}.appeal-modal{max-width:400px}.appeal-modal h3{display:flex;align-items:center;gap:8px;margin-bottom:12px}.appeal-modal p{color:var(--text-secondary);margin-bottom:16px}.appeal-modal textarea{width:100%;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;color:var(--text-primary);font-size:14px;resize:none;margin-bottom:16px}.appeal-modal textarea:focus{outline:none;border-color:var(--primary)}.anonymous-chat-page,.anonymous-chat-room{--anon-spacing-xs: clamp(4px, 1vw, 6px);--anon-spacing-sm: clamp(8px, 2vw, 12px);--anon-spacing-md: clamp(12px, 3vw, 16px);--anon-spacing-lg: clamp(16px, 4vw, 24px);--anon-spacing-xl: clamp(20px, 5vw, 32px);--anon-font-xs: clamp(.688rem, 2.5vw, .75rem);--anon-font-sm: clamp(.813rem, 3vw, .875rem);--anon-font-base: clamp(.875rem, 3.5vw, 1rem);--anon-font-lg: clamp(1rem, 4vw, 1.125rem);--anon-font-xl: clamp(1.125rem, 4.5vw, 1.5rem);--anon-font-2xl: clamp(1.5rem, 5vw, 2rem);--anon-radius-sm: clamp(8px, 2vw, 12px);--anon-radius-md: clamp(12px, 3vw, 16px);--anon-radius-lg: clamp(16px, 4vw, 20px);--anon-radius-xl: clamp(20px, 5vw, 24px);--anon-touch-min: 44px;--anon-touch-comfortable: 48px;--anon-transition-fast: .15s ease;--anon-transition-normal: .25s ease;--anon-transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--anon-glow-primary: 0 0 20px rgba(139, 92, 246, .4);--anon-glow-success: 0 0 20px rgba(34, 197, 94, .4);--anon-glow-warning: 0 0 20px rgba(245, 158, 11, .4)}.anonymous-chat-page{min-height:100vh;min-height:100dvh;background:var(--bg-dark);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.anonymous-chat-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 25%,rgba(139,92,246,.12) 0%,transparent 45%),radial-gradient(circle at 85% 75%,rgba(255,107,157,.1) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.05) 0%,transparent 60%);pointer-events:none;z-index:0;animation:anonBgPulse 10s ease-in-out infinite}@keyframes anonBgPulse{0%,to{opacity:1}50%{opacity:.6}}.anonymous-chat-page:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 15%,rgba(139,92,246,.25) 0%,transparent 2px),radial-gradient(circle at 80% 25%,rgba(255,107,157,.2) 0%,transparent 2px),radial-gradient(circle at 35% 65%,rgba(236,72,153,.15) 0%,transparent 2px),radial-gradient(circle at 70% 85%,rgba(139,92,246,.2) 0%,transparent 2px);background-size:100% 100%;pointer-events:none;z-index:0;animation:anonFloatingParticles 20s linear infinite}@keyframes anonFloatingParticles{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--anon-spacing-md)}.loading-spinner{width:clamp(40px,10vw,56px);height:clamp(40px,10vw,56px);border:3px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{font-size:var(--anon-font-base);color:var(--text-secondary);animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.6}50%{opacity:1}}.anon-header{position:relative;padding:var(--anon-spacing-xl) var(--anon-spacing-lg) var(--anon-spacing-lg);padding-top:calc(var(--anon-spacing-xl) + env(safe-area-inset-top,0px));overflow:hidden;z-index:1}.anon-header-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b5cf626,#ff6b9d1a,#ec489914);opacity:1;animation:headerGlowPulse 6s ease-in-out infinite}@keyframes headerGlowPulse{0%,to{opacity:.8;background-position:0% 50%}50%{opacity:1;background-position:100% 50%}}.anon-header-content{position:relative;z-index:1}.anon-title{display:flex;align-items:center;gap:var(--anon-spacing-sm);font-size:var(--anon-font-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--anon-spacing-xs);letter-spacing:-.02em}.anon-title-icon{width:clamp(28px,7vw,40px);height:clamp(28px,7vw,40px);color:var(--primary);filter:drop-shadow(var(--anon-glow-primary));animation:floatIcon 3s ease-in-out infinite;flex-shrink:0}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-3deg)}75%{transform:translateY(-6px) rotate(3deg)}}.anon-subtitle{font-size:var(--anon-font-base);color:var(--text-secondary);line-height:1.5;opacity:.9}.anon-content{padding:0 var(--anon-spacing-lg) var(--anon-spacing-xl);display:flex;flex-direction:column;gap:var(--anon-spacing-lg);max-width:600px;margin:0 auto;width:100%}.reputation-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--anon-radius-xl);padding:var(--anon-spacing-lg);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;animation:anonCardSlideUp .5s cubic-bezier(.34,1.56,.64,1) backwards;position:relative;overflow:hidden}@keyframes anonCardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reputation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#ff6b9d,#c084fc,#8b5cf6);background-size:300% 100%;animation:gradientFlow 4s linear infinite}@keyframes gradientFlow{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reputation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--anon-spacing-md);gap:var(--anon-spacing-sm);flex-wrap:wrap}.reputation-header h3{font-size:var(--anon-font-lg);font-weight:var(--weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--anon-spacing-xs)}.reputation-total-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--anon-spacing-sm);margin-bottom:var(--anon-spacing-md);padding:var(--anon-spacing-md);background:linear-gradient(135deg,var(--bg-elevated),rgba(139,92,246,.05));border-radius:var(--anon-radius-lg);border:1px solid var(--border-subtle)}.total-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--anon-spacing-xs);text-align:center;transition:var(--anon-transition-fast)}.total-stat-item:hover{transform:translateY(-2px)}.total-stat-item svg{width:clamp(14px,3.5vw,18px);height:clamp(14px,3.5vw,18px);color:var(--primary);flex-shrink:0;opacity:.9}.total-stat-item .stat-icon{font-size:clamp(12px,3vw,16px);line-height:1}.total-stat-item .stat-value{font-size:clamp(.938rem,3.5vw,1.25rem);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}.total-stat-item .stat-label{font-size:var(--anon-font-xs);color:var(--text-tertiary);line-height:1.2;white-space:nowrap}.reputation-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--anon-spacing-sm);margin-bottom:var(--anon-spacing-md)}.rep-stat{display:flex;flex-direction:column;align-items:center;gap:var(--anon-spacing-xs);padding:var(--anon-spacing-md);background:#8b5cf614;border-radius:var(--anon-radius-md);border:1px solid rgba(139,92,246,.15);transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;min-height:clamp(70px,18vw,90px);justify-content:center;position:relative;overflow:hidden}.rep-stat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b5cf633,#ff6b9d1a);opacity:0;transition:var(--anon-transition-fast)}.rep-stat:active{transform:scale(.95)}.rep-stat:active:after{opacity:1}@media (hover: hover){.rep-stat:hover{border-color:#8b5cf680;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #8b5cf64d,0 0 20px #8b5cf633}}.rep-emoji{font-size:clamp(24px,6vw,36px);line-height:1;position:relative;z-index:1}.rep-stat:nth-child(1) .rep-emoji{animation:bounce 2.5s ease-in-out infinite 0s}.rep-stat:nth-child(2) .rep-emoji{animation:bounce 2.5s ease-in-out infinite .15s}.rep-stat:nth-child(3) .rep-emoji{animation:bounce 2.5s ease-in-out infinite .3s}.rep-stat:nth-child(4) .rep-emoji{animation:bounce 2.5s ease-in-out infinite .45s}@keyframes bounce{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-3px)}}.rep-count{font-size:clamp(1.125rem,5vw,1.5rem);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1;position:relative;z-index:1}.reputation-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--anon-spacing-sm)}.btn-reputation-action{display:flex;align-items:center;gap:var(--anon-spacing-sm);padding:var(--anon-spacing-md);background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--anon-radius-md);font-size:var(--anon-font-sm);color:var(--text-primary);cursor:pointer;transition:var(--anon-transition-normal);position:relative;overflow:hidden;min-height:var(--anon-touch-comfortable);-webkit-tap-highlight-color:transparent}.btn-reputation-action svg{flex-shrink:0;width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px)}.btn-reputation-action>div{flex:1;text-align:left;min-width:0}.btn-reputation-action:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .6s ease}.btn-reputation-action:active:before{transform:translate(100%)}.btn-reputation-action.boost{background:linear-gradient(135deg,#8b5cf61f,#ec489914);border-color:#8b5cf659}.btn-reputation-action.reset{background:linear-gradient(135deg,#3b82f61f,#8b5cf614);border-color:#3b82f659}.btn-reputation-action:active{transform:scale(.98)}@media (hover: hover){.btn-reputation-action:hover{border-color:var(--primary);box-shadow:var(--anon-glow-primary)}}.btn-rep-title{font-weight:var(--weight-medium);line-height:1.3;margin-bottom:2px;font-size:var(--anon-font-sm)}.btn-rep-price{display:inline-flex;align-items:center;gap:4px;font-size:var(--anon-font-xs);color:var(--warning);font-weight:var(--weight-semibold)}.btn-rep-price svg{width:12px;height:12px}.premium-info-card{background:linear-gradient(135deg,#f59e0b1f,#fbbf240f);border:1px solid rgba(245,158,11,.35);border-radius:var(--anon-radius-xl);padding:var(--anon-spacing-lg);text-align:center;animation:slideUp .6s var(--anon-transition-slow) .1s backwards;position:relative;overflow:hidden}.premium-info-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);animation:rotateGlow 15s linear infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.premium-info-icon{width:clamp(40px,10vw,56px);height:clamp(40px,10vw,56px);color:var(--warning);margin:0 auto var(--anon-spacing-md);filter:drop-shadow(var(--anon-glow-warning));position:relative;z-index:1;animation:crownFloat 3s ease-in-out infinite}@keyframes crownFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.premium-info-card h3{font-size:var(--anon-font-xl);font-weight:var(--weight-bold);color:var(--warning);margin-bottom:var(--anon-spacing-sm);position:relative;z-index:1}.premium-features{list-style:none;text-align:left;margin:var(--anon-spacing-md) 0;padding:0;position:relative;z-index:1}.premium-features li{padding:var(--anon-spacing-xs) var(--anon-spacing-sm);color:var(--text-secondary);font-size:var(--anon-font-sm);position:relative;padding-left:calc(var(--anon-spacing-lg) + 8px);line-height:1.5}.premium-features li:before{content:"✓";position:absolute;left:var(--anon-spacing-sm);color:var(--warning);font-weight:var(--weight-bold);font-size:1rem}.premium-info-card .btn{position:relative;z-index:1;min-height:var(--anon-touch-comfortable);background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#1a1a2e;font-weight:700;box-shadow:0 4px 20px #f59e0b66}.premium-info-card .btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b80}.filters-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--anon-spacing-sm);padding:var(--anon-spacing-md) var(--anon-spacing-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--anon-radius-xl);color:var(--text-primary);font-size:var(--anon-font-base);font-weight:var(--weight-medium);cursor:pointer;transition:var(--anon-transition-normal);min-height:var(--anon-touch-comfortable);animation:slideUp .7s var(--anon-transition-slow) .2s backwards;-webkit-tap-highlight-color:transparent}.filters-button svg{width:clamp(18px,4.5vw,22px);height:clamp(18px,4.5vw,22px);flex-shrink:0;color:var(--primary)}.filters-button:active{transform:scale(.98);background:var(--bg-elevated)}@media (hover: hover){.filters-button:hover{border-color:var(--primary);box-shadow:var(--anon-glow-primary)}}.filters-badge{padding:4px var(--anon-spacing-sm);background:var(--gradient-primary);border-radius:var(--anon-radius-sm);font-size:var(--anon-font-xs);font-weight:var(--weight-semibold);color:#fff;margin-left:auto}.filters-modal{text-align:left}.filters-modal h3{text-align:center;margin-bottom:var(--anon-spacing-lg)}.filter-group{margin-bottom:var(--anon-spacing-lg)}.filter-group label{display:block;font-size:var(--anon-font-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--anon-spacing-sm)}.filter-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--anon-spacing-sm)}.filter-btn{padding:var(--anon-spacing-md);background:var(--bg-elevated);border:2px solid var(--border-medium);border-radius:var(--anon-radius-md);color:var(--text-primary);font-size:var(--anon-font-base);font-weight:var(--weight-medium);cursor:pointer;transition:var(--anon-transition-normal);min-height:var(--anon-touch-comfortable);display:flex;align-items:center;justify-content:center;gap:var(--anon-spacing-xs);-webkit-tap-highlight-color:transparent}.filter-btn.active{background:var(--gradient-primary);border-color:var(--primary);color:#fff;font-weight:var(--weight-semibold);box-shadow:var(--anon-glow-primary)}.filter-btn:active{transform:scale(.97)}.age-inputs{display:flex;align-items:center;gap:var(--anon-spacing-sm)}.age-inputs input{flex:1;padding:var(--anon-spacing-md);background:var(--bg-elevated);border:2px solid var(--border-medium);border-radius:var(--anon-radius-md);color:var(--text-primary);font-size:var(--anon-font-base);text-align:center;min-height:var(--anon-touch-comfortable);min-width:0;-moz-appearance:textfield;transition:var(--anon-transition-fast)}.age-inputs input::-webkit-outer-spin-button,.age-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.age-inputs input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633}.age-inputs input::placeholder{color:var(--text-tertiary)}.age-inputs span{color:var(--text-tertiary);font-size:1.25rem;font-weight:var(--weight-medium);flex-shrink:0}.filter-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--anon-spacing-sm);margin-top:var(--anon-spacing-xl)}.filter-actions .btn{min-height:var(--anon-touch-comfortable)}.search-section{margin:var(--anon-spacing-md) 0;animation:slideUp .8s var(--anon-transition-slow) .3s backwards}.btn-search{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--anon-spacing-sm);padding:var(--anon-spacing-lg) var(--anon-spacing-lg);background:linear-gradient(90deg,#8b5cf6,#9b6df7,#8b5cf6);border:none;border-radius:var(--anon-radius-xl);color:#fff;font-size:var(--anon-font-lg);font-weight:var(--weight-bold);cursor:pointer;box-shadow:0 8px 30px #8b5cf680,0 0 40px #8b5cf64d,inset 0 1px #fff3;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;min-height:clamp(52px,14vw,60px);-webkit-tap-highlight-color:transparent;text-shadow:0 2px 8px rgba(0,0,0,.2)}.btn-search svg{width:clamp(22px,5.5vw,28px);height:clamp(22px,5.5vw,28px);flex-shrink:0}.btn-search:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-100%);transition:transform .6s ease}.btn-search:active:before{transform:translate(100%)}.btn-search:active{transform:scale(.98);box-shadow:0 4px 12px #8b5cf64d}@media (hover: hover){.btn-search:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}}.searching-state{text-align:center;padding:var(--anon-spacing-xl) var(--anon-spacing-lg)}.searching-animation{position:relative;width:clamp(120px,30vw,160px);height:clamp(120px,30vw,160px);margin:0 auto var(--anon-spacing-xl);display:flex;align-items:center;justify-content:center}.searching-animation:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.9}}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);border-right-color:#8b5cf680;animation:rotate 2s linear infinite;filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}.pulse-ring.delay-1{width:75%;height:75%;border-width:2px;border-top-color:#ec4899cc;border-right-color:#ec489966;animation:rotate 1.5s linear infinite reverse}.pulse-ring.delay-2{width:50%;height:50%;border-width:2px;border-top-color:#3b82f6cc;border-right-color:#3b82f666;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.searching-animation:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:linear-gradient(135deg,#8b5cf6,#c084fc);border-radius:50%;animation:orbit 2.5s linear infinite;box-shadow:0 0 10px #8b5cf6cc}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0) translateY(-40px)}to{transform:translate(-50%,-50%) rotate(360deg) translateY(-40px)}}.search-icon{position:relative;z-index:2;width:clamp(40px,11vw,56px);height:clamp(40px,11vw,56px);color:var(--primary);filter:drop-shadow(0 4px 20px rgba(139,92,246,.7));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1) rotate(0);filter:drop-shadow(0 4px 20px rgba(139,92,246,.7))}50%{transform:translateY(-8px) scale(1.08) rotate(5deg);filter:drop-shadow(0 8px 30px rgba(139,92,246,.9))}}.searching-state h3{font-size:var(--anon-font-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--anon-spacing-xs);line-height:1.3}.searching-state p{font-size:var(--anon-font-base);color:var(--text-secondary);margin-bottom:var(--anon-spacing-xl);line-height:1.5}.btn-stop-search{min-height:var(--anon-touch-comfortable);padding:var(--anon-spacing-md) var(--anon-spacing-xl);font-size:var(--anon-font-base)}.history-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--anon-radius-xl);padding:var(--anon-spacing-lg);animation:anonCardSlideUp .9s cubic-bezier(.34,1.56,.64,1) .4s backwards;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0d}.history-header{display:flex;align-items:center;gap:var(--anon-spacing-sm);margin-bottom:var(--anon-spacing-md);flex-wrap:wrap}.history-header svg{width:clamp(18px,4.5vw,22px);height:clamp(18px,4.5vw,22px);flex-shrink:0;color:var(--primary)}.history-header h3{flex:1;font-size:var(--anon-font-lg);font-weight:var(--weight-semibold);color:var(--text-primary);min-width:140px}.history-hint{font-size:var(--anon-font-xs);color:var(--text-tertiary);background:var(--bg-elevated);padding:4px 8px;border-radius:var(--anon-radius-sm)}.history-list{display:flex;flex-direction:column;gap:var(--anon-spacing-sm)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--anon-spacing-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--anon-radius-md);transition:var(--anon-transition-normal);gap:var(--anon-spacing-sm)}.history-item:active{border-color:var(--border-medium);transform:scale(.98)}@media (hover: hover){.history-item:hover{border-color:var(--primary)}}.history-item-info{flex:1;min-width:0}.history-item-number{font-size:var(--anon-font-base);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-time{font-size:var(--anon-font-xs);color:var(--text-tertiary);margin-top:2px}.history-item .btn{flex-shrink:0;min-height:36px;padding:var(--anon-spacing-xs) var(--anon-spacing-md);font-size:var(--anon-font-sm);white-space:nowrap}.reconnect-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:var(--anon-radius-md);padding:var(--anon-spacing-md);margin-bottom:var(--anon-spacing-md);color:var(--danger);font-size:var(--anon-font-sm);text-align:center;animation:shakeError .5s ease-out}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.anonymous-chat-room{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-dark);padding-bottom:0}.chat-room-header{display:flex;align-items:center;gap:var(--anon-spacing-sm);padding:var(--anon-spacing-sm) var(--anon-spacing-md);padding-top:calc(var(--anon-spacing-sm) + env(safe-area-inset-top,0px));background:#14141ef2;border-bottom:1px solid rgba(139,92,246,.15);position:sticky;top:0;z-index:100;min-height:clamp(56px,14vw,68px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000004d}.btn-back,.btn-end-chat{padding:var(--anon-spacing-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--anon-radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--anon-transition-fast);min-width:var(--anon-touch-min);min-height:var(--anon-touch-min);display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent}.btn-back svg,.btn-end-chat svg{width:clamp(18px,4.5vw,22px);height:clamp(18px,4.5vw,22px)}.btn-back:active,.btn-end-chat:active{transform:scale(.92);background:var(--bg-dark)}.btn-end-chat{border-color:#ef44444d}.btn-end-chat svg{color:var(--danger)}.chat-room-title{flex:1;display:flex;align-items:center;gap:var(--anon-spacing-sm);min-width:0}.chat-room-title svg{width:clamp(22px,5.5vw,28px);height:clamp(22px,5.5vw,28px);flex-shrink:0;color:var(--primary)}.chat-room-title>div{flex:1;min-width:0}.chat-room-title h3{font-size:var(--anon-font-base);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.partner-info{font-size:var(--anon-font-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.partner-reputation{padding:var(--anon-spacing-sm) var(--anon-spacing-md);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.partner-rep-stats{display:flex;align-items:center;justify-content:center;gap:var(--anon-spacing-md);font-size:var(--anon-font-sm);color:var(--text-secondary);flex-wrap:wrap}.partner-rep-stats span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.chat-room-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--anon-spacing-md);padding-bottom:calc(320px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:3px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.empty-chat{margin:auto;text-align:center;color:var(--text-tertiary);padding:var(--anon-spacing-xl)}.empty-chat svg{margin-bottom:var(--anon-spacing-md);opacity:.5;width:clamp(40px,12vw,56px);height:clamp(40px,12vw,56px)}.empty-chat p{font-size:var(--anon-font-base)}.message{max-width:82%;padding:clamp(10px,3vw,14px) clamp(14px,4vw,18px);border-radius:clamp(18px,5vw,24px);font-size:clamp(14px,3.8vw,16px);line-height:1.45;position:relative;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.message.received{animation:messageSlideIn .25s cubic-bezier(.34,1.2,.64,1) both}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.message.sent{align-self:flex-end;background:linear-gradient(90deg,#8b5cf6,#9b6df7,#8b5cf6);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 15px #8b5cf666,0 0 20px #8b5cf633}.message.received{align-self:flex-start;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.15);color:var(--text-primary);border-bottom-left-radius:6px;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff0d}.message-time{font-size:clamp(10px,2.5vw,11px);margin-top:5px;display:flex;align-items:center;justify-content:flex-end;gap:4px;-webkit-user-select:none;user-select:none;opacity:.85}.message.sent .message-time{color:#ffffffd9}.message.received .message-time{color:var(--text-muted);opacity:.6}.chat-room-input{display:flex;gap:var(--anon-spacing-sm);padding:var(--anon-spacing-sm) var(--anon-spacing-md);padding-bottom:calc(var(--anon-spacing-sm) + env(safe-area-inset-bottom,0px));background:var(--bg-card);border-top:1px solid var(--border-subtle);align-items:flex-end;flex-shrink:0;position:sticky;bottom:0;z-index:50}.chat-room-input input{flex:1;padding:clamp(12px,3vw,14px) clamp(14px,4vw,18px);border:1px solid rgba(139,92,246,.2);border-radius:clamp(20px,6vw,26px);background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);font-size:clamp(14px,3.8vw,16px);font-family:inherit;min-height:var(--anon-touch-comfortable);transition:all .3s ease}.chat-room-input input:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf626,0 0 20px #8b5cf61a;background:#ffffff14}.chat-room-input input::placeholder{color:var(--text-muted)}.chat-room-input input:disabled{opacity:.6;cursor:not-allowed}.btn-send{width:var(--anon-touch-comfortable);height:var(--anon-touch-comfortable);border-radius:50%;border:none;background:linear-gradient(90deg,#8b5cf6,#9b6df7,#8b5cf6);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 20px #8b5cf680,0 0 30px #8b5cf64d;-webkit-tap-highlight-color:transparent}.btn-send svg{width:clamp(18px,4.5vw,22px);height:clamp(18px,4.5vw,22px)}.btn-send:active:not(:disabled){transform:scale(.92)}.btn-send:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-send.active{animation:buttonPulse 2s ease-in-out infinite}.btn-send.disabled{opacity:.4;background:var(--bg-elevated);box-shadow:none}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:var(--anon-glow-primary)}50%{transform:scale(1.05);box-shadow:0 0 25px #8b5cf699}}.sending-animation{animation:sendingSpin .8s linear infinite}@keyframes sendingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease-out;padding:var(--anon-spacing-lg);padding-top:calc(var(--anon-spacing-lg) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--anon-spacing-lg) + env(safe-area-inset-bottom,0px))}.modal-content{background:#191928f2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(139,92,246,.2);border-radius:var(--anon-radius-xl);padding:var(--anon-spacing-xl);max-width:min(400px,calc(100vw - var(--anon-spacing-lg) * 2));width:100%;animation:modalSlide .4s cubic-bezier(.34,1.56,.64,1);max-height:calc(100vh - var(--anon-spacing-xl) * 2);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf633,inset 0 1px #ffffff0d}@keyframes modalSlide{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{font-size:var(--anon-font-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--anon-spacing-sm);line-height:1.3}.modal-content p{color:var(--text-secondary);margin-bottom:var(--anon-spacing-lg);font-size:var(--anon-font-base);line-height:1.5}.modal-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--anon-spacing-sm)}.modal-actions .btn{min-height:var(--anon-touch-min);font-size:var(--anon-font-base)}.rating-modal{text-align:center}.chat-stats{background:var(--bg-elevated);border-radius:var(--anon-radius-md);padding:var(--anon-spacing-md);margin-bottom:var(--anon-spacing-md)}.chat-stats .stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--anon-spacing-xs) 0;border-bottom:1px solid var(--border-subtle)}.chat-stats .stat-item:last-child{border-bottom:none}.chat-stats .stat-label{color:var(--text-secondary);font-size:var(--anon-font-sm)}.chat-stats .stat-value{color:var(--text-primary);font-weight:var(--weight-semibold);font-size:var(--anon-font-base)}.rating-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--anon-spacing-sm);margin-bottom:var(--anon-spacing-md)}.rating-btn{display:flex;flex-direction:column;align-items:center;gap:var(--anon-spacing-xs);padding:var(--anon-spacing-md);background:#8b5cf614;border:2px solid rgba(139,92,246,.2);border-radius:var(--anon-radius-md);font-size:var(--anon-font-sm);font-weight:var(--weight-medium);color:var(--text-primary);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);min-height:clamp(75px,20vw,90px);justify-content:center;-webkit-tap-highlight-color:transparent}.rating-btn:active{transform:scale(.96);border-color:#8b5cf699;background:#8b5cf633}@media (hover: hover){.rating-btn:hover{border-color:#8b5cf699;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #8b5cf64d,0 0 20px #8b5cf633;background:#8b5cf626}}.rating-emoji{font-size:clamp(28px,8vw,40px);flex-shrink:0;line-height:1}.btn-skip{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--anon-spacing-sm);background:transparent;border:none;color:var(--text-tertiary);font-size:var(--anon-font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:var(--anon-transition-fast);min-height:var(--anon-touch-min);margin-top:var(--anon-spacing-xs);-webkit-tap-highlight-color:transparent}.btn-skip:active{opacity:.6}.btn-report-user{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--anon-spacing-sm);padding:var(--anon-spacing-md);margin-top:var(--anon-spacing-md);background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:var(--anon-radius-md);color:#ef4444;font-size:var(--anon-font-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:var(--anon-transition-fast);min-height:var(--anon-touch-comfortable);-webkit-tap-highlight-color:transparent}.btn-report-user:active{transform:scale(.97);background:#ef444433;border-color:#ef4444}@media (hover: hover){.btn-report-user:hover{background:#ef444426;border-color:#ef4444;box-shadow:0 0 20px #ef44444d}}@media (max-width: 359px){.reputation-total-stats{grid-template-columns:repeat(2,1fr)}.reputation-stats{gap:6px}.rep-stat{padding:var(--anon-spacing-sm);min-height:65px}.reputation-actions{grid-template-columns:1fr;gap:var(--anon-spacing-xs)}.btn-reputation-action{min-height:50px}.filter-buttons,.rating-buttons{gap:var(--anon-spacing-xs)}.message{max-width:88%}}@media (min-width: 360px) and (max-width: 389px){.reputation-total-stats{gap:6px}.message{max-width:85%}}@media (min-width: 390px) and (max-width: 413px){.message{max-width:82%}}@media (min-width: 414px) and (max-width: 479px){.message{max-width:80%}}@media (min-width: 480px) and (max-width: 599px){.message{max-width:78%}.chat-room-input input{font-size:16px}}@media (min-width: 600px) and (max-width: 767px){.anon-content{padding:0 var(--anon-spacing-xl) var(--anon-spacing-xl)}.reputation-card,.premium-info-card,.history-card{padding:var(--anon-spacing-xl)}.message{max-width:72%;font-size:16px}.chat-room-messages{padding:var(--anon-spacing-lg) var(--anon-spacing-xl)}}@media (min-width: 768px) and (max-width: 1023px){.anon-content{max-width:640px}.message{max-width:68%;font-size:16px;padding:14px 20px}.chat-room-messages{padding:20px 28px}.chat-room-input{padding:14px 24px;gap:14px}.btn-send{width:52px;height:52px}}@media (min-width: 1024px){.anon-content{max-width:560px}.reputation-total-stats,.reputation-stats,.rating-buttons{gap:var(--anon-spacing-md)}.message{max-width:60%}.chat-room-messages{padding:24px 32px;max-width:800px;margin:0 auto;width:100%}.chat-room-input{max-width:800px;margin:0 auto}}@media (min-width: 1440px){.anonymous-chat-room .chat-room-messages,.anonymous-chat-room .chat-room-input{max-width:900px}}.premium-pro-buttons{display:flex;flex-direction:column;gap:var(--anon-spacing-sm);animation:slideUp .7s var(--anon-transition-slow) .2s backwards}.dialog-return-button{position:relative;background:linear-gradient(135deg,#8b5cf61f,#ec489914);border:1px solid rgba(139,92,246,.35)}.dialog-return-button:active{background:linear-gradient(135deg,#8b5cf62e,#ec48991f)}@media (hover: hover){.dialog-return-button:hover{border-color:var(--primary);box-shadow:var(--anon-glow-primary)}}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;background:var(--gradient-primary);border-radius:10px;font-size:11px;font-weight:var(--weight-bold);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #8b5cf666;animation:badgePop .4s var(--anon-transition-bounce)}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.notification-badge.accepted-badge{background:linear-gradient(135deg,#10b981,#22c55e);box-shadow:0 2px 12px #22c55e80;min-width:28px;gap:2px}.dialog-return-button.has-accepted{border-color:#22c55e80!important;box-shadow:0 0 20px #22c55e4d,inset 0 0 20px #22c55e0d;animation:acceptedPulse 2s ease-in-out infinite}@keyframes acceptedPulse{0%,to{box-shadow:0 0 20px #22c55e4d,inset 0 0 20px #22c55e0d}50%{box-shadow:0 0 30px #22c55e80,inset 0 0 25px #22c55e1a}}.dialog-return-modal,.incoming-requests-modal{max-width:500px;max-height:85vh;overflow-y:auto;animation:modalSlideUp .4s var(--anon-transition-bounce)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{text-align:center;margin-bottom:var(--anon-spacing-lg);animation:fadeIn .5s var(--anon-transition-slow) .1s backwards}.modal-header h3{font-size:var(--anon-font-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--anon-spacing-xs)}.modal-subtitle{font-size:var(--anon-font-sm);color:var(--text-secondary);margin:0;line-height:1.4}.modal-loading{text-align:center;padding:var(--anon-spacing-xl) 0;animation:fadeIn .3s ease-out}.modal-loading .loading-spinner{margin:0 auto var(--anon-spacing-md)}.modal-loading p{color:var(--text-secondary);font-size:var(--anon-font-sm)}.incoming-requests-banner{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--anon-spacing-md);background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border:1px solid rgba(59,130,246,.3);border-radius:var(--anon-radius-lg);margin-bottom:var(--anon-spacing-md);cursor:pointer;transition:var(--anon-transition-normal);animation:slideDown .4s var(--anon-transition-bounce) .1s backwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.incoming-banner-content{display:flex;align-items:center;gap:var(--anon-spacing-sm);color:var(--text-primary);font-size:var(--anon-font-sm);font-weight:var(--weight-medium)}.incoming-banner-content svg{width:20px;height:20px;color:#3b82f6}.incoming-badge{min-width:24px;height:24px;padding:0 8px;background:#3b82f6;border-radius:12px;font-size:12px;font-weight:var(--weight-bold);color:#fff;display:flex;align-items:center;justify-content:center}.incoming-requests-banner:active{transform:scale(.98);background:linear-gradient(135deg,#3b82f633,#8b5cf626)}.incoming-requests-banner.accepted-banner{background:linear-gradient(135deg,#10b98126,#22c55e1a);border-color:#22c55e59}.incoming-requests-banner.accepted-banner:active{background:linear-gradient(135deg,#10b98133,#22c55e26)}.incoming-requests-banner.accepted-banner .incoming-banner-content svg{color:#10b981}.dialog-return-list,.incoming-requests-list{display:flex;flex-direction:column;gap:var(--anon-spacing-sm);margin-bottom:var(--anon-spacing-md);max-height:50vh;overflow-y:auto}.dialog-return-item,.incoming-request-item{display:flex;align-items:center;justify-content:space-between;gap:var(--anon-spacing-md);padding:var(--anon-spacing-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--anon-radius-lg);transition:var(--anon-transition-normal);animation:fadeInScale .3s var(--anon-transition-bounce) calc(var(--item-index, 0) * .05s) backwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dialog-return-item:nth-child(1){--item-index: 0}.dialog-return-item:nth-child(2){--item-index: 1}.dialog-return-item:nth-child(3){--item-index: 2}.dialog-return-item:nth-child(4){--item-index: 3}.dialog-return-item:nth-child(5){--item-index: 4}.incoming-request-item:nth-child(1){--item-index: 0}.incoming-request-item:nth-child(2){--item-index: 1}.incoming-request-item:nth-child(3){--item-index: 2}.incoming-request-item:nth-child(4){--item-index: 3}.incoming-request-item:nth-child(5){--item-index: 4}.dialog-return-item:hover,.incoming-request-item:hover{border-color:var(--border-medium);background:var(--bg-card)}.dialog-info,.request-info{flex:1;min-width:0}.dialog-number,.request-number{font-size:var(--anon-font-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:4px}.dialog-meta{display:flex;align-items:center;gap:6px;font-size:var(--anon-font-xs);color:var(--text-secondary);flex-wrap:wrap}.dialog-meta svg{width:14px;height:14px}.dialog-meta span{white-space:nowrap}.incoming-request-item{flex-direction:column;align-items:stretch}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:var(--anon-spacing-xs)}.request-time{font-size:var(--anon-font-xs);color:var(--text-secondary);white-space:nowrap}.request-text{font-size:var(--anon-font-sm);color:var(--text-secondary);margin:0 0 var(--anon-spacing-sm);line-height:1.4}.request-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--anon-spacing-sm)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.btn-success:active{background:linear-gradient(135deg,#059669,#047857)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn-danger:active{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-success svg,.btn-danger svg{width:16px;height:16px}.btn-full-width{width:100%;margin-top:var(--anon-spacing-sm)}.empty-state{text-align:center;padding:var(--anon-spacing-xl) var(--anon-spacing-md);animation:fadeIn .4s ease-out .2s backwards}.empty-state svg{width:48px;height:48px;color:var(--text-muted);margin:0 auto var(--anon-spacing-md);opacity:.5}.empty-state p{font-size:var(--anon-font-base);font-weight:var(--weight-medium);color:var(--text-secondary);margin:0 0 var(--anon-spacing-xs)}.empty-hint{font-size:var(--anon-font-xs);color:var(--text-muted)}.accepted-requests-modal{max-width:450px;max-height:80vh;overflow-y:auto}.accepted-requests-modal .modal-header{text-align:center;margin-bottom:var(--anon-spacing-lg)}.accepted-requests-modal .modal-header h3{font-size:var(--anon-font-xl);margin-bottom:var(--anon-spacing-xs)}.accepted-requests-list{display:flex;flex-direction:column;gap:var(--anon-spacing-sm);margin-bottom:var(--anon-spacing-md);max-height:50vh;overflow-y:auto}.accepted-request-item{display:flex;align-items:center;justify-content:space-between;gap:var(--anon-spacing-md);padding:var(--anon-spacing-md);background:linear-gradient(135deg,#22c55e14,#10b9810d);border:1px solid rgba(34,197,94,.25);border-radius:var(--anon-radius-lg);transition:var(--anon-transition-normal);animation:fadeInScale .3s var(--anon-transition-bounce) calc(var(--item-index, 0) * .05s) backwards}.accepted-request-item:nth-child(1){--item-index: 0}.accepted-request-item:nth-child(2){--item-index: 1}.accepted-request-item:nth-child(3){--item-index: 2}.accepted-request-item:nth-child(4){--item-index: 3}.accepted-request-item:nth-child(5){--item-index: 4}.accepted-request-item .request-info{display:flex;align-items:center;gap:var(--anon-spacing-sm);flex:1;min-width:0}.accepted-request-item .accepted-icon{font-size:24px;flex-shrink:0}.accepted-request-item .request-details{flex:1;min-width:0}.accepted-request-item .request-title{font-size:var(--anon-font-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 4px}.accepted-request-item .request-text{font-size:var(--anon-font-sm);color:var(--text-secondary);margin:0 0 4px;line-height:1.3}.accepted-request-item .request-time{font-size:var(--anon-font-xs);color:var(--text-tertiary)}.accepted-request-item .btn-sm{flex-shrink:0;padding:var(--anon-spacing-sm) var(--anon-spacing-md);font-size:var(--anon-font-sm);min-height:36px;white-space:nowrap}@media (max-width: 400px){.accepted-request-item{flex-direction:column;align-items:stretch}.accepted-request-item .btn-sm{width:100%;margin-top:var(--anon-spacing-sm);justify-content:center}}@media (prefers-contrast: high){.reputation-card,.premium-info-card,.history-card,.modal-content,.message.sent,.message.received{border-width:2px}}@media (hover: none) and (pointer: coarse){.btn-search,.btn-reputation-action,.filter-btn,.rating-btn,.history-item{-webkit-tap-highlight-color:rgba(139,92,246,.1)}}@media (max-height: 500px) and (orientation: landscape){.anon-header{padding:var(--anon-spacing-md) var(--anon-spacing-lg)}.searching-animation{width:100px;height:100px;margin-bottom:var(--anon-spacing-md)}.search-icon{width:36px;height:36px}.searching-state{padding:var(--anon-spacing-md)}.modal-content{max-height:90vh;padding:var(--anon-spacing-md)}.rating-buttons{grid-template-columns:repeat(4,1fr)}.rating-btn{min-height:60px;padding:var(--anon-spacing-sm)}.rating-emoji{font-size:24px}}@media (prefers-color-scheme: light){.anonymous-chat-page,.anonymous-chat-room{--anon-glow-primary: 0 0 20px rgba(139, 92, 246, .25);--anon-glow-warning: 0 0 20px rgba(245, 158, 11, .25)}}.secret-message-card{background:linear-gradient(135deg,#ec48991f,#8b5cf614);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(236,72,153,.3);border-radius:var(--anon-radius-xl);padding:var(--anon-spacing-lg);animation:secretMessagePulse 3s ease-in-out infinite,anonCardSlideUp .6s cubic-bezier(.34,1.56,.64,1) backwards;position:relative;overflow:hidden}.secret-message-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ec4899,#8b5cf6,#ec4899);background-size:200% 100%;animation:gradientFlow 3s linear infinite}@keyframes secretMessagePulse{0%,to{box-shadow:0 0 20px #ec489926;border-color:#ec48994d}50%{box-shadow:0 0 30px #ec489940,0 0 60px #8b5cf61a;border-color:#ec489980}}.secret-message-header{display:flex;align-items:center;gap:var(--anon-spacing-sm);margin-bottom:var(--anon-spacing-md);color:var(--text-secondary);font-size:var(--anon-font-sm)}.secret-message-header svg{width:18px;height:18px;color:var(--primary)}.secret-message-content{display:flex;align-items:center;gap:var(--anon-spacing-md);padding:var(--anon-spacing-md);background:#0003;border-radius:var(--anon-radius-lg);margin-bottom:var(--anon-spacing-md)}.secret-message-icon{position:relative;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec489933,#8b5cf626);border-radius:50%;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.secret-message-icon svg{width:24px;height:24px;color:#ec4899}.secret-message-lock{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:linear-gradient(135deg,#8b5cf6,#c084fc);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #8b5cf666}.secret-message-lock svg{width:12px;height:12px;color:#fff}.secret-message-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.secret-message-title{font-size:var(--anon-font-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.secret-message-preview{font-size:var(--anon-font-sm);color:var(--text-secondary);filter:blur(3px);-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-message-unlock-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--anon-spacing-sm);padding:var(--anon-spacing-md);background:linear-gradient(135deg,#ec4899,#c084fc);border:none;border-radius:var(--anon-radius-lg);color:#fff;font-size:var(--anon-font-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #ec489966;min-height:var(--anon-touch-comfortable)}.secret-message-unlock-btn:active{transform:scale(.98);box-shadow:0 2px 10px #ec48994d}@media (hover: hover){.secret-message-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ec489980}}.secret-message-unlock-btn svg{width:18px;height:18px}@media print{.anonymous-chat-page,.anonymous-chat-room{background:#fff;color:#000}.btn-search,.filters-button,.btn-reputation-action,.chat-room-input,.modal-overlay{display:none}}.banned-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary)}.banned-content{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:32px 24px;text-align:center}.banned-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#ef444426,#dc262626);border:2px solid rgba(239,68,68,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444}.banned-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.banned-reason{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;margin-bottom:24px}.reason-label{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.reason-text{font-size:14px;color:#ef4444;font-weight:500;margin:0}.appeal-form{text-align:left}.appeal-form h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-align:center}.appeal-hint{font-size:13px;color:var(--text-secondary);margin-bottom:16px;text-align:center}.appeal-textarea{width:100%;padding:14px;background:var(--bg-elevated);border:2px solid var(--border-medium);border-radius:12px;color:var(--text-primary);font-size:14px;resize:none;transition:all .2s ease;font-family:inherit}.appeal-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.appeal-textarea::placeholder{color:var(--text-muted)}.appeal-counter{text-align:right;font-size:11px;color:var(--text-muted);margin-top:6px;margin-bottom:8px}.appeal-error{color:#ef4444;font-size:13px;margin-bottom:12px;text-align:center}.btn-appeal{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-appeal:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.btn-appeal:disabled{opacity:.5;cursor:not-allowed}.appeal-status{padding:24px;border-radius:16px;text-align:center}.appeal-status.pending{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid rgba(251,191,36,.3);color:#f59e0b}.appeal-status.rejected{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.3);color:#ef4444}.appeal-status.approved{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border:1px solid rgba(34,197,94,.3);color:#22c55e}.appeal-status h3{font-size:18px;font-weight:600;margin:12px 0 8px;color:inherit}.appeal-status p{font-size:14px;color:var(--text-secondary);margin:0}.appeal-status .status-hint{font-size:12px;color:var(--text-muted);margin-top:8px}.appeal-status .btn{margin-top:16px}.loading-spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.withdraw-page{padding:0 16px 100px;min-height:100vh;background:linear-gradient(180deg,#1a1a2e,#16162a)}.withdraw-header{display:flex;align-items:center;gap:12px;padding:16px 0;position:sticky;top:0;background:linear-gradient(180deg,#1a1a2e,#1a1a2ef2);z-index:10}.withdraw-header .back-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.withdraw-header .back-btn:hover{background:#ffffff26}.withdraw-header h1{font-size:20px;font-weight:600;color:#fff;margin:0}.balance-card{background:linear-gradient(135deg,gold,#fa0);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;margin-bottom:16px;box-shadow:0 8px 32px #ffd7004d}.balance-icon{width:56px;height:56px;background:#ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center}.balance-info{display:flex;flex-direction:column;gap:4px}.balance-label{font-size:14px;color:#0009;font-weight:500}.balance-amount{font-size:28px;font-weight:700;color:#1a1a2e}.withdraw-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:14px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.withdraw-alert.error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.withdraw-alert.success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.channel-link{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff0d;border-radius:12px;color:#a78bfa;text-decoration:none;font-size:14px;margin-bottom:20px;transition:background .2s}.channel-link:hover{background:#ffffff14}.channel-link svg:last-child{margin-left:auto;opacity:.5}.gifts-section{background:#ffffff08;border-radius:16px;padding:20px;margin-bottom:20px}.gifts-section h2{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}.gifts-subtitle{font-size:13px;color:#6b6b8a;margin:0 0 16px}.gifts-grid{display:flex;flex-direction:column;gap:12px}.gift-row{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px}.gift-amount{font-size:16px;font-weight:600;color:gold;min-width:60px}.gift-options{display:flex;gap:8px;flex-wrap:wrap}.gift-btn{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#a78bfa33,#8b5cf633);border:1px solid rgba(167,139,250,.3);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.gift-btn:hover:not(.disabled){background:linear-gradient(135deg,#a78bfa4d,#8b5cf64d);transform:scale(1.05)}.gift-btn:active:not(.disabled){transform:scale(.95)}.gift-btn.disabled{opacity:.4;cursor:not-allowed}.gift-emoji{font-size:24px}.withdrawals-section{margin-bottom:20px}.withdrawals-section h2{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}.withdrawals-list{display:flex;flex-direction:column;gap:8px}.withdrawal-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:12px}.withdrawal-item.pending{border-left:3px solid #f59e0b}.withdrawal-item.approved{border-left:3px solid #22c55e}.withdrawal-item.rejected{border-left:3px solid #ef4444}.withdrawal-info{display:flex;align-items:center;gap:8px}.withdrawal-emoji{font-size:20px}.withdrawal-amount{font-size:15px;font-weight:600;color:gold}.withdrawal-status{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:13px;color:#9ca3af}.status-icon.pending{color:#f59e0b}.status-icon.approved{color:#22c55e}.status-icon.rejected{color:#ef4444}.withdrawal-date{font-size:12px;color:#6b6b8a;min-width:80px;text-align:right}.no-withdrawals{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b6b8a;text-align:center}.no-withdrawals svg{opacity:.3;margin-bottom:16px}.no-withdrawals p{font-size:16px;color:#9ca3af;margin:0 0 4px}.no-withdrawals span{font-size:13px}.banned-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:16px;margin-top:20px}.banned-icon{width:80px;height:80px;background:#ef444433;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ef4444;margin-bottom:16px}.banned-section h2{font-size:20px;font-weight:600;color:#ef4444;margin:0 0 8px}.banned-reason{font-size:14px;color:#9ca3af;margin:0 0 12px;padding:8px 16px;background:#ffffff0d;border-radius:8px}.banned-description{font-size:14px;color:#6b6b8a;margin:0 0 20px;max-width:300px}.appeal-form{width:100%;max-width:320px}.appeal-form textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;resize:none;margin-bottom:12px}.appeal-form textarea::placeholder{color:#6b6b8a}.appeal-form textarea:focus{outline:none;border-color:#a78bfa80}.appeal-btn{width:100%;padding:14px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.appeal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #a78bfa66}.appeal-btn:disabled{opacity:.6;cursor:not-allowed}.appeal-sent{display:flex;flex-direction:column;align-items:center;gap:12px;color:#22c55e}.appeal-sent p{font-size:14px;color:#9ca3af;margin:0}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;width:calc(100% - 32px);pointer-events:none}.toast-notification{position:relative;background:#14141ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,107,157,.3);border-radius:20px;padding:16px;overflow:hidden;cursor:pointer;pointer-events:all;animation:toastEnter .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 40px #ff6b9d33,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.toast-notification.match{border-color:#8b5cf666;box-shadow:0 10px 40px #8b5cf64d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.toast-notification.exiting{animation:toastExit .3s cubic-bezier(.4,0,1,1) forwards}@keyframes toastEnter{0%{opacity:0;transform:translateY(-100%) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0)}to{opacity:0;transform:translateY(0) scale(1);clip-path:inset(0 100% 0 0)}}.toast-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,107,157,.15) 0%,transparent 50%);pointer-events:none;animation:glowPulse 2s ease-in-out infinite}.toast-notification.match .toast-glow{background:radial-gradient(circle at center,rgba(139,92,246,.2) 0%,transparent 50%)}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.toast-content{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.toast-icon-wrapper{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#ff6b9d33;animation:iconPulse 1.5s ease-in-out infinite}.toast-icon-pulse.match{background:#8b5cf633}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:0}}.toast-icon{animation:iconBounce .5s cubic-bezier(.34,1.56,.64,1) .2s backwards;filter:drop-shadow(0 0 10px rgba(255,107,157,.5))}.toast-icon.match{color:#8b5cf6;filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.toast-icon.success{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toast-text{flex:1;min-width:0}.toast-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px;animation:textSlide .4s ease-out .1s backwards}.toast-message{font-size:13px;color:#ffffffb3;margin:0;animation:textSlide .4s ease-out .2s backwards}@keyframes textSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.toast-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,107,157,.5);flex-shrink:0;animation:photoScale .4s cubic-bezier(.34,1.56,.64,1) .3s backwards}@keyframes photoScale{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff1a;overflow:hidden}.toast-progress-bar{height:100%;background:linear-gradient(90deg,#ff6b9d,#c44bff);transform-origin:left;animation:progressShrink linear forwards}.toast-notification.match .toast-progress-bar{background:linear-gradient(90deg,#8b5cf6,#c084fc)}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 400px){.toast-container{top:12px;width:calc(100% - 24px)}.toast-notification{padding:12px;border-radius:16px}.toast-icon-wrapper{width:40px;height:40px}.toast-icon{width:20px;height:20px}.toast-title{font-size:14px}.toast-message{font-size:12px}.toast-photo{width:40px;height:40px}}.toast-notification.like:before,.toast-notification.like:after{content:"♥";position:absolute;font-size:14px;color:#ff6b9d;opacity:0;animation:floatHeart 2s ease-in-out infinite}.toast-notification.like:before{top:10px;left:20%;animation-delay:0s}.toast-notification.like:after{top:15px;right:25%;animation-delay:.5s}@keyframes floatHeart{0%,to{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8;transform:translateY(-10px) scale(1)}80%{opacity:.8;transform:translateY(-30px) scale(.8)}}*{margin:0;padding:0;box-sizing:border-box}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}img.clickable,.swipe-card img,.card-photo{pointer-events:auto}:root{--bg-dark: #0a0a0f;--bg-primary: #0a0a0f;--bg-card: #12121a;--bg-elevated: #1a1a25;--bg-glass: rgba(255, 255, 255, .03);--gradient-primary: linear-gradient(90deg, #8b5cf6 0%, #9b6df7 50%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #f97316 100%);--gradient-gold: linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #fcd34d 100%);--gradient-glass: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(168, 85, 247, .05) 100%);--primary: #8b5cf6;--primary-light: #a78bfa;--primary-lighter: #c4b5fd;--primary-dark: #7c3aed;--secondary: #ec4899;--accent: #d946ef;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--error: #ef4444;--info: #3b82f6;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .2);--text-dark: #0a0a0f;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--border-glow: rgba(139, 92, 246, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(139, 92, 246, .3);--shadow-glow-pink: 0 0 30px rgba(236, 72, 153, .3);--font-primary: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--text-xs: clamp(.69rem, .65rem + .2vw, .75rem);--text-sm: clamp(.81rem, .77rem + .2vw, .875rem);--text-base: clamp(.94rem, .89rem + .25vw, 1rem);--text-md: clamp(1.06rem, 1rem + .3vw, 1.125rem);--text-lg: clamp(1.19rem, 1.12rem + .35vw, 1.25rem);--text-xl: clamp(1.31rem, 1.22rem + .45vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-3xl: clamp(1.88rem, 1.65rem + 1.15vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3rem);--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--icon-xs: .875rem;--icon-sm: 1rem;--icon-base: 1.25rem;--icon-md: 1.5rem;--icon-lg: 2rem;--icon-xl: 2.5rem;--icon-2xl: 3rem;--icon-3xl: 4rem;--safe-area-top: env(safe-area-inset-top, 16px);--safe-area-bottom: env(safe-area-inset-bottom, 24px);--safe-area-left: env(safe-area-inset-left, 16px);--safe-area-right: env(safe-area-inset-right, 16px);--tg-safe-area-top: 0px;--tg-safe-area-bottom: 0px;--tg-safe-area-left: 0px;--tg-safe-area-right: 0px;--tg-content-safe-area-top: 0px;--tg-content-safe-area-bottom: 0px;--tg-content-safe-area-left: 0px;--tg-content-safe-area-right: 0px;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%;overflow:hidden}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:radial-gradient(ellipse at top left,rgba(255,107,157,.12) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(255,107,157,.05) 0%,transparent 70%);pointer-events:none;z-index:-1}@keyframes backgroundPulse{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-5%,5%) scale(1.05)}66%{transform:translate(5%,-5%) scale(.95)}}#root{height:100%;display:flex;flex-direction:column}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--weight-light)}.font-normal{font-weight:var(--weight-regular)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.font-extrabold{font-weight:var(--weight-extrabold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.icon{flex-shrink:0;display:inline-block;vertical-align:middle}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-base{width:var(--icon-base);height:var(--icon-base)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.icon-2xl{width:var(--icon-2xl);height:var(--icon-2xl)}.icon-3xl{width:var(--icon-3xl);height:var(--icon-3xl)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-6);background:var(--bg-dark)}.loading-screen p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.loading-spinner{width:56px;height:56px;border-radius:var(--radius-full);background:var(--gradient-primary);position:relative;animation:spinnerPulse 1.5s ease-in-out infinite}.loading-spinner:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:var(--radius-full);background:var(--bg-dark)}.loading-spinner:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:var(--radius-full);border:3px solid transparent;border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinnerPulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 15px #8b5cf600}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.app-layout{display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg-dark)}.bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;margin:var(--space-3) var(--space-4);margin-bottom:calc(var(--space-3) + max(env(safe-area-inset-bottom,20px),var(--tg-safe-area-bottom)));padding:var(--space-2) var(--space-3);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-3xl);z-index:50;box-shadow:var(--shadow-lg);transition:transform .3s ease,opacity .3s ease}body.hide-navigation .bottom-nav{transform:translateY(150%);opacity:0;pointer-events:none}.nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);text-decoration:none;color:var(--text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:var(--radius-lg);min-height:44px;min-width:44px;flex:1;max-width:80px}.nav-item svg{width:var(--icon-base);height:var(--icon-base);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item span{font-size:.55rem;font-weight:var(--weight-semibold);letter-spacing:0;white-space:nowrap}.nav-item.active{color:var(--text-primary);background:var(--gradient-primary);box-shadow:var(--shadow-glow)}.nav-item.active svg{transform:scale(1.1)}.nav-item:not(.active):active{transform:scale(.95)}.nav-badge{position:absolute;top:var(--space-1);right:var(--space-2);background:var(--gradient-danger);color:#fff;font-size:.625rem;font-weight:var(--weight-bold);min-width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 var(--space-1);box-shadow:0 2px 8px #ef444466}.page{min-height:100%;padding:var(--space-4);padding-top:max(var(--space-4),max(var(--safe-area-top),var(--tg-content-safe-area-top)));padding-left:max(var(--space-4),max(var(--safe-area-left),var(--tg-safe-area-left)));padding-right:max(var(--space-4),max(var(--safe-area-right),var(--tg-safe-area-right)));padding-bottom:calc(100px + max(env(safe-area-inset-bottom,20px),var(--tg-safe-area-bottom)));background:var(--bg-dark)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);margin-bottom:var(--space-2)}.page-title{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--tracking-tight)}.card{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);overflow:hidden;transition:all .3s ease}.card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.section{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-5);margin-bottom:var(--space-4);border:1px solid var(--border-subtle);transition:all .3s ease}.section-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:var(--tracking-tight)}.section-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-7);border:2px solid transparent;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;min-height:48px;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md);border-color:transparent}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-glow)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-glass);color:var(--text-primary)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-md)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:var(--shadow-md)}.btn-block{width:100%}.btn-icon{width:60px;height:60px;border-radius:var(--radius-full);padding:0}.btn-icon.small{width:48px;height:48px}.btn-icon.tiny{width:36px;height:36px}.btn:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);opacity:0;transition:transform .5s,opacity .3s;pointer-events:none}.btn:active:not(:disabled):after{transform:scale(2);opacity:1;transition:0s}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.form-input{width:100%;padding:var(--space-4);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-primary);font-weight:var(--weight-regular);background:var(--bg-elevated);color:var(--text-primary);transition:all .3s ease;min-height:48px}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf626;background:var(--bg-card)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{width:100px;height:100px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);box-shadow:var(--shadow-glow);animation:pulse 2s ease-in-out infinite}.empty-state-icon svg{width:var(--icon-2xl);height:var(--icon-2xl);color:#fff}.empty-state-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);color:var(--text-secondary);max-width:280px;line-height:var(--leading-relaxed)}.error-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:var(--spacing-xl);padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.error-content{text-align:center;max-width:360px;width:100%;animation:fadeInUp .5s ease-out}.error-icon{width:100px;height:100px;margin:0 auto var(--spacing-xl);background:linear-gradient(135deg,#ef444426,#ef44440d);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(239,68,68,.3)}.error-icon svg{color:var(--danger);animation:pulse 2s ease-in-out infinite}.error-icon.bot-icon{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-color:#8b5cf64d}.error-icon.bot-icon svg{color:var(--primary)}.error-content h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:var(--tracking-tight)}.error-content p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:var(--leading-relaxed)}.error-content .error-hint{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-xl)}.error-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--gradient-primary);color:#fff;font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:var(--radius-full);text-decoration:none;transition:all .25s ease;box-shadow:var(--shadow-glow);min-height:48px;white-space:nowrap}.error-button:active{transform:scale(.98)}.error-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.rojr-error{background:linear-gradient(180deg,#0a0a0f,#1a1a2e,#16213e)}.rojr-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px}.rojr-logo svg{color:#a78bfa;filter:drop-shadow(0 0 20px rgba(167,139,250,.5));animation:bunnyBounce 2s ease-in-out infinite}@keyframes bunnyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.rojr-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:900;letter-spacing:8px;background:linear-gradient(135deg,#a78bfa,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 30px rgba(167,139,250,.3))}.rojr-button{background:linear-gradient(135deg,#8b5cf6,#a78bfa,#c084fc);border:none;padding:16px 32px;border-radius:50px;color:#fff;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf666}.rojr-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #8b5cf680}.rojr-button:active{transform:translateY(0)}.rojr-button svg{animation:bunnyBounce 1.5s ease-in-out infinite}.avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-medium);flex-shrink:0}.avatar.small{width:36px;height:36px}.avatar.large{width:64px;height:64px}.avatar.xlarge{width:80px;height:80px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-primary{background:#8b5cf626;color:var(--primary-light);border:1px solid rgba(139,92,246,.3)}.badge-success{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.badge-gold{background:linear-gradient(135deg,#f59e0b33,#fbbf241a);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.divider{height:1px;background:var(--border-subtle);margin:var(--space-4) 0}.divider-text{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.divider-text span{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.error-message{font-size:12px;font-weight:500;color:#ef4444;display:flex;align-items:center;gap:4px}.error-state{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 359px){.page{padding:var(--space-3);padding-bottom:calc(90px + env(safe-area-inset-bottom,32px))}.page-title{font-size:var(--text-2xl)}.rojr-title{font-size:36px;letter-spacing:6px}}@media (min-width: 360px) and (max-width: 413px){.rojr-title{font-size:42px;letter-spacing:7px}}@media (min-width: 768px){.page{max-width:600px;margin:0 auto}.rojr-title{font-size:56px;letter-spacing:10px}}@media (min-width: 1024px){.page{max-width:700px}}:root{--fullscreen-top-padding: 100px}@media (pointer: coarse) and (max-width: 1024px){.profile-page,.discover-page,.likes-page,.tasks-page,.premium-page,.welcome-page,.admin-page,.user-profile-page,.chats-page{padding-top:var(--fullscreen-top-padding)}.anonymous-chat-page{padding-top:0}.anon-header{padding-top:calc(var(--fullscreen-top-padding) + 10px)}.chat-room-header{padding-top:var(--fullscreen-top-padding)}.chat-page-header{padding-top:var(--fullscreen-top-padding);background:var(--bg-dark)}.edit-header,.chat-page .chat-header{padding-top:var(--fullscreen-top-padding)}.premium-hero{padding-top:calc(var(--fullscreen-top-padding) + 10px)}.premium-header{padding-top:var(--fullscreen-top-padding)}}html.tg-fullscreen .profile-page,html.tg-fullscreen .discover-page,html.tg-fullscreen .likes-page,html.tg-fullscreen .tasks-page,html.tg-fullscreen .premium-page,html.tg-fullscreen .welcome-page,html.tg-fullscreen .admin-page,html.tg-fullscreen .user-profile-page,html.tg-fullscreen .chats-page{padding-top:var(--fullscreen-top-padding)}html.tg-fullscreen .anonymous-chat-page{padding-top:0}html.tg-fullscreen .anon-header{padding-top:calc(var(--fullscreen-top-padding) + 10px)}html.tg-fullscreen .chat-room-header{padding-top:var(--fullscreen-top-padding)}html.tg-fullscreen .chat-page-header{padding-top:var(--fullscreen-top-padding);background:var(--bg-dark)}html.tg-fullscreen .edit-header,html.tg-fullscreen .chat-page .chat-header{padding-top:var(--fullscreen-top-padding)}html.tg-fullscreen .premium-hero{padding-top:calc(var(--fullscreen-top-padding) + 10px)}html.tg-fullscreen .premium-header{padding-top:var(--fullscreen-top-padding)}@media (max-height: 600px){.bottom-nav{margin:var(--space-2) var(--space-3);padding:var(--space-1) var(--space-2)}.nav-item{padding:var(--space-1) var(--space-2);min-height:40px}.nav-item svg{width:18px;height:18px}.nav-item span{font-size:.5rem}.page{padding-bottom:calc(85px + max(env(safe-area-inset-bottom,16px),var(--tg-safe-area-bottom)))}}@media (min-width: 600px){.bottom-nav{max-width:400px;left:50%;transform:translate(-50%)}.nav-item{max-width:70px}}@media (max-height: 500px) and (orientation: landscape){.bottom-nav{margin:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2xl)}.nav-item span{display:none}.nav-item{padding:var(--space-2)}.page{padding-bottom:calc(70px + max(env(safe-area-inset-bottom,8px),var(--tg-safe-area-bottom)))}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@supports (padding: max(0px)){.page{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.bottom-nav{margin-left:max(var(--space-4),env(safe-area-inset-left));margin-right:max(var(--space-4),env(safe-area-inset-right))}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}@media (hover: none) and (pointer: coarse){.btn{min-height:48px}.nav-item{min-height:44px;min-width:44px}.btn:hover:not(:disabled){transform:none}.btn:active:not(:disabled){transform:scale(.98)}}