*{box-sizing:border-box;margin:0;padding:0}:root{--topH: 13vh;--bottomH: 18vh}body{margin:0;display:flex;flex-direction:column;height:100svh;overflow:hidden;background:#000;color:#fff;font-family:sans-serif;user-select:none;-webkit-user-select:none}.service-overload-overlay{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:24px;background:#000000d1;backdrop-filter:blur(10px)}.service-overload-overlay.show{display:flex}.service-overload-card{width:min(92vw,420px);padding:28px 24px;border:2px solid rgba(255,255,255,.16);border-radius:18px;background:#111111f5;box-shadow:0 24px 60px #00000073;text-align:center}.service-overload-title{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.04em;margin-bottom:10px}.service-overload-text{font-size:1.05rem;line-height:1.45;color:#ffffffe6}.max-width{position:relative;height:100%;max-width:800px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center}#top-bar{position:fixed;top:0;left:0;width:100%;height:var(--topH);background:#111;display:flex;align-items:center;justify-content:space-between;z-index:45;padding:0 1rem;padding-top:env(safe-area-inset-top,0px)}#top-bar .max-width{display:flex}.top-col{flex:1;display:flex;justify-content:center;align-items:center}#top-bar .top-col:first-child{flex:0 0 20%;max-width:20%;justify-content:flex-start}#top-bar.intro-mode .top-col:first-child{display:none}#top-bar .top-col:nth-child(2){flex:0 0 80%;max-width:80%;justify-content:flex-start;align-items:flex-start;padding-left:15px}#top-bar.intro-mode .top-col:nth-child(2){flex:0 0 100%;max-width:100%;align-items:center;justify-content:center;padding-left:0}#top-bar.intro-mode #top-center{align-items:center;justify-content:center;padding-top:0}#top-bar.intro-mode .stage-header,#top-bar.intro-mode #right-messages{text-align:center}#top-bar .top-col:nth-child(2).countdown-active{justify-content:center;align-items:center}body.final-offer-active #top-bar .top-col:first-child{display:none}body.final-offer-active #top-bar .top-col:nth-child(2){flex:0 0 100%;max-width:100%;align-items:center;justify-content:center;padding-left:0}body.final-offer-active #top-center{align-items:center;justify-content:center;padding-top:0}body.final-offer-active .stage-header{margin:0;text-align:center;font-size:clamp(1.25rem,3vh,1.55rem);line-height:1.12}body.final-offer-active #right-messages{display:none!important}#top-bar .messages{position:static!important;transform:none;max-width:100%;width:100%;text-align:left;color:#fff}#right-messages.message-fade-host{position:relative!important;min-height:3.2em}#right-messages .message-fade-layer{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;pointer-events:none}#right-messages .message-fade-layer.is-active{opacity:1}.animated-ellipsis{display:inline-block;width:3ch;overflow:hidden;vertical-align:bottom;animation:ellipsisSteps 1.2s steps(4,end) infinite}@keyframes ellipsisSteps{0%{width:0}to{width:3ch}}.video-container{position:relative;flex:0 0 auto;--visH: calc(100svh - var(--topH) - var(--bottomH));width:min(calc(var(--visH) * 7 / 9),100vw);height:min(var(--visH),calc(100vw * 9 / 7));margin:var(--topH) auto calc(var(--bottomH) + env(safe-area-inset-bottom));background:#000;-webkit-user-drag:none}body.final-offer-active .video-container{--visH: calc(100svh - var(--topH));width:min(800px,100vw);height:calc(100svh - var(--topH));margin:var(--topH) auto 0}.video-container video{width:100%;height:100%;object-fit:cover;display:block;z-index:0;-webkit-user-drag:none}#overlay,#faceOverlay,.video-container canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#overlay{z-index:1}#faceOverlay{z-index:2}#photoContainer{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:hidden}#photoContainer img{width:100%;height:100%;object-fit:contain;border:2px solid #fff;display:block;-webkit-user-drag:none}.video-container.final-offer-mode video,.video-container.final-offer-mode #overlay,.video-container.final-offer-mode #faceOverlay,.video-container.final-offer-mode #lightLeft,.video-container.final-offer-mode #lightRight{display:none!important}.final-offer{position:absolute;inset:0;z-index:8;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,2fr);gap:14px;padding:16px;background:#07090c;color:#fff;box-sizing:border-box}.final-offer-row{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px;width:100%;min-height:0}.final-preview{min-width:0;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(180deg,#171b22,#0e1117);border:1px solid rgba(255,255,255,.18);border-radius:10px;box-shadow:0 16px 38px #00000059;overflow:hidden}#photoContainer .final-preview img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:0;border-radius:6px;box-shadow:0 10px 24px #0000004d}.final-payment-card{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#111721;box-shadow:0 12px 28px #00000040}.final-verification-card{width:100%}.final-payment-card-featured{border-color:#21e67ab8;background:#101b17}.final-payment-card h3{margin:0 0 4px;color:#fff;font-size:1.26rem;line-height:1.1;letter-spacing:0}.final-payment-card strong{display:block;margin-bottom:5px;color:#fff;font-size:2rem;line-height:1}.final-payment-card p{margin:0;color:#ffffffc2;font-size:1.08rem;line-height:1.3}.final-choice-badge{align-self:flex-start;max-width:100%;padding:4px 7px;border-radius:999px;background:#21e67a;color:#07130c;font-size:.84rem;font-weight:800;line-height:1.05;text-transform:uppercase}.final-hours-note{padding:10px;border-radius:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);font-size:1.04rem!important}.final-hours-note p+p{margin-top:6px}.final-offer-button{width:100%;min-height:56px;padding:12px 14px;border:0;border-radius:8px;background:#f5f7fb;color:#101318;font-size:1.1rem;line-height:1.12;font-weight:800;cursor:pointer}.final-offer-button:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:2px}.final-verification-button{background:#21e67a;color:#06120b}.verification-copy{padding:12px;border:2px solid #fff;font-size:.95rem;line-height:1.28;background:#ffffff0f}.final-standard-button{color:#06120b;background:#84d9a4}.app-loader-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000c2;backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .35s ease}.app-loader-overlay.show{opacity:1;pointer-events:auto}.app-loader-panel{width:min(86%,320px);display:flex;flex-direction:column;align-items:center;gap:13px;padding:22px 18px;border-radius:18px;background:#08080894;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px #00000061;text-align:center}.app-loader-ring{width:96px;height:96px;display:grid;place-items:center}.app-loader-ring svg{width:100%;height:100%;overflow:visible;animation:appLoaderSpin .88s linear infinite}.app-loader-track,.app-loader-arc{fill:none;stroke-width:7}.app-loader-track{stroke:#ffffff29}.app-loader-arc{stroke:#fff;stroke-linecap:round;stroke-dasharray:82 264;filter:drop-shadow(0 0 7px rgba(255,255,255,.28))}.app-loader-title{font-size:1.05rem;font-weight:700;line-height:1.25}.app-loader-detail{min-height:1.25em;color:#ffffffc2;font-size:.95rem;line-height:1.35}.app-loader-overlay.error .app-loader-ring{animation:none}.app-loader-overlay.error .app-loader-ring svg{animation:none}.app-loader-overlay.error .app-loader-track{stroke:#ff4d4d2e}.app-loader-overlay.error .app-loader-arc{stroke:#ff4d4d;stroke-dasharray:264 264}@keyframes appLoaderSpin{to{transform:rotate(360deg)}}#photoEditCanvas,#photoMaskCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-drag:none}#photoEditCanvas{pointer-events:auto;cursor:grab;z-index:4}#photoEditCanvas:active{cursor:grabbing}#photoMaskCanvas{pointer-events:none;z-index:5}.edit-overlay{position:absolute;left:0;bottom:0;width:100%;padding:.55rem .9rem calc(.65rem + env(safe-area-inset-bottom));background:linear-gradient(to top,#000000eb,#0006 60%,#0000);z-index:6;pointer-events:none}.edit-overlay .edit-group{position:absolute;bottom:.55rem;display:flex;gap:.6rem;pointer-events:auto}.edit-overlay .edit-group.left{left:.9rem}.edit-overlay .edit-group.right{right:.9rem}.edit-overlay button{width:54px;height:54px;border-radius:50%;border:3px solid #fff;background:#1d1d1d;color:#fff;font-size:1.5rem;font-weight:600;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000008c;transition:background .2s,transform .15s}.edit-overlay button:hover{background:#2a2a2a}.edit-overlay button:active{transform:scale(.9)}#bottom-bar{position:fixed;left:0;bottom:0;width:100%;background:#111;display:flex;align-items:center;justify-content:center;z-index:40;height:var(--bottomH);padding-bottom:calc(env(safe-area-inset-bottom,0px) + .75rem)}body.final-offer-active #bottom-bar{display:none}#bottom-bar.intro-mode .max-width{display:flex;align-items:center;justify-content:center;padding:0 16px}.intro-footer-actions{display:none}#bottom-bar.intro-mode .intro-footer-actions{display:flex;width:100%;max-width:440px;flex-direction:column;align-items:stretch;gap:.55rem}#bottom-bar.intro-mode .start-like{width:100%;min-width:0}#captureBtn,#startBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:4px solid #fff;background:transparent;cursor:pointer;outline:none;color:#fff}#captureBtn{display:none;width:85px;height:85px;border-radius:50%;background:#fff;border:5px solid #111;box-shadow:0 0 0 4px #fff;transition:opacity .35s ease,background-color .35s ease,box-shadow .35s ease,filter .35s ease}#captureBtn.capture-waiting,#captureBtn:disabled{opacity:.42;background:#7b7b7b;box-shadow:0 0 0 4px #ffffff59;cursor:default;filter:grayscale(1)}#captureBtn.capture-ready{opacity:1;background:#fff;box-shadow:0 0 0 4px #fff;cursor:pointer;filter:none}.capture-readiness-hint{position:absolute;left:50%;top:calc(50% - 76px);z-index:42;max-width:calc(100vw - 32px);width:max-content;padding:9px 13px;border-radius:999px;background:#000000ad;color:#fff;font-size:.92rem;font-weight:600;line-height:1.25;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,8px);transition:opacity .35s ease,transform .35s ease}.capture-readiness-hint:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:#000000ad;transform:translate(-50%) rotate(45deg)}.capture-readiness-hint.visible{opacity:1;transform:translate(-50%)}#startBtn{display:block;padding:0 1rem;height:60px;border-radius:30px;font-size:1.2rem;line-height:1}#reviewControls{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);gap:1rem;z-index:41;width:min(calc(100vw - 24px),440px);justify-content:center}#reviewControls button{display:inline-flex;align-items:center;justify-content:center;padding:.6em 1.2em;border-radius:24px;font-size:1rem;line-height:1.15;cursor:pointer;background:transparent;color:#fff;border:4px solid #fff;box-sizing:border-box;min-width:0;flex:1 1 0;text-align:center}#downloadBtn{border-color:#0f0!important;font-size:1.4rem!important}#downloadBtn:disabled,#discardBtn:disabled{opacity:.4;cursor:default;border-color:#666!important}#switchCam{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:80px;height:80px;cursor:pointer;border-radius:5px;display:none}.dir-icon{width:80px;height:80px;border-radius:5px}#reviewControls.final-offer-controls{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100vw - 24px),520px)}#reviewControls.final-offer-controls #downloadBtn{font-size:1.1rem!important}#top-icons.icon-fade-host{position:relative!important;min-width:80px;min-height:80px}#top-icons .top-icon-layer{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;opacity:0;transition:opacity .5s ease;pointer-events:none}#top-icons .top-icon-layer.is-active{opacity:1}.mirror{transform:scaleX(-1);-webkit-transform:scaleX(-1)}#introInstructions{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(.7rem,2.2vh,1.1rem);font-size:1.2rem;line-height:1.4;color:#fff;background:#000;z-index:4}#introInstructions .intro-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.55rem,1.7vh,1rem);width:100%;height:100%}#introInstructions .intro-prep{width:min(100%,360px);display:flex;flex-direction:column;gap:.35rem;text-align:left;font-size:clamp(.88rem,2.15vh,1rem);line-height:1.3}#introInstructions .intro-prep-title{margin-top:.25rem;font-weight:800;color:#fff}#introInstructions .intro-prep-title:first-child{margin-top:0}#introInstructions .intro-prep p{margin:0;color:#ffffffd1}#introInstructions .intro-requirements-img{display:block;width:min(86%,300px);max-height:min(34vh,260px);align-self:center;margin:.35rem 0 .2rem;object-fit:contain;border-radius:5px;-webkit-user-drag:none}.intro-permission-note{max-width:320px;margin:0 auto;font-size:clamp(.82rem,1.85vh,.95rem);line-height:1.35;text-align:center;color:#ffffffb8}#introInstructions .intro-sep{width:60%;height:1px;background:#333;margin:6px 0 2px}button{line-height:1.2}.start-like{display:inline-flex;align-items:center;justify-content:center;padding:0 1.1rem;min-height:60px;border-radius:30px;font-size:1.2rem;line-height:1.2;border:4px solid #fff;background:transparent;color:#fff;cursor:pointer;min-width:220px}.start-like:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){#switchCam{display:none!important}}#infoBtn{position:relative;z-index:auto;grid-column:1;justify-self:start;align-self:center;margin-left:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;line-height:1;width:55px;height:55px;border-radius:50%;background:#111;border:none;cursor:pointer;--inner-angle: 0deg;--inner-color: #0f0;--inner-track: rgba(0,255,0,.2);--ring-w: 6px}#infoBtn .ring{position:absolute;inset:0;border-radius:50%;pointer-events:none;opacity:.95;transition:opacity .2s ease;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-w)),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-w)),#000 0)}#infoBtn .ring-inner{inset:-3px;background:conic-gradient(from -90deg,var(--inner-color) var(--inner-angle),transparent 0 360deg),conic-gradient(from -90deg,var(--inner-track) 360deg)}.info-popup{position:fixed;left:0;bottom:0;width:100%;height:50vh;background:#000;color:#fff;transform:translateY(100%);transition:transform .3s ease-in-out;z-index:50;display:flex;flex-direction:column}.info-popup.open{transform:translateY(0)}#infoBtn .info-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e53935;color:#fff;font-weight:700;font-size:12px;line-height:20px;text-align:center;display:none;transform-origin:center;z-index:3;box-shadow:0 0 0 2px #111}#infoBtn .info-badge.show{display:flex;align-items:center;justify-content:center;animation:pulseBadge 1.2s ease-in-out infinite}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}#popupContent .popup-dynamic{margin-bottom:.75rem}.popup-hidden{display:none}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #444;font-size:1.1rem}.close-btn{background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer}.popup-content{padding:1rem;overflow-y:auto;flex:1}#countdownTimer{font-size:3rem;font-weight:700;padding-left:10px;line-height:1;user-select:none}#soundToggle{position:absolute;top:8px;left:50%;right:auto;transform:translate(-50%);z-index:11;width:40px;height:40px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#28c463;transition:color .25s,transform .15s}#soundToggle.off{color:#8d8d8d}#soundToggle .icon-sound{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 0 4px rgba(40,196,99,.45))}#soundToggle.off .icon-sound{filter:none}#soundToggle:active{transform:scale(.9)}@media (max-width: 640px){#soundToggle{display:none!important}#reviewControls{flex-direction:row;top:50%;gap:.6rem}#reviewControls button{min-width:0;padding:.6em .75em;font-size:.95rem}.final-offer{grid-template-rows:minmax(0,1fr) minmax(0,2fr);gap:8px;padding:9px}.final-offer-row{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:8px}.final-preview{padding:7px;border-radius:8px}.final-payment-card{gap:6px;padding:9px;border-radius:8px}.final-payment-card h3{margin-bottom:3px;font-size:.96rem}.final-payment-card strong{margin-bottom:3px;font-size:1.34rem}.final-payment-card p{font-size:.8rem;line-height:1.2}.final-choice-badge{padding:3px 5px;font-size:.6rem}.final-hours-note{padding:6px;font-size:.76rem!important}.final-offer-button{min-height:40px;padding:7px;border-radius:7px;font-size:.8rem}.verification-copy{padding:9px;font-size:.78rem;line-height:1.22}#reviewControls.final-offer-controls #downloadBtn{font-size:.78rem!important}.edit-overlay button{width:48px;height:48px;font-size:1.15rem}.edit-overlay .edit-group.left{left:.65rem}.edit-overlay .edit-group.right{right:.65rem}}#top-center{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100%;width:100%;padding-top:.45rem}#top-center.countdown-active{align-items:center;justify-content:center;padding-top:0;align-self:center;height:auto}#top-center.countdown-active #right-messages{text-align:center}#right-messages.countdown-message-active{align-self:center;margin:auto 0;text-align:center}.stage-header{font-size:1.3rem;font-weight:700;text-align:left;width:100%;margin-bottom:.2rem}.light-icon{position:absolute;top:8px;width:40px;height:40px;opacity:0;background:currentColor;-webkit-mask:url(/icons/light.svg) center / contain no-repeat;mask:url(/icons/light.svg) center / contain no-repeat;z-index:10;transition:opacity .35s ease,color .8s ease,filter .8s ease,transform .25s ease}.video-container.lights-on .light-icon{opacity:.5}.light-icon.left{left:8px}.light-icon.right{right:8px}.light-icon.on{color:#ffd400;filter:drop-shadow(0 0 8px rgba(255,212,0,.5));animation:none}.light-icon.off{animation:colorPulse 1.8s ease-in-out infinite}@keyframes colorPulse{0%{color:#666}50%{color:#ff3c3c}to{color:#666}}
