*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,Comic Neue,Quicksand,Arial,Microsoft YaHei,sans-serif;background:#000;min-height:100vh;overflow:hidden;position:relative}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#input_video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;pointer-events:none}.ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.header{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);pointer-events:none}.header h1{font-size:2.5rem;color:#0ff;margin-bottom:10px;font-weight:700}.header p{font-size:1.2rem;color:#fff;font-family:Comic Neue,cursive}.gesture-status{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#0ff;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-family:Comic Neue,cursive;border:2px solid #00ffff;pointer-events:none}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#0ff;font-size:1.5rem;z-index:100;text-align:center}@media (max-width: 768px){.header h1{font-size:1.8rem}.header p{font-size:1rem}.gesture-status{font-size:.9rem;padding:10px 20px}}