:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{text-align:center;box-sizing:border-box;max-width:100%;margin:0 auto;padding:1rem}.app-container{background:0 0;min-height:100vh;padding:10px}.app-title{color:#f0f0f0;margin-top:10px;font-size:2.5rem}.html-content{width:100%;max-width:800px;margin:20px auto}body{box-sizing:border-box;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);margin:0;padding:0;overflow-x:hidden}h1{color:#2e7d32;margin:1rem 0;font-size:2rem}button{color:#fff;cursor:pointer;touch-action:manipulation;background-color:#4caf50;border:none;border-radius:25px;width:90%;max-width:300px;margin:10px;padding:12px 30px;font-size:16px;font-weight:700;transition:all .3s}button:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px)}button:disabled{cursor:not-allowed;background-color:#ccc}@media (max-width:768px){h1{font-size:1.5rem}button{padding:10px 25px;font-size:15px}}@media (max-width:480px){#root{padding:.5rem}h1{font-size:1.3rem}button{width:95%;padding:10px 20px;font-size:14px}}.webcam-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;display:flex}.webcam-video{object-fit:cover;border:3px solid #4caf50;border-radius:50%;width:400px;height:400px;margin-top:20px;transform:scaleX(-1);box-shadow:0 24px 24px #4caf504d,0 4px 12px #0000001a}.capture-button{cursor:pointer;border:none;border-radius:8px;margin-top:20px;padding:12px 30px;font-size:16px;font-weight:700;transition:all .3s;color:#fff!important;background-color:#0000!important}.capture-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #fcfcfc4d;background-color:#00ff0d2a!important}.capture-button:active{transform:translateY(0);box-shadow:0 2px 4px #4caf504d}.capture-button:disabled{cursor:not-allowed;transform:none;background-color:#ccc!important}.manual-section{margin-top:30px;padding:15px}