* { box-sizing: border-box; }
body { margin: 0; padding: 16px; background: #f7f3ff; color: #29223b; font: 16px/1.5 system-ui, sans-serif; }
main { max-width: 640px; margin: 0 auto; }
h1 { font-size: 26px; line-height: 1.2; }
.eyebrow { color: #7053a8; font-size: 14px; }
.board { margin: 20px 0; padding: 16px; border: 1px dashed #a993d5; border-radius: 12px; background: white; }
button { max-width: 100%; min-height: 46px; padding: 10px 16px; border: 0; border-radius: 10px; background: #6e4fac; color: white; font: inherit; cursor: pointer; }
button:focus-visible { outline: 3px solid #322244; outline-offset: 3px; }
#status { min-height: 48px; }
/* TODO: добавь оформление своего поля после проверки одного действия. */