:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#111827;color:#f3f4f6;font:16px/1.65 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:24px}nav{display:flex;flex-wrap:wrap;gap:12px}a{color:#9be4d0}h1,h2{line-height:1.3}.eyebrow{color:#c4b5fd;font-size:.8rem;letter-spacing:.12em}section{border:1px solid #506073;border-radius:14px;padding:20px;margin:22px 0}label{display:block;margin:10px 0}input{width:100%;max-width:100%;padding:12px;background:#1e293b;color:#fff;border:1px solid #8ea2b8;border-radius:6px;font:inherit}button{min-height:44px;padding:12px;margin:8px 8px 8px 0;font:inherit;color:#fff;background:#37305b;border:1px solid #8ea2b8;border-radius:6px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}ul{padding-left:20px}li{margin:16px 0;padding-bottom:12px;border-bottom:1px solid #506073}code,li,p{overflow-wrap:anywhere}code{display:block;white-space:pre-wrap;font-size:.9rem}#passkeys-message,#passkeys-result{border-left:3px solid #9be4d0;padding-left:12px}#passkeys-result:empty{display:none}:focus-visible{outline:3px solid #7ce6ba;outline-offset:3px}[hidden]{display:none!important}@media(max-width:360px){main{padding:14px}section{padding:14px}button{width:100%;margin-right:0}}