:root{color:#f7f7f4;font-synthesis:none;background:#17372e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#17372e;min-width:320px;min-height:100dvh;margin:0}button,a,select{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}.experience-loading{place-items:center;min-height:100dvh;display:grid}.experience-loading span,.qr-loading span{border:2px solid #b8ed8533;border-top-color:#b8ed85;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}.desktop-handoff{flex-direction:column;width:min(1180px,100%);min-height:100dvh;margin:0 auto;padding:28px clamp(28px,5vw,72px) 24px;display:flex}.desktop-header{color:#fff;border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;min-height:42px;font-size:.82rem;display:flex}.desktop-header>span:last-child{color:#9eb0a8;margin-left:auto;font-size:.72rem}.desktop-handoff-grid{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:clamp(56px,9vw,120px);padding:58px 0;display:grid}.desktop-copy{max-width:660px}.desktop-copy h1{max-width:650px;font-size:clamp(3.25rem,5.8vw,5.2rem);line-height:.96}.desktop-lede{color:#c8d6d0;max-width:550px;margin:24px 0 34px;font-size:1.05rem;line-height:1.6}.handoff-steps{border-top:1px solid #ffffff21;max-width:560px;margin:0;padding:0;list-style:none}.handoff-steps li{border-bottom:1px solid #ffffff21;align-items:center;gap:14px;min-height:52px;display:flex}.handoff-steps li>span{color:#b8ed85;border:1px solid #b8ed858c;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:.68rem;font-weight:700;display:grid}.handoff-steps p{color:#b7c7c0;margin:0;font-size:.82rem}.handoff-steps strong{color:#fff;font-weight:650}.desktop-link-copy{max-width:560px;margin-top:28px}.desktop-link-copy label{color:#9eb0a8;margin-bottom:8px;font-size:.7rem;display:block}.desktop-link-copy>div{background:#0000001a;border:1px solid #ffffff2b;border-radius:8px;grid-template-columns:1fr auto;display:grid;overflow:hidden}.desktop-link-copy input{color:#dbe7e1;background:0 0;border:0;outline:0;min-width:0;padding:11px 13px;font:500 .72rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.desktop-link-copy button{color:#17251f;background:#b8ed85;border:0;border-left:1px solid #ffffff2b;min-width:70px;font-size:.72rem;font-weight:700}.desktop-link-copy output{color:#b8ed85;min-height:19px;padding-top:6px;font-size:.68rem;display:block}.localhost-note{color:#dbcfa7;border-left:2px solid #f1cf68;max-width:560px;margin:4px 0 0;padding-left:11px;font-size:.7rem;line-height:1.5}.qr-panel{text-align:center;background:#07171259;border:1px solid #ffffff26;border-radius:14px;justify-self:end;width:min(100%,350px);padding:28px}.qr-frame{aspect-ratio:1;background:#fff;border-radius:9px;place-items:center;width:100%;padding:16px;display:grid}.qr-frame img{width:100%;height:100%;display:block}.qr-loading{place-items:center;display:grid}.qr-panel>strong{color:#fff;margin-top:20px;font-size:1rem;display:block}.qr-panel>p{color:#9eb0a8;margin:6px 0 18px;font-size:.75rem}.device-requirements{justify-content:center;gap:7px;display:flex}.device-requirements span{color:#bac9c2;border:1px solid #ffffff21;border-radius:6px;padding:6px 8px;font-size:.62rem}.desktop-footer{color:#83978e;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:end;gap:20px;min-height:42px;font-size:.68rem;display:flex}.desktop-footer p{margin:14px 0 0}.desktop-footer a{color:#a9bbb3;text-underline-offset:3px}.app-shell{max-width:520px;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.topbar{z-index:5;align-items:center;gap:9px;height:36px;font-size:.82rem;font-weight:650;display:flex;position:relative}.brand-mark{background:#b8ed85;border-radius:50%;width:9px;height:9px}.live-pill{color:#ffffffd1;margin-left:auto;font-size:.7rem;font-weight:550}.live-pill i,.recording-count span{background:#ff5264;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.exit-camera,.camera-switch{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1815a6;border:1px solid #ffffff38;border-radius:8px}.exit-camera{z-index:5;margin-left:3px;padding:6px 9px;font-size:.68rem;position:relative}.card{width:100%}.intro{margin:auto 0;padding:9vh 4px 7vh}.eyebrow{color:#b8ed85;margin:0 0 12px;font-size:.72rem;font-weight:650}h1{color:#fff;letter-spacing:-.045em;max-width:430px;margin:0;font-size:clamp(2.4rem,10vw,3.6rem);font-weight:650;line-height:1.02}.lede{color:#ccdad4;max-width:370px;margin:18px 0 26px;font-size:1rem;line-height:1.5}.privacy-note{background:#0000001f;border:1px solid #ffffff21;border-radius:10px;gap:10px;max-width:420px;margin-bottom:22px;padding:13px 14px;display:flex}.privacy-note span{color:#b8ed85;font-size:.62rem;line-height:1.9}.privacy-note p{color:#cbd8d2;margin:0;font-size:.78rem;line-height:1.45}.privacy-note strong{color:#fff}.button{border:0;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:48px;font-weight:650;text-decoration:none;display:inline-flex}.button:active{transform:translateY(1px)}.primary{color:#17251f;background:#b8ed85}.secondary{color:#fff;background:0 0;border:1px solid #ffffff40}.fine-print{color:#9eb0a8;max-width:380px;margin:13px 0 0;font-size:.72rem;line-height:1.45}.center-card{z-index:5;text-align:center;margin:auto 0;padding:50px 20px;position:relative}.center-card h1{margin:18px auto 10px;font-size:clamp(2rem,9vw,3rem)}.center-card p{color:#c6d6cf;line-height:1.5}.spinner{border:2px solid #b8ed8538;border-top-color:#b8ed85;border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.9s linear infinite spin}.error-icon{color:#ffaaa5;border:1px solid #ffaaa5;border-radius:50%;place-items:center;width:38px;height:38px;margin:0 auto;font-weight:700;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.camera-stage{z-index:0;background:#101915;position:fixed;inset:0;overflow:hidden}.source-video,.xr-canvas,.ar-canvas{width:100%;height:100%;position:absolute;inset:0}.source-video{z-index:1;object-fit:contain;background:#101915}.source-video,.xr-canvas{display:none}.source-video.active,.xr-canvas.active{display:block}.xr-canvas{z-index:0;opacity:0;pointer-events:none;background:#101915}.ar-canvas{z-index:2;pointer-events:none}.camera-facing-user .source-video{transform:scaleX(-1)}.camera-shade{pointer-events:none;background:linear-gradient(#00000061,#0000 20% 72%,#0009);position:absolute;inset:0}.camera-switch{z-index:4;top:max(58px, calc(env(safe-area-inset-top) + 42px));padding:7px 10px;font-size:.68rem;font-weight:600;position:absolute;right:14px}.camera-switch span{margin-right:3px;font-size:.9rem}.camera-switch:disabled{opacity:.45}.camera-picker{z-index:4;top:max(138px, calc(env(safe-area-inset-top) + 122px));max-width:min(210px,100vw - 28px);position:absolute;right:14px}.camera-picker>span{display:none}.camera-picker select{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1815ad;border:1px solid #fff3;border-radius:8px;outline:0;max-width:210px;padding:7px 9px;font-size:.64rem}.camera-picker option{color:#17251f;background:#fff}.mode-switch{z-index:4;top:max(96px, calc(env(safe-area-inset-top) + 80px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1815ad;border:1px solid #fff3;border-radius:9px;padding:3px;display:flex;position:absolute;left:14px}.mode-switch button{color:#ffffffbf;background:0 0;border:0;border-radius:6px;min-height:30px;padding:5px 9px;font-size:.64rem;font-weight:600}.mode-switch button.active{color:#17251f;background:#b8ed85}.detector-mode{z-index:4;top:max(180px, calc(env(safe-area-inset-top) + 164px));color:#fff;font-size:.66rem;position:absolute;left:14px}.detector-mode summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0f1815ad;border:1px solid #fff3;border-radius:8px;width:fit-content;padding:7px 10px;list-style:none}.detector-mode summary::-webkit-details-marker{display:none}.detector-mode[open] summary{border-radius:8px 8px 0 0}.detector-mode-body{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1815db;border:1px solid #fff3;border-radius:0 8px 8px;gap:9px;width:min(285px,100vw - 28px);padding:10px;display:grid}.debug-simulation{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.debug-simulation button{color:#eaf1ed;background:0 0;border:1px solid #ffffff2e;border-radius:6px;min-width:0;padding:6px 4px;font-size:.58rem}.debug-simulation button.active{color:#17251f;background:#b8ed85;border-color:#b8ed85}.detector-telemetry{color:#abbab3;overflow-wrap:anywhere;border-top:1px solid #ffffff1f;padding-top:7px;font:500 .54rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.scan-copy{z-index:3;top:max(58px, calc(env(safe-area-inset-top) + 42px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1815ad;border-radius:8px;width:fit-content;max-width:calc(100% - 140px);padding:8px 10px;position:absolute;left:14px;right:110px}.scan-copy p{margin:0;font-size:.72rem;font-weight:600;display:inline}.scan-copy small{color:#ffffffb8;margin:4px 0 0 13px;font-size:.62rem;line-height:1.35;display:block}.camera-error{z-index:6;color:#ffe8e6;text-align:center;background:#2b1211e0;border:1px solid #ffaaa58c;border-radius:10px;width:min(82%,340px);margin:0;padding:8px 12px;font-size:.72rem;position:absolute;top:116px;left:50%;transform:translate(-50%)}.scan-dot,.detected-dot{background:#f1cf68;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.detected-dot{background:#80e09d}.recording-count{z-index:3;top:max(58px, calc(env(safe-area-inset-top) + 42px));background:#5c1824d9;border-radius:8px;padding:7px 10px;font-size:.7rem;font-weight:650;position:absolute;left:50%;transform:translate(-50%)}.camera-controls{z-index:3;right:18px;bottom:max(24px, calc(env(safe-area-inset-bottom) + 12px));text-align:center;position:absolute;left:18px}.effect-name{text-shadow:0 1px 4px #000;margin:0 0 9px;font-size:.72rem;font-weight:600}.record-hint{color:#ffffffbf;margin:7px 0 0;font-size:.64rem}.record-button{color:#fff;background:#00000029;border:3px solid #ffffffe6;border-radius:50%;width:68px;height:68px;padding:5px}.record-button span{background:#e94c5b;border-radius:50%;place-items:center;width:100%;height:100%;font-size:0;display:grid}.record-button:disabled{opacity:.5}.record-button:disabled span{background:#9ca8a2}.record-button:not(:disabled):active{transform:scale(.95)}.record-button:disabled span:empty{background:#e94c5b;border-radius:7px;width:65%;height:65%;margin:auto}.preview{margin:auto 0;padding:20px 0}.preview h1{margin-bottom:20px;font-size:clamp(2.2rem,10vw,3.2rem)}.preview-video{object-fit:contain;background:#101915;border-radius:10px;width:100%;max-height:54dvh}.preview-actions{gap:9px;margin-top:16px;display:grid}.text-button{color:#d7e5df;background:0 0;border:0;width:fit-content;margin:3px auto 0;padding:7px 10px;font-size:.78rem}.request-cancel{margin-top:12px}.share-message{text-align:center;color:#ffe49a;margin:12px 0 0;font-size:.76rem}@media (width>=700px){.app-shell{max-width:600px}.camera-stage{width:min(100vw,540px);left:50%;transform:translate(-50%)}.camera-stage:before{z-index:-1;content:"";background:#101915;width:100vw;position:fixed;inset:0;transform:translate(calc(-50vw + min(100vw,540px)/2))}}@media (width<=850px){.desktop-handoff-grid{grid-template-columns:1fr;gap:42px;padding:44px 0}.desktop-copy{max-width:none}.desktop-copy h1{font-size:clamp(2.7rem,9vw,4.2rem)}.qr-panel{justify-self:start;width:min(100%,340px)}}