@font-face{font-family:Dynapuff;src:url(/fonts/DynaPuff/static/DynaPuff-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Dynapuff;src:url(/fonts/DynaPuff/static/DynaPuff-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Dynapuff;src:url(/fonts/DynaPuff/static/DynaPuff-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Dynapuff;src:url(/fonts/DynaPuff/static/DynaPuff-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Chewy;src:url(/fonts/chewy-400.woff2) format("woff2");font-weight:400;font-display:swap}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}.record-button{position:absolute;bottom:1rem;left:50%;display:flex;height:4rem;width:4rem;transform:translate(-50%);cursor:pointer;flex-direction:column;justify-content:center;border-radius:9999px;border-width:2px;border-color:#dc2626;background-color:transparent;padding:0;transition:border-radius .3s ease-in-out,transform .2s ease-out;outline:none;z-index:3}.record-button:hover{transform:translate(-50%) scale(1.05)}.record-button-inner{margin-left:auto;margin-right:auto;height:3.5rem;width:3.5rem;border-radius:9999px;background-color:#b91c1c;display:block;transition:border-radius .3s ease-in-out,background-color .2s ease-out}.record-button:hover .record-button-inner{background-color:#ef4444}.record-button.recording,.record-button-inner.recording{border-radius:8px}.hidden,.modal-overlay.hidden{display:none!important}.splash{background-image:url(/splash.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100vw;z-index:4;position:fixed;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;padding:0 0 2em}.splash-text-container{background-color:#fff;border-radius:25px;height:65vh;width:80vw;position:relative;border-color:#cf4f0b;border-style:solid;border-width:.75px;box-shadow:#000}.processing-text-container{border-radius:25px;height:50vh;width:80vw;position:relative;border-color:#cf4f0b;background-color:#b1af5b;border-style:solid;border-width:.75px;box-shadow:#000}.processing-title{font-family:Dynapuff,serif;font-size:1.5em;text-align:center;font-weight:700;color:#2a0707;margin-top:3em}.download-loading{padding-top:4em;height:30vh;width:auto}.info-image{width:80vw;height:auto}.logo{width:25vw;padding-top:2em}.overlap-button{font-family:Chewy,sans-serif;background-color:#fefced;border-radius:15px;border:2px solid #af4c10;color:#fff;font-size:2em;font-weight:700;padding:.2em 1em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-text-stroke:1px #d75821;text-shadow:1px 1px 0 #d75821,1px 1px 0 #d75821,1px 1px 0 #d75821,1px 1px 0 #d75821}.overlap-button:hover{background-color:#fefced;transform:scale(1.05)}.splash-title{font-family:Dynapuff,serif;font-size:1.5em;text-align:center;color:#fff;font-weight:700}.splash-title-container{background-color:#fff;border-radius:1em;padding:.5em 1em;border:2px solid #d75821}.splash-step{font-family:Dynapuff,serif;font-style:italic;font-size:1.25em;margin:20px;font-weight:600;color:#2a0707}.loading{background-image:url(/splash.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center}.waiting{width:80vw}#tag-us{z-index:5;width:8em;background-color:transparent;position:absolute;top:0;left:50%;transform:translate(-50%,50%)}.text-outline{margin:0;padding:0;color:#fff!important;-webkit-text-stroke:1.5px #d75821!important;text-shadow:2px 2px 0 #d75821,2px 2px 0 #d75821,2px 2px 0 #d75821,2px 2px 0 #d75821!important}.text-outline-sm{margin:0;padding:0;color:#fff!important;-webkit-text-stroke:.75px #d75821!important;text-shadow:1px 1px 0 #d75821,1px 1px 0 #d75821,1px 1px 0 #d75821,1px 1px 0 #d75821!important}.info-steps-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:95vw;padding:2rem 0;transform:translate(5%)}.info-step{position:relative;width:80%;height:60px;padding:1em 1em 1em 3.5em;background-color:#ffffffe6;border-radius:15px;border:2px solid #d75821;display:flex;align-items:center;box-sizing:border-box}.info-step img{height:5em;width:5em;object-fit:contain;position:absolute;left:-2.5em;top:50%;transform:translateY(-50%)}.info-step p{font-family:Dynapuff,serif;font-size:.8em;color:#d75821;font-weight:400;margin:0;text-align:left}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .3s ease-out}.modal-overlay.hidden{display:none}.modal-content{background:linear-gradient(145deg,#fff9f0,#fff);border-radius:24px;border:3px solid #d75821;padding:2rem 2.5rem;max-width:85vw;text-align:center;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}.modal-icon{font-size:4rem;margin-bottom:.5rem}.modal-title{font-family:Dynapuff,serif;font-size:1.8rem;color:#d75821;margin:0 0 .5rem;font-weight:700}.modal-message{font-family:Dynapuff,serif;font-size:1rem;color:#5a3e2b;margin:0 0 1.5rem;line-height:1.5}.modal-button{font-family:Chewy,sans-serif;background-color:#d75821;border-radius:12px;border:none;color:#fff;font-size:1.2em;font-weight:600;padding:.6em 2em;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #d7582166}.modal-button:hover{background-color:#e86a35;transform:scale(1.05)}.modal-button:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.patch-container{position:relative;width:90vw;max-width:450px;min-height:60vh;background-image:url(/bg-patch.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 3rem!important;box-sizing:border-box;text-align:center;margin:auto}@media(max-width:480px){.patch-container{padding:3rem 2rem;width:95vw}}.ribbon-img{position:absolute;top:-1.5rem;width:30%;max-width:120px;z-index:10}h1{color:#d95d28;font-family:Dynapuff,Fredoka,sans-serif;font-size:clamp(1rem,4vw,1.4rem);margin-top:1.5rem;margin-bottom:.5rem;line-height:1.3;text-shadow:2px 2px 0 #FFF}.subtitle{color:#d95d28;font-family:Dynapuff,Fredoka,sans-serif;font-size:.9rem;margin-bottom:1rem;font-weight:600}.download-loading{padding-top:0;height:auto;max-height:35vh;width:80%;object-fit:contain;margin-bottom:1rem}@media(max-width:480px){.download-loading{max-height:30vh;width:75%}}.progress-container{width:100%;position:relative;margin-top:1rem;max-width:250px}.progress-track{background:#fff;border:3px solid #4A2222;height:20px;border-radius:20px;position:relative;overflow:visible}.progress-fill{background:#fadadd;width:0%;height:100%;border-radius:15px;transition:width .3s ease}.button-img{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);width:30px;height:30px;z-index:5;transition:left .3s ease}.pct-text{position:absolute;right:0;top:-25px;font-weight:700;color:#5c3817;font-family:Dynapuff,sans-serif;font-size:.9rem}.loading-text{margin-top:1rem;color:#d95d28;font-size:.8rem;font-weight:700;font-family:Dynapuff,sans-serif}.preview-bg{background-color:#fffde7;background-image:linear-gradient(90deg,rgba(255,245,200,.6) 50%,transparent 50%),linear-gradient(rgba(255,245,200,.6) 50%,transparent 50%);background-size:60px 60px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;overflow-y:auto;min-height:100vh}.preview-container{background-image:url(/bg-patch.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;background-color:transparent;border:none!important;padding:60px 40px 40px!important;position:relative;width:80vw;max-width:400px;aspect-ratio:3 / 4;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}.preview-ribbon{margin-top:20px!important;margin-bottom:20px!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;z-index:5}.ribbon-text{font-family:Dynapuff,sans-serif;font-size:2.2rem!important;font-weight:900!important;letter-spacing:2px;text-transform:uppercase}.preview-video-container{width:100%!important;flex:1!important;aspect-ratio:auto!important;display:flex;align-items:center;justify-content:center;background:transparent!important;border-radius:12px;overflow:hidden;position:relative}.preview-video-el{width:100%;height:100%;object-fit:contain;background:transparent!important;border-radius:8px}.preview-controls{background:#fff!important;border:1.5px solid #4A2222!important;border-radius:12px;padding:1.2rem;box-shadow:0 4px 15px #0000001a;margin-top:-55px;position:relative;z-index:10;width:90vw;max-width:400px;box-sizing:border-box}.actions-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.preview-btn{flex:1;font-family:Dynapuff,Chewy,sans-serif;height:48px;border-radius:24px;border:3px solid #af4c10;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 5px #af4c10;margin-bottom:5px;padding:0 15px;overflow:hidden}.btn-icon-img{height:24px;width:auto;object-fit:contain}.preview-btn:active{transform:translateY(3px);box-shadow:0 2px #af4c10}.preview-btn:hover{transform:scale(1.05);background:#fdf5e6}.share-box{background:#fbf6ec;border:1.5px solid #4A2222;border-radius:12px;padding:.8rem;text-align:center}.share-title-img{height:24px;width:auto;object-fit:contain}.social-item{display:flex;flex-direction:column;align-items:center;gap:4px}.social-label{font-family:Dynapuff,sans-serif;font-size:.55rem;color:#d95d28;font-weight:600;white-space:nowrap}.share-title{font-family:Dynapuff,sans-serif;color:#d95d28;font-size:.85rem;font-weight:600;margin-bottom:.8rem;display:flex;align-items:center;justify-content:center;gap:6px}.social-row{display:flex;justify-content:space-around;align-items:center;gap:.2rem}.social-ph{width:42px;height:42px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;overflow:hidden}.social-icon-img{width:100%;height:100%;object-fit:cover}