:root{--primary-color:#ff6a00;--primary-gradient:linear-gradient(135deg, #ff3d00 0%, #f70 45%, #fa0 100%);--secondary-color:#1a1a1a;--text-color:#fff;--text-muted:#ffffffbf;--glass-bg:#14100ebf;--glass-border:#ff782838;--glass-border-focus:#ff8c328c;--glass-shadow:0 12px 40px 0 #0000008c, 0 0 25px #ff5a001f;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;font-family:var(--font-family);color:var(--text-color);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-color:#0b0907;overflow:hidden}#container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}#container canvas,#container video{object-fit:cover;z-index:0;position:absolute;top:0;left:0;transform:translateZ(0);width:100%!important;height:100%!important}#ui-layer{pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;transform:translateZ(10px)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);pointer-events:auto;border-radius:24px}.overlay{text-align:center;width:400px;max-width:90%;padding:36px 28px;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s,transform .4s;position:absolute}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96)}#landing-overlay{width:100%;max-width:none;height:100%;box-shadow:none;padding:max(32px, env(safe-area-inset-top,32px)) max(24px, env(safe-area-inset-right,24px)) max(32px, env(safe-area-inset-bottom,32px)) max(24px, env(safe-area-inset-left,24px));-webkit-backdrop-filter:blur(24px);pointer-events:auto;z-index:30;background:#0e0b09d1;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s cubic-bezier(.4,0,.2,1),visibility .45s;display:flex;position:absolute;inset:0}#landing-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:none}#landing-overlay .onboarding-step{width:100%;max-width:440px;margin:0 auto}.onboarding-step{animation:.35s cubic-bezier(.16,1,.3,1) onboarding-fade-in}.onboarding-step.hidden{display:none}@keyframes onboarding-fade-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.overlay h1{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 40%,#ffb074 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:2.1rem;font-weight:700}.overlay p{color:var(--text-muted);margin-bottom:28px;font-size:1.05rem;font-weight:350;line-height:1.55}.button-group{justify-content:center;gap:15px;margin-top:5px;display:flex}.primary-btn{background:var(--primary-gradient);color:#fff;font-size:1.1rem;font-family:var(--font-family);letter-spacing:.02em;cursor:pointer;border:none;border-radius:50px;outline:none;padding:14px 34px;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s;box-shadow:0 4px 22px #ff5a0073,inset 0 0 0 1px #ffaa004d}.primary-btn:hover{filter:brightness(1.05);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #ff5a00a6,inset 0 0 0 1px #ffc80080}.primary-btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 14px #ff5a0066}.primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.spinner{border:4px solid #ff3d00;border-color:#ff3d00 #fa0 #ffffff1a #ffffff1a;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:.9s cubic-bezier(.5,.1,.5,.9) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.info-panel{text-align:center;width:90%;max-width:400px;padding:20px 24px;transition:bottom .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.info-panel.hidden{opacity:0;pointer-events:none;bottom:-150px}.info-panel h2{background:linear-gradient(135deg,#fff,#ffa050);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:1.4rem;font-weight:600}.info-panel p{color:var(--text-muted);margin-bottom:0;font-size:.95rem;line-height:1.45}#inspector-canvas{z-index:5;pointer-events:none;opacity:1;-webkit-backface-visibility:hidden;background:0 0;position:absolute;top:0;left:0;transform:translateZ(5px);width:100%!important;height:100%!important}#inspector-canvas.active-3d{pointer-events:auto}.studio-bg{z-index:1;opacity:1;pointer-events:none;background:radial-gradient(circle,#231710 0%,#0a0705 100%);width:100%;height:100%;transition:opacity .4s,visibility .4s;position:absolute;top:0;left:0;transform:translateZ(1px)}.studio-bg.hidden{opacity:0;visibility:hidden}.lang-pill,.mode-pill{top:max(20px, env(safe-area-inset-top,20px));left:max(20px, env(safe-area-inset-left,20px));background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);z-index:50;pointer-events:auto;border-radius:30px;padding:3px;transition:opacity .3s,border-color .2s,box-shadow .2s;display:flex;position:absolute}.lang-pill.hidden,.mode-pill.hidden{opacity:0;pointer-events:none}.lang-btn,.mode-btn{color:#ffffffa6;font-family:var(--font-family);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;border-radius:24px;padding:7px 15px;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.lang-btn:hover,.mode-btn:hover{color:#fff}.lang-btn.active,.mode-btn.active{color:#fff;background:linear-gradient(135deg,#ff4500 0%,#f70 50%,#fa0 100%);font-weight:700;box-shadow:0 2px 14px #ff5a0073}#model-loading-bar-container{z-index:100;pointer-events:auto;flex-direction:column;gap:10px;width:90%;max-width:380px;padding:14px 20px;transition:opacity .3s,visibility .3s,transform .3s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}#model-loading-bar-container.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,15px)}.loading-header{color:#fff;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;display:flex}#loading-percentage{background:linear-gradient(90deg,#f70,#fa0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:monospace;font-size:.95rem;font-weight:700}.progress-track{background:#ffffff1f;border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff3d00 0%,#f70 50%,#fa0 100%);border-radius:10px;width:0%;height:100%;transition:width .15s ease-out;box-shadow:0 0 14px #ff7700b3}.calibration-reticle{pointer-events:none;z-index:1000;border:2px solid #ffffffe6;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ff6a0066}.calibration-reticle:after{content:"";background-color:#f70;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turn-card-popup{text-align:center;z-index:30;width:88%;max-width:380px;padding:34px 26px;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),visibility .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turn-card-popup.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-46%)scale(.95)}.turn-card-icon-wrap{background:#ff6a001f;border:1px solid #ff782859;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 20px;animation:3s ease-in-out infinite pulse-rotate;display:flex;box-shadow:0 0 24px #ff5a0040}.turn-card-icon{stroke:#f70;width:34px;height:34px}@keyframes pulse-rotate{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.08)rotate(180deg)}to{transform:scale(1)rotate(360deg)}}.turn-card-popup h2{background:linear-gradient(135deg,#fff 40%,#ffb074 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:1.55rem;font-weight:700;line-height:1.3}.turn-card-popup p{color:var(--text-muted);margin-bottom:24px;font-size:1rem;font-weight:350;line-height:1.5}.secondary-style{padding:11px 30px;font-size:1rem}.email-btn{top:max(20px, env(safe-area-inset-top,20px));right:max(20px, env(safe-area-inset-right,20px));color:var(--text-color);letter-spacing:.01em;z-index:40;pointer-events:auto;cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s,background .2s;display:flex;position:absolute}.email-btn:hover{border-color:var(--glass-border-focus);transform:translateY(-2px)scale(1.03);box-shadow:0 8px 30px #0009,0 0 20px #ff6a004d}.email-btn:active{transform:translateY(0)scale(.97)}.email-icon{stroke:#f70;flex-shrink:0;width:18px;height:18px;transition:transform .2s,stroke .2s}.email-btn:hover .email-icon{stroke:#fa0;transform:scale(1.1)}.pre-camera-bg{z-index:1;opacity:1;pointer-events:none;background:url(/rainforest_bg.jpg) 50%/cover no-repeat;width:100%;height:100%;transition:opacity .8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.pre-camera-bg.fade-out{opacity:0}.brand-watermark{bottom:max(16px, env(safe-area-inset-bottom,16px));right:max(16px, env(safe-area-inset-right,16px));opacity:.35;pointer-events:auto;z-index:35;filter:drop-shadow(0 2px 8px #00000080);width:84px;height:70px;transition:opacity .3s,transform .3s;position:absolute}.brand-watermark:hover{opacity:.85;transform:scale(1.05)}.brand-watermark img{object-fit:contain;width:100%;height:100%;display:block}