.cosmic-modal-overlay{top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);z-index:9999;animation:fadeIn .3s ease}.cosmic-modal-container{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid rgba(102,126,234,.3);border-radius:24px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(102,126,234,.5);animation:slideUp .4s ease}@media(min-width:768px){.cosmic-modal-container{max-width:700px}}.cosmic-modal-container .modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:hsla(0,0%,100%,.1);color:#fff;font-size:1.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10}.cosmic-modal-container .modal-close:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg)}.modal-step{padding:3rem 2rem;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-step .step-title{font-size:1.8rem;font-weight:700;color:#fff;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#f093fb,#f5576c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.modal-step .step-subtitle{color:#b8bfd8;font-size:1rem;text-align:center;margin-bottom:2rem}.reveal-step .cosmic-image-section{padding:1rem 0;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.reveal-step .cosmic-image-section .cosmic-image-container{width:100%;max-width:400px;display:flex;justify-content:center}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(255,20,147,.1));padding:3px;box-shadow:0 0 50px rgba(138,43,226,.3),inset 0 0 30px rgba(255,20,147,.1)}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .mystical-border{position:absolute;inset:0;border:2px solid rgba(0,0,0,0);-o-border-image:linear-gradient(45deg,#ffd700,#ff69b4,#8a2be2,#00ced1) 1;border-image:linear-gradient(45deg,#ffd700,#ff69b4,#8a2be2,#00ced1) 1;border-radius:20px;animation:border-glow 3s ease-in-out infinite;pointer-events:none;z-index:2}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .mystical-border .corner-ornament{position:absolute;font-size:1.5rem;color:gold;animation:pulse-glow 2s ease-in-out infinite;z-index:3}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .mystical-border .corner-ornament.top-left{top:-5px;left:-5px}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .mystical-border .corner-ornament.top-right{top:-5px;right:-5px}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .mystical-border .corner-ornament.bottom-left{bottom:-5px;left:-5px}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .mystical-border .corner-ornament.bottom-right{bottom:-5px;right:-5px}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .image-content{position:relative;width:100%;height:300px;border-radius:17px;overflow:hidden;background:linear-gradient(180deg,#1a0033,#2d1b69)}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-daily-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .image-content .image-overlay{position:absolute;inset:0;pointer-events:none}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .image-content .image-overlay .shimmer-effect{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .image-caption{padding:1rem;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(138,43,226,.1))}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .image-caption .caption-content{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:.5rem}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .image-caption .caption-content .cosmic-icon{font-size:1.2rem;animation:pulse-glow 2s ease-in-out infinite}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .image-caption .caption-content .caption-text{font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5);letter-spacing:1px}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .image-caption .mystery-hint{display:block;margin:.5rem 0;color:hsla(0,0%,100%,.8);font-size:.9rem}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame .image-caption .mystical-line{height:2px;background:linear-gradient(90deg,transparent,#ffd700 20%,#ff69b4 50%,#8a2be2 80%,transparent);background-size:200% 100%;animation:flowing-light 3s linear infinite;border-radius:1px;margin-top:.5rem}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame:hover .cosmic-daily-image{transform:scale(1.05)}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame:hover .mystical-border{animation-duration:2s}.reveal-step .cosmic-image-section .cosmic-image-container .image-frame:hover .shimmer-effect{animation-duration:1.5s}.reveal-step .doll-carousel{margin:2rem 0;position:relative;display:flex;align-items:center;justify-content:center;gap:1rem}.reveal-step .doll-carousel .carousel-arrow{background:linear-gradient(135deg,rgba(138,43,226,.3),rgba(255,20,147,.3));border:1px solid hsla(0,0%,100%,.2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.reveal-step .doll-carousel .carousel-arrow:hover{background:linear-gradient(135deg,rgba(138,43,226,.5),rgba(255,20,147,.5));transform:scale(1.1)}.reveal-step .doll-carousel .carousel-arrow:active{transform:scale(.95)}.reveal-step .doll-carousel .carousel-content{flex:1;max-width:400px}.reveal-step .doll-carousel .carousel-content .doll-display{text-align:center;padding:1rem;background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(255,20,147,.1));border-radius:15px;border:1px solid hsla(0,0%,100%,.1)}.reveal-step .doll-carousel .carousel-content .doll-display .doll-image{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;margin:0 auto 1rem;filter:drop-shadow(0 0 20px rgba(138,43,226,.5));animation:float 3s ease-in-out infinite}.reveal-step .doll-carousel .carousel-content .doll-display .doll-info .doll-name{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(90deg,#ffd700,#ff69b4);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.reveal-step .doll-carousel .carousel-content .doll-display .doll-info .doll-description{color:hsla(0,0%,100%,.8);font-size:.9rem}.reveal-step .carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0}.reveal-step .carousel-indicators .indicator{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.2);cursor:pointer;transition:all .3s ease}.reveal-step .carousel-indicators .indicator.active{width:24px;border-radius:4px;background:linear-gradient(90deg,#ffd700,#ff69b4)}.reveal-step .carousel-indicators .indicator:hover:not(.active){background:hsla(0,0%,100%,.5)}.reveal-step .proceed-button{display:block;margin:2rem auto 0;padding:1rem 3rem;background:linear-gradient(135deg,#8a2be2,#ff1493);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.reveal-step .proceed-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .5s,height .5s}.reveal-step .proceed-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(138,43,226,.4)}.reveal-step .proceed-button:hover:before{width:300px;height:300px}.reveal-step .proceed-button:active{transform:translateY(0)}.confirm-step .gift-summary{background:rgba(30,30,50,.5);border-radius:16px;padding:2rem;margin-bottom:2rem}.confirm-step .gift-summary .mystery-gift-notice{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:12px;margin-bottom:1.5rem}.confirm-step .gift-summary .mystery-gift-notice .mystery-icon{font-size:3rem;display:block;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}.confirm-step .gift-summary .mystery-gift-notice .mystery-text{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.confirm-step .gift-summary .mystery-gift-notice .mystery-subtext{color:#93bbfc;font-size:.95rem;font-style:italic}.confirm-step .gift-summary .doll-preview{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.confirm-step .gift-summary .doll-preview .doll-thumbnail{width:150px;height:150px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}.confirm-step .gift-summary .doll-preview .doll-details{flex:1}.confirm-step .gift-summary .doll-preview .doll-details h3{font-size:1.2rem;color:#fff;margin-bottom:.5rem;font-weight:600}.confirm-step .gift-summary .doll-preview .doll-details p{color:#b8bfd8;font-size:.9rem}.confirm-step .gift-summary .address-summary h4{color:#f093fb;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.confirm-step .gift-summary .address-summary p{color:#e8e8e8;font-size:.95rem;line-height:1.5;margin:.3rem 0}.confirm-step .gift-summary .address-summary .recipient-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.confirm-step .gift-summary .edit-address-btn{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:rgba(0,0,0,0);border:1px solid rgba(102,126,234,.5);color:#93bbfc;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.confirm-step .gift-summary .edit-address-btn:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.8)}.confirm-step .confirm-actions{display:flex;gap:1rem;justify-content:center}.confirm-step .confirm-actions .cancel-btn,.confirm-step .confirm-actions .confirm-btn{padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.confirm-step .confirm-actions .confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-step .confirm-actions .confirm-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.confirm-step .confirm-actions .confirm-btn.is-loading{opacity:.7;cursor:not-allowed;animation:pulse 1.5s infinite}.confirm-step .confirm-actions .cancel-btn{background:hsla(0,0%,100%,.1);color:#b8bfd8;border:1px solid hsla(0,0%,100%,.2)}.confirm-step .confirm-actions .cancel-btn:hover{background:hsla(0,0%,100%,.15)}.confirm-step .gift-note{text-align:center;color:#93bbfc;font-size:.9rem;margin-top:2rem;opacity:.8}.success-step{text-align:center}.success-step .success-animation{position:relative;width:150px;height:150px;margin:0 auto 2rem}.success-step .success-animation .success-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;animation:successBounce 1s ease}.success-step .success-animation .success-rings{position:absolute;inset:0}.success-step .success-animation .success-rings .ring{position:absolute;border:2px solid rgba(102,126,234,.3);border-radius:50%;animation:ringExpand 2s ease-out infinite}.success-step .success-animation .success-rings .ring.ring-1{inset:30%;animation-delay:0s}.success-step .success-animation .success-rings .ring.ring-2{inset:15%;animation-delay:.5s}.success-step .success-animation .success-rings .ring.ring-3{inset:0;animation-delay:1s}.success-step .success-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.success-step .success-message{color:#e8e8e8;font-size:1.1rem;margin-bottom:.5rem}.success-step .success-message strong{color:#f093fb}.success-step .success-subtitle{color:#b8bfd8;font-size:.95rem;margin-bottom:2rem}.success-step .cosmic-celebration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.success-step .cosmic-celebration .celebration-star{position:absolute;animation:starFloat 3s ease-in-out infinite}.success-step .cosmic-celebration .celebration-star.star-1{top:41%;left:83%;animation-delay:2.83s;font-size:12px}.success-step .cosmic-celebration .celebration-star.star-2{top:82%;left:91%;animation-delay:1.008s;font-size:17px}.success-step .cosmic-celebration .celebration-star.star-3{top:53%;left:51%;animation-delay:.38s;font-size:14px}.success-step .cosmic-celebration .celebration-star.star-4{top:18%;left:39%;animation-delay:.397s;font-size:29px}.success-step .cosmic-celebration .celebration-star.star-5{top:43%;left:12%;animation-delay:2.586s;font-size:27px}.success-step .cosmic-celebration .celebration-star.star-6{top:95%;left:19%;animation-delay:2.957s;font-size:13px}.success-step .cosmic-celebration .celebration-star.star-7{top:39%;left:34%;animation-delay:1.465s;font-size:11px}.success-step .cosmic-celebration .celebration-star.star-8{top:72%;left:13%;animation-delay:2.131s;font-size:21px}.success-step .cosmic-celebration .celebration-star.star-9{top:27%;left:55%;animation-delay:.521s;font-size:29px}.success-step .cosmic-celebration .celebration-star.star-10{top:69%;left:51%;animation-delay:1.289s;font-size:27px}.success-step .cosmic-celebration .celebration-star.star-11{top:56%;left:40%;animation-delay:1.586s;font-size:27px}.success-step .cosmic-celebration .celebration-star.star-12{top:25%;left:62%;animation-delay:.296s;font-size:22px}.loading-state{text-align:center;padding:3rem}.loading-state .cosmic-spinner{width:60px;height:60px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.loading-state p{color:#b8bfd8;font-size:1rem}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes successBounce{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes ringExpand{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}@keyframes starFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}.cosmic-gift-section{padding:2rem 1rem;margin:2rem auto;max-width:600px;text-align:center}.cosmic-gift-section .cosmic-gift-header{margin-bottom:2rem}.cosmic-gift-section .cosmic-gift-header .cosmic-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:.5rem;letter-spacing:.5px}.cosmic-gift-section .cosmic-gift-header .cosmic-subtitle{color:#8b92a8;font-size:1rem;font-style:italic}.cosmic-gift-section .cosmic-image-section{padding:2rem 0;display:flex;justify-content:center;align-items:center}.cosmic-gift-section .cosmic-image-section .cosmic-image-container{width:100%;max-width:400px;display:flex;justify-content:center}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(255,20,147,.1));padding:3px;box-shadow:0 0 50px rgba(138,43,226,.3),inset 0 0 30px rgba(255,20,147,.1)}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .mystical-border{position:absolute;inset:0;border:2px solid rgba(0,0,0,0);-o-border-image:linear-gradient(45deg,#ffd700,#ff69b4,#8a2be2,#00ced1) 1;border-image:linear-gradient(45deg,#ffd700,#ff69b4,#8a2be2,#00ced1) 1;border-radius:20px;animation:border-glow 3s ease-in-out infinite;pointer-events:none;z-index:2}@media(max-width:768px){.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .mystical-border{opacity:.7;-o-border-image:linear-gradient(45deg,rgba(255,215,0,.6),rgba(255,105,180,.6),rgba(138,43,226,.6),rgba(0,206,209,.6)) 1;border-image:linear-gradient(45deg,rgba(255,215,0,.6),rgba(255,105,180,.6),rgba(138,43,226,.6),rgba(0,206,209,.6)) 1}}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .mystical-border .corner-ornament{position:absolute;font-size:1.5rem;color:gold;animation:pulse-glow 2s ease-in-out infinite;z-index:3}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .mystical-border .corner-ornament.top-left{top:-5px;left:-5px}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .mystical-border .corner-ornament.top-right{top:-5px;right:-5px}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .mystical-border .corner-ornament.bottom-left{bottom:-5px;left:-5px}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .mystical-border .corner-ornament.bottom-right{bottom:-5px;right:-5px}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content{position:relative;width:100%;height:300px;border-radius:17px;overflow:hidden;background:linear-gradient(180deg,#1a0033,#2d1b69)}@media(max-width:768px){.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content{backface-visibility:hidden;transform:translateZ(0);will-change:auto}}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-daily-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .image-overlay{position:absolute;inset:0;pointer-events:none}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .image-overlay .shimmer-effect{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@media(max-width:768px){.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .image-overlay .shimmer-effect{background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);opacity:.5}}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-energy-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(138,43,226,.3);border-radius:50%;animation:energy-pulse 3s ease-in-out infinite}@media(max-width:768px){.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-energy-ring{border-color:rgba(138,43,226,.15);opacity:.6}}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-energy-ring:first-child{width:120%;height:120%;animation-delay:0s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-energy-ring.ring-2{width:140%;height:140%;animation-delay:.5s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles{position:absolute;inset:0;overflow:hidden}@media(max-width:768px){.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles{opacity:.4}}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#fff,transparent);border-radius:50%;animation:particle-float 8s linear infinite}@media(max-width:768px){.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle{width:2px;height:2px;background:radial-gradient(circle,rgba(255,255,255,.6),transparent)}}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-1{top:81%;left:32%;animation-delay:7s;animation-duration:7s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-2{top:84%;left:93%;animation-delay:4s;animation-duration:9s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-3{top:21%;left:75%;animation-delay:3s;animation-duration:6s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-4{top:64%;left:28%;animation-delay:4s;animation-duration:7s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-5{top:53%;left:13%;animation-delay:3s;animation-duration:10s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-6{top:95%;left:92%;animation-delay:5s;animation-duration:9s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-7{top:27%;left:83%;animation-delay:2s;animation-duration:6s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-8{top:89%;left:48%;animation-delay:1s;animation-duration:9s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-9{top:21%;left:20%;animation-delay:6s;animation-duration:8s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-10{top:37%;left:89%;animation-delay:3s;animation-duration:8s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-11{top:42%;left:59%;animation-delay:2s;animation-duration:9s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-12{top:1%;left:43%;animation-delay:3s;animation-duration:7s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-13{top:34%;left:36%;animation-delay:4s;animation-duration:9s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-14{top:52%;left:59%;animation-delay:8s;animation-duration:8s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-15{top:73%;left:3%;animation-delay:8s;animation-duration:9s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-16{top:81%;left:11%;animation-delay:3s;animation-duration:7s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-17{top:77%;left:53%;animation-delay:4s;animation-duration:6s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-18{top:97%;left:1%;animation-delay:6s;animation-duration:8s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-19{top:5%;left:33%;animation-delay:3s;animation-duration:6s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-content .cosmic-particles .particle.particle-20{top:19%;left:40%;animation-delay:1s;animation-duration:7s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-caption{padding:1.2rem;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(138,43,226,.1))}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-caption .caption-content{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:.5rem}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-caption .caption-content .cosmic-icon{font-size:1.2rem;animation:pulse-glow 2s ease-in-out infinite}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-caption .caption-content .caption-text{font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5);letter-spacing:1px}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-caption .mystery-hint{display:block;margin:.5rem 0 1rem;color:hsla(0,0%,100%,.8);font-size:.9rem}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame .image-caption .mystical-line{height:2px;background:linear-gradient(90deg,transparent,#ffd700 20%,#ff69b4 50%,#8a2be2 80%,transparent);background-size:200% 100%;animation:flowing-light 3s linear infinite;border-radius:1px}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame:hover .cosmic-daily-image{transform:scale(1.05)}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame:hover .mystical-border{animation-duration:2s}.cosmic-gift-section .cosmic-image-section .cosmic-image-container .image-frame:hover .shimmer-effect{animation-duration:1.5s}.cosmic-gift-section .cosmic-request-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;padding:1rem 3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;overflow:hidden;transition:all .3s ease;margin-top:2rem}.cosmic-gift-section .cosmic-request-btn .btn-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:50px;opacity:0;filter:blur(10px);transition:opacity .3s ease;z-index:-1}.cosmic-gift-section .cosmic-request-btn .btn-text{z-index:1}.cosmic-gift-section .cosmic-request-btn .btn-sparkle{font-size:1.2rem;animation:sparkle 2s ease-in-out infinite}.cosmic-gift-section .cosmic-request-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(102,126,234,.4)}.cosmic-gift-section .cosmic-request-btn:hover .btn-glow{opacity:.6}.cosmic-gift-section .cosmic-request-btn:active{transform:translateY(-1px)}.cosmic-gift-section .cosmic-request-btn.is-premium{background:linear-gradient(135deg,#f093fb,#f5576c)}.cosmic-gift-section .cosmic-request-btn.is-premium .btn-glow{background:linear-gradient(135deg,#f093fb,#f5576c,#ffc371)}.cosmic-gift-section .cosmic-request-btn.is-disabled{opacity:.5;cursor:not-allowed}.cosmic-gift-section .cosmic-request-btn.is-disabled:hover{transform:none;box-shadow:none}.cosmic-gift-section .gift-status-text{margin-top:1rem;color:#93bbfc;font-size:.9rem;opacity:.8}.cosmic-gift-section .doll-carousel-section{margin:3rem 0;padding:2rem 0}@media(max-width:768px){.cosmic-gift-section .doll-carousel-section{margin:2rem 0;padding:1.5rem 0}}.cosmic-gift-section .doll-carousel-section .carousel-title{font-size:1.8rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(max-width:768px){.cosmic-gift-section .doll-carousel-section .carousel-title{font-size:1.5rem}}@media(max-width:480px){.cosmic-gift-section .doll-carousel-section .carousel-title{font-size:1.3rem}}.cosmic-gift-section .doll-carousel-section .carousel-subtitle{color:#93bbfc;font-size:1rem;text-align:center;margin-bottom:2rem;opacity:.9;padding:0 1rem}@media(max-width:768px){.cosmic-gift-section .doll-carousel-section .carousel-subtitle{font-size:.95rem;margin-bottom:1.5rem}}@media(max-width:480px){.cosmic-gift-section .doll-carousel-section .carousel-subtitle{font-size:.9rem}}.cosmic-gift-section .doll-carousel{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0;position:relative}@media(max-width:768px){.cosmic-gift-section .doll-carousel{gap:.5rem;margin:1rem 0}}.cosmic-gift-section .doll-carousel .carousel-arrow{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2;flex-shrink:0}@media(max-width:768px){.cosmic-gift-section .doll-carousel .carousel-arrow{width:35px;height:35px;font-size:1.2rem}}.cosmic-gift-section .doll-carousel .carousel-arrow:hover{transform:scale(1.1);box-shadow:0 5px 20px rgba(102,126,234,.5)}.cosmic-gift-section .doll-carousel .carousel-arrow:active{transform:scale(.95)}.cosmic-gift-section .doll-carousel .carousel-arrow.carousel-prev{margin-right:1rem}@media(max-width:768px){.cosmic-gift-section .doll-carousel .carousel-arrow.carousel-prev{margin-right:.5rem}}.cosmic-gift-section .doll-carousel .carousel-arrow.carousel-next{margin-left:1rem}@media(max-width:768px){.cosmic-gift-section .doll-carousel .carousel-arrow.carousel-next{margin-left:.5rem}}.cosmic-gift-section .doll-carousel .carousel-content{flex:1;max-width:600px;min-height:400px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.cosmic-gift-section .doll-carousel .carousel-content{max-width:100%;min-height:350px}}.cosmic-gift-section .doll-carousel .carousel-content .doll-display{text-align:center;animation:fadeIn .3s ease;width:100%}.cosmic-gift-section .doll-carousel .carousel-content .doll-display .doll-image{width:320px;height:320px;max-width:80vw;max-height:50vh;-o-object-fit:contain;object-fit:contain;margin:0 auto 1.5rem;filter:drop-shadow(0 0 30px rgba(138,43,226,.4));animation:float 3s ease-in-out infinite}@media(max-width:768px){.cosmic-gift-section .doll-carousel .carousel-content .doll-display .doll-image{width:260px;height:260px;margin-bottom:1rem}}@media(max-width:480px){.cosmic-gift-section .doll-carousel .carousel-content .doll-display .doll-image{width:220px;height:220px}}.cosmic-gift-section .doll-carousel .carousel-content .doll-display .doll-info{padding:0 1rem}.cosmic-gift-section .doll-carousel .carousel-content .doll-display .doll-info .doll-name{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-transform:capitalize}@media(max-width:768px){.cosmic-gift-section .doll-carousel .carousel-content .doll-display .doll-info .doll-name{font-size:1.3rem}}@media(max-width:480px){.cosmic-gift-section .doll-carousel .carousel-content .doll-display .doll-info .doll-name{font-size:1.2rem}}.cosmic-gift-section .doll-carousel .carousel-content .doll-display .doll-info .doll-description{color:#93bbfc;font-size:1rem;font-style:italic;opacity:.9}@media(max-width:768px){.cosmic-gift-section .doll-carousel .carousel-content .doll-display .doll-info .doll-description{font-size:.95rem}}@media(max-width:480px){.cosmic-gift-section .doll-carousel .carousel-content .doll-display .doll-info .doll-description{font-size:.9rem}}.cosmic-gift-section .carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.cosmic-gift-section .carousel-indicators .indicator{width:8px;height:8px;border-radius:50%;border:none;background:rgba(147,187,252,.3);cursor:pointer;transition:all .3s ease}.cosmic-gift-section .carousel-indicators .indicator.active{width:24px;border-radius:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.cosmic-gift-section .carousel-indicators .indicator:hover:not(.active){background:rgba(147,187,252,.5);transform:scale(1.2)}.cosmic-gift-section .premium-badge{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,rgba(240,147,251,.1),rgba(245,87,108,.1));border:1px solid rgba(240,147,251,.3);border-radius:30px;animation:badge-pulse 3s ease-in-out infinite}.cosmic-gift-section .premium-badge .badge-icon{font-size:1.2rem;animation:sparkle 2s ease-in-out infinite}.cosmic-gift-section .premium-badge .badge-text{color:#f093fb;font-size:.9rem;font-weight:600;letter-spacing:.5px}@keyframes energy-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.2}}@keyframes particle-float{0%{transform:translateY(100%) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100%) translateX(50px);opacity:0}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes border-glow{0%,to{opacity:.8}50%{opacity:1}}@keyframes pulse-glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}@keyframes flowing-light{0%{background-position:200%}to{background-position:-200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cosmic-gift-history{padding:2rem 1rem;margin:2rem auto 3rem;max-width:800px;position:relative}@media(max-width:768px){.cosmic-gift-history{padding:1.5rem .5rem;margin:1.5rem auto 2rem}}.cosmic-gift-history.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.cosmic-gift-history.loading .cosmic-loading{text-align:center}.cosmic-gift-history.loading .cosmic-loading .cosmic-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.cosmic-gift-history.loading .cosmic-loading p{color:#93bbfc;font-style:italic}.cosmic-gift-history.empty{text-align:center;padding:3rem 1rem}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos{position:relative;margin-bottom:2rem}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .floating-stars{position:relative;width:120px;height:120px;margin:0 auto}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .floating-stars .floating-star{position:absolute;font-size:1.2rem;animation:float-star 4s ease-in-out infinite}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .floating-stars .floating-star.star-1{top:0;left:20%;animation-delay:0s}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .floating-stars .floating-star.star-2{top:15%;right:10%;animation-delay:.5s}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .floating-stars .floating-star.star-3{top:30%;left:0;animation-delay:1s}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .floating-stars .floating-star.star-4{top:45%;right:0;animation-delay:1.5s}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .floating-stars .floating-star.star-5{bottom:30%;left:25%;animation-delay:2s}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .floating-stars .floating-star.star-6{bottom:15%;right:20%;animation-delay:2.5s}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .floating-stars .floating-star.star-7{bottom:0;left:50%;animation-delay:3s}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .floating-stars .floating-star.star-8{top:50%;left:50%;animation-delay:3.5s}.cosmic-gift-history.empty .cosmic-empty-state .empty-cosmos .empty-icon{font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-glow 3s ease-in-out infinite}.cosmic-gift-history.empty .cosmic-empty-state .empty-title{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:.5rem}.cosmic-gift-history.empty .cosmic-empty-state .empty-subtitle{color:#93bbfc;font-style:italic;opacity:.8}.cosmic-gift-history .cosmic-history-header{text-align:center;margin-bottom:2rem}.cosmic-gift-history .cosmic-history-header .history-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:.5rem;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:.5rem}@media(max-width:768px){.cosmic-gift-history .cosmic-history-header .history-title{font-size:1.5rem;flex-direction:column;gap:.2rem}}.cosmic-gift-history .cosmic-history-header .history-title .title-icon{animation:sparkle 2s ease-in-out infinite}.cosmic-gift-history .cosmic-history-header .history-subtitle{color:#8b92a8;font-size:1rem;font-style:italic}.cosmic-gift-history .cosmic-carousel-container{display:flex;align-items:center;gap:1rem;position:relative}@media(max-width:768px){.cosmic-gift-history .cosmic-carousel-container{gap:.5rem}}.cosmic-gift-history .cosmic-carousel-container .cosmic-carousel-arrow{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;width:45px;height:45px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;position:relative;overflow:hidden}@media(max-width:768px){.cosmic-gift-history .cosmic-carousel-container .cosmic-carousel-arrow{width:40px;height:40px;font-size:1.3rem}}.cosmic-gift-history .cosmic-carousel-container .cosmic-carousel-arrow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:50%;opacity:0;filter:blur(10px);transition:opacity .3s ease;z-index:-1}.cosmic-gift-history .cosmic-carousel-container .cosmic-carousel-arrow:hover{transform:scale(1.1)}.cosmic-gift-history .cosmic-carousel-container .cosmic-carousel-arrow:hover:before{opacity:.6}.cosmic-gift-history .cosmic-carousel-container .cosmic-carousel-arrow:active{transform:scale(.95)}.cosmic-gift-history .cosmic-carousel-container .cosmic-gifts-display{flex:1;overflow:hidden;border-radius:20px;position:relative}.cosmic-gift-history .cosmic-carousel-container .cosmic-gifts-display .cosmic-gifts-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);gap:1rem}@media(max-width:768px){.cosmic-gift-history .cosmic-carousel-container .cosmic-gifts-display .cosmic-gifts-track{gap:.5rem}}.cosmic-gift-history .cosmic-gift-card-wrapper{flex:0 0 calc(33.333% - .667rem);min-width:0}@media(max-width:768px){.cosmic-gift-history .cosmic-gift-card-wrapper{flex:0 0 calc(33.333% - .333rem)}}.cosmic-gift-history .cosmic-gift-card{background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(255,20,147,.05));border-radius:15px;padding:1.5rem;position:relative;cursor:pointer;transition:all .3s ease;height:100%;display:flex;flex-direction:column;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}@media(max-width:768px){.cosmic-gift-history .cosmic-gift-card{padding:1rem}}.cosmic-gift-history .cosmic-gift-card .card-mystical-border{position:absolute;inset:0;border:2px solid rgba(0,0,0,0);-o-border-image:linear-gradient(45deg,#ffd700,#ff69b4,#8a2be2,#00ced1) 1;border-image:linear-gradient(45deg,#ffd700,#ff69b4,#8a2be2,#00ced1) 1;border-radius:15px;opacity:0;transition:opacity .3s ease;pointer-events:none}.cosmic-gift-history .cosmic-gift-card .card-mystical-border .border-corner{position:absolute;font-size:1rem;color:gold;animation:pulse-glow 2s ease-in-out infinite}.cosmic-gift-history .cosmic-gift-card .card-mystical-border .border-corner.tl{top:-5px;left:-5px}.cosmic-gift-history .cosmic-gift-card .card-mystical-border .border-corner.tr{top:-5px;right:-5px}.cosmic-gift-history .cosmic-gift-card .card-mystical-border .border-corner.bl{bottom:-5px;left:-5px}.cosmic-gift-history .cosmic-gift-card .card-mystical-border .border-corner.br{bottom:-5px;right:-5px}.cosmic-gift-history .cosmic-gift-card .cosmic-background{position:absolute;inset:0;border-radius:15px;overflow:hidden;pointer-events:none}.cosmic-gift-history .cosmic-gift-card .cosmic-background .cosmic-gradient{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(138,43,226,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.cosmic-gift-history .cosmic-gift-card .cosmic-background .floating-particles{position:absolute;inset:0}.cosmic-gift-history .cosmic-gift-card .cosmic-background .floating-particles .particle{position:absolute;width:2px;height:2px;background:radial-gradient(circle,rgba(255,255,255,.8),transparent);border-radius:50%;animation:particle-float 8s linear infinite}.cosmic-gift-history .cosmic-gift-card .cosmic-background .floating-particles .particle.p-1{top:20%;left:10%;animation-delay:0s}.cosmic-gift-history .cosmic-gift-card .cosmic-background .floating-particles .particle.p-2{top:30%;right:15%;animation-delay:1s}.cosmic-gift-history .cosmic-gift-card .cosmic-background .floating-particles .particle.p-3{bottom:40%;left:20%;animation-delay:2s}.cosmic-gift-history .cosmic-gift-card .cosmic-background .floating-particles .particle.p-4{bottom:20%;right:10%;animation-delay:3s}.cosmic-gift-history .cosmic-gift-card .cosmic-background .floating-particles .particle.p-5{top:60%;left:80%;animation-delay:4s}.cosmic-gift-history .cosmic-gift-card .cosmic-background .floating-particles .particle.p-6{top:10%;left:70%;animation-delay:5s}.cosmic-gift-history .cosmic-gift-card .gift-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-icon-container{position:relative;margin-bottom:1rem}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-icon-container .gift-icon{font-size:2.5rem;animation:float 3s ease-in-out infinite}@media(max-width:768px){.cosmic-gift-history .cosmic-gift-card .gift-content .gift-icon-container .gift-icon{font-size:2rem}}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-icon-container .icon-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(138,43,226,.3),transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-info{flex:1;margin-bottom:1rem}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-info .gift-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.3rem}@media(max-width:768px){.cosmic-gift-history .cosmic-gift-card .gift-content .gift-info .gift-name{font-size:1rem}}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-info .gift-zodiac{color:#93bbfc;font-size:.85rem;font-style:italic;margin-bottom:.2rem}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-info .gift-year{color:gold;font-size:.8rem;font-weight:500}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:20px;backdrop-filter:blur(5px)}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status .status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status .status-text{font-size:.8rem;font-weight:500;letter-spacing:.5px}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status.cosmic-status-pending{background:rgba(255,193,7,.2);border:1px solid rgba(255,193,7,.3);color:#ffc107}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status.cosmic-status-pending .status-indicator{background:#ffc107}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status.cosmic-status-shipped{background:rgba(0,123,255,.2);border:1px solid rgba(0,123,255,.3);color:#007bff}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status.cosmic-status-shipped .status-indicator{background:#007bff}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status.cosmic-status-delivered{background:rgba(40,167,69,.2);border:1px solid rgba(40,167,69,.3);color:#28a745}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status.cosmic-status-delivered .status-indicator{background:#28a745}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status.cosmic-status-cancelled{background:rgba(220,53,69,.2);border:1px solid rgba(220,53,69,.3);color:#dc3545}.cosmic-gift-history .cosmic-gift-card .gift-content .gift-status.cosmic-status-cancelled .status-indicator{background:#dc3545}.cosmic-gift-history .cosmic-gift-card .hover-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(240,147,251,.1));border-radius:15px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(5px)}.cosmic-gift-history .cosmic-gift-card .hover-overlay .hover-text{color:#fff;font-weight:600;font-size:.9rem;text-shadow:0 0 10px hsla(0,0%,100%,.5);letter-spacing:1px}.cosmic-gift-history .cosmic-gift-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px rgba(138,43,226,.3)}.cosmic-gift-history .cosmic-gift-card:hover .card-mystical-border,.cosmic-gift-history .cosmic-gift-card:hover .cosmic-background .cosmic-gradient,.cosmic-gift-history .cosmic-gift-card:hover .gift-content .gift-icon-container .icon-glow,.cosmic-gift-history .cosmic-gift-card:hover .hover-overlay{opacity:1}.cosmic-gift-history .cosmic-gift-card:active{transform:translateY(-2px) scale(1.01)}.cosmic-gift-history .cosmic-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.cosmic-gift-history .cosmic-indicators .cosmic-indicator{width:10px;height:10px;border-radius:50%;border:none;background:rgba(147,187,252,.3);cursor:pointer;transition:all .3s ease;position:relative}.cosmic-gift-history .cosmic-indicators .cosmic-indicator:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:-1}.cosmic-gift-history .cosmic-indicators .cosmic-indicator.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 15px rgba(102,126,234,.5)}.cosmic-gift-history .cosmic-indicators .cosmic-indicator.active:before{opacity:.5}.cosmic-gift-history .cosmic-indicators .cosmic-indicator:hover:not(.active){background:rgba(147,187,252,.5);transform:scale(1.2)}.cosmic-gift-history .more-gifts-indicator{text-align:center;margin-top:1.5rem}.cosmic-gift-history .more-gifts-indicator .more-text{color:#93bbfc;font-size:.9rem;font-style:italic;opacity:.8}.cosmic-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modal-fade-in .3s ease}@media(max-width:768px){.cosmic-modal-overlay{padding:.5rem}}.cosmic-detail-modal{background:linear-gradient(135deg,#1a0033,#2d1b69 50%,#0f0f23);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:2px solid rgba(138,43,226,.3);box-shadow:0 25px 50px rgba(138,43,226,.4)}@media(max-width:768px){.cosmic-detail-modal{max-width:95vw;max-height:95vh;border-radius:15px}}.cosmic-detail-modal .modal-header{padding:2rem 2rem 1rem;text-align:center;position:relative}@media(max-width:768px){.cosmic-detail-modal .modal-header{padding:1.5rem 1.5rem 1rem}}.cosmic-detail-modal .modal-header .modal-close{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.1);border:none;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.cosmic-detail-modal .modal-header .modal-close:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.cosmic-detail-modal .modal-header .modal-title-section .modal-icon{font-size:3rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.cosmic-detail-modal .modal-header .modal-title-section .modal-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:.5rem}@media(max-width:768px){.cosmic-detail-modal .modal-header .modal-title-section .modal-title{font-size:1.5rem}}.cosmic-detail-modal .modal-header .modal-title-section .modal-zodiac{color:#93bbfc;font-style:italic;font-size:1rem}.cosmic-detail-modal .modal-content{padding:0 2rem 2rem}@media(max-width:768px){.cosmic-detail-modal .modal-content{padding:0 1.5rem 1.5rem}}.cosmic-detail-modal .modal-content .section-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(138,43,226,.3)}.cosmic-detail-modal .modal-content .address-section,.cosmic-detail-modal .modal-content .customization-section,.cosmic-detail-modal .modal-content .status-section,.cosmic-detail-modal .modal-content .timeline-section,.cosmic-detail-modal .modal-content .tracking-section{margin-bottom:2rem}@media(max-width:768px){.cosmic-detail-modal .modal-content .address-section,.cosmic-detail-modal .modal-content .customization-section,.cosmic-detail-modal .modal-content .status-section,.cosmic-detail-modal .modal-content .timeline-section,.cosmic-detail-modal .modal-content .tracking-section{margin-bottom:1.5rem}}.cosmic-detail-modal .modal-content .current-status{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;border-radius:15px;backdrop-filter:blur(10px)}.cosmic-detail-modal .modal-content .current-status .status-indicator{width:12px;height:12px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.cosmic-detail-modal .modal-content .current-status .status-text{font-size:1rem;font-weight:600;letter-spacing:.5px}.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step{display:flex;gap:1rem;margin-bottom:1.5rem;opacity:.5;transition:opacity .3s ease}.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step.completed,.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step.current{opacity:1}.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step.current .timeline-icon{animation:pulse-glow 2s ease-in-out infinite}.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step .timeline-connector{display:flex;flex-direction:column;align-items:center;position:relative}.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step .timeline-connector .connector-line{position:absolute;top:-1.5rem;width:2px;height:1.5rem;background:linear-gradient(180deg,rgba(138,43,226,.5),transparent)}.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step .timeline-connector .timeline-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;border:2px solid rgba(138,43,226,.3)}.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step .timeline-connector .timeline-icon .icon-symbol{font-size:1.2rem}.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step .timeline-content{flex:1;padding-top:.5rem}.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step .timeline-content .timeline-label{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.3rem}.cosmic-detail-modal .modal-content .cosmic-timeline .timeline-step .timeline-content .timeline-date{color:#93bbfc;font-size:.9rem}.cosmic-detail-modal .modal-content .custom-item,.cosmic-detail-modal .modal-content .delivery-address,.cosmic-detail-modal .modal-content .tracking-info{background:hsla(0,0%,100%,.05);border-radius:10px;padding:1rem;border:1px solid hsla(0,0%,100%,.1)}@media(max-width:768px){.cosmic-detail-modal .modal-content .custom-item,.cosmic-detail-modal .modal-content .delivery-address,.cosmic-detail-modal .modal-content .tracking-info{padding:.8rem}}.cosmic-detail-modal .modal-content .custom-item,.cosmic-detail-modal .modal-content .tracking-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.cosmic-detail-modal .modal-content .custom-item:last-child,.cosmic-detail-modal .modal-content .tracking-item:last-child{margin-bottom:0}.cosmic-detail-modal .modal-content .custom-item .custom-label,.cosmic-detail-modal .modal-content .custom-item .tracking-label,.cosmic-detail-modal .modal-content .tracking-item .custom-label,.cosmic-detail-modal .modal-content .tracking-item .tracking-label{color:#93bbfc;font-size:.9rem;min-width:120px}.cosmic-detail-modal .modal-content .custom-item .custom-value,.cosmic-detail-modal .modal-content .custom-item .tracking-value,.cosmic-detail-modal .modal-content .tracking-item .custom-value,.cosmic-detail-modal .modal-content .tracking-item .tracking-value{color:#fff;font-weight:500;text-align:right;word-break:break-word}.cosmic-detail-modal .modal-content .delivery-address .address-name{font-weight:600;color:#fff;margin-bottom:.3rem}.cosmic-detail-modal .modal-content .delivery-address .address-line{color:#93bbfc;margin-bottom:.2rem;line-height:1.4}.cosmic-detail-modal .modal-content .delivery-address .address-line:last-child{margin-bottom:0}.cosmic-detail-modal .modal-decorations{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden}.cosmic-detail-modal .modal-decorations .cosmic-particles{position:absolute;inset:0}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle{position:absolute;width:2px;height:2px;background:radial-gradient(circle,rgba(255,255,255,.6),transparent);border-radius:50%;animation:particle-float 8s linear infinite}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-1{top:10%;left:10%;animation-delay:0s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-2{top:20%;right:15%;animation-delay:1s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-3{top:40%;left:5%;animation-delay:2s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-4{bottom:40%;right:10%;animation-delay:3s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-5{bottom:20%;left:20%;animation-delay:4s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-6{top:60%;right:5%;animation-delay:5s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-7{top:80%;left:80%;animation-delay:6s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-8{top:15%;left:70%;animation-delay:7s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-9{bottom:60%;left:60%;animation-delay:8s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-10{top:30%;right:30%;animation-delay:9s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-11{bottom:80%;right:70%;animation-delay:10s}.cosmic-detail-modal .modal-decorations .cosmic-particles .modal-particle.p-12{top:70%;left:40%;animation-delay:11s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float-star{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.1);opacity:1}}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--primary:#4e4888;--primary-rgb:78,72,136;--primary2:#333368;--primary2-rgb:51,51,104;--primary-light:#6362e7;--primary-light-rgb:99,98,231;--primary-border:#cccfd6;--primary-border-rgb:204,207,214;--secondary:#f5e831;--secondary-rgb:245,232,39;--secondary2:#f8ae1c;--secondary2-rgb:248,174,28;--secondary3:#eee5e5;--secondary3-rgb:238,229,229;--secondary4:#e4c8a9;--secondary4-rgb:228,200,169;--card:#efefef;--card-rgb:239,239,239;--body:#fff;--body-rgb:255,255,255;--border-light:#cdcdcd;--text:#222;--text-rgb:34,34,34;--text2:#666;--text2-rgb:102,102,102;--text3:#999;--text3-rgb:153,153,153;--holder:#aaa;--holder-rgb:170,170,170;--white:#fff;--white-rgb:255,255,255;--black:#000;--black-rgb:0,0,0;--border:#ddd;--border-rgb:221,221,221;--price:#ec7436;--price-rgb:236,116,54}:root .dark{--primary:#4e4888;--primary-rgb:57,59,70;--primary2:#353958;--primary2-rgb:53,57,88;--primary-border:#393B46;--primary-border-rgb:57,59,70;--secondary:#f5e831;--secondary-rgb:245,232,39;--secondary2:#f8ae1c;--secondary2-rgb:195,145,45;--secondary3:#484248;--secondary3-rgb:72,66,72;--secondary4:#d2b094;--secondary4-rgb:210,176,148;--card:#262629;--card-rgb:38,38,41;--body:#0e0e10;--body-rgb:14,14,16;--border-light:#404040;--text:#fff;--text-rgb:255,255,255;--text2:#999;--text2-rgb:153,153,153;--text3:#ddd;--text3-rgb:221,221,221;--holder:#999;--holder-rgb:153,153,153;--white:#fff;--white-rgb:255,255,255;--black:#000;--black-rgb:0,0,0;--border:#999;--border-rgb:153,153,153}:root{--rv-black:#000;--rv-white:#fff;--rv-gray-1:#f7f8fa;--rv-gray-2:#f2f3f5;--rv-gray-3:#ebedf0;--rv-gray-4:#dcdee0;--rv-gray-5:#c8c9cc;--rv-gray-6:#969799;--rv-gray-7:#646566;--rv-gray-8:#323233;--rv-red:#ee0a24;--rv-blue:#3f45ff;--rv-orange:#ff976a;--rv-orange-dark:#ed6a0c;--rv-orange-light:#fffbe8;--rv-green:#07c160;--rv-gradient-red:linear-gradient(90deg,#ff6034,#ee0a24);--rv-gradient-orange:linear-gradient(90deg,#ffd01e,#ff8917);--rv-primary-color:var(--rv-blue);--rv-success-color:var(--rv-green);--rv-danger-color:var(--rv-red);--rv-warning-color:var(--rv-orange);--rv-text-color:var(--rv-gray-8);--rv-active-color:var(--rv-gray-2);--rv-active-opacity:0.7;--rv-disabled-opacity:0.5;--rv-background-color:var(--rv-gray-1);--rv-background-color-light:#fafafa;--rv-text-link-color:#576b95;--rv-padding-base:4px;--rv-padding-xs:8px;--rv-padding-sm:12px;--rv-padding-md:16px;--rv-padding-lg:24px;--rv-padding-xl:32px;--rv-font-size-xs:10px;--rv-font-size-sm:12px;--rv-font-size-md:14px;--rv-font-size-lg:16px;--rv-font-weight-bold:500;--rv-line-height-xs:14px;--rv-line-height-sm:18px;--rv-line-height-md:20px;--rv-line-height-lg:22px;--rv-base-font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Segoe UI,Arial,Roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;--rv-price-integer-font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;--rv-animation-duration-base:0.3s;--rv-animation-duration-fast:0.2s;--rv-animation-timing-function-enter:ease-out;--rv-animation-timing-function-leave:ease-in;--rv-border-color:var(--rv-gray-3);--rv-border-width-base:1px;--rv-border-radius-sm:2px;--rv-border-radius-md:4px;--rv-border-radius-lg:8px;--rv-border-radius-max:999px}.rv-toast{--rv-toast-default-width:116px}.loading-status{width:100%;margin-top:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-style:normal;color:var(--text)}.frame{width:100%;height:100%}.frame .not-found{width:100%;height:36vh;margin:10vh auto 0;color:#fff;gap:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.frame .not-found a{padding:4px 10px;border:1px solid hsla(0,0%,100%,.3);border-radius:5px}@font-face{font-family:spenbebGame;src:url(/static/fonts/spenbebGame.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:samuraiBlast;src:url(/static/fonts/SamuraiBlast-8MnyD.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:rebellionSquad;src:url(/static/fonts/RebellionSquad-ZpprZ.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:heroking;src:url(/static/fonts/Heroking-Regular.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:DevinneSwash;src:url(/static/fonts/DevinneSwash.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:DevinneSwashShadow;src:url(/static/fonts/DevinneSwashShadow.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:GreatVibes;src:url(/static/fonts/GreatVibes-Wmr4.ttf) format("opentype");font-weight:400;font-style:normal}#app-body .app{width:100%;height:100%;background-color:var(--primary)}#app-body .app code,#app-body .app pre{all:unset;display:inline}#app-body .app .score-box{font-family:rebellionSquad,sans-serif}#app-body .app .auth-action button,#app-body .app .game-item,#app-body .app .matching-player-modal .game-mode .mode-box,#app-body .app .say-hi .user-mate span,#app-body .app .step-box .status,#app-body .app .time-tips{color:inherit}#app-body .app .chat-prologue{font-family:DevinneSwash,sans-serif}.frame .app-header .title,body button{color:inherit}#app-body .rv-popup{max-width:580px}#app-body .rv-popup .rv-dialog__content .rv-dialog__message,#app-body .rv-popup .rv-dialog__header{color:#fff}#app-body .rv-popup .rv-dialog__footer button{background-color:rgb(var(--primary2-rgb),.9)}#app-body .rv-popup .rv-dialog__footer button.rv-dialog__cancel{color:#999}#app-body .rv-popup .rv-dialog__footer button.rv-dialog__confirm{color:#fff}#app-body .rv-popup.chapters-popup,#app-body .rv-popup.city-popup{background-color:var(--primary);font-size:14px;font-weight:400;font-style:normal;color:var(--text)}#app-body .rv-popup .rv-share-sheet__header .rv-share-sheet__title{font-size:14px;font-weight:700;font-style:normal;color:var(--text)}#app-body .rv-popup .rv-share-sheet__options .rv-share-sheet__option .rv-share-sheet__name{font-size:12px;font-weight:400;font-style:normal;color:var(--text)}#app-body .rv-share-sheet__cancel{background-color:var(--primary);font-size:14px;font-weight:400;font-style:normal;color:var(--text3)}#app-body .rv-share-sheet__cancel:before{height:4px;background-color:rgb(var(--primary2-rgb),.8)}body,html{width:100%;height:100%}body{margin:0;padding:0}body *{box-sizing:border-box}body .wallet-adapter-modal{z-index:9999}* button{margin:0;padding:0;border:none;outline:none;cursor:pointer}* p{margin:0}* h1,h2,h3,h4,h5,h6{text-align:center;margin:10px 0;line-height:1.2;font-size:inherit}#app-body .swiper-pagination-bullet{background-color:#efefef;transition:all .2s ease;transform-origin:center center}#app-body .swiper-pagination-bullet.swiper-pagination-bullet-active{border-radius:6px;background-color:#fff;opacity:1}@media screen and (width >= 576px){body{width:100%;height:100vh}.app-bottom-sheet .sheet-box .action-box,.matching-player-modal{left:4px;right:4px}.app-wallet-connect-modal .app-wallet-modal{margin:0 auto}.rv-popup.city-popup,.rv-popup.select-lang-popup{left:0;right:0;margin:0 auto}}.trans-popup-box{padding:10px;width:100%;height:126px}.trans-popup-box .solscan-box,.trans-popup-box .solscan-box-tips{display:flex;flex-direction:row;justify-content:center;align-items:center}.trans-popup-box .solscan-box-tips{margin:10px 0;font-size:14px;font-weight:700;font-style:normal;color:var(--primary)}.trans-popup-box .solscan-box-tips span{margin:0 4px;padding:2px;border-radius:2px;background-color:#c238ce;font-size:14px;font-weight:700;font-style:normal;color:#219ba1}.list-end{width:100%;margin:20px 0;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:10px;font-weight:400;font-style:normal;color:var(--text)}.chat-item-hight-light{font-size:14px;font-weight:700;color:#e5cf2a}.section-end-btn{gap:20px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.section-end-btn .next-btn{flex:1;max-width:80%;padding:10px 0;text-align:center;opacity:1;border:1px solid #333;border-radius:10px;background-color:rgba(0,0,0,0);font-size:12px;font-weight:400;font-style:normal;color:#333}.app-share-sheet{background-color:var(--primary)}.rv-popup.rv-toast.finish-scenes-first{min-width:200px;min-height:36px}.city-selector-modal{--backdrop-opacity:0.8;--height:90vh;--max-height:90vh;--border-radius:16px 16px 0 0}@media(width <= 767px){.city-selector-modal{--height:100vh;--max-height:100vh;--height:100dvh;--max-height:100dvh;--border-radius:0}}.city-selector-modal .modal-wrapper,.city-selector-modal ion-content{height:var(--height);max-height:var(--max-height);overflow:hidden}@media(width <= 767px){.city-selector-modal .modal-wrapper,.city-selector-modal ion-content{height:100vh;max-height:100vh;height:100dvh;max-height:100dvh}}ion-modal.city-selector-modal{--backdrop-opacity:0.8}@media(width <= 767px){ion-modal.city-selector-modal{--height:100vh;--max-height:100vh}@supports(height:100dvh){ion-modal.city-selector-modal{--height:100dvh;--max-height:100dvh}}}.city-selector{position:relative;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;background:linear-gradient(135deg,#0f0f23,#1a1a3e);color:#e9d5ff;overflow:hidden;display:flex;flex-direction:column}@supports not (height:100dvh){@media(width <= 767px){.city-selector{height:calc(100vh - env(keyboard-inset-height, 0px));min-height:calc(100vh - env(keyboard-inset-height, 0px))}}}.city-selector .loading-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;flex-direction:center;justify-content:center;align-items:center;z-index:100}.city-selector .loading-overlay .loading-spinner{padding:12px 24px;background:rgba(147,51,234,.3);border-radius:12px;backdrop-filter:blur(10px);font-size:14px;font-weight:500;font-style:normal;color:var(--text)}.city-selector .modal-header{position:sticky;top:0;padding:12px 16px;background:rgba(26,26,46,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(147,51,234,.3);display:flex;flex-direction:row;justify-content:flex-end;align-items:center;z-index:20}.city-selector .modal-header .close-btn{width:40px;height:40px;display:flex;flex-direction:center;justify-content:center;align-items:center;background:#fff;border:none;border-radius:50%;color:#6d28d9;cursor:pointer;transition:all .2s ease;font-size:22px;font-weight:800;font-style:normal;color:var(--text);box-shadow:0 4px 14px rgba(0,0,0,.35)}.city-selector .modal-header .close-btn:hover{background:#f5f3ff;color:#5b21b6;transform:scale(1.04);box-shadow:0 6px 18px rgba(0,0,0,.45)}.city-selector .modal-header .close-btn:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}.city-selector .list-header{position:sticky;top:0;padding:16px;background:rgba(26,26,46,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(147,51,234,.3);display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:10}.city-selector .list-header h3{font-size:18px;font-weight:600;font-style:normal;color:var(--text);margin:0;background:linear-gradient(135deg,#e9d5ff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.city-selector .list-header .back-btn{padding:8px 16px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;font-style:normal;color:var(--text);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px rgba(147,51,234,.35)}.city-selector .list-header .back-btn:hover{transform:translateX(-2px) scale(1.02);box-shadow:0 6px 18px rgba(147,51,234,.5)}.city-selector .list-header .back-btn:focus-visible{outline:2px solid rgba(168,85,247,.9);outline-offset:2px}.city-selector .list-header .search-btn{padding:8px 16px;background:linear-gradient(135deg,#9333ea,#a855f7);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;font-style:normal;color:var(--text);cursor:pointer;transition:all .2s ease}.city-selector .list-header .search-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px rgba(147,51,234,.4)}.city-selector .list-header .city-count{font-size:14px;font-weight:400;font-style:normal;color:var(--text);color:rgba(233,213,255,.6)}.city-selector .popular-section{padding:16px;border-bottom:1px solid rgba(147,51,234,.2)}.city-selector .popular-section h4{font-size:14px;font-weight:600;font-style:normal;color:var(--text);color:rgba(233,213,255,.8);margin:0 0 12px}.city-selector .popular-section .popular-cities{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(width >= 400px){.city-selector .popular-section .popular-cities{grid-template-columns:repeat(3,1fr)}}.city-selector .popular-section .popular-cities .popular-city{padding:10px;background:rgba(147,51,234,.1);border:1px solid rgba(168,85,247,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.city-selector .popular-section .popular-cities .popular-city:hover{background:rgba(147,51,234,.2);border-color:rgba(168,85,247,.5);transform:scale(1.02)}.city-selector .popular-section .popular-cities .popular-city .city-name{font-size:13px;font-weight:500;font-style:normal;color:var(--text);color:#e9d5ff}.city-selector .popular-section .popular-cities .popular-city .country-name{font-size:11px;font-weight:400;font-style:normal;color:var(--text);color:rgba(233,213,255,.6)}.city-selector .country-list{flex:1;overflow-y:auto;padding-bottom:20px;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overflow:hidden scroll;scrollbar-color:var(--secondary2);scrollbar-track-color:var(--holder);-ms-scrollbar-track-color:var(--primary);scroll-behavior:smooth}.city-selector .country-list::-webkit-scrollbar{width:6px;background-color:var(--holder)}.city-selector .country-list::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(147,51,234,.5)}.city-selector .country-list .country-grid{flex:1;padding:16px;display:grid;grid-template-columns:1fr;gap:8px}@media(width >= 400px){.city-selector .country-list .country-grid{grid-template-columns:repeat(2,1fr)}}.city-selector .country-list .country-grid .country-item{padding:12px;background:rgba(30,30,60,.6);border:1px solid rgba(147,51,234,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.city-selector .country-list .country-grid .country-item:hover{background:rgba(147,51,234,.2);border-color:rgba(168,85,247,.5);transform:translateX(2px)}.city-selector .country-list .country-grid .country-item .country-name{font-size:14px;font-weight:500;font-style:normal;color:var(--text);color:#e9d5ff}.city-selector .country-list .country-grid .country-item .city-count{font-size:12px;font-weight:400;font-style:normal;color:var(--text);color:rgba(233,213,255,.6);margin-left:8px}.city-selector .country-list .country-grid .country-item .has-index{padding:2px 6px;background:rgba(251,191,36,.2);border:1px solid rgba(251,191,36,.4);border-radius:4px;font-size:10px;font-weight:600;font-style:normal;color:var(--text);color:#fbbf24;margin-left:8px}.city-selector .city-list{flex:1;overflow-y:auto;padding-bottom:20px;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overflow:hidden scroll;scrollbar-color:var(--secondary2);scrollbar-track-color:var(--holder);-ms-scrollbar-track-color:var(--primary);scroll-behavior:smooth}.city-selector .city-list::-webkit-scrollbar{width:6px;background-color:var(--holder)}.city-selector .city-list::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(147,51,234,.5)}.city-selector .city-list .letter-index{position:sticky;top:60px;padding:12px 16px;background:rgba(26,26,46,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(147,51,234,.3);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;flex-wrap:wrap;z-index:9}.city-selector .city-list .letter-index .letter-btn{width:30px;height:30px;padding:0;background:#fff;border:1px solid hsla(0,0%,100%,.85);border-radius:6px;color:#6d28d9;font-size:14px;font-weight:700;font-style:normal;color:var(--text);cursor:pointer;transition:all .15s ease;display:flex;flex-direction:center;justify-content:center;align-items:center;box-shadow:0 1px 6px rgba(0,0,0,.35)}.city-selector .city-list .letter-index .letter-btn:hover{background:#f5f3ff;border-color:#c4b5fd;color:#5b21b6;transform:translateY(-1px);box-shadow:0 2px 10px rgba(0,0,0,.4)}.city-selector .city-list .letter-index .letter-btn.active{background:linear-gradient(135deg,#9333ea,#a855f7);border-color:rgba(0,0,0,0);color:#fff;box-shadow:0 4px 12px rgba(147,51,234,.35)}.city-selector .city-list .letter-index .letter-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.city-selector .city-list .cities-grid{flex:1;padding:16px;display:grid;grid-template-columns:1fr;gap:8px}@media(width >= 400px){.city-selector .city-list .cities-grid{grid-template-columns:repeat(2,1fr)}}.city-selector .city-list .cities-grid .city-item{padding:10px;background:rgba(30,30,60,.6);border:1px solid rgba(147,51,234,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.city-selector .city-list .cities-grid .city-item:hover{background:rgba(147,51,234,.2);border-color:rgba(168,85,247,.5);transform:scale(1.02)}.city-selector .city-list .cities-grid .city-item .city-name{font-size:14px;font-weight:500;font-style:normal;color:var(--text);color:#e9d5ff}.city-selector .city-list .cities-grid .city-item .admin-name{font-size:12px;font-weight:400;font-style:normal;color:var(--text);color:rgba(233,213,255,.6)}.city-selector .city-list .cities-grid .city-item.with-country .country-name{font-size:12px;font-weight:400;font-style:normal;color:var(--text);color:rgba(168,139,250,.8);margin-left:8px}.city-selector .search-view{flex:1;overflow-y:auto;display:flex;flex-direction:column}.city-selector .search-view .search-input-wrapper{padding:16px;background:rgba(26,26,46,.5);border-bottom:1px solid rgba(147,51,234,.3)}.city-selector .search-view .search-input-wrapper .search-input{width:100%;padding:12px 16px;background:rgba(30,30,60,.8);border:1px solid rgba(147,51,234,.3);border-radius:8px;color:#fff!important;-webkit-text-fill-color:#fff;caret-color:#fff;font-size:14px;font-weight:600;font-style:normal;color:var(--text)}.city-selector .search-view .search-input-wrapper .search-input::-moz-placeholder{color:hsla(0,0%,100%,.85)!important}.city-selector .search-view .search-input-wrapper .search-input::placeholder{color:hsla(0,0%,100%,.85)!important}.city-selector .search-view .search-input-wrapper .search-input:focus{outline:none;border-color:rgba(168,85,247,.85);box-shadow:0 0 0 3px rgba(147,51,234,.35)}.city-selector .search-view .search-results{flex:1;padding:16px}.city-selector .search-view .search-results .cities-grid .city-item.with-country{display:flex;flex-direction:row;align-items:baseline;gap:8px}.city-selector .search-view .search-results .cities-grid .city-item.with-country .country-name{margin-left:0}.city-selector .search-view .search-results .cities-grid .city-item.with-country .country-name:before{content:" "}.city-selector .search-view .search-results .loading{text-align:center;padding:20px;font-size:14px;font-weight:400;font-style:normal;color:var(--text);color:rgba(233,213,255,.6)}.city-selector .search-view .search-results .no-results{text-align:center;padding:40px;font-size:14px;font-weight:400;font-style:normal;color:var(--text);color:rgba(233,213,255,.5)}