body,html{background-color:#000;width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#webcam-video{object-fit:cover;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0;transform:scaleX(-1)}#display-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}#controls{z-index:10;justify-content:flex-end;gap:15px;display:flex;position:absolute;bottom:20px;right:20px}button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:.5;background:#0006;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-family:inherit;font-size:1.5rem;transition:all .3s;display:flex}button:hover{opacity:1;background:#323232cc;transform:scale(1.1)}button.active{opacity:1;background:#fff3;border-color:#fff;box-shadow:0 0 15px #ffffff4d}#btn-fire.active{text-shadow:0 0 10px #f50;border-color:#f50;box-shadow:0 0 15px #f50}#btn-snow.active{text-shadow:0 0 10px #0ff;border-color:#0ff;box-shadow:0 0 15px #0ff}#btn-rgb.active{text-shadow:0 0 10px #f0f;border-color:#f0f;box-shadow:0 0 15px #f0f}#btn-glitch.active{text-shadow:0 0 10px #f05;border-color:#f05;box-shadow:0 0 15px #f05}#btn-trail.active{text-shadow:0 0 10px #0fa;border-color:#0fa;box-shadow:0 0 15px #0fa}#btn-neon.active{text-shadow:0 0 10px #e024ff;border-color:#e024ff;box-shadow:0 0 15px #e024ff}