:root{--color-primary:#8b5cf6;--color-primary-mid:#a78bfa;--color-primary-soft:#c4b5fd;--color-bg:#0a0a12;--surface-glass:#ffffff14;--surface-glass-hover:#ffffff24;--surface-glass-border:#ffffff1f;--text-primary:#ffffffe6;--text-secondary:#ffffff8c;--text-tertiary:#ffffff4d;--font-display:"Exposure", sans-serif;--font-body:"Helvetica Neue", system-ui, -apple-system, sans-serif}@font-face{font-family:Exposure;src:url(/assets/ExposureTrialVAR-Dti97JJV.ttf)format("truetype");font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-bg);width:100%;height:100%;font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;overflow:hidden}.app{background:radial-gradient(#12101f 0%,#0a0a12 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.camera-container{border:1px solid #ffffff0f;border-radius:24px;width:92vw;max-width:1200px;height:85vh;position:relative;overflow:hidden}.camera-container video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.vignette-overlay{pointer-events:none;z-index:1;opacity:0;background:radial-gradient(60% 60%,#0000 0%,#0000001f 60%,#00000059 100%);transition:opacity .2s;position:absolute;inset:0}.status-text{text-align:center;letter-spacing:.04em;color:var(--text-secondary);pointer-events:none;z-index:10;text-transform:lowercase;font-family:Exposure,sans-serif;font-size:clamp(28px,5vw,56px);font-style:normal;transition:opacity .3s;position:absolute;left:0;right:0}.status-top{top:8vh}.debug-label{color:var(--text-secondary);z-index:20;pointer-events:none;background:#0006;border-radius:4px;padding:4px 8px;font-family:SF Mono,ui-monospace,monospace;font-size:12px;position:absolute;bottom:20px;left:20px}.controls{z-index:20;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.icon-btn{background:var(--surface-glass);border:1px solid var(--surface-glass-border);-webkit-backdrop-filter:blur(10px);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s,transform .1s;display:flex}.icon-btn:hover{background:var(--surface-glass-hover)}.icon-btn:active{transform:scale(.97)}.icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.help-overlay{-webkit-backdrop-filter:blur(20px);z-index:30;background:#080514eb;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}.help-content{color:var(--text-primary);text-align:center;max-width:420px}.help-content h2{letter-spacing:.02em;margin-bottom:24px;font-size:28px;font-weight:300}.help-gesture-img{opacity:.85;width:260px;height:auto;margin-bottom:24px}.help-content p{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:12px;font-size:16px;line-height:1.6}.help-close{background:var(--surface-glass);border:1px solid var(--surface-glass-border);color:var(--text-primary);cursor:pointer;border-radius:999px;margin-top:32px;padding:10px 28px;font-size:14px;transition:background .2s}.help-close:hover{background:var(--surface-glass-hover)}.help-close:active{transform:scale(.97)}.help-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.start-screen{background:var(--color-bg);color:var(--text-primary);z-index:15;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.start-gesture-img{opacity:.85;width:260px;height:auto}.start-screen h2{letter-spacing:.04em;text-transform:lowercase;font-variation-settings:"EXPO" -60;font-size:clamp(48px,10vw,96px);font-weight:300}.start-screen p{font-family:var(--font-body);color:var(--text-secondary);font-size:15px;font-weight:300}.start-btn{background:var(--surface-glass);border:1px solid var(--surface-glass-border);color:var(--text-primary);font-size:14px;font-family:var(--font-display);cursor:pointer;letter-spacing:.05em;text-transform:lowercase;border-radius:999px;margin-top:24px;padding:10px 28px;transition:background .2s,transform .1s}.start-btn:hover{background:var(--surface-glass-hover)}.start-btn:active{transform:scale(.97)}.start-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.loading-state,.error-state{color:var(--text-secondary);z-index:15;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.loading-state .spinner{border:3px solid #8b5cf626;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:15px;font-weight:300}.error-state .error-icon{margin-bottom:8px;font-size:48px}.error-state h3{color:var(--text-primary);font-size:20px;font-weight:400}.error-state p{text-align:center;max-width:320px;font-size:14px;line-height:1.5}