*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#000;width:100vw;height:100vh;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app-main,.ar-container,.ar-viewport{width:100vw;height:100vh;position:relative;overflow:hidden}.ar-viewport video{z-index:0!important}.ar-viewport canvas,.ar-viewport>div{z-index:1;pointer-events:none}.ar-video-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;z-index:-3!important}.video-back-button{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));color:#fff;cursor:pointer;min-height:42px;font:inherit;z-index:30;background:#000000b8;border:0;border-radius:8px;padding:10px 16px;font-weight:700;position:absolute}.video-back-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.overlay{color:#fff;z-index:100;background:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.ui-toast{color:#fff;z-index:100;background:#000000b3;border-radius:20px;padding:12px 24px;font-weight:500;transition:all .3s;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.ui-toast.success{background:#22c55ee6}.ui-toast.warning{background:#eab308e6}.ui-toast.error{background:#ef4444e6}.permission-screen,.permission-error,.error-screen{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.permission-screen,.permission-error{gap:14px}.permission-screen h1,.permission-error h2{font-size:26px;line-height:1.15}.permission-screen p,.permission-error p{color:#ffffffd1;max-width:520px;line-height:1.5}.permission-button{color:#050505;cursor:pointer;min-width:150px;min-height:44px;font:inherit;background:#fff;border:0;border-radius:8px;padding:10px 18px;font-weight:700}.permission-button:disabled{cursor:wait;opacity:.68}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}