@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(168,85,247,.5)}50%{text-shadow:0 0 40px rgba(168,85,247,.8),0 0 60px rgba(168,85,247,.3)}}@keyframes inputFocus{0%{transform:scale(1);box-shadow:0 0 0 rgba(168,85,247,0)}50%{transform:scale(1.02);box-shadow:0 0 10px rgba(168,85,247,.3)}to{transform:scale(1);box-shadow:0 0 0 rgba(168,85,247,0)}}:root{--background-light:#f8fafc;--background-dark:#0a0a0a;--text-light:#2A3547;--text-dark:#e1e3e5}body{margin:0;padding:0;min-height:100vh}[data-theme=light] body{background-color:var(--background-light);color:var(--text-light)}[data-theme=dark] body{background-color:var(--background-dark);color:var(--text-dark)}.theme-wrapper *,body{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out}input:focus{outline:none;animation:inputFocus .3s ease-in-out}.page-enter{opacity:0;transform:translateX(100%)}.page-enter-active{transition:opacity .3s,transform .3s}.page-enter-active,.page-exit{opacity:1;transform:translateX(0)}.page-exit-active{opacity:0;transform:translateX(-100%);transition:opacity .3s,transform .3s}.mirror-video{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1)}.face-tracking-container{position:relative;width:-moz-fit-content;width:fit-content}.face-tracking-container canvas,.face-tracking-container video{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1)}.theme-toggle-button{transition:transform .2s ease-in-out,opacity .2s ease-in-out!important}.theme-toggle-button:hover{transform:scale(1.1)}.theme-wrapper{position:relative;min-height:100vh}