*{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}.entry-nav{display:flex;gap:1.5rem;margin-top:1.5rem;font-size:.8rem}.entry-nav a{color:#ffffff80;text-decoration:none;transition:color .2s}.entry-nav a:hover{color:#fffc}#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)}.skip-link{position:absolute;top:-40px;left:0;background:#fff;color:#000;padding:8px 16px;z-index:100;text-decoration:none;font-weight:600}.skip-link:focus{top:0}#start-btn:focus,.toggle-btn:focus{outline:2px solid #4fc3f7;outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@keyframes pulse{0%,to{opacity:.75}}}.inspiration-note{font-size:.8rem!important;opacity:.6!important;margin-top:.5rem!important;margin-bottom:1.5rem!important}.inspiration-note a{color:#4fc3f7;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.inspiration-note a:hover{border-bottom-color:#4fc3f7}