:root{--purple-deep: #4a2c6a;--purple-primary: #6b4d8a;--purple-light: #9b7bb8;--purple-soft: #c4a8d8;--pink-hot: #e84393;--pink-soft: #f5a5b8;--pink-light: #fce4ec;--pink-glow: rgba(232, 67, 147, .5);--white: #ffffff;--white-soft: rgba(255, 255, 255, .9);--black: #1a1a2e;--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--shadow-card: 0 20px 60px rgba(74, 44, 106, .4);--shadow-button: 0 8px 25px rgba(232, 67, 147, .4);--glow-pink: 0 0 40px rgba(232, 67, 147, .6);--glow-white: 0 0 30px rgba(255, 255, 255, .8);--font-main: "Outfit", sans-serif;--card-width: min(380px, 90vw);--card-height: min(560px, 75vh)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow-x:hidden;overflow-y:auto}body{font-family:Outfit,sans-serif;color:var(--white);position:relative;min-height:100vh}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes sparkle{to{background-position:300% 0}}@keyframes vibrate{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}@keyframes wp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-container{position:relative;z-index:10;width:100%;max-width:500px;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;margin:0 auto}.app-header{text-align:center;margin-bottom:20px;animation:fadeInDown .6s ease-out}.logo{display:flex;align-items:center;justify-content:center;gap:10px}.logo-heart{font-size:2.5rem;animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(var(--glow-pink))}.logo h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--white) 0%,var(--pink-light) 50%,var(--pink-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1rem;color:var(--pink-light);margin-top:5px;font-weight:500}.tab-bar{display:flex;gap:10px;margin-bottom:20px;background:var(--glass-bg);padding:8px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.tab-btn{padding:10px 16px;border:none;background:transparent;color:var(--white-soft);font-size:1.2rem;cursor:pointer;border-radius:20px;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center}.tab-btn:hover{background:#ffffff1a}.tab-btn.active{background:var(--pink-hot);box-shadow:var(--shadow-button)}.card-stack{position:relative;width:var(--card-width);height:var(--card-height);flex-shrink:0}.profile-card{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26875e;overflow:hidden;cursor:grab;transition:transform .3s ease,opacity .3s ease;will-change:transform;transform:translateZ(0);contain:layout style paint}@media(max-width:768px){.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.card-image{width:100%;height:55%;object-fit:cover}.card-content{padding:20px;height:45%;display:flex;flex-direction:column}.card-name{font-size:1.8rem;font-weight:700;color:var(--white);text-align:center;width:100%;display:block}.card-bio{font-size:1.1rem;line-height:1.6;color:var(--white-soft);margin-top:10px;flex-grow:1;overflow-y:visible}@media(max-width:768px){.card-bio{font-size:.95rem;overflow-y:visible}}.action-buttons{display:flex;justify-content:center;gap:25px;margin-top:25px;transform:translateZ(0)}.action-btn{width:65px;height:65px;border-radius:50%;border:2px solid;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.175,.885,.32,1.275);background:var(--glass-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 5px 15px #0003;will-change:transform;transform:translateZ(0)}@media(max-width:768px){.action-btn{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.action-btn svg{width:32px;height:32px;fill:currentColor;transition:all .3s ease;filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}.action-btn:hover{transform:translate3d(0,-5px,0) scale(1.1)}.action-btn:active{transform:translate3d(0,-2px,0) scale(.95)}.action-pass{color:#ff4757;border-color:#ff4757;box-shadow:0 0 15px #ff475733}.action-pass:hover{background:#ff475726;box-shadow:0 0 25px #ff475799}.action-pass:hover svg{filter:drop-shadow(0 0 8px #ff4757);animation:glitch .4s cubic-bezier(.25,.46,.45,.94) both infinite}.action-super{color:#2ed573;border-color:#2ed573;box-shadow:0 0 15px #2ed57333}.action-super:hover{background:#2ed57326;box-shadow:0 0 25px #2ed57399}.action-super:hover svg{filter:drop-shadow(0 0 8px #2ed573);animation:spin-pulse .8s ease-in-out infinite}.action-like{color:var(--pink-hot);border-color:var(--pink-hot);box-shadow:0 0 15px var(--pink-glow)}.action-like:hover{background:#e8439326;box-shadow:0 0 25px var(--pink-hot)}.action-like:hover svg{filter:drop-shadow(0 0 8px var(--pink-hot));animation:heartbeat 1s ease-in-out infinite}@keyframes spin-pulse{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.card-indicators{display:flex;justify-content:center;gap:8px;margin-top:20px;width:100%}.swipe-hint{margin-top:15px;font-size:.9rem;color:var(--white-soft);opacity:.6;text-align:center;width:100%}.indicator{width:10px;height:10px;border-radius:50%;background:var(--glass-border);transition:all .3s ease}.indicator.active{background:var(--pink-hot);box-shadow:0 0 15px var(--pink-glow);transform:scale(1.2)}.nav-arrow{position:fixed;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;border:2px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);cursor:pointer;transition:all .3s ease;z-index:100;display:none}.nav-arrow:hover{background:var(--pink-hot);border-color:var(--pink-hot);box-shadow:var(--glow-pink)}.nav-arrow svg{width:28px;height:28px}.nav-arrow-left{left:20px}.nav-arrow-right{right:20px}@media(min-width:768px){.nav-arrow{display:flex;align-items:center;justify-content:center}}.contract-box{margin-top:30px;padding:15px 25px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:100%}.contract-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--pink-light);font-weight:600}.contract-address{font-size:.85rem;font-weight:700;color:var(--pink-hot);animation:pulse 2s infinite}.chat-window{width:100%;max-width:var(--card-width);height:60vh;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){.chat-window{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#ffffff0d;border-bottom:1px solid var(--glass-border)}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--pink-hot)}.chat-header-name{font-size:1rem;font-weight:700}.chat-status{font-size:.75rem;color:#4cd137}.chat-messages{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.message{max-width:80%;padding:12px 16px;border-radius:18px;font-size:.95rem;line-height:1.4;animation:popIn .3s ease}.message.received{align-self:flex-start;background:#ffffff26;border-bottom-left-radius:4px}.message.sent{align-self:flex-end;background:linear-gradient(135deg,var(--pink-hot),var(--purple-primary));color:#fff;border-bottom-right-radius:4px}.message-time{display:block;font-size:.7rem;opacity:.6;margin-top:4px;text-align:right}.chat-input-area{padding:15px;display:flex;gap:10px;background:#0000001a}.chat-input{flex-grow:1;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:25px;padding:10px 15px;color:#fff;font-family:var(--font-main)}.chat-input:focus{outline:none;border-color:var(--pink-hot)}.send-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--pink-hot);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.send-btn:hover{transform:scale(1.1)}.whitepaper-content{width:100%;max-width:var(--card-width);max-height:70vh;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.2);padding:25px;overflow-y:auto;color:var(--white);text-align:left}@media(max-width:768px){.whitepaper-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.whitepaper-content h2{font-size:1.8rem;margin-bottom:20px;text-align:center}.wp-section{margin-bottom:25px}.wp-section p{font-size:.95rem;line-height:1.6;opacity:.9;margin-bottom:15px}.text-sparkle{display:inline-block;background:linear-gradient(90deg,#fff,#f5a5b8,#e84393,#fff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sparkle 3s linear infinite;font-weight:800}.text-vibrate{display:inline-block;color:#ff1744;animation:vibrate .1s linear infinite;font-weight:700}.text-gold{display:inline-block;color:#ffca28;text-shadow:0 0 15px rgba(255,202,40,.8);font-weight:800}.text-pulse-red{display:inline-block;color:#ff5252;animation:wp-pulse 1.5s ease-in-out infinite;font-weight:700}.floating-heart{position:absolute;font-size:1.5rem;animation:float-up 8s linear infinite;pointer-events:none;opacity:.6}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}::selection{background:var(--pink-hot);color:var(--white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--pink-soft);border-radius:3px}.stamp{position:absolute;top:40px;padding:5px 15px;border:4px solid;border-radius:10px;font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;opacity:0;z-index:100;pointer-events:none;transform:rotate(-15deg);transition:opacity .1s linear;will-change:opacity;transform:translateZ(0) rotate(-15deg)}.stamp-like{left:40px;color:#2ed573;border-color:#2ed573;transform:translateZ(0) rotate(-15deg);background:#2ed5731a;box-shadow:0 0 10px #2ed57380}.stamp-nope{right:40px;color:#ff4757;border-color:#ff4757;transform:translateZ(0) rotate(15deg);background:#ff47571a;box-shadow:0 0 10px #ff475780}.match-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f0c29f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .5s ease-out}.gallery-view{width:100%;max-width:600px;margin:0 auto;padding:20px;animation:fadeIn .5s ease-out}.gallery-header{text-align:center;margin-bottom:30px;color:var(--white)}.gallery-header h2{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;color:var(--pink-hot);margin-bottom:5px;text-shadow:0 0 10px rgba(232,67,147,.3)}.gallery-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:40px}.gallery-item{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 5px 15px #0003;transition:transform .3s ease;cursor:pointer;border:2px solid rgba(255,255,255,.1)}.gallery-item:hover{transform:translateY(-5px) scale(1.02);border-color:var(--pink-hot);box-shadow:0 10px 25px #e843934d}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}@media(hover:none)and (pointer:coarse){.gallery-overlay{display:none}.gallery-item:active .gallery-overlay{display:flex;opacity:1}}.download-btn{background:var(--pink-hot);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transform:translateY(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.gallery-item:hover .download-btn{transform:translateY(0)}.download-btn:hover{background:#fff;color:var(--pink-hot)}.gallery-footer{text-align:center;color:var(--white-soft);font-style:italic;font-size:.9rem;opacity:.7}.match-confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.match-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:500px;padding:20px}.match-title{font-family:Outfit,sans-serif;font-size:4rem;font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 20px var(--pink-hot);transform:rotate(-5deg);animation:bounceIn .8s cubic-bezier(.175,.885,.32,1.275)}.match-subtitle{font-size:1.1rem;color:var(--white-soft);text-align:center;max-width:80%}.match-avatars{display:flex;align-items:center;gap:20px;margin:20px 0}.avatar-wrapper{width:120px;height:120px;border-radius:50%;border:4px solid var(--white);overflow:hidden;box-shadow:0 0 30px #ffffff4d;animation:slideIn .8s cubic-bezier(.175,.885,.32,1.275)}.avatar-wrapper.user{animation-delay:.1s;transform-origin:left}.avatar-wrapper.match{animation-delay:.2s;transform-origin:right}.avatar-wrapper img{width:100%;height:100%;object-fit:cover}.match-icon{font-size:3rem;background:var(--white);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #0003;z-index:2;animation:popIn .5s .5s backwards}.match-actions{display:flex;flex-direction:column;gap:15px;width:80%}.match-btn{padding:16px;border-radius:50px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s;text-transform:uppercase;letter-spacing:1px}.match-btn:hover{transform:scale(1.05)}.match-btn.primary{background:var(--pink-hot);color:#fff;box-shadow:0 0 20px #e8439380}.match-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.contract-copy{margin-top:10px;display:flex;align-items:center;gap:10px;color:var(--pink-soft);cursor:pointer;padding:10px 20px;background:#ffffff0d;border-radius:20px;transition:all .2s}.contract-copy:hover{background:#ffffff26;color:#fff}@keyframes bounceIn{0%{transform:scale(0) rotate(-5deg);opacity:0}60%{transform:scale(1.2) rotate(-5deg);opacity:1}to{transform:scale(1) rotate(-5deg)}}@keyframes slideIn{0%{transform:translate(50px) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}