body { font-family: system-ui, sans-serif; max-width: 820px; margin: 2rem auto; padding: 0 1rem; }
#steps { list-style: none; padding: 0; }
#steps li { border-left: 3px solid #ccc; margin: .5rem 0; padding: .5rem .75rem; }
#steps li[data-step="gate"] { border-color: #c60; }
pre { background: #f6f6f6; padding: .5rem; overflow-x: auto; white-space: pre-wrap; }
button { cursor: pointer; padding: .3rem .8rem; }
button:disabled { opacity: .4; cursor: default; }
#sandbox { margin-top: 2rem; }
#gate { margin-bottom: 1rem; display: flex; align-items: center; gap: .5rem; }
#role { font-style: italic; color: #555; }