:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{max-width:26rem;margin:3rem auto;padding:0 1rem}form{gap:1rem;margin:1rem 0;display:grid}label{gap:.25rem;font-size:.9rem;display:grid}input{padding:.55rem;font-size:1rem}button{cursor:pointer;margin-right:.5rem;padding:.55rem 1rem;font-size:1rem}nav{gap:.5rem;margin-bottom:1rem;display:flex}nav button.active{font-weight:700;text-decoration:underline}.secondary{opacity:.8}h2{margin:1.5rem 0 .5rem;font-size:1rem}.passkeys{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.passkeys li{border:1px solid #80808059;border-radius:.4rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.passkeys small{opacity:.75}.passkeys button{margin:0}.phone{margin:.5rem 0 0;display:block}.hint{opacity:.75;font-size:.85rem}.error{color:#c0392b}.ok{color:#2e7d32}