:root{color-scheme:dark;font:17px Arial,Helvetica,sans-serif;background:#0f0f0f;color:#f1f1f1}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:520px;text-align:center}.brand{font-size:22px;font-weight:800;display:flex;gap:10px;justify-content:center;align-items:center}.brand span{background:#f22e36;border-radius:9px;padding:5px 12px;font-size:18px}.lock{font-size:48px;margin:36px 0 12px;color:#a4a4a4}h1{font-size:30px;margin:16px 0}p{color:#b9b9b9;line-height:1.55;margin:16px 0}button{font:inherit;border:0;border-radius:25px;min-height:52px;padding:12px 28px;background:#f1f1f1;color:#101010;cursor:pointer;touch-action:manipulation;margin:12px 0}button:focus-visible{outline:3px solid #9ccaff;outline-offset:4px}button:disabled{opacity:.6}#code{display:block;font-size:42px;letter-spacing:6px;font-variant-numeric:tabular-nums;user-select:all}#instruction{font-size:15px}#status{min-height:26px}footer{color:#737373;font-size:13px;margin-top:32px}