:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#141414;color:#eee}*{box-sizing:border-box}body{margin:0;padding:20px}main{max-width:520px;margin:auto}h1{font-size:25px}h1 small{display:block;color:#a89bff;font-size:14px;font-weight:400}p{line-height:1.5;color:#bbb}#status{color:#d8d0ff;min-height:3em}#error{color:#ffaca7}.camera{position:relative;aspect-ratio:5/7;max-height:55dvh;max-width:calc(55dvh * 5 / 7);margin:12px auto;background:#080808;border-radius:14px;overflow:hidden}video{display:block;width:100%;height:100%;object-fit:cover}.guide{position:absolute;inset:4%;border:2px solid #b9adff;border-radius:12px;pointer-events:none}.buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}button{background:#8a7dff;color:#fff;border:0;border-radius:10px;padding:13px 17px;font:inherit;cursor:pointer}button:disabled{opacity:.5}.privacy{font-size:13px}button[hidden]{display:none}