:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f4ee;font-synthesis:none;background:#07070a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,#ar-container{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07070a}button{font:inherit}#ar-container{position:fixed;inset:0}#ar-container canvas,#ar-container video{position:absolute;inset:0;width:100%!important;height:100%!important}.panel{z-index:20;padding:max(32px, env(safe-area-inset-top)) 28px max(32px, env(safe-area-inset-bottom));background:linear-gradient(#07070a1a,#07070af5),radial-gradient(circle at 78% 20%,#73f7ff2b,#0000 29%),radial-gradient(circle at 14% 72%,#ff3d8d33,#0000 34%),#07070a;place-content:center;justify-items:start;display:none;position:fixed;inset:0}.panel:after{content:"";pointer-events:none;border:1px solid #ffffff1f;position:absolute;inset:18px}.panel--visible{display:grid}.brand-mark{border-radius:22px;width:76px;height:76px;margin-bottom:34px}.eyebrow{color:#73f7ff;letter-spacing:.22em;text-transform:uppercase;margin:0 0 15px;font-size:11px;font-weight:800}h1{letter-spacing:-.07em;max-width:620px;margin:0;font-size:clamp(52px,13vw,106px);font-weight:850;line-height:.84}h1 span{color:#0000;background:linear-gradient(90deg,#ff3d8d,#f7f4ee 48%,#73f7ff);-webkit-background-clip:text;background-clip:text}.lede{color:#f7f4eeb8;max-width:470px;margin:26px 0;font-size:16px;line-height:1.55}.primary-button{color:#07070a;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#f7f4ee;border:0;border-radius:2px;justify-content:space-between;align-items:center;width:min(100%,420px);padding:18px 20px;font-weight:850;display:flex}.primary-button:disabled{opacity:.55}.text-button{color:#f7f4eeb3;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;font-size:13px;text-decoration:underline}.privacy-note{color:#f7f4ee6b;max-width:390px;margin:26px 0 0;font-size:11px;line-height:1.45}.loading{z-index:18;background:#07070a;place-content:center;justify-items:center;display:grid;position:fixed;inset:0}.loading[hidden],.scanner[hidden],.controls[hidden]{display:none}.loading-ring{border:2px solid #73f7ff;border-color:#73f7ff #ff3d8d #ffffff1f #ffffff1f;border-radius:50%;width:72px;height:72px;animation:.85s linear infinite spin}.loading p,.scanner p{color:#f7f4eec7;letter-spacing:.16em;text-transform:uppercase;margin-top:18px;font-size:12px;font-weight:700}.scanner{z-index:8;pointer-events:none;place-content:center;justify-items:center;display:grid;position:fixed;inset:0}.scanner-frame{aspect-ratio:7/9;width:min(76vw,430px);position:relative}.scanner-frame i{border-style:solid;border-color:#f7f4ee;width:48px;height:48px;position:absolute}.scanner-frame i:first-child{border-width:3px 0 0 3px;inset:0 auto auto 0}.scanner-frame i:nth-child(2){border-width:3px 3px 0 0;inset:0 0 auto auto}.scanner-frame i:nth-child(3){border-width:0 0 3px 3px;inset:auto auto 0 0}.scanner-frame i:nth-child(4){border-width:0 3px 3px 0;inset:auto 0 0 auto}.scan-line{background:linear-gradient(90deg,#0000,#73f7ff,#ff3d8d,#0000);height:2px;animation:2.4s ease-in-out infinite alternate scan;position:absolute;top:8%;left:7%;right:7%;box-shadow:0 0 22px #73f7ff}.controls{right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:12;justify-content:center;gap:10px;display:flex;position:fixed;left:16px}.control-button{color:#f7f4ee;letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08080cb3;border:1px solid #ffffff40;border-radius:999px;min-width:52px;height:52px;padding:0 16px;font-size:12px;font-weight:800}.toast{top:max(22px, env(safe-area-inset-top));z-index:30;color:#f7f4ee;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08080ccc;border:1px solid #fff3;border-radius:999px;max-width:calc(100vw - 40px);padding:11px 16px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;left:50%;transform:translate(-50%,-12px)}.toast--visible{opacity:1;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{to{top:90%}}@media (width>=760px){.panel{padding-left:8vw}.lede{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}