@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Bold.ttf) format("truetype");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#000;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.container{position:relative;width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center}#video{position:fixed;top:0;left:0;width:100vw;height:100dvh;object-fit:cover;transform:scaleX(-1)}#canvas-container{position:fixed;top:0;left:0;width:100vw!important;height:100dvh!important;transform:scaleX(-1);z-index:10}.camera-controls{position:fixed;bottom:40px;display:flex;justify-content:center;align-items:center;z-index:1000;width:100%}.camera-btn{width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.5);padding:2px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.camera-btn .inner-circle{width:80%;height:80%;background:#fff;border-radius:50%;transition:all .3s ease}.camera-btn.recording .inner-circle{background:red}.record-indicator{position:absolute;top:-30px;width:12px;height:12px;border-radius:50%;background:red;display:none;animation:blink 1s infinite}.record-indicator.active{display:block}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}#previewContainer{position:relative;width:100%;height:100%;background:#202523;display:flex;flex-direction:column;z-index:1000;padding:0;overflow-y:auto}.preview-title{color:#fff;font-size:24px;margin:8px 0 16px;text-align:center}.preview-content{position:relative;width:100%;flex:0 1 80vh;min-height:300px;max-height:80vh;display:flex;justify-content:center;align-items:center;margin-bottom:0;border-radius:24px}.preview-content img,.preview-content video{width:100%;height:100%;object-fit:contain}.preview-controls{position:relative;display:flex;justify-content:center;gap:20px;z-index:3;margin:8px 0}.preview-control-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:12px}.preview-control-btn img{width:24px;height:24px}.action-buttons{position:relative;display:flex;flex-direction:column;gap:8px;padding:8px;z-index:2;background:#202523e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-btn{position:relative;width:100%;padding:12px;border-radius:12px;border:1px solid #1E8637;background:#063;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.action-btn span{font-size:16px;line-height:1.3}.action-btn img{width:48px;height:48px;padding:12px;background-color:#005a28;border-radius:12px}.social-icons{display:flex;gap:8px}.social-icons img{width:48px;height:48px;padding:12px;background-color:#1e8637;border-radius:12px}.gift-btn{background:#1e8637}.share-btn{background:#005a28}.web-share-btn{background:#1e8637}.mask-selector{position:fixed;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;z-index:1000;background:#005a28;gap:8px}.mask-btn{display:flex;justify-content:center;align-items:center;padding:16px;background:transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none;height:64px}.mask-btn img{height:32px;width:auto}.mask-btn.active{background:#1e8637;border:1px solid #97F2AC63}.start-page{width:100%;height:100dvh;display:flex;flex-direction:column;position:relative;z-index:15;padding:0;background-color:#202523}.start-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:11;padding:20px;width:100%;overflow:hidden;background:url(/img/start-bg.png);background-size:contain;background-repeat:round}.frame{position:relative;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto 0}.camera-placeholder{width:100%;height:auto;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}.camera-icon{font-size:min(48px,5vh);margin-bottom:min(20px,3vh)}.placeholder-text{font-size:min(24px,3vh);margin-bottom:min(40px,5vh)}.info-text{font-size:min(16px,2.5vh);line-height:1.5;color:#fffc}.start-button{width:100%;padding:20px;background-color:#1e8637;color:#fff;border:none;font-size:18px;cursor:pointer;text-align:center;font-weight:500;border:1px solid #97F2AC63;z-index:11;margin-top:auto;position:relative;position:sticky;bottom:0;left:0}.start-button:hover{background-color:#007a3d}.frame:before{display:none}#playPauseBtn{display:flex;justify-content:center;align-items:center}#playPauseBtn img{width:27px;height:24px}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#202523;background:url(/img/start-bg.png);background-size:contain;background-repeat:round}.loader{position:relative;width:140px;height:100px;display:flex;justify-content:center;align-items:center}.loader span{position:absolute;width:20px;height:20px;border-radius:50%}.loader span:nth-child(1){right:0;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:0s;background:#aae641}.loader span:nth-child(2){right:40px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:.2s;background:#5faf2d}.loader span:nth-child(3){right:80px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:.4s;background:#1eaf37}.loader span:nth-child(4){right:120px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:.6s;background:#005a28}@keyframes bounce2{0%,56%,to{transform:translateY(0)}25%{transform:translateY(-30px)}}.share-form{position:fixed;bottom:0;left:0;width:100%;display:flex;flex-direction:column;gap:8px;padding:8px;z-index:2;background:#202523}.name-input{position:relative;width:100%;padding:8px 16px;background:#e3fae7;border-radius:12px}.name-input input{width:100%;background:transparent;border:none;color:#398258;font-size:14px;padding:8px 0;text-align:center}.name-input input::placeholder{color:#398258;opacity:.8}.name-input input:focus{outline:none}.consent-container{padding:0 4px}.consent-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.consent-text{color:#fff9;font-size:14px;line-height:1.4}#consentCheckbox{margin-top:3px}.web-share-btn[disabled]{opacity:.5;cursor:not-allowed}.button-loader{position:relative;width:100px;height:48px;display:flex;justify-content:center;align-items:center}.button-loader span{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff!important;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite}.button-loader span:nth-child(1){left:0;animation-delay:.6s}.button-loader span:nth-child(2){left:30px;animation-delay:.4s}.button-loader span:nth-child(3){left:60px;animation-delay:.2s}.button-loader span:nth-child(4){left:90px;animation-delay:0s}.action-btn{position:relative;min-height:48px}.action-btn.loading{justify-content:center;padding:16px}.action-btn.loading>*:not(.button-loader){display:none}.action-btn .button-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.action-btn.loading .button-loader{display:flex}.web-share-btn[disabled].loading{opacity:1}@keyframes bounce2{0%,56%,to{transform:translateY(0)}25%{transform:translateY(-15px)}}.consent-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.consent-label input[type=checkbox]+.custom-checkbox{display:inline-block;width:20px;height:20px;min-width:20px;background:transparent;border-radius:4px;position:relative;margin-top:3px;transition:all .2s ease;background:#b2cdbe}.consent-label input[type=checkbox]:checked+.custom-checkbox:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #005A28;border-width:0 2px 2px 0;transform:rotate(45deg)}.consent-label input[type=checkbox]:checked+.custom-checkbox{background:#b2cdbe}.error-alert{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#e3fae7;color:#ff7272;padding:8px;border-radius:24px;border:1px solid #FF7272;z-index:1000;width:calc(100% - 16px);margin-bottom:8px;animation:slideUp .3s ease-out;text-align:center;font-size:10px;display:flex;align-items:center;justify-content:center;gap:8px}.error-alert .error-icon{width:16px;height:16px}@keyframes slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}