.mobileFirstPage{max-width:640px;position:fixed;margin:0 auto;background:#dc1111;position:relative;font-family:Impact,Charcoal,sans-serif}.mobileFirstPage,.relative{width:100%;height:100%;overflow-x:hidden;overflow-y:hidden}.pageTitle{font-size:30px;color:#333;top:20px}.debugNavLink,.pageTitle{font-weight:600;position:absolute;z-index:2;width:100%;text-align:center}.debugNavLink{bottom:20px;font-size:22px;color:#fff;cursor:pointer;opacity:1}.debugNavLink:hover{opacity:.85}.fireBg{position:absolute;z-index:1;width:100%;height:100%;background-image:url(/img/flames-bg-280.gif);background-size:cover;background-repeat:no-repeat;opacity:.1;transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}.inputPage{background-color:#dc1111}.formContainer{width:100%;height:auto}.inputForm{width:80%;max-width:400px;text-align:left;box-sizing:border-box;top:50%;transform:translate(-50%,-50%)}.inputForm,.inputLogo{height:auto;position:absolute;left:50%}.inputLogo{width:260px;top:-30px;transform:translateX(-50%)}.step-content{text-align:center;width:100%}.step-title{font-size:24px;font-weight:700;color:#000;margin-bottom:30px;text-align:center;font-family:Roboto,sans-serif;display:none}.step-dots{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}.step-dot{width:12px;height:12px;border-radius:50%;background:rgba(0,0,0,.3);cursor:pointer;transition:all .3s ease}.step-dot.active{background:#000;transform:scale(1.2)}.step-dot.completed{background:rgba(0,0,0,.3)}.back-button{position:absolute;top:20px;left:15px;width:40px;height:40px;background-image:url(/img/icon-arrow-l.png);background-size:contain;background-repeat:no-repeat;background-position:50%;cursor:pointer}.navigation-button-container{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);width:320px;box-sizing:border-box}.next-btn{width:100%;background:#000;color:#f00;font-size:24px;font-weight:700;text-align:center;padding:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease}.next-btn.active{background:#000;color:#dc1111}.next-btn.disabled{opacity:.25;cursor:not-allowed}.roast-topic-input{width:100%;padding:24px;font-size:16px;background:none;color:#000;outline:none;border:2px solid #000;font-family:Roboto,sans-serif;font-weight:600;border-radius:0;resize:vertical;box-sizing:border-box;height:auto}.roast-topic-input::placeholder{color:#000}.inputRowTitle{font-size:16px;font-weight:600;color:#000;text-align:left;margin-bottom:8px;margin-top:0}.image-upload-box{width:100%;aspect-ratio:1/1;background:none;border:2px dashed #000;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;background-color:rgba(0,0,0,.15)}.image-upload-box:hover{border:2px solid #000}.image-upload-icon{background-image:url(/img/icon-photo.png);background-size:contain;background-repeat:no-repeat;background-position:50%;width:40px;height:40px;margin:5px auto}.image-upload-placeholder{color:#000;font-size:14px;font-weight:600;text-align:center;font-family:Roboto,sans-serif}.image-preview{height:100%;object-fit:cover;aspect-ratio:9/16;width:auto}.name-input{width:100%;padding:24px;font-size:20px;background:none;color:#000;outline:none;border:2px solid #000;font-family:Roboto,sans-serif;font-weight:600;border-radius:0}.name-input::placeholder{color:#000}.gender-radio-container{width:100%;margin-top:20px;display:flex;gap:12px}.gender-radio-option{flex:1 1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;background:none;border:2px solid #000;font-family:Roboto,sans-serif;font-weight:600;font-size:20px;color:#000;transition:all .3s ease}.gender-radio-option:hover{background:rgba(0,0,0,.1)}.gender-radio-option input[type=radio]{display:none}.gender-radio-option input[type=radio]:checked+.gender-radio-label{color:#dc1111}.gender-radio-option input[type=radio]:checked{background:#000}.gender-radio-option:has(input[type=radio]:checked){background:#000;color:#dc1111}.gender-radio-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tips{font-size:10px;text-align:left;margin-top:4px;width:100%;font-family:Roboto,sans-serif;color:#000;font-weight:600;line-height:1.2}.roast-level-title{font-size:24px;margin-top:-50px}.roast-level-title,.roast-pricing-info{color:#000;text-align:center;width:100%}.roast-pricing-info{font-size:12px;font-family:Roboto,sans-serif;font-weight:600;margin-top:5px;margin-bottom:20px;color:#edc509}.roast-slider-container{width:100%;height:30px;position:relative}.roast-slider-bar{width:100%;height:16px;background:rgba(0,0,0,1);border-radius:8px;position:absolute;z-index:1;top:7px;left:0}.roast-slider-grab{width:30px;height:30px;border-radius:50%;position:absolute;z-index:2;background:#f00;background:none;border:none;top:0;left:30px;cursor:ew-resize;position:relative;touch-action:none}.roast-slider-grab-fireball{width:72px;height:72px;position:absolute;z-index:3;top:-36px;left:-26px;background-image:url(/img/fireball-256.gif);background-size:contain;background-repeat:no-repeat;background-position:50%}.roast-label{width:80px;height:20px;text-align:center;position:absolute;z-index:1;top:39px;background:none;font-size:12px;line-height:1}.roast-label-price{font-family:Roboto,sans-serif;font-weight:600;font-size:10px;color:#000}.roast-label-price-cancel{text-decoration:line-through}.roast-label-price-discount{font-family:Roboto,sans-serif;font-weight:600;font-size:10px;color:#000}.roast-label-1{left:calc(3% - 40px)}.roast-label-2{left:calc(25% - 40px)}.roast-label-3{left:calc(50% - 40px)}.roast-label-4{left:calc(75% - 40px)}.roast-label-5{left:calc(97% - 40px)}.roast-tick{width:2px;height:10px;background:#000;position:absolute;z-index:1;top:26px}.roast-tick-1{left:calc(3% - 1px)}.roast-tick-2{left:calc(25% - 1px)}.roast-tick-3{left:calc(50% - 1px)}.roast-tick-4{left:calc(75% - 1px)}.roast-tick-5{left:calc(97% - 1px)}.level-1,.level-2,.level-3,.level-4,.level-5{color:#000}.level-selected{color:#edc509}.roast-btn{width:100%;background:#000;color:#f00;font-size:24px;font-weight:700;text-align:center;padding:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.errorContainer{top:0;left:0;height:100%;background:rgba(0,0,0,.6);display:none}.errorContainer,.errorOverlay{position:absolute;width:100%;z-index:1000}.errorOverlay{top:50%;left:50%;transform:translate(-50%,-50%);height:auto;padding:20px;background:none;color:#fff;text-align:center;font-size:22px;font-weight:600;font-family:Roboto,sans-serif}.logoInputPage{position:absolute;z-index:500;width:50%;aspect-ratio:5/3;height:auto;left:50%;top:-20px;transform:translateX(-50%);background-image:url(/img/roasteme2-gif-darker-480.gif);background-size:contain;background-repeat:no-repeat;background-position:50%;pointer-events:none;display:none}.mobileFirstPage:has(.payment-form-container){overflow-y:auto!important}.mobileFirstPage:has(.payment-form-container) .relative{overflow-y:auto!important;height:auto!important;min-height:100%}.payment-form-page{overflow-y:auto!important}.payment-form-page .relative{overflow-y:auto!important;height:auto!important;min-height:100%}.payment-form-container{z-index:10;max-height:none;overflow:visible}.mobileFirstPage:has(.payment-form-container){padding-bottom:40px}.back-btn-from-payment{background:none;padding:12px 24px;color:#000;width:100%;font-family:Impact,Charcoal,sans-serif;font-size:20px;text-align:center;cursor:pointer;border:none;outline:none}.icon-arrow-l{display:inline-block;width:30px;aspect-ratio:1/1;background-image:url(/img/icon-arrow-l.png);background-size:contain;background-repeat:no-repeat;background-position:50%;margin-right:4px;margin-bottom:-6px}.landingPage{background-color:#dc1111}.logo{position:absolute;z-index:2;width:70%;aspect-ratio:5/3;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/img/roasteme2-gif-bw-640.gif);background-size:contain;background-repeat:no-repeat;background-position:50%;max-width:400px;cursor:pointer}.clickToStarText{bottom:30px}.clickExamples,.clickToStarText{position:absolute;z-index:2;width:100%;text-align:center;font-size:24px;font-weight:600;color:#000;cursor:pointer}.clickExamples{top:30px}.testRender{position:absolute;z-index:2;top:60px;width:100%;text-align:center;font-size:24px;font-weight:600;color:#000;cursor:pointer}@keyframes pulse{0%{opacity:.1}50%{opacity:.6}to{opacity:.1}}.blackout{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:99999}.icon-arrow-r{display:inline-block;width:30px;aspect-ratio:1/1;background-image:url(/img/icon-arrow-r.png);background-size:contain;background-repeat:no-repeat;background-position:50%;margin-left:4px;margin-bottom:-6px}.lastCreation{font-size:24px}.iconEyesR{background-image:url(/img/icon-eyes-r.png);margin-left:6px}.iconEyesL,.iconEyesR{display:inline-block;width:30px;height:30px;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-bottom:-6px}.iconEyesL{background-image:url(/img/icon-eyes-l.png);margin-right:6px}.mobile-unmute-overlay{position:absolute;left:20px;top:20%;z-index:10;display:flex;align-items:center;gap:8px;background-color:rgba(0,0,0,.8);padding:12px 16px;border-radius:25px;animation:unmutePulse 2s ease-in-out infinite;font-family:Roboto,sans-serif}.unmute-arrow{width:20px;height:20px;background-image:url(/img/icon-arrow-left-white.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.unmute-text{color:white;font-size:12px;font-weight:500;white-space:nowrap}@keyframes unmutePulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.use-safari-msg{position:absolute;top:30px;left:50%;transform:translateX(-50%);z-index:10;font-size:16px;color:#fff;animation:safariMsgPulse .8s ease-in-out infinite;text-align:center;font-family:Roboto,sans-serif}@keyframes safariMsgPulse{0%{opacity:.1}50%{opacity:.7}to{opacity:.1}}.payment-form-container{max-width:400px;padding:24px;background:#000;border:none;position:relative;margin:20px auto 0}.payment-header{text-align:center;margin-bottom:24px}.payment-header-title{margin:0 0 16px;font-size:16px;font-weight:700;color:#fff;font-family:Roboto,sans-serif;letter-spacing:1px;display:none}.payment-summary{background:none;padding:16px;border:none;margin-top:5px}.payment-roast-type{margin:4px 0;font-size:25px;color:#fff;font-family:Impact,Charcoal,sans-serif}.payment-amount{font-size:24px!important;font-weight:700!important;color:#fff!important;font-family:Impact,Charcoal,sans-serif!important}.payment-form{margin-top:24px}.payment-submit-btn{width:100%;background:#fff;color:#000;border:none;padding:18px;font-size:20px;font-weight:700;cursor:pointer;margin-top:0;transition:all .2s ease;text-transform:uppercase;font-family:Impact,Charcoal,sans-serif;letter-spacing:1px}.payment-submit-btn:disabled{opacity:.5;cursor:not-allowed;background:#333;color:#666;border-color:#666}.payment-error{background:rgba(255,0,0,.1);border:2px solid #fff;color:#fff;padding:12px 16px;margin:16px 0;font-size:14px;font-family:Roboto,sans-serif;font-weight:600;text-align:center}.payment-note{margin-top:16px;padding:24px;background:none;border:1px dashed #666;font-size:12px}.payment-note small{color:#999;font-size:12px;line-height:1.4;font-family:Roboto,sans-serif;display:block;text-align:center}.payment-form{margin-top:20px}.payment-form-container:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#dc1111,#ff6600,#dc1111);z-index:-1;opacity:0;transition:opacity .3s ease}.payment-form>div{margin-bottom:20px}@media (max-width:768px){.payment-form-container{margin:16px;padding:20px;max-width:calc(100% - 32px)}.payment-header h3{font-size:24px}.payment-submit-btn{font-size:18px;padding:16px}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.auth-modal{background:#000;max-width:400px;width:100%;padding:32px;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.5);border:none}.auth-modal-close{position:absolute;top:0;right:0;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:36px}.auth-modal-content{text-align:center}.auth-modal-title{font-size:24px;font-weight:600;color:#fff;margin:0 0 16px}.auth-modal-message{color:#fff;margin:0 0 24px;font-size:12px;line-height:1.3;font-family:Roboto,sans-serif}.auth-modal-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.auth-modal-google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#fff;color:#3c4043;border:none;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.auth-modal-google-btn:hover:not(:disabled){background:#f8f9fa;box-shadow:0 2px 8px rgba(0,0,0,.2)}.auth-modal-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-modal-google-icon{width:20px;height:20px}.auth-modal-redirect-notice{margin-top:16px;color:#999;font-size:14px;font-style:italic}.auth-modal-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.auth-modal-apple-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#000;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:12px}.auth-modal-apple-btn:hover:not(:disabled){background:#1a1a1a;border-color:rgba(255,255,255,.3)}.auth-modal-apple-btn:disabled{opacity:.6;cursor:not-allowed}.auth-modal-divider{color:rgba(255,255,255,.5);font-size:14px;margin:20px 0;position:relative}.auth-modal-divider:after,.auth-modal-divider:before{content:"";position:absolute;top:50%;width:40%;height:1px;background:rgba(255,255,255,.2)}.auth-modal-divider:before{left:0}.auth-modal-divider:after{right:0}.auth-modal-form{display:flex;flex-direction:column;gap:12px}.auth-modal-input{padding:12px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:16px;outline:none;transition:border-color .2s}.auth-modal-input::placeholder{color:rgba(255,255,255,.5)}.auth-modal-input:focus{border-color:rgba(255,255,255,.4)}.auth-modal-submit-btn{padding:12px 24px;background:#ff4444;color:#fff;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.auth-modal-submit-btn:hover:not(:disabled){background:#e03e3e}.auth-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-modal-footer{margin-top:20px;font-size:14px}.auth-modal-link{background:none;border:none;color:#ff4444;text-decoration:underline;cursor:pointer;font-size:14px}.auth-modal-link:hover{color:#e03e3e}@media (max-width:480px){.auth-modal{padding:24px}.auth-modal-title{font-size:20px}.auth-modal-message{font-size:14px}}.loadingRing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:8px solid transparent;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}.languageCanvas{top:0;left:0;width:100%;height:100%;opacity:.25}.languageCanvas,.loadingGif{position:absolute;z-index:2;pointer-events:none}.loadingGif{width:70%;max-width:400px;aspect-ratio:5/3;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/img/loading-bw-480.gif);background-size:contain;background-repeat:no-repeat;background-position:50%}.loadingWarning{position:absolute;z-index:2;top:0;width:100%;padding:16px 30px;font-size:24px;background:rgba(0,0,0,.75);color:#dc1111;text-align:center}.loadingStatus{bottom:75px;font-size:24px}.loadingPct,.loadingStatus{position:absolute;z-index:2;width:360px;left:50%;transform:translateX(-50%);text-align:center;font-weight:600;color:#000}.loadingPct{bottom:110px;font-size:40px}.loadingProgressBarContainer{position:absolute;z-index:2;bottom:40px;width:300px;height:20px;left:50%;transform:translateX(-50%);border:2px solid #000}.loadingProgressBar{position:absolute;left:2px;top:2px;height:12px;background:#000;width:33%;max-width:292px;transition:width .2s linear}.errorContainerGenerate{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.66);display:none}.errorOverlayGenerate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:390px;height:auto;padding:20px;background:none;color:#fff;text-align:center;z-index:1000;font-family:Roboto,sans-serif}.errorMsgGenerate{font-size:16px;font-weight:600}.errorButtons{width:100%;height:30px;font-size:20px;margin-top:10px}.errorButton,.errorButtons{padding:10px;font-weight:600;color:#fff;background:none;cursor:pointer;text-align:center}.errorButton{width:32%;height:auto;display:block;font-size:16px;border:2px solid #fff;box-sizing:border-box}.errorRetryButton{float:left;margin-left:2%;margin-right:2%}.errorHomeButton{float:left}.errorContinueButton{float:right}.errorIcon{width:24px;height:24px;margin:0 auto 4px;background-size:contain;background-repeat:no-repeat}.errorIcon.icon-home{background-image:url(/img/icon-arrow-l-white.png)}.errorIcon.icon-retry{background-image:url(/img/icon-retry-white.png)}.errorIcon.icon-continue{background-image:url(/img/icon-arrow-r-white.png)}.lastCreation{position:absolute;z-index:2;top:120px;width:100%;text-align:center;font-size:20px;font-weight:600;color:#000;cursor:pointer}.songSelectionOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.songSelectionModal{background:none;width:320px;height:auto;padding:20px}.songSelectionModalHeader{text-align:center;margin-bottom:15px;font-size:28px;color:#fff;font-family:Impact,Charcoal,sans-serif}.songSelectionModal p{text-align:center;margin-bottom:20px;color:#fff;font-size:14px}.songChoices{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;font-family:Roboto,sans-serif}.songChoice{border:1px solid #fff;padding:15px;cursor:pointer;background:rgba(0,0,0,.3);opacity:.7}.songChoice.selected{background:rgba(0,0,0,1);opacity:1}.songChoiceHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:16px}.songChoiceHeaderSongNum{margin:0;font-size:16px;color:#fff;font-weight:600}.songChoiceHeaderSongDuration{margin-left:6px;font-size:14px;color:#fff;opacity:.5}.playButton{background:none;color:#fff;border-radius:50%;width:30px;height:30px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-size:30px 30px;background-repeat:no-repeat;background-position:50%}.playButton.play{background-image:url(/img/icon-play-mp3.png)}.playButton.pause{background-image:url(/img/icon-pause-mp3.png)}.songChoiceContent{color:#fff}.songChoiceContent p{margin:5px 0;font-size:12px}.lyricsPreview{margin-top:10px}.lyricsPreview strong{display:block;margin-bottom:8px;font-size:12px;color:#000}.lyricsText{max-height:100px;overflow-y:auto;background:rgba(0,0,0,.1);line-height:1.3;opacity:.66;padding:0 20px 0 0}.lyricsText,.sectionType{color:#fff;font-size:10px}.sectionType{font-weight:700}.lyricsLine{margin:1px 0;padding-left:0}.songSelectionButtons{text-align:center}.confirmButton{background:#fff;color:#000;padding:16px 20px;font-size:28px;font-weight:600;cursor:pointer;font-family:Impact,Charcoal,sans-serif}.skipTheWaitButton{position:absolute;text-align:center;top:30%;width:80%;text-transform:uppercase;left:50%;transform:translate(-50%,-50%);font-size:20px;background-color:#000;color:#fff}.renderSelectionOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.renderSelectionModal{background:none;width:340px;height:auto;padding:20px}.renderSelectionModalHeader{text-align:center;margin-bottom:15px;font-size:28px;color:#fff;font-family:Impact,Charcoal,sans-serif}.renderSelectionOptions{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;font-family:Roboto,sans-serif}.renderSelectionOption{border:1px solid #fff;padding:40px;cursor:pointer;background:rgba(0,0,0,.3);opacity:.7}.renderSelectionOption.renderSelectionOptionSelect{background:rgba(0,0,0,1);opacity:1}.renderSelectionOptionTitle{font-size:20px;font-weight:600;color:#fff;font-family:Impact,Charcoal,sans-serif;margin-bottom:10px}.renderSelectionOptionDescription{font-size:14px;color:#fff}.renderSelectionOptionInput{display:flex;flex-direction:column;gap:10px}.renderSelectionOptionEmailInput{width:100%;padding:10px;border:1px solid #fff;border-radius:0;outline:none;font-size:16px;font-weight:500}.emailInputErrorMsg{font-size:16px;padding:10px;color:#fff;text-align:center;display:none;background:#dc1111;color:#000}.renderSelectionButton{text-align:center;font-size:28px;font-weight:600;color:#000;background:#fff;padding:16px;cursor:pointer;font-family:Impact,Charcoal,sans-serif}.youCanLeaveNowOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,1)}.youCanLeaveNowModal{background:none;width:380px;height:auto;padding:20px;text-align:center;font-size:24px;color:#fff;font-family:Impact,Charcoal,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youCanLeaveNowModalContent{font-size:24px;color:#fff;line-height:1.15}.elmoFireGif{width:180px;height:auto;margin:0 auto}.youCanLeaveNowSubtext{font-family:Roboto,sans-serif;font-size:12px;color:#fff;text-align:center;margin-top:10px;line-height:1.25;margin-left:30px;margin-right:30px}.youCanLeaveNowSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:8px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.videoDraw{width:auto;aspect-ratio:9/16;background-color:#000;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.videoDraw,.videoDrawOverlay{height:100%;position:absolute}.videoDrawOverlay{z-index:2;top:0;left:0;width:100%;pointer-events:all;cursor:pointer}@media (max-width:459px){.videoDraw{width:100%;height:auto}}@media (min-width:460px){.videoDraw{height:100%;width:auto}}.mp4Ui{height:100%;width:auto;aspect-ratio:9/16;background:none;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5)}@media (max-width:459px){.mp4Ui{width:100%;height:auto}}@media (min-width:460px){.mp4Ui{height:100%;width:auto}}.playPauseMp4Button{position:absolute;z-index:11;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background-image:url(/img/icon-play-shadow.png);background-size:120px 120px;pointer-events:auto;cursor:pointer}.icon-arrow-mp4,.playPauseMp4Button{background-repeat:no-repeat;background-position:50%}.icon-arrow-mp4{display:inline-block;width:40px;aspect-ratio:1/1;background-size:contain;margin-bottom:2px}.icon-arrow-mp4-retry{background-image:url(/img/arrow-left-white-shadow.png)}.icon-arrow-mp4-share{background-image:url(/img/icon-share-white-shadow.png)}.icon-arrow-mp4-download{background-image:url(/img/icon-download-white-shadow.png)}.btnMp4{pointer-events:auto;cursor:pointer;font-size:20px;position:absolute;z-index:10;width:33.3%;padding:20px 5px;background:none;color:#fff;text-align:center;text-shadow:-2px 2px #000;bottom:0}.retryRoastBtnMp4{left:0}.downloadVideoBtnMp4{left:66.6%}.downloadVideoBtnMp4.chrome-ios{opacity:.5}.ios-chrome-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.66);z-index:1000;display:flex;align-items:center;justify-content:center}.ios-chrome-overlay-content{background-color:#dc1111;color:#000;padding:20px;text-align:center;max-width:360px;font-size:16px;line-height:1.4;font-family:Roboto,sans-serif}.shareVideoBtnMp4{left:33.3%}.shareContainer{position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.66);display:none}.shareModal{position:absolute;z-index:10;width:360px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#dc1111;font-size:20px;pointer-events:all}.shareContainerToggle{width:100%;height:50px}.shareContainerToggleColumn{padding-top:10px;width:50%;height:100%;font-size:24px;cursor:pointer;color:#000;background-color:#b71616;display:block;float:left;text-align:center}.shareContainerToggleActive{color:#000;background-color:#dc1111}.shareContent{width:100%;height:auto;padding:50px 35px}.shareContentEmail{display:block}.shareContentLink{display:none}.shareLink{width:100%;height:auto;display:flex;gap:5px;font-family:Roboto,sans-serif;box-sizing:border-box;padding:0 5px}.shareLinkSeparator{width:100%;height:20px}.linkTitle{text-align:left;margin-bottom:8px;margin-left:8px;font-family:Impact,Charcoal,sans-serif}.linkTitle,.shareLinkInput{font-size:16px;font-weight:600;color:#000}.shareLinkInput{flex:6 1;height:auto;background:none;outline:none;border:2px solid #000;padding:8px;box-sizing:border-box;min-width:0}.shareLinkInput::placeholder{color:#000}.copyLinkButton{flex:4 1;height:auto;background-color:#000;color:#dc1111;padding:8px;cursor:pointer;text-align:center;font-size:16px;font-weight:600;box-sizing:border-box}.shareLinkMsg{color:#000;background-color:#000;color:#dc1111}.shareInputEmailMsg,.shareLinkMsg{display:none;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;text-align:center;padding:10px}.shareInputEmailMsg{color:#000}.emailTitle{font-size:16px;font-weight:600;color:#000;text-align:left;margin-bottom:8px;margin-left:8px;font-family:Impact,Charcoal,sans-serif}.shareInputEmail{width:100%;display:flex;gap:5px;font-family:Roboto,sans-serif;padding:0 5px}.emailInput,.shareInputEmail{height:auto;box-sizing:border-box}.emailInput{flex:7.5 1;background:none;outline:none;border:2px solid #000;color:#000;padding:8px;font-size:16px;font-weight:600;min-width:0}.emailInput::placeholder{color:#000}.emailButton{flex:2.5 1;height:auto;background-color:#000;color:#dc1111;padding:8px;cursor:pointer;text-align:center;font-size:16px;font-weight:600;box-sizing:border-box}.emailIcon{background-image:url(/img/icon-email-black.png)}.emailIcon,.linkIcon{display:inline-block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-left:5px}.linkIcon{background-image:url(/img/icon-link-black.png)}.downloadContainer{position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.66);display:none}.downloadModal{position:absolute;z-index:10;width:360px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#dc1111;font-size:20px;pointer-events:all}.downloadContent{width:100%;height:auto;padding:50px}.downloadButton{width:100%;height:auto;padding:10px 0;cursor:pointer;text-align:center;font-size:20px;font-weight:600;background-color:#000;color:#dc1111}.downloadButtonSeparator{width:100%;height:20px}.downloadTip{font-size:10px;font-weight:600;color:#000;font-family:Roboto,sans-serif;margin-top:4px}.fromStorageLabel{position:absolute;z-index:10;top:30px;left:0;width:100%;height:auto;font-size:20px;color:#fff;text-shadow:-2px 2px #000;text-align:center;pointer-events:none}.goToHomeBtn{left:15px;background-image:url(/img/icon-home-white-shadow.png)}.goToHomeBtn,.infoBtn{position:absolute;top:20px;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:50%;cursor:pointer}.infoBtn{right:15px;background-image:url(/img/icon-about-white-shadow.png)}.infoModal{position:absolute;z-index:10;background-color:rgba(0,0,0,.75);width:100%;height:100%;top:0;left:0;pointer-events:all;cursor:pointer}.infoModalContent{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;color:#fff;font-size:16px;line-height:1.3}.infoModalContent a,.infoModalContent a:active,.infoModalContent a:hover,.infoModalContent a:visited{color:#fff;text-decoration:underline}.infoModalLogo{width:80px;height:auto;display:block;margin:0 auto 10px}.user-profile-container{position:fixed;top:22px;right:12px;z-index:350;font-family:Roboto,sans-serif;font-size:16px}.user-profile-dropdown-wrapper{position:relative}.user-profile-button{display:flex;align-items:center;gap:10px;padding:10px;background-color:#000;border:2px solid #dc1111;color:white;cursor:pointer;border-radius:50%}.user-profile-avatar{width:36px;height:36px;border-radius:50%}.user-profile-avatar-placeholder{width:24px;height:24px;border-radius:50%;background-color:#6b7280;display:flex;align-items:center;justify-content:center}.user-profile-name{display:none}.user-profile-vip-badge{background:linear-gradient(45deg,#ffd700,#ffed4e);color:#000;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;margin-left:5px}.user-profile-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:400}.user-profile-dropdown{position:absolute;right:0;margin-top:8px;width:300px;background-color:black;border:2px solid #dc1111;z-index:500;display:flex;flex-direction:column}.user-profile-info{padding:20px;border-bottom:2px solid #dc1111;overflow:hidden}.user-profile-vip-tag{background:linear-gradient(45deg,#ffd700,#ffed4e);color:#000;font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.user-profile-credits{padding:20px;border-bottom:2px solid #dc1111;color:#fff}.user-profile-credits-title{font-weight:600;margin-bottom:8px;color:#fff}.user-profile-credits-info{display:flex;flex-direction:column;gap:8px}.user-profile-unlimited{display:flex;align-items:center;gap:8px;color:#ffd700;font-weight:500}.user-profile-unlimited-icon{font-size:18px;font-weight:700}.user-profile-credits-breakdown{display:flex;flex-direction:row;gap:8px;align-items:center}.user-profile-credits-value{font-weight:700;color:#fff}.user-profile-free-credits{color:#9CA3AF}.user-profile-paid-credits{color:#60A5FA}.user-profile-details{padding:20px;border-bottom:2px solid #dc1111;overflow:hidden;color:#fff;line-height:1.2}.user-profile-details-value{font-weight:700;color:#fff}.user-profile-actions{padding:20px;border-bottom:2px solid #dc1111}.user-profile-manage-billing-button{width:100%;padding:12px;background:linear-gradient(45deg,#667eea,#764ba2);color:white;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.user-profile-manage-billing-button:hover{background:linear-gradient(45deg,#5a67d8,#6b46c1);transform:translateY(-1px)}.user-profile-full-name{font-weight:600;margin-bottom:4px;color:white;display:flex;align-items:center}.user-profile-email,.user-profile-full-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-email{color:#fff;margin-top:4px}.user-profile-signout-button{padding:20px;color:#ef4444;font-weight:600;cursor:pointer;text-align:center}.user-profile-signout-button:hover{background-color:rgba(239,68,68,.1)}