.app-container,.journey-step{min-height:100vh;position:relative}:root{--color-primary:#FF9B2D;--color-secondary:#311e08;--color-text-light:#FFFFFF;--color-red-emphasis:#D91F26;--gradient-blue:linear-gradient(to bottom, #005A9D, #0094D9);--font-family-display:'iPony',sans-serif;--font-family-body:'Montserrat',sans-serif;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--radius-md:12px;--radius-lg:24px}.c-button,.c-image-button{border:none;cursor:pointer}@font-face{font-family:iPony;src:url('font/ipony.woff') format('woff'),url('font/ipony.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font-family-body)}body{background-color:#fff7e1}img{max-width:100%;display:block}button,img{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.app-container{max-width:480px;margin-inline:auto;background-color:#fff;overflow:hidden}.journey-step{display:flex;flex-direction:column;align-items:center}.image-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hidden,.step-hidden{display:none!important}.text-gradient-blue{background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--font-family-display);font-weight:700}#validation-message,.c-button,.c-input-field input{font-family:var(--font-family-body)}.stack{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;width:100%;align-items:center}.stack>*+*{margin-block-start:var(--stack-space,var(--space-3))}.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-space,var(--space-2));justify-content:center;align-items:center}.c-image-button{background:0 0;padding:0}.c-button{background-color:var(--color-primary);color:var(--color-secondary);font-weight:800;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:background-color .2s ease-in-out}.c-input-field{width:100%;max-width:380px;background-size:contain;display:flex;flex-direction:column;align-items:center;gap:.2rem}.c-input-field label{font-size:1.1rem}.c-input-field input{width:100%;border:none;background:#fff9e5;outline:0;text-align:center;font-weight:700;font-size:clamp(.625rem, 2.5vw + .125rem, .875rem);color:#bdbaba;padding:.2rem 1.2rem;border-radius:15px}.c-input-field input::placeholder{color:#bdbaba}.c-audio-toggle{position:fixed;top:10px;right:10px;z-index:999;width:30px;height:30px;border-radius:50%;background-color:rgba(255,255,255,.5);border:1px solid rgba(79,55,0,.2);cursor:pointer;display:flex;justify-content:center;align-items:center;padding:8px;transition:background-color .2s}.c-image-frame,.image-placeholder{justify-content:center;display:flex}.c-audio-toggle:hover{background-color:rgba(255,255,255,.8)}.c-audio-toggle svg{width:100%;height:100%;fill:var(--color-secondary)}.c-image-frame{aspect-ratio:855/920;align-items:center;position:relative;transform:translateX(5%)}.frame-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.image-placeholder{aspect-ratio:752/703;align-items:start;cursor:pointer}.placeholder-button{max-width:80%}.c-bubble-message{width:47vw;max-width:226px;position:relative}.stage-bg{position:absolute;bottom:0;left:0;width:100%;z-index:0}.deco-item{position:absolute;z-index:2}.c-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-2)}#clone-since-year,#since-year,.bubble-message{z-index:10;-webkit-text-fill-color:transparent;position:absolute}.c-modal__content{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:0 4px 15px rgba(0,0,0,.2);width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}#validation-message{font-size:1.1rem;color:#333;line-height:1.5}.crop-title{font-family:var(--font-family-display);color:#6d3d00;font-size:1.5rem}.crop-image-container{width:100%;max-height:60vh;background-color:#eee}@keyframes m-pulse-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.animate-pulse-scale{animation:2s ease-in-out infinite m-pulse-scale}@keyframes m-wiggle1{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(6deg) scale(1.05)}}@keyframes m-wiggle2{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.07)}}@keyframes m-wiggle3{0%,100%{transform:rotate(5deg) scale(1)}50%{transform:rotate(-5deg) scale(1.1)}}.animate-wiggle1{animation:2s ease-in-out infinite alternate m-wiggle1}.animate-wiggle2{animation:1.5s ease-in-out infinite alternate m-wiggle2}.animate-wiggle3{animation:1.5s ease-in-out infinite alternate m-wiggle3}.logo{width:48vw;max-width:231px;margin-top:14vw}.c-image-frame{width:79vw;max-width:380px}.image-placeholder{width:69vw;max-width:331px;transform:translate(-3.2%,-6%);background:#fdf5db}#upload-zone{width:28vw;max-width:136px;transform:translateX(-8%);margin-top:12%}.upload-button{margin-top:14%}.formlabel1{width:18vw;max-width:87px}.formlabel2{width:44vw;max-width:209px}.c-info-form input{width:52vw;max-width:249px}#complete-step1-button{margin-top:3%;width:51vw;max-width:247px}.hero-block{display:flex;align-items:flex-end;margin-top:15vw}.slogan-image{width:40vw;max-width:193px;margin-bottom:-3vw;margin-right:-2vw}.text-image{width:38vw;max-width:182px;margin-left:5vw;margin-top:-1vw}.bubble-message{top:21%;left:16%;font-family:iPony;font-size:clamp(.938rem, 4.375vw + .063rem, 1.375rem);background-image:linear-gradient(to top,#e2e2e2 0,#fff 60%,#fff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0.5px #e94806;text-stroke:0.5px #ff6b35;transform:rotateZ(-4deg);filter:drop-shadow(0px 4px .5px #ef7022)}#clone-result-name,#result-name{margin-top:-8%;font-size:clamp(20px, 5vw + 4px, 28px)}#final-card-container{margin-top:2vw;margin-left:4vw;transform:rotateZ(-3deg)}#clone-since-year,#since-year{bottom:6%;left:5%;background:linear-gradient(103deg,#0071bc 0,#58bcf7 10%,#0071bc 20%,#58bcf7 30%,#0071bc 100%);-webkit-background-clip:text;background-clip:text;font-weight:800}#download-button{width:10vw;max-width:48px}#share-button{width:16vw;max-width:77px}#step2 .stack{flex-grow:1}#action-buttons{margin-top:auto;margin-bottom:auto;padding-bottom:8vh}#download-card{position:absolute;top:-9999px;left:-9999px;z-index:-10;min-width:100%;width:100vw;max-width:480px}#clone-final-card-container{width:66%;max-width:317px;margin-top:5vw;transform:rotateZ(-7deg)}#clone-result-image-container{width:61vw;max-width:293px;transform:translateY(-7%)}#download-card .hero-block{margin-top:4vw}#download-card .bubble-message{transform:unset}#download-card .stage-bg{position:relative;bottom:unset;margin-top:-8%;width:100vw;max-width:480px}.deco-item--rocket1{top:3vw;right:8vw;width:16vw;max-width:76px}.deco-item--stars{top:50vw;left:3vw;width:9vw;max-width:42px}.deco-item--guitar1{top:95vw;right:3vw;width:16vw;max-width:76px}.deco-item--rocket2{top:3vw;left:33vw;width:15vw;max-width:72px}.deco-item--starl{top:100vw;left:4vw;width:18vw;max-width:87px}.deco-item--guitar2{top:131vw;right:4vw;width:11vw;max-width:53px}#download-card .deco-item--rocket2{top:35vw;left:unset;right:3vw;width:10vw;max-width:48px}#download-card .deco-item--starl{top:70vw;left:4vw;width:15vw;max-width:72px}#download-card .deco-item--guitar2{top:95vw;right:3vw;width:11vw;max-width:53px}@media screen and (min-width:481px){.deco-item--rocket1{top:14px;right:38px}.deco-item--stars{top:240px;left:14px}.deco-item--guitar1{top:456px;right:14px}.deco-item--rocket2{top:14px;left:158px}.deco-item--starl{top:480px;left:19px}.deco-item--guitar2{top:629px;right:19px}.logo{margin-top:67px}.hero-block{margin-top:72px}.slogan-image{margin-bottom:-14px;margin-right:-9px}.text-image{margin-left:24px;margin-top:-5px}#clone-final-card-container,#final-card-container{margin-left:19px;margin-top:9px}#clone-final-card-container{margin-top:24px}#download-card{transform:scale(2)}#download-card .bubble-message{width:33vw;max-width:159px}#download-card .hero-block{margin-top:19px}#download-card .deco-item--rocket2{top:168px;right:14px}#download-card .deco-item--starl{top:336px;left:19px}#download-card .deco-item--guitar2{top:456px;right:5px}}.is-hiding{transition:opacity .3s,transform .3s;opacity:0;transform:translateY(20px);pointer-events:none}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;max-width:90%;max-height:90%;overflow:auto;position:relative}.modal-header{display:flex;justify-content:flex-end;align-items:center;padding-block:5px;padding-right:5px}.close-button{border-radius:50%;padding:.5em;width:30px;height:30px;border:2px solid #c6c6c6;color:#00f;position:relative}.spinner-overlay,.toast-notification{position:fixed;display:flex;z-index:1000}.close-button:hover{border:2px solid #c6c6c6;background-color:#ff0;color:#fff}.close-button::after,.close-button::before{content:" ";position:absolute;display:block;background-color:#c6c6c6;transform:rotate(45deg)}.close-button::before{width:2px;left:12px;top:5px;bottom:5px}.close-button::after{height:2px;top:12px;left:5px;right:5px}.modal-body{padding-bottom:20px;text-align:center;width:94vw;max-width:450px}#preview-image-container{margin-bottom:20px;display:flex;justify-content:center}#preview-image-container img{max-width:100%;height:auto;border-radius:8px}.preview-instructions{max-width:80%;margin:auto;color:#aaa;font-weight:600}.toast-notification{bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background-color:rgba(0,0,0,.8);color:#fff;padding:12px 24px;border-radius:30px;align-items:center;justify-content:center;opacity:0;transition:.3s;box-shadow:0 4px 12px rgba(0,0,0,.15)}.toast-notification.show{transform:translateX(-50%) translateY(0);opacity:1}.toast-icon{margin-right:10px;font-size:18px;font-weight:700}.toast-message{font-size:14px;font-weight:500}.spinner-overlay{top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);flex-direction:column;justify-content:center;align-items:center}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #f7d262;border-radius:50%;animation:1s linear infinite spin;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}