: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}.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(5,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))}}