:root{color:#1a1a1a;font-family:system-ui,sans-serif}body{max-width:40rem;margin:0 auto;padding:1rem}header{border-bottom:1px solid #ddd;gap:1rem;padding-bottom:1rem;display:flex}footer{border-top:1px solid #ddd;margin-top:2rem;padding-top:1rem}form{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}label{flex-direction:column;gap:.25rem;display:flex}input{font:inherit;padding:.25rem .5rem}[role=alert]{color:#b00020}.stacked{flex-direction:column;align-items:stretch;gap:.5rem;max-width:24rem;display:flex}.stacked button{align-self:start}.hint{color:#555;margin:0;font-size:.9rem}:focus-visible{outline-offset:2px;outline:2px solid #1a56db}label.inline{flex-direction:row;align-items:center;gap:.5rem}.passkey,.security section{margin-top:1.5rem}.qr{width:12rem;height:12rem}.qr svg{width:100%;height:100%}.codes{columns:2;padding-left:1.25rem;font-family:ui-monospace,monospace}.passkeys{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.grant,[data-offers]{margin-top:1.5rem}.buttons{gap:.5rem;display:flex}.offers{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.offers h3,.offers p{margin:0 0 .25rem}