body { margin: 0; font-family: system-ui, sans-serif; line-height: 1.5; color: #1a1a1a; background: #f6f6f4; }
main { max-width: 26rem; margin: 3rem auto; padding: 2rem; background: #fff; border: 1px solid #ddd; }
h1 { font-size: 1.4rem; margin-top: 0; }
label { display: block; margin-top: 1rem; font-weight: 600; }
input { display: block; width: 100%; box-sizing: border-box; padding: 0.5rem; margin-top: 0.25rem; font: inherit; }
button { margin-top: 1.5rem; padding: 0.6rem 1.2rem; font: inherit; cursor: pointer; }
.message { padding: 0.75rem; background: #eef3fb; border-left: 4px solid #3563a8; }
.message.error { background: #fbeeee; border-left-color: #a83535; }
.key, .codes { font-family: ui-monospace, monospace; }
.codes { list-style: none; padding: 0; }
svg { display: block; margin: 1rem 0; }