:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{width:100%;margin:0 auto;text-align:center}.hand-detector-container[data-v-90cd77ed]{position:fixed;bottom:20px;right:20px;width:240px;background:#0009;border-radius:12px;padding:10px;z-index:1000;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px #0000004d}.video-container[data-v-90cd77ed]{position:relative;width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#000}.input_video[data-v-90cd77ed]{position:absolute;width:100%;height:100%;transform:scaleX(-1);object-fit:cover;left:0;top:0}.output_canvas[data-v-90cd77ed]{position:absolute;width:100%;height:100%;transform:scaleX(-1);left:0;top:0}.gesture-display[data-v-90cd77ed]{margin-top:8px;font-size:16px;font-weight:700;color:#fff;text-align:center}.loading[data-v-90cd77ed]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:10px;border-radius:4px;font-size:12px;z-index:10;white-space:nowrap}.face-detector-container[data-v-b2ff7a94]{position:fixed;bottom:20px;right:20px;width:240px;background:#0009;border-radius:12px;padding:10px;z-index:1000;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px #0000004d}.video-container[data-v-b2ff7a94]{position:relative;width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#000}.input_video[data-v-b2ff7a94]{position:absolute;width:100%;height:100%;transform:scaleX(-1);object-fit:cover;left:0;top:0}.output_canvas[data-v-b2ff7a94]{position:absolute;width:100%;height:100%;transform:scaleX(-1);left:0;top:0}.emotion-display[data-v-b2ff7a94]{margin-top:8px;font-size:16px;font-weight:700;color:#fff;text-align:center}.loading[data-v-b2ff7a94]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:10px;border-radius:4px;font-size:12px;z-index:10;white-space:nowrap}.app-container[data-v-d06ea446]{position:relative;width:100vw;height:100vh;overflow:hidden;font-family:Inter,sans-serif}#tsparticles[data-v-d06ea446]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.ui-overlay[data-v-d06ea446]{position:absolute;top:20px;left:20px;text-align:left;z-index:10;background:#0006;padding:1.5rem;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;box-shadow:0 4px 6px #0000001a;min-width:250px}.title[data-v-d06ea446]{font-size:1.5rem;margin:0 0 1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.mode-switch-container[data-v-d06ea446]{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.mode-label[data-v-d06ea446]{font-weight:700;font-size:1rem}.instruction[data-v-d06ea446]{font-size:1rem;font-weight:500;margin:0;line-height:1.6}.switch[data-v-d06ea446]{position:relative;display:inline-block;width:50px;height:24px}.switch input[data-v-d06ea446]{opacity:0;width:0;height:0}.slider[data-v-d06ea446]{position:absolute;cursor:pointer;inset:0;background-color:#2196f3;transition:.4s}.slider[data-v-d06ea446]:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider[data-v-d06ea446]{background-color:#4caf50}input:focus+.slider[data-v-d06ea446]{box-shadow:0 0 1px #4caf50}input:checked+.slider[data-v-d06ea446]:before{transform:translate(26px)}.slider.round[data-v-d06ea446]{border-radius:34px}.slider.round[data-v-d06ea446]:before{border-radius:50%}.sun[data-v-d06ea446]{position:absolute;top:50px;right:50px;width:100px;height:100px;background:gold;border-radius:50%;box-shadow:0 0 40px gold,0 0 80px orange;animation:pulse-d06ea446 4s infinite alternate;z-index:1}@keyframes pulse-d06ea446{0%{transform:scale(1);opacity:.9}to{transform:scale(1.1);opacity:1}}