*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#1a1e23;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;overflow-x:hidden;text-align:center;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{cursor:grab;height:100vh;overflow:hidden;position:relative;width:100vw}.backButton{display:none}.handpicture{left:50%;max-height:80vh;max-width:90vw;object-fit:contain;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9001}a{color:inherit;text-decoration:none}@media (max-width:820px){.backButton{background-color:#0009;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:48px;left:1rem;position:absolute;top:1rem;width:48px;z-index:9001}.backButton,.container{align-items:center;justify-content:center}}.App{min-height:100vh;text-align:center;width:100%}.App-logo{animation:App-logo-spin 20s linear infinite;height:30vmin;pointer-events:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:2rem}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loadingOverlay{align-items:center;background-color:#1a1e23;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loadingLogo{animation:rotateAnimation 3s linear infinite;filter:invert(100%);height:140px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px;z-index:9001}.loadingText{animation:fadeInOut 2s ease-in-out infinite;color:#fff;font-size:1rem;margin-top:20px;opacity:.8}.loadingBar{background:#444;border-radius:3px;height:6px;margin-top:20px;max-width:300px;overflow:hidden;width:80%}.loadingBar:after{animation:loadingAnim 1.5s ease-in-out infinite;background:#00bfff;content:"";display:block;height:100%;width:40%}.backButton{align-items:center;background:#ffffffd9;border-radius:8px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;left:15px;padding:6px;position:fixed;top:15px;transition:background-color .2s ease;width:40px;z-index:11000}.backButton:hover{background:#fff}.backButton img{height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}@keyframes rotateAnimation{0%{transform:translate(-50%,-50%) rotateY(0deg)}to{transform:translate(-50%,-50%) rotateY(1turn)}}@keyframes loadingAnim{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fadeInOut{0%,to{opacity:.8}50%{opacity:1}}body{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.menuContainer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffb3;border-left:1px solid #0000001a;display:flex;flex-direction:row;height:100%;position:fixed;right:0;top:0;z-index:9001}.fingerMenu{flex-direction:column;gap:.5rem;padding:1rem}.fingerMenu,.menuArrow{align-items:center;display:flex;justify-content:center}.menuArrow{color:#333;cursor:pointer;font-size:2rem;font-weight:600;margin:.5rem;transition:background .2s ease}.menuArrow:hover{background-color:#0000001a;border-radius:50%}.ringButton{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#1a1e23;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.ringButton:hover{background-color:#f5f5f5}.fingerButton{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#1a1e23;cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:48px;justify-content:center;padding:.75rem 1rem;text-align:center;transition:all .2s ease;white-space:nowrap;width:140px}.fingerButton:hover{background-color:#f5f5f5}.ringMenu{background-color:#ffffffe6;border-radius:12px;box-shadow:0 8px 24px #0000004d;color:#000;flex-direction:column;justify-content:flex-start;left:50%;max-height:80vh;max-width:300px;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:9001}.ring,.ringMenu{align-items:center;display:flex;padding:1rem}.ring{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;justify-content:center;margin:.5rem 0;transition:all .2s ease;width:100%}.ARButton,.ring:hover{background-color:#f5f5f5}.ARButton{align-items:center;border-radius:50%;bottom:2rem;box-shadow:0 4px 12px #0000004d;color:#000;cursor:pointer;display:flex;font-size:2rem;font-weight:600;height:60px;justify-content:center;left:50%;position:fixed;transform:translateX(-50%);transition:transform .2s ease;width:60px;z-index:9001}.ARButton:hover{transform:translateX(-50%) scale(1.05)}.startOverlay{background-color:#fff;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.startContent,.startOverlay{align-items:center;display:flex}.startContent{flex-direction:column;gap:20px}.welcomeText{color:#000;font-size:1.5rem;text-align:center}.startButton{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px}.instructions{color:#222;line-height:1.4;margin-bottom:12px;text-align:center}.instructions h2{font-size:1.25rem;margin-bottom:.5rem}.instructions p{font-size:.9rem;margin-bottom:.3rem}.miniInstructions{color:#333;font-size:.85rem;line-height:1.2;margin-bottom:.5rem;text-align:center}.rotatingLogo{animation:spin 3s linear infinite;height:auto;margin-bottom:20px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.ARButton{bottom:1.5rem;height:56px;width:56px}}.input_video{object-fit:cover;z-index:201}.input_video,.output_canvas{height:100%;left:0;position:absolute;top:0;width:100%}.output_canvas{z-index:-200}.three_output{height:100%;left:0;position:absolute;top:0;width:100%;z-index:400}
/*# sourceMappingURL=main.a0391303.css.map*/