body{background-color:#f5f5f5;margin:0;padding:0;overflow-x:hidden;line-height:1.5;font-family:Rubik,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}.preview-heading{text-align:center;margin-top:-10px;font-size:16px!important;font-family:rubik;color:#000}body,html{width:100%;overflow-x:hidden}.page-container{margin:0 auto;padding:0;display:flex}.main-container,.page-container{max-width:1200px;flex-direction:column;align-items:center}.main-container{width:100%}.left-column,.right-column{width:100%;max-width:850px;margin-left:-30px}.right-column{margin-right:0;margin-top:50px}@media (min-width:1250px){.main-container{flex-direction:row;justify-content:space-between;align-items:center;padding:30px 45px;max-width:1200px;margin:-100px auto 0}.left-column,.right-column{flex:0 0 auto}.right-column{margin-left:50px}}.logo{max-height:40px;margin-top:40px;margin-left:calc(50% - 610px)}.language-options{position:absolute;display:flex}.language-option{font-family:monospace;font-size:15px;padding:3px 10px;margin-right:5px;color:#fff;border-radius:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.language-option.selected{background-color:#ff3a3a}.main-title{font-family:rubik;margin-top:100px;font-size:60px;line-height:1.1;color:#ff3a3a}.subtitle{margin-top:-30px;color:#000;font-family:rubik;font-size:16px;font-weight:400;line-height:1.5}.price-selection-container{display:flex;margin-top:60px}.price-selection{display:flex;border:2px solid red;border-radius:5px;overflow:hidden}.price-option{font-family:rubik;font-size:12px;color:#000;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;background-color:transparent}.price-option.selected{color:#fff;background-color:#ff3a3a}.form-container{max-width:850px;margin-top:50px;border-radius:8px}.input-group{justify-content:space-between;margin-bottom:15px}.input-group input{flex:1 1;margin-right:10px;padding:10px;border:2px solid #ff3a3a;background-color:transparent;color:#000;font-family:rubik;border-radius:4px}.input-group input:last-child{margin-right:0}.input-group input[type=date]::-webkit-calendar-picker-indicator,.input-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(39%) sepia(79%) saturate(6428%) hue-rotate(355deg) brightness(99%) contrast(121%)}button[type=submit]{width:822px;padding:10px;background-color:#ff3a3a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:400;font-family:rubik;margin-top:20px;transition:background-color .5s ease,color .5s ease}#create-page-button{height:75px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;font-weight:600;line-height:1.1;font-family:Rubik,sans-serif}.create-page-button__label{font-size:inherit;font-weight:inherit}.create-page-button__note{font-size:13px;color:#fff;opacity:.9;font-weight:400}button[type=submit]:hover{background-color:#ffd8d8;color:#ff3a3a}.couple_names,.relationship_start{color:#000;font-size:13px;font-family:rubik;margin-bottom:3px}.relationship_start{display:block}.message-input{margin-top:15px}.message-input label{display:block;margin-bottom:5px;font-family:rubik;color:#000;font-size:13px}.message-input textarea{border:2px solid #ff3a3a;border-radius:4px;resize:vertical;width:813px;height:200px;color:#000;font-size:14px}.file-input-label,.message-input textarea{background-color:transparent;font-family:rubik}.file-input-label{display:flex;justify-content:center;align-items:center;color:#ff7676;border:2px solid red;margin-top:15px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;text-align:center;min-height:44px;width:818px}.file-input{display:none}.music-label{margin-top:20px;color:#000;font-size:14px;font-family:Rubik,sans-serif;margin-bottom:5px;display:block}.input-group-music{display:flex;flex-direction:column;margin-bottom:15px}.music-input{width:820px;height:40px;border:2px solid #ff3a3a;background-color:transparent;color:#000;border-radius:6px;font-family:Rubik,sans-serif;font-size:14px;width:818px}.music-input::placeholder{color:#000}.music-input:focus{border-color:#000;outline:none}.preview-tools{display:flex;align-items:center;padding:9px;background-color:#1f2022;position:-webkit-sticky;position:sticky;top:0;z-index:10}.preview-circle{padding:0 4px}.preview-box{display:inline-block;width:10px;height:10px;border-radius:50%}.preview-red{background-color:#ff605c}.preview-yellow{background-color:#ffbd44}.preview-green{background-color:#00ca4e}.preview-content{padding:20px;color:#fff;background-color:#1f2022;flex:1 1 auto;min-height:0}.preview-image-container{border-radius:12px;width:100%;aspect-ratio:3/4;margin:0 auto 20px;position:relative;overflow:hidden;background:#1f2022;box-sizing:border-box;border:2px dashed #ff3a3a;transition:border .3s ease}.preview-image-container.has-image{border:none}#preview-slideshow{width:calc(360px * 3 / 4);height:360px;aspect-ratio:3/4;margin:0 auto 20px;position:relative;display:block}.preview-action{width:calc(600px * 9 / 16);max-width:100%;margin:15px auto 0}.preview-action #create-page-button{width:100%}.preview-image{border-radius:12px;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;background:none;border:none}.preview-image[src=""]{display:none}.preview-time-container{text-align:center;margin-top:20px;font-size:14px;color:#fff}.preview-time span{font-weight:700;margin:0 2px}.preview-time{margin-top:20px}.together-text{font-weight:700;margin-right:5px;color:#ffffffb0}.preview-container{width:calc(600px * 9 / 16);height:600px;aspect-ratio:9/16;margin:0 auto;background-color:#1f2022;border-radius:8px;display:flex;flex-direction:column;min-height:0;overflow:hidden;font-family:Rubik,sans-serif;color:#fff;scrollbar-width:none}.preview-container::-webkit-scrollbar{display:none}.preview-message{text-align:center;color:#fff;font-size:14px;line-height:1.4;max-width:90%;margin:0 auto;word-wrap:break-word;overflow-wrap:break-word}.preview-separator{width:200px;border:none;border-top:2px solid #cccccc91;margin:50px auto 30px}.preview-audio-container{margin-top:20px;text-align:center}.preview-audio-player{width:100%;max-width:300px}.main-container{display:flex;padding:20px}.left-column{flex:1 1}.right-column{margin-right:10%;margin-top:120px;align-self:flex-start;flex-shrink:0;width:360px}#heart-shower-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.heart{position:absolute;width:20px;height:20px;background-size:cover}footer{width:100vw;margin-top:90px;border-top:2px solid #ff3a3a;padding:16px 0 20px;font-family:rubik}.footer-container{width:100%;display:flex;justify-content:center}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:14px 24px;box-sizing:border-box}.footer-left{text-align:left}.footer-logo{width:125px;max-width:150px;margin-bottom:-10px}.footer-tagline{margin-bottom:-5px}.footer-copyright{margin-bottom:25px;color:#00000062;font-size:13px}.creator-button{display:flex;align-items:center;gap:10px;padding:8px 16px;border:2px solid red;border-radius:10px;background:transparent;cursor:pointer;transition:all .3s ease}.creator-photo{width:25px;height:25px;border-radius:50%;object-fit:cover}.creator-button span{color:#333;font-size:14px}.footer-right{padding-top:8px}.footer-links{list-style:none;padding:0}.footer-links li:first-child{margin-bottom:18px}.footer-links li{margin-bottom:10px}.footer-links a{text-decoration:none;color:#333}.footer-links a:hover{color:#ff3a3a}.i{color:#00000062}@media screen and (max-width:1250px){.subtitle br{display:none}.subtitle{margin-top:-30px;font-size:16px;font-weight:400}.main-container{margin-top:-50px}.main-title{margin-top:110px;line-height:1;font-size:48px}.language-options{margin-top:40px;left:50%;transform:translateX(-50%)}.input-group{gap:10px}.input-group>div{width:100%}#couple-names,.file-input-label,.input-group input,.message-input textarea,.music-input,button[type=submit]{width:100%;margin-right:0;margin-bottom:10px;box-sizing:border-box}.price-selection,.price-selection-container{width:100%}.price-option{flex:1 1;text-align:center}.preview-container{width:min(90vw,100%);height:auto;aspect-ratio:9/16;display:flex;flex-direction:column;min-height:0;overflow:hidden}.preview-content{overflow-y:auto}#preview-slideshow,.preview-image-container{width:min(80vw,100%);margin:0 auto;height:auto;aspect-ratio:3/4;position:relative;overflow:hidden;display:block}.right-column{display:flex;flex-direction:column}.preview-message{max-height:none;overflow:visible}.logo{position:static;transform:none;margin-left:0}.main-container{flex-direction:column;align-items:center}.right-column{margin-right:0;margin-top:50px;align-self:center;width:100%}.preview-container{width:100%;margin:0 auto}.page-container{margin:0 auto}}@media screen and (max-width:500px){.price-selection-container{margin-top:30px}.form-container{margin-top:25px}.main-title{font-size:48px}.subtitle{font-size:16px;margin-top:-25px;margin-left:5px;font-weight:400}.main-container{margin-top:-90px}.right-column{margin-top:50px}#create-page-button{margin-top:0}.form-container{max-width:850px;margin-top:10px;border-radius:8px}.input-group{justify-content:space-between;margin-bottom:10px}.message-input{margin-top:-10px}.file-input-label,.music-upload{margin-top:0}button[type=submit]{margin-top:15px}.file-input-label,.input-group input,.message-input textarea,.youtube-input{margin-bottom:8px}.preview-container{width:100%;max-width:none;height:650px;padding-bottom:0;position:relative;margin:0 0 20px;overflow-y:scroll}.preview-image-container{padding-top:125%;max-width:90%;margin:0 auto}.page-container{padding:0 16.5px}}@media (max-width:768px){body{font-size:14px}.time{font-size:3vw}.message{font-size:3.5vw}}.preview-heart-emoji{position:absolute;left:50%;transform:translateX(-50%);margin-top:10px}.preview-content{position:relative;overflow-y:auto;overflow-x:hidden}.preview-bubbles{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.bubble{position:absolute;bottom:-50px;opacity:0;animation:rise-bubble 5s ease-in-out forwards}.heart-small{font-size:40px;left:8%;animation-delay:.5s;color:red}.heart-large{font-size:60px;left:70%;animation-delay:1s;color:red}.heart-medium{font-size:50px;left:40%;animation-delay:1.5s;color:red}.bubble.heart-small{animation-delay:.5s}.bubble.heart-medium{animation-delay:1.5s}.bubble.heart-large{animation-delay:1s}@keyframes rise-bubble{0%{bottom:-50px;opacity:0;transform:translateX(0)}10%{opacity:1;transform:translateX(-10px)}30%{transform:translateX(10px)}50%{transform:translateX(-6px)}70%{transform:translateX(6px)}90%{opacity:1;transform:translateX(0)}to{bottom:100%;opacity:0;transform:translateX(0)}}.image-slideshow{width:100%;overflow:hidden}.slideshow-container{display:flex;transition:transform .5s ease}.slideshow-container img{flex-shrink:0;width:90%;margin-right:10%}.youtube-input{display:flex;justify-content:center;align-items:center;background-color:transparent;color:#000;font-family:rubik;border:2px solid red;margin-top:15px;border-radius:4px;padding:10px;font-size:14px;font-weight:400;text-align:center;min-height:44px;width:818px;width:100%;margin-right:0;margin-bottom:10px;box-sizing:border-box}.youtube-input::placeholder{font-weight:700}.youtube-input input{background-color:transparent;color:#000}.youtube-input::placeholder{color:#ff7676;font-family:rubik;font-size:16px}.youtube-input:focus{outline:none;border-color:#ff3a3a}.youtube-input:hover{cursor:text}@media screen and (max-width:900px){.footer-content{flex-direction:column;align-items:center;padding:16px 24px;max-width:90%;margin:0 auto;width:100%}.footer-left{margin-bottom:20px;text-align:center}.footer-right{width:100%;display:flex;justify-content:center}.footer-links{display:flex;flex-direction:column;align-items:flex-start}.creator-button{margin:0 auto}}@media screen and (max-width:370px){.price-option{font-size:10px}}@media (min-width:1250px){#couple-names{max-width:380px}.date-time-wrapper{gap:3px}.input-group input[type=date],.input-group input[type=time]{flex:1 1 48%}}.message-input textarea{height:180px}@media (min-height:1250px){.message-input textarea{height:210px}.message-premium textarea{height:130px!important;.message-input textarea{height:200px}}}@media (max-height:1250px){.message-input textarea{height:200px!important}}@media (min-height:1251px){.message-basic textarea{height:210px!important}.message-premium textarea{height:130px!important}}@media screen and (max-width:1250px){.preview-container{width:min(90vw,100%);margin:0 auto;height:auto;aspect-ratio:9/16;display:flex;flex-direction:column;min-height:0;overflow:hidden}#preview-slideshow,.preview-image-container{width:min(80vw,100%);max-width:100%;margin:0 auto;height:auto;aspect-ratio:3/4;padding-top:0;position:relative;overflow:hidden;display:block}.preview-action{width:min(90vw,100%);margin:15px auto 0}}@media screen and (max-width:500px){.preview-container{width:min(95vw,100%);margin:0 auto;height:auto;aspect-ratio:9/16;display:flex;flex-direction:column;min-height:0;overflow:hidden}#preview-slideshow,.preview-image-container{width:min(65vw,100%);max-width:100%;margin:0 auto;height:auto;aspect-ratio:3/4;padding-top:0;position:relative;overflow:hidden;display:block}.preview-action{width:min(95vw,100%);margin:15px auto 0}}