*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff}#app{width:100%;height:100%;position:relative}#webcam{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7;filter:brightness(.5);pointer-events:none;z-index:0;transform:scaleX(-1)}#canvas:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%)}#canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}#entry-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;pointer-events:auto}#entry-screen h1{font-size:3rem;margin-bottom:1rem;font-weight:300;letter-spacing:.1em}#entry-screen p{font-size:1.25rem;opacity:.8;margin-bottom:2rem}#start-btn{padding:1rem 2.5rem;font-size:1.125rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50px;cursor:pointer;transition:all .3s ease}#start-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.privacy-notice{font-size:.875rem!important;opacity:.5!important;margin-top:2rem!important}#debug-overlay{position:absolute;top:8px;right:8px;padding:8px 12px;background:#000000b3;border-radius:4px;font-family:monospace;font-size:11px;color:#fffc;line-height:1.6}#debug-overlay span{color:#4fc3f7}#hand-indicator{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;background:#00000080;border-radius:4px;font-size:.875rem;opacity:.7}#no-hand-prompt{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;background:#000000b3;border-radius:8px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.settings-group{margin:1.5rem 0;display:flex;flex-direction:column;gap:1rem}.setting-row{display:flex;align-items:center;gap:1rem;justify-content:center}.setting-label{font-size:.875rem;opacity:.7;min-width:80px;text-align:right}.toggle-group{display:flex;gap:.5rem}.toggle-btn{padding:.5rem 1rem;font-size:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff9;border-radius:20px;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.toggle-btn.active{background:#ffffff26;border-color:#ffffff80;color:#fff}.hidden{display:none!important}.screen{background:radial-gradient(ellipse at center,#141428e6,#000000f2)}