body { font-family: system-ui, sans-serif; max-width: 720px; margin: 1.5rem auto; padding: 0 1rem; color: #1b1b1b; background: #fff; }
header { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #ccc; padding-bottom: .5rem; }
nav a { margin-right: .75rem; }
#who { margin-left: auto; font-size: .9rem; }
button { display: block; width: 100%; margin: .4rem 0; padding: .6rem; font-size: 1rem; cursor: pointer; }
input { padding: .5rem; font-size: 1rem; width: 100%; box-sizing: border-box; }
label { display: block; margin: .5rem 0 .25rem; }
#out { margin-top: 1rem; padding: .75rem; background: #f2f2f2; color: #1b1b1b; white-space: pre-wrap; min-height: 2rem; }