:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.camera-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.step1{position:fixed;width:100%;height:100%;background:url(/bg.png) no-repeat center center;background-size:cover}.step1-inner{position:absolute;bottom:10vw;left:20vw;width:60vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-input,.next-btn{font-size:24px;font-weight:500;border-radius:0;width:100%;outline:none}.phone-input{width:100%;height:76px;border:3px solid #F6A41C;padding:0 16px;margin-bottom:16px}.next-btn{height:66px;background-color:#f6a41c;border:none;outline:none;border-radius:6px}.next-btn:active{background-color:#eb9e1f}.step2{display:none;position:fixed;width:100%;height:100%;background:#533521}.step2-active{display:block}.step2-inner,.step3-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#533521}.webcam{flex:1;object-fit:fill}.control-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:150px;background-color:#333}.bar-item{width:100%;text-align:center;color:#fff;font-size:24px;font-weight:500;display:flex;align-items:center;justify-content:center}.take-btn{background-color:#fff;border-radius:50%;width:60px;height:60px;border:5px solid #fff;box-shadow:0 0 0 1px #333 inset}.step3{position:fixed;width:100%;height:100%;background:url(/bg.png) no-repeat center center;background-size:cover}.step3-img-box{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:25px}.screenshot{width:100%;height:100%;object-fit:cover;object-position:center}.step3-btns{padding:0 5vw}.step3-btns .next-btn{width:48%;display:flex;align-items:center;justify-content:center}.mb16{margin-bottom:16px;display:block}.icon-key{width:30px;height:30px}.icon-square{margin:0 6px}