.floating-hearts-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.floating-heart{position:absolute;bottom:-50px;animation:floatUp linear infinite;opacity:.7;filter:drop-shadow(0 0 5px rgba(255,107,157,.5))}@keyframes floatUp{0%{transform:translateY(0) rotate(0) scale(1);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-110vh) rotate(360deg) scale(.5);opacity:0}}.love-button{position:relative;padding:20px 35px;border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px #00000026;overflow:hidden}.love-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.love-button:hover:before{left:100%}.love-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px #0003}.love-button:active{transform:translateY(-2px) scale(1.02)}.button-emoji{font-size:1.5rem;animation:bounce 1s ease infinite}.button-sparkle{position:absolute;top:5px;right:10px;font-size:.8rem;opacity:0;transition:opacity .3s}.love-button:hover .button-sparkle{opacity:1;animation:sparkle .5s ease infinite}.love-button-pink{background:linear-gradient(135deg,#ff6b9d,#ff85a2);color:#fff}.love-button-coral{background:linear-gradient(135deg,#ff7f7f,#ffb38a);color:#fff}.love-button-purple{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.love-button-rainbow{background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#9b59b6,#ff6b9d);background-size:200% 200%;animation:rainbowShift 3s ease infinite;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}@keyframes rainbowShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hug-section{padding:40px 20px;text-align:center}.hug-container{display:flex;flex-direction:column;align-items:center;gap:20px}.hug-button{position:relative;background:linear-gradient(135deg,#ffe4ec,#ffd1dc);border:4px solid #ff85a2;border-radius:50%;width:150px;height:150px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #ff6b9d4d}.hug-button:hover{transform:scale(1.1);box-shadow:0 15px 40px #ff6b9d66}.hug-button.hugging{animation:hugSquish .5s ease}@keyframes hugSquish{0%{transform:scale(1)}30%{transform:scale(.85) rotate(-5deg)}60%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0)}}.hug-emoji{font-size:4rem;z-index:1}.hug-arms{position:absolute;font-size:2.5rem;transition:all .3s ease}.hug-arms.left{left:-20px;transform:rotate(30deg)}.hug-arms.right{right:-20px;transform:rotate(-30deg)}.hug-button:hover .hug-arms.left{left:10px;transform:rotate(60deg)}.hug-button:hover .hug-arms.right{right:10px;transform:rotate(-60deg)}.hug-count{display:flex;flex-direction:column;align-items:center;gap:5px}.count-number{font-family:Pacifico,cursive;font-size:3rem;color:#ff6b9d;text-shadow:2px 2px 0 #ffd1dc}.count-label{font-family:Quicksand,sans-serif;font-size:1.2rem;color:#ff85a2;font-weight:600}.hug-achievement{padding:15px 30px;background:linear-gradient(135deg,gold,#ffb347);border-radius:30px;font-family:Quicksand,sans-serif;font-weight:700;font-size:1.1rem;color:#8b4513;animation:achievementPop .5s ease;box-shadow:0 5px 20px #ffd70066}.hug-achievement.mega{background:linear-gradient(135deg,#ff6b9d,#a855f7,#6366f1);color:#fff;font-size:1.3rem}@keyframes achievementPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.message-card{background:linear-gradient(145deg,#fff,#fff5f8);border-radius:25px;padding:30px;box-shadow:0 10px 40px #ff6b9d33,inset 0 -5px 20px #ffb6c133;border:3px solid #ffd1dc;text-align:center;transition:transform .3s ease;min-width:280px}.message-card:hover{transform:translateY(-10px) rotate(2deg)}.card-emoji{font-size:3rem;margin-bottom:10px;animation:wiggle 2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.card-title{font-family:Pacifico,cursive;font-size:1.8rem;color:#ff6b9d;margin-bottom:20px}.message-carousel{min-height:60px;display:flex;align-items:center;justify-content:center}.carousel-message{font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:600;color:#ff85a2;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-dots{display:flex;justify-content:center;gap:8px;margin-top:15px}.dot{width:10px;height:10px;border-radius:50%;background:#ffd1dc;cursor:pointer;transition:all .3s ease}.dot.active{background:#ff6b9d;transform:scale(1.3)}.dot:hover{background:#ff85a2}.compliment-container{display:flex;flex-direction:column;align-items:center;margin:20px 0}.compliment-button{position:relative;padding:25px 50px;background:linear-gradient(135deg,#667eea,#764ba2,#ff6b9d);background-size:200% 200%;animation:gradientMove 3s ease infinite;border:none;border-radius:60px;font-family:Quicksand,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:15px;box-shadow:0 10px 40px #667eea66,0 0 60px #ff6b9d33;transition:all .3s ease;overflow:hidden}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.compliment-button:hover:not(.loading){transform:scale(1.08) rotate(-2deg);box-shadow:0 15px 50px #667eea80,0 0 80px #ff6b9d66}.compliment-button.loading{opacity:.8;cursor:wait}.compliment-icon{font-size:1.8rem;animation:iconSpin 2s ease-in-out infinite}@keyframes iconSpin{0%,to{transform:rotate(-10deg) scale(1)}50%{transform:rotate(10deg) scale(1.2)}}.loading-hearts{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);animation:loadingPulse 1s ease infinite}@keyframes loadingPulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.compliment-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ff6b9d4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.compliment-modal{position:relative;background:linear-gradient(145deg,#fff,#fff5f8);border:5px solid #ff6b9d;border-radius:30px;padding:40px 50px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #ff6b9d66,inset 0 0 100px #ffb6c133;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.close-button{position:absolute;top:15px;right:20px;background:#ff6b9d;border:none;width:35px;height:35px;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.close-button:hover{background:#ff5286;transform:rotate(90deg)}.modal-decoration{font-size:1.5rem;letter-spacing:10px}.modal-decoration.top{margin-bottom:20px}.modal-decoration.bottom{margin-top:20px}.compliment-content h3{font-family:Pacifico,cursive;font-size:1.6rem;color:#ff6b9d;margin-bottom:20px}.generated-compliment{font-family:Quicksand,sans-serif;font-size:1.4rem;line-height:1.6;color:#ff85a2;font-weight:600;padding:20px;background:linear-gradient(135deg,#fff0f5,#ffe4ec);border-radius:20px;border:2px dashed #ffd1dc}.another-button{margin-top:25px;padding:15px 30px;background:linear-gradient(135deg,gold,#ffb347);border:none;border-radius:30px;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:700;color:#8b4513;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #ffd70066}.another-button:hover{transform:scale(1.05);box-shadow:0 8px 25px #ffd70080}@media (max-width: 768px){.compliment-button{padding:20px 35px;font-size:1.1rem}.compliment-modal{padding:30px 25px}.generated-compliment{font-size:1.2rem}}.email-love-container{display:flex;flex-direction:column;align-items:center;margin:30px 0;gap:15px}.email-love-button{position:relative;padding:25px 45px;background:linear-gradient(135deg,#e91e63,#ff6b9d,#f06292);background-size:200% 200%;animation:emailGradient 4s ease infinite;border:none;border-radius:60px;font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px #e91e6366,0 0 60px #ff6b9d33;transition:all .3s ease;overflow:hidden}@keyframes emailGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.email-love-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.email-love-button:hover:not(.loading):not(.sent):before{left:100%}.email-love-button:hover:not(.loading):not(.sent){transform:scale(1.08) rotate(-1deg);box-shadow:0 15px 50px #e91e6380,0 0 80px #ff6b9d66}.email-love-button.loading{opacity:.85;cursor:wait;background:linear-gradient(135deg,#9c27b0,#e91e63)}.email-love-button.sent{background:linear-gradient(135deg,#4caf50,#8bc34a);cursor:default}.email-icon{font-size:1.8rem;animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.loading-dots{animation:dotsAnimation 1s infinite}@keyframes dotsAnimation{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.email-success-message{padding:15px 30px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:3px solid #4caf50;border-radius:30px;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:600;color:#2e7d32;animation:successPop .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px 20px #4caf504d}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.email-love-button{padding:20px 30px;font-size:1.1rem}.email-icon{font-size:1.5rem}}.music-player{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.play-button{display:flex;align-items:center;gap:8px;padding:15px 25px;background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 8px 25px #1db95466;transition:all .3s ease}.play-button:hover{transform:scale(1.1);box-shadow:0 12px 35px #1db95480}.music-player.playing .play-button{background:linear-gradient(135deg,#ff6b9d,#ff85a2);box-shadow:0 8px 25px #ff6b9d66}.play-button.autoplay-prompt{background:linear-gradient(135deg,#c41e3a,#ff6b9d,#1db954);background-size:200% 200%;animation:christmasGradient 3s ease infinite,pulse-glow 1.5s ease infinite;padding:18px 30px}@keyframes christmasGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 8px 25px #c41e3a66,0 0 20px #ff6b9d4d}50%{box-shadow:0 12px 35px #c41e3a99,0 0 40px #ff6b9d80}}.music-icon{font-size:1.3rem;animation:none}.music-player.playing .music-icon{animation:pulse 1s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.volume-control{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fffffff2;border-radius:25px;box-shadow:0 5px 20px #0000001a;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.volume-icon{font-size:1.2rem}.volume-slider{width:100px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#ff6b9d,#ff85a2);border-radius:3px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#ff6b9d;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #ff6b9d66;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.now-playing{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#c41e3a,#ff6b9d);border-radius:25px;color:#fff;font-family:Quicksand,sans-serif;font-weight:600;box-shadow:0 5px 20px #c41e3a4d;animation:slideIn .3s ease}.music-note{font-size:1.2rem;animation:bounce 1s ease infinite}.music-note:nth-child(3){animation-delay:.5s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.song-title{font-size:.9rem}@media (max-width: 768px){.music-player{bottom:15px;right:15px}.play-button{padding:12px 20px;font-size:.9rem}.volume-control{padding:8px 12px}.volume-slider{width:80px}}.video-button-container{display:flex;justify-content:center;margin:20px 0}.video-button{display:flex;align-items:center;gap:12px;padding:22px 40px;background:linear-gradient(135deg,#9b59b6,#e91e63,#ff6b9d);background-size:200% 200%;animation:videoGradient 4s ease infinite;border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 10px 40px #9b59b666,0 0 30px #ff6b9d33;transition:all .3s ease}@keyframes videoGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.video-button:hover{transform:scale(1.08) rotate(-2deg);box-shadow:0 15px 50px #9b59b680,0 0 50px #ff6b9d66}.video-icon{font-size:1.8rem;animation:dance 1s ease-in-out infinite}.video-icon:nth-child(3){animation-delay:.5s}@keyframes dance{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-10deg)}75%{transform:translateY(-5px) rotate(10deg)}}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.video-modal{position:relative;background:linear-gradient(145deg,#fff,#fff5f8);border:5px solid #ff6b9d;border-radius:30px;padding:30px;max-width:90%;max-height:90%;overflow:hidden;box-shadow:0 20px 60px #ff6b9d66,inset 0 0 50px #ffb6c133;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(0) rotate(-5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.video-close-button{position:absolute;top:15px;right:20px;background:#ff6b9d;border:none;width:40px;height:40px;border-radius:50%;color:#fff;font-size:1.3rem;cursor:pointer;transition:all .3s ease;z-index:10}.video-close-button:hover{background:#ff5286;transform:rotate(90deg) scale(1.1)}.video-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.video-header h3{font-family:Pacifico,cursive;font-size:1.8rem;color:#ff6b9d;margin:0}.video-header span{font-size:1.5rem;animation:heartbeat 1s ease infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.video-container{border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0003}.dance-video{display:block;max-width:100%;max-height:60vh;width:auto;height:auto;border-radius:15px}.video-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;font-family:Quicksand,sans-serif;font-weight:600;color:#ff85a2;font-size:1.1rem}.video-footer span:first-child,.video-footer span:last-child{font-size:1.3rem;animation:sparkle 1s ease infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}@media (max-width: 768px){.video-button{padding:18px 30px;font-size:1.1rem}.video-modal{padding:20px;margin:10px}.video-header h3{font-size:1.4rem}}.tinder-button-container{margin:25px 0}.tinder-button{padding:22px 45px;background:linear-gradient(135deg,#fe3c72,#ff655b);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #fe3c7266,0 0 60px #fe3c7233;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.tinder-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.tinder-button:hover:before{left:100%}.tinder-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #fe3c7280,0 0 80px #fe3c724d}.tinder-flame{font-size:1.6rem;animation:flameFlicker .5s ease infinite alternate}@keyframes flameFlicker{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.1) rotate(5deg)}}.tinder-text{text-shadow:1px 1px 3px rgba(0,0,0,.2)}.tinder-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tinder-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:30px;padding:30px;max-width:420px;width:95%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a}.tinder-close-button{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;width:36px;height:36px;border-radius:50%;font-size:1.2rem;color:#fff;cursor:pointer;transition:all .3s;z-index:10}.tinder-close-button:hover{background:#fff3;transform:rotate(90deg)}.tinder-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.tinder-header h3{font-family:Pacifico,cursive;font-size:1.6rem;color:#fe3c72;text-shadow:0 0 20px rgba(254,60,114,.5)}.tinder-logo{font-size:1.8rem;animation:flameFlicker .5s ease infinite alternate}.reject-message{background:linear-gradient(135deg,#fe3c72,#ff655b);color:#fff;padding:12px 20px;border-radius:20px;text-align:center;font-family:Quicksand,sans-serif;font-weight:600;margin-bottom:15px;animation:shakeIt .5s ease}@keyframes shakeIt{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.tinder-card-container{display:flex;justify-content:center;align-items:center;min-height:380px;position:relative;perspective:1000px}.tinder-card{width:300px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000004d;transition:box-shadow .3s;position:relative;-webkit-user-select:none;user-select:none;touch-action:none}.tinder-card.swipe-left{animation:swipeLeft .4s ease forwards}.tinder-card.swipe-right{animation:swipeRight .4s ease forwards}@keyframes swipeLeft{to{transform:translate(-150%) rotate(-30deg);opacity:0}}@keyframes swipeRight{to{transform:translate(150%) rotate(30deg);opacity:0}}.card-photo{width:100%;height:300px;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover;pointer-events:none}.card-info{padding:20px;background:#fff}.card-info h4{font-family:Quicksand,sans-serif;font-size:1.6rem;font-weight:700;color:#1a1a2e;margin-bottom:5px}.card-info p{font-family:Quicksand,sans-serif;color:#666;font-size:1rem}.swipe-indicator{position:absolute;top:30px;padding:10px 20px;border-radius:10px;font-family:Quicksand,sans-serif;font-weight:700;font-size:1.5rem;z-index:10;transform:rotate(-20deg);border:4px solid}.swipe-indicator.like{right:20px;color:#00d46a;border-color:#00d46a;background:#00d46a1a}.swipe-indicator.nope{left:20px;color:#fe3c72;border-color:#fe3c72;background:#fe3c721a;transform:rotate(20deg)}.tinder-actions{display:flex;justify-content:center;gap:20px;margin-top:25px}.action-button{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px 20px #0003}.action-button:hover{transform:scale(1.15)}.action-button:active{transform:scale(1.05)}.nope-button{background:#fff;color:#fe3c72;border:2px solid #fe3c72}.nope-button:hover{background:#fe3c72;color:#fff}.superlike-button{background:#fff;color:#00bfff;border:2px solid #00bfff;width:50px;height:50px;font-size:1.4rem}.superlike-button:hover{background:#00bfff;color:#fff}.like-button{background:#fff;color:#00d46a;border:2px solid #00d46a}.like-button:hover{background:#00d46a;color:#fff}.tinder-hint{text-align:center;color:#fff9;font-family:Quicksand,sans-serif;font-size:.9rem;margin-top:20px;line-height:1.6}.match-screen{text-align:center;padding:20px 0}.match-celebration{position:relative;overflow:hidden}.match-title{font-family:Pacifico,cursive;font-size:2.2rem;color:#fe3c72;margin-bottom:30px;animation:matchPop .6s cubic-bezier(.175,.885,.32,1.275);text-shadow:0 0 30px rgba(254,60,114,.5)}.match-title span{display:inline-block;animation:bounce .6s ease infinite}@keyframes matchPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.match-photos{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:25px}.match-photo-frame{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid #fe3c72;box-shadow:0 0 30px #fe3c7266;animation:photoAppear .5s ease forwards}.match-photo-frame:first-child{animation-delay:.2s;opacity:0}.match-photo-frame:last-child{animation-delay:.4s;opacity:0}@keyframes photoAppear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.match-photo-frame img{width:100%;height:100%;object-fit:cover}.match-heart{font-size:2.5rem;animation:heartBeat 1s ease infinite}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.2)}}.match-message{font-family:Quicksand,sans-serif;font-size:1.2rem;color:#fff;margin-bottom:25px}.match-message strong{color:#fe3c72}.match-hearts-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.match-rain-heart{position:absolute;top:-30px;animation:heartRain 3s linear infinite}@keyframes heartRain{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(500px) rotate(360deg);opacity:0}}.match-continue-button{padding:18px 40px;background:linear-gradient(135deg,#fe3c72,#ff655b);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #fe3c7266;position:relative;z-index:10}.match-continue-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #fe3c7280}.match-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;position:relative;z-index:10}.match-profile-button{padding:18px 35px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer}.contact-info{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:25px;position:relative;z-index:10;animation:contactAppear .5s ease}@keyframes contactAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.contact-title{font-family:Pacifico,cursive;font-size:1.8rem;color:#ff6b9d;margin:0}.contact-number{display:flex;align-items:center;gap:10px;font-size:1.5rem;color:#fff;margin:0}.phone-icon{font-size:2rem;animation:phoneRing .5s ease infinite alternate}@keyframes phoneRing{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.phone-link{color:gold;text-decoration:none;font-weight:700;font-family:Quicksand,sans-serif;letter-spacing:2px}.phone-link:hover{text-decoration:underline}.call-button{display:inline-block;padding:20px 40px;background:linear-gradient(135deg,#00c853,#00e676);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:700;color:#fff;cursor:pointer;text-decoration:none;transition:all .3s;box-shadow:0 8px 25px #00c85366;animation:callPulse 1.5s ease infinite}@keyframes callPulse{0%,to{transform:scale(1);box-shadow:0 8px 25px #00c85366}50%{transform:scale(1.05);box-shadow:0 12px 35px #00c85399}}.call-button:hover{transform:scale(1.1);box-shadow:0 15px 40px #00c85399}.match-close-button{padding:12px 30px;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:25px;font-family:Quicksand,sans-serif;font-size:1rem;color:#ffffffb3;cursor:pointer;transition:all .3s;margin-top:10px}.match-close-button:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}transition: all .3s; box-shadow: 0 8px 25px rgba(102,126,234,.4); } .match-profile-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea80}.card-photo{position:relative}.view-profile-button{position:absolute;bottom:10px;right:10px;padding:8px 15px;background:#000000b3;border:none;border-radius:20px;color:#fff;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.view-profile-button:hover{background:#fe3c72e6;transform:scale(1.05)}.profile-button{background:#fff;color:#3b82f6;border:2px solid #3b82f6;width:50px;height:50px;font-size:1.4rem}.profile-button:hover{background:#3b82f6;color:#fff}.profile-view{animation:profileSlideIn .4s ease}@keyframes profileSlideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.profile-back-button{background:#ffffff1a;border:none;padding:10px 20px;border-radius:20px;color:#fff;font-family:Quicksand,sans-serif;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s}.profile-back-button:hover{background:#fff3}.profile-header{text-align:center;margin-bottom:25px}.profile-main-photo{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 15px;border:4px solid #fe3c72;box-shadow:0 0 40px #fe3c7266}.profile-main-photo img{width:100%;height:100%;object-fit:cover}.profile-name{font-family:Quicksand,sans-serif;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:5px}.profile-job{font-family:Quicksand,sans-serif;font-size:1rem;color:#fe3c72;margin-bottom:3px}.profile-location{font-family:Quicksand,sans-serif;font-size:.9rem;color:#ffffffb3}.profile-section{background:#ffffff0d;border-radius:15px;padding:20px;margin-bottom:15px}.profile-section h3{font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:700;color:#fe3c72;margin-bottom:12px}.profile-about{font-family:Quicksand,sans-serif;font-size:.95rem;color:#ffffffe6;line-height:1.6}.profile-interests{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{background:linear-gradient(135deg,#fe3c72,#ff655b);padding:8px 16px;border-radius:20px;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:600;color:#fff}.profile-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gallery-photo{border-radius:12px;overflow:hidden;aspect-ratio:1;box-shadow:0 5px 15px #0003;transition:transform .3s ease}.gallery-photo:hover{transform:scale(1.05)}.gallery-photo img{width:100%;height:100%;object-fit:cover}.profile-video-container{border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.profile-video{width:100%;max-height:250px;background:#000}.profile-actions{margin-top:20px;text-align:center}.profile-like-button{padding:18px 40px;background:linear-gradient(135deg,#00d46a,#00b859);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #00d46a66}.profile-like-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #00d46a80}@media (max-width: 480px){.tinder-modal{padding:20px;border-radius:20px}.tinder-card{width:260px}.card-photo{height:250px}.match-title{font-size:1.6rem}.match-photo-frame{width:80px;height:80px}.tinder-button{padding:18px 35px;font-size:1.1rem}.profile-main-photo{width:120px;height:120px}.profile-name{font-size:1.5rem}.profile-section{padding:15px}.profile-video{max-height:200px}}.fortune-button-container{margin:25px 0}.fortune-button{padding:22px 45px;background:linear-gradient(135deg,#9b59b6,#8e44ad,#6c3483);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #9b59b666,0 0 60px #9b59b633,inset 0 0 20px #ffffff1a;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.fortune-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 50%);animation:mysticalGlow 3s ease-in-out infinite;pointer-events:none}@keyframes mysticalGlow{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(10%,10%) scale(1.2);opacity:.8}}.fortune-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #9b59b680,0 0 80px #9b59b64d,inset 0 0 30px #fff3}.fortune-button:disabled{cursor:wait}.fortune-button.revealing{animation:mysticalPulse .5s ease infinite}@keyframes mysticalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.fortune-crystal{font-size:1.6rem;animation:crystalFloat 2s ease-in-out infinite}.fortune-crystal:first-child{animation-delay:0s}.fortune-crystal:last-child{animation-delay:1s}@keyframes crystalFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.fortune-text{text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;z-index:1}.fortune-result{display:flex;flex-direction:column;align-items:center;gap:20px;animation:resultAppear .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes resultAppear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.fortune-card{background:linear-gradient(145deg,#2c1654,#1a0d33);border:3px solid #9b59b6;border-radius:25px;padding:30px 40px;max-width:500px;text-align:center;box-shadow:0 20px 60px #9b59b64d,0 0 100px #9b59b633,inset 0 0 50px #9b59b61a;position:relative;overflow:hidden}.fortune-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.1) 0%,transparent 30%),radial-gradient(circle at 80% 80%,rgba(155,89,182,.2) 0%,transparent 30%);pointer-events:none}.fortune-stars{font-size:1.5rem;margin:10px 0;animation:starsSparkle 1.5s ease infinite}@keyframes starsSparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.fortune-title{font-family:Pacifico,cursive;font-size:1.4rem;color:gold;margin-bottom:15px;text-shadow:0 0 20px rgba(255,215,0,.5)}.fortune-message{font-family:Quicksand,sans-serif;font-size:1.3rem;color:#fff;line-height:1.6;position:relative;z-index:1}.fortune-again-button{padding:15px 30px;background:linear-gradient(135deg,#6c3483,#9b59b6);border:2px solid #bb8fce;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px}.fortune-again-button:hover{transform:translateY(-3px);background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 10px 30px #9b59b666}.fortune-again-button span{animation:crystalFloat 2s ease-in-out infinite}@media (max-width: 480px){.fortune-button{padding:18px 30px;font-size:1.1rem;flex-wrap:wrap;justify-content:center}.fortune-card{padding:25px 20px;margin:0 10px}.fortune-message{font-size:1.1rem}.fortune-title{font-size:1.2rem}}.scratch-card-container{margin:25px 0}.scratch-play-button{padding:22px 45px;background:linear-gradient(135deg,gold,#ffb347,#ff8c00);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #ffd70066,0 0 60px #ffd70033,inset 0 2px #ffffff4d;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.scratch-play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.scratch-play-button:hover:before{left:100%}.scratch-play-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #ffd70080,0 0 80px #ffd7004d}.scratch-ticket{font-size:1.6rem;animation:ticketWiggle 1s ease infinite}@keyframes ticketWiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.scratch-text{position:relative;z-index:1}.scratch-game{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:25px;padding:25px;max-width:350px;margin:0 auto;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffd70033;animation:gameAppear .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes gameAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.scratch-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.scratch-header h3{font-family:Pacifico,cursive;font-size:1.5rem;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5)}.scratch-header span{font-size:1.5rem;animation:slotSpin 2s ease infinite}@keyframes slotSpin{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.scratch-card{position:relative;width:280px;height:200px;margin:0 auto;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000004d,inset 0 0 0 3px gold}.prize-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ff6b9d,#ff85a2,#ffa5b4);display:flex;align-items:center;justify-content:center}.prize-content{text-align:center;padding:15px}.prize-emoji{font-size:3rem;display:block;margin-bottom:10px;animation:prizeFloat 2s ease-in-out infinite}@keyframes prizeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.1)}}.prize-text{display:flex;flex-direction:column;gap:5px}.prize-win{font-family:Pacifico,cursive;font-size:1.1rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.prize-gift{font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.prize-giver{font-family:Quicksand,sans-serif;font-size:.95rem;color:#ffffffe6;font-style:italic}.scratch-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none;transition:opacity .5s ease}.scratch-canvas.revealed{opacity:0;pointer-events:none}.scratch-hint{text-align:center;color:#ffffffb3;font-family:Quicksand,sans-serif;font-size:.95rem;margin-top:15px;animation:hintPulse 1.5s ease infinite}@keyframes hintPulse{0%,to{opacity:.7}50%{opacity:1}}.scratch-revealed-actions{text-align:center;margin-top:20px;animation:actionsAppear .5s ease}@keyframes actionsAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scratch-congrats{display:flex;align-items:center;justify-content:center;gap:10px;font-family:Pacifico,cursive;font-size:1.3rem;color:gold;margin-bottom:15px;text-shadow:0 0 15px rgba(255,215,0,.5)}.scratch-congrats span:first-child,.scratch-congrats span:last-child{animation:starSparkle 1s ease infinite}@keyframes starSparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.scratch-again-button{padding:12px 25px;background:linear-gradient(135deg,gold,#ffb347);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px;margin-right:10px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.scratch-again-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffd70066}.scratch-close-button{padding:12px 25px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s}.scratch-close-button:hover{background:#fff3;transform:translateY(-2px)}@media (max-width: 400px){.scratch-game{padding:20px 15px;max-width:300px}.scratch-card{width:250px;height:180px}.scratch-play-button{padding:18px 30px;font-size:1.1rem;flex-wrap:wrap;justify-content:center}.prize-emoji{font-size:2.5rem}.prize-gift{font-size:1.1rem}}.hairstyle-chooser-container{margin:25px 0}.hairstyle-button{padding:22px 45px;background:linear-gradient(135deg,#8b4513,#d2691e,peru);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #8b451366,0 0 60px #8b451333;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.hairstyle-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.hairstyle-button:hover:before{left:100%}.hairstyle-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #8b451380,0 0 80px #8b45134d}.hairstyle-icon{font-size:1.6rem;animation:snipSnip 1s ease infinite}@keyframes snipSnip{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.hairstyle-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hairstyle-modal{background:linear-gradient(180deg,#2c1810,#1a0f0a);border-radius:30px;padding:30px;max-width:800px;width:95%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 25px 80px #00000080,0 0 0 1px #cd853f4d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hairstyle-close-button{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;width:36px;height:36px;border-radius:50%;font-size:1.2rem;color:#fff;cursor:pointer;transition:all .3s;z-index:10}.hairstyle-close-button:hover{background:#fff3;transform:rotate(90deg)}.hairstyle-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.hairstyle-header h3{font-family:Pacifico,cursive;font-size:1.6rem;color:peru;text-shadow:0 0 20px rgba(205,133,63,.5)}.hairstyle-header span{font-size:1.5rem}.hairstyle-subtitle{text-align:center;color:#fffc;font-family:Quicksand,sans-serif;margin-bottom:20px}.hairstyle-layout{display:flex;gap:30px;align-items:flex-start;margin-bottom:20px}.hairstyle-options-column{display:flex;flex-direction:column;gap:10px;min-width:200px;max-height:400px;overflow-y:auto;padding-right:10px}.hairstyle-preview-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.hairstyle-preview{text-align:center;margin-bottom:20px}.preview-photo-container{width:280px;height:280px;border-radius:20px;overflow:visible;margin:20px auto 15px;border:5px solid #CD853F;box-shadow:0 0 40px #cd853f80;position:relative}.preview-photo-container .preview-photo{border-radius:15px}.preview-photo{width:100%;height:100%;object-fit:cover}.hair-overlay-image{position:absolute;top:-25%;left:0%;width:100%;height:auto;object-fit:contain;pointer-events:none;animation:hairAppear .3s ease;z-index:10}.hair-overlay-image.large{top:-30%;left:-5%;width:110%}@keyframes hairAppear{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.style-thumbnail{width:35px;height:35px;object-fit:contain;border-radius:8px;background:#ffffff1a;padding:2px}.preview-label{font-family:Quicksand,sans-serif;font-size:1.1rem;color:peru;font-weight:600}.hairstyle-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.style-option{display:flex;align-items:center;gap:8px;padding:12px 15px;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:15px;cursor:pointer;transition:all .3s;text-align:left}.style-option:hover{background:#ffffff1a;transform:scale(1.02)}.style-option.selected{background:#cd853f33;border-width:3px;transform:scale(1.02)}.style-emoji{font-size:1.4rem}.style-name{font-family:Quicksand,sans-serif;font-size:.85rem;color:#fff;flex:1}.style-color-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.rainbow-dot{background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#9b59b6)}.confirm-style-button{width:100%;padding:18px;background:linear-gradient(135deg,peru,#d2691e);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #cd853f66}.confirm-style-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #cd853f80}.hairstyle-result{text-align:center;animation:resultPop .5s ease}@keyframes resultPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-photo-container{width:200px;height:200px;border-radius:50%;overflow:visible;margin:50px auto 20px;border:5px solid #CD853F;box-shadow:0 0 50px #cd853f80;position:relative}.result-photo-container .result-photo{border-radius:50%}.result-photo{width:100%;height:100%;object-fit:cover}.result-title{font-family:Pacifico,cursive;font-size:1.8rem;color:peru;margin-bottom:15px}.result-message{font-family:Quicksand,sans-serif;font-size:1.1rem;color:#ffffffe6;margin-bottom:25px;line-height:1.5}.result-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.try-again-button{padding:15px 25px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s}.try-again-button:hover{background:#fff3}.close-result-button{padding:15px 25px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s}.close-result-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2ecc7166}@media (max-width: 700px){.hairstyle-layout{flex-direction:column}.hairstyle-options-column{flex-direction:row;flex-wrap:wrap;max-height:none;min-width:auto;justify-content:center;order:2}.hairstyle-preview-column{order:1}.preview-photo-container{width:200px;height:200px}.style-option{padding:10px 12px}.style-name{font-size:.75rem}}@media (max-width: 480px){.hairstyle-modal{padding:20px}.hairstyle-button{padding:18px 25px;font-size:1rem;flex-wrap:wrap;justify-content:center;text-align:center}.preview-photo-container,.result-photo-container{width:180px;height:180px}.result-actions{flex-direction:column}}.mirror-love-container{margin:25px 0;display:flex;flex-direction:column;align-items:center}.mirror-love-button{padding:22px 45px;background:linear-gradient(135deg,#e91e63,#9c27b0,#673ab7);border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #e91e6366,0 0 60px #9c27b033,inset 0 0 20px #ffffff1a;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.mirror-love-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 50%);animation:mirrorShine 3s ease-in-out infinite;pointer-events:none}@keyframes mirrorShine{0%,to{transform:translate(-30%,-30%) rotate(0);opacity:.3}50%{transform:translate(30%,30%) rotate(180deg);opacity:.6}}.mirror-love-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #e91e6380,0 0 80px #9c27b04d,inset 0 0 30px #fff3}.mirror-icon{font-size:1.8rem;animation:mirrorWiggle 2s ease-in-out infinite}@keyframes mirrorWiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.mirror-text{text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;z-index:1}.mirror-heart{font-size:1.5rem;animation:heartPulse 1s ease-in-out infinite}.mirror-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.mirror-modal{background:linear-gradient(145deg,#2a1a35,#1a0a20,#2a1a35);border:3px solid #ff6b9d;border-radius:30px;padding:30px 40px;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:95vw;max-height:95vh;overflow:auto;position:relative;box-shadow:0 0 100px #ff6b9d66,0 0 200px #9c27b04d,inset 0 0 100px #ff6b9d0d;animation:modalAppear .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalAppear{0%{opacity:0;transform:scale(.7) rotateY(90deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.mirror-close-x{position:absolute;top:15px;right:20px;background:#ff6b9d4d;border:2px solid #ff6b9d;border-radius:50%;width:40px;height:40px;font-size:1.3rem;color:#ff6b9d;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.mirror-close-x:hover{background:#ff6b9d;color:#fff;transform:rotate(90deg)}.mirror-header{display:flex;align-items:center;gap:15px;font-family:Pacifico,cursive;color:#ff6b9d}.mirror-header h4{font-size:1.5rem;margin:0;text-shadow:0 0 20px rgba(255,107,157,.5)}.mirror-header span{font-size:1.8rem;animation:heartPulse 1s ease-in-out infinite}.ascii-container{position:relative;width:100%;overflow:hidden}.ascii-frame{background:linear-gradient(145deg,#0d0512,#1a0a20,#0d0512);border:5px solid;border-image:linear-gradient(135deg,#ff6b9d,#ff1493,#9c27b0,#673ab7,#ff6b9d) 1;border-radius:25px;padding:25px 30px;box-shadow:0 20px 80px #ff6b9d66,0 0 150px #9c27b04d,inset 0 0 80px #ff6b9d14;overflow:auto;display:flex;justify-content:center;align-items:center;min-height:400px;min-width:600px}.ascii-art{font-family:Courier New,Consolas,monospace;font-size:9px;line-height:7px;letter-spacing:2px;color:#ff6b9d;text-shadow:0 0 8px rgba(255,107,157,.9),0 0 15px rgba(255,107,157,.6),0 0 30px rgba(255,20,147,.3);white-space:pre;margin:0;text-align:left;display:inline-block}.floating-hearts-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.overlay-heart{position:absolute;animation:floatHeart 4s ease-in-out infinite;opacity:.7}@keyframes floatHeart{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.mirror-message{font-family:Pacifico,cursive;font-size:1.3rem;color:#ff6b9d;text-shadow:0 0 20px rgba(255,107,157,.5),2px 2px 4px rgba(0,0,0,.3);animation:messageGlow 2s ease-in-out infinite;margin:10px 0}@keyframes messageGlow{0%,to{text-shadow:0 0 20px rgba(255,107,157,.5)}50%{text-shadow:0 0 40px rgba(255,107,157,.8),0 0 60px rgba(255,20,147,.4)}}.mirror-close-button{padding:15px 30px;background:linear-gradient(135deg,#673ab7,#9c27b0);border:2px solid #e1bee7;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px}.mirror-close-button:hover{transform:translateY(-3px);background:linear-gradient(135deg,#9c27b0,#e91e63);box-shadow:0 10px 30px #9c27b066}.mirror-close-button span{animation:heartPulse 1.5s ease-in-out infinite}.mirror-error{margin-top:15px;padding:15px 25px;background:linear-gradient(135deg,#ff6b9d33,#9c27b033);border:2px solid #ff6b9d;border-radius:15px;color:#ff85a2;font-family:Quicksand,sans-serif;font-size:1rem;display:flex;align-items:center;gap:10px;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.mirror-modal{padding:20px;max-width:98vw}.ascii-frame{min-width:auto;width:100%;min-height:300px;padding:15px}.ascii-art{font-size:6px;line-height:5px;letter-spacing:1px}.mirror-header h4{font-size:1.2rem}.mirror-message{font-size:1.1rem}}@media (max-width: 480px){.mirror-love-button{padding:18px 30px;font-size:1.1rem;flex-wrap:wrap;justify-content:center}.ascii-art{font-size:4px;line-height:3.5px;letter-spacing:.5px}.ascii-frame{padding:10px;min-height:250px}.mirror-close-x{width:35px;height:35px;font-size:1.1rem;top:10px;right:10px}}.app{min-height:100vh;position:relative;z-index:1}.header{text-align:center;padding:60px 20px 40px;position:relative}.title{font-family:Pacifico,cursive;font-size:3.5rem;color:#ff6b9d;text-shadow:3px 3px 0 #ffd1dc,6px 6px 0 rgba(255,107,157,.2);display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;animation:titlePop 1s ease}@keyframes titlePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.heart-icon{font-size:2.5rem;animation:heartPulse 1s ease infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.subtitle{font-family:Quicksand,sans-serif;font-size:1.5rem;color:#ff85a2;margin-top:15px;font-weight:600;animation:fadeIn 1s ease .3s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content{max-width:1200px;margin:0 auto;padding:20px}.maman-photo-section{text-align:center;padding:40px 20px}.maman-photo-container{display:inline-block;cursor:pointer;position:relative;padding:60px 20px 20px}.maman-photo-frame{position:relative;width:280px;height:280px;border-radius:50%;overflow:hidden;border:8px solid #ff6b9d;box-shadow:0 0 0 6px #ffd1dc,0 0 0 12px #ff85a2,0 20px 60px #ff6b9d66,inset 0 0 30px #ff6b9d33;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:photoGlow 3s ease-in-out infinite}@keyframes photoGlow{0%,to{box-shadow:0 0 0 6px #ffd1dc,0 0 0 12px #ff85a2,0 20px 60px #ff6b9d66,0 0 40px #ff6b9d4d}50%{box-shadow:0 0 0 6px #ffd1dc,0 0 0 12px #ff85a2,0 20px 60px #ff6b9d99,0 0 80px #ff6b9d80}}.maman-photo-container:hover .maman-photo-frame{transform:scale(1.05) rotate(3deg)}.maman-photo{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.maman-photo-container:hover .maman-photo{transform:scale(1.1)}.crown-container{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:20}.crown{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(255,215,0,.5));animation:crownBounce 2s ease infinite;display:block}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}}.photo-heart-decoration{position:absolute;font-size:2.5rem;animation:heartFloat 3s ease-in-out infinite;z-index:10}.photo-heart-decoration.left{left:-20px;top:50%;animation-delay:0s}.photo-heart-decoration.right{right:-20px;top:50%;animation-delay:1.5s}@keyframes heartFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.2)}}.maman-photo-label{margin-top:20px;font-family:Pacifico,cursive;font-size:1.8rem;color:#ff6b9d;text-shadow:2px 2px 0 #ffd1dc}.hero-section{text-align:center;padding:40px 20px}.big-heart-container{display:inline-block;cursor:pointer;position:relative}.big-heart{font-size:8rem;display:block;transition:transform .3s ease;filter:drop-shadow(0 10px 30px rgba(255,107,157,.4))}.big-heart:hover{transform:scale(1.2)}.big-heart.pulse{animation:bigPulse 1.5s ease infinite}@keyframes bigPulse{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.click-me{display:block;font-family:Quicksand,sans-serif;font-weight:700;color:#ff6b9d;font-size:1.1rem;margin-top:10px;animation:bounce 2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.surprise-message{margin-top:30px;padding:20px 40px;background:linear-gradient(135deg,#ff6b9d,#ff85a2);border-radius:50px;display:inline-block;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.surprise-message span{font-family:Pacifico,cursive;font-size:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}@keyframes popIn{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.messages-section{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:40px 20px}.section-title{font-family:Pacifico,cursive;font-size:2rem;color:#ff6b9d;text-align:center;margin-bottom:30px;text-shadow:2px 2px 0 #ffd1dc}.buttons-section{padding:40px 20px;text-align:center}.buttons-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:20px}.kiss-counter{margin-top:30px;padding:20px;background:linear-gradient(135deg,#fff0f5,#ffe4ec);border-radius:20px;border:3px solid #ffd1dc;display:inline-block;animation:fadeIn .5s ease}.kiss-count{font-family:Pacifico,cursive;font-size:2.5rem;color:#ff6b9d;margin-right:10px}.kiss-label{font-family:Quicksand,sans-serif;font-weight:600;color:#ff85a2;font-size:1.2rem}.photo-section{padding:40px 20px;text-align:center}.photo-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:25px}.secret-section{padding:60px 20px;text-align:center}.secret-button{padding:25px 50px;background:linear-gradient(135deg,gold,#ffb347,#ff6b9d);background-size:200% 200%;animation:shimmer 3s ease infinite;border:none;border-radius:60px;font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 10px 40px #ff6b9d4d,0 0 60px #ffd7004d;transition:all .3s ease;display:flex;align-items:center;gap:15px}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.secret-button:hover{transform:scale(1.1);box-shadow:0 15px 50px #ff6b9d66,0 0 80px #ffd70080}.secret-icon{font-size:1.8rem;animation:wiggle 1s ease infinite}@keyframes wiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.secret-reveal{animation:revealPop 1s cubic-bezier(.175,.885,.32,1.275)}@keyframes revealPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.secret-content{position:relative;background:linear-gradient(145deg,#fff,#fff5f8);border:5px solid #ff6b9d;border-radius:30px;padding:50px;max-width:600px;margin:0 auto;box-shadow:0 20px 60px #ff6b9d4d,inset 0 0 100px #ffb6c133;overflow:hidden}.secret-content h2{font-family:Pacifico,cursive;font-size:2.5rem;color:#ff6b9d;margin-bottom:20px}.secret-message{font-family:Quicksand,sans-serif;font-size:1.3rem;line-height:1.8;color:#ff85a2}.secret-message strong{color:#ff6b9d;font-size:1.5rem}.heart-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.rain-heart{position:absolute;top:-20px;animation:rainFall 3s linear infinite}@keyframes rainFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(400px) rotate(360deg);opacity:0}}.footer-love{padding:60px 20px;text-align:center}.love-meter{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px}.love-meter span{font-family:Quicksand,sans-serif;font-size:1.3rem;font-weight:600;color:#ff6b9d}.meter-bar{width:300px;height:40px;background:#ffe4ec;border-radius:20px;border:3px solid #ffd1dc;overflow:hidden;position:relative}.meter-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff6b9d,#ff85a2,#ff6b9d);background-size:200% 100%;animation:meterPulse 2s ease infinite;display:flex;align-items:center;justify-content:center;font-family:Pacifico,cursive;color:#fff;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}@keyframes meterPulse{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.footer-text{font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:600;color:#ff85a2;margin-bottom:20px}.signature{display:flex;align-items:center;justify-content:center;gap:15px;margin:30px 0;padding:25px 40px;background:linear-gradient(135deg,#fff0f5,#ffe4ec);border-radius:50px;border:3px solid #ffd1dc;box-shadow:0 10px 30px #ff6b9d33;animation:signatureGlow 3s ease-in-out infinite}@keyframes signatureGlow{0%,to{box-shadow:0 10px 30px #ff6b9d33}50%{box-shadow:0 10px 40px #ff6b9d66}}.signature-text{font-family:Pacifico,cursive;font-size:1.8rem;color:#ff6b9d;text-shadow:2px 2px 0 #ffd1dc}.signature-heart{font-size:1.5rem;animation:heartPulse 1s ease infinite}.footer-hearts{font-size:2rem;letter-spacing:10px;animation:heartsWave 2s ease infinite}@keyframes heartsWave{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.title{font-size:2.2rem}.heart-icon{font-size:1.8rem}.subtitle{font-size:1.2rem}.big-heart{font-size:5rem}.section-title{font-size:1.5rem}.secret-content{padding:30px 20px}.secret-content h2{font-size:1.8rem}.secret-message{font-size:1.1rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Quicksand,sans-serif;background:linear-gradient(135deg,#fff0f5,#ffe4ec,#ffd1dc,#ffe4ec,#fff0f5);background-size:400% 400%;animation:gradientFlow 15s ease infinite;min-height:100vh;overflow-x:hidden}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body.rainbow-mode{animation:rainbowBackground 1s linear infinite}@keyframes rainbowBackground{0%{background:#ff9a9e}14%{background:#fad0c4}28%{background:#ffecd2}42%{background:#a8edea}57%{background:#d299c2}71%{background:#fef9d7}85%{background:#c1dfc4}to{background:#ff9a9e}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#ffe4ec}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b9d,#ff85a2);border-radius:10px;border:3px solid #ffe4ec}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff5286,#ff6b9d)}::selection{background:#ff6b9d;color:#fff}