textarea { width: 100%; max-width: var(--measure); font: inherit; font-size: 1rem; line-height: 1.5; color: var(--ink); background: var(--paper-deep); border: 1px solid var(--rule); padding: .9rem 1rem; resize: vertical; margin: .5rem 0 .8rem; }
textarea:focus { outline: 2px solid var(--gold); outline-offset: 2px; border-color: var(--gold); }
input[type=email] { font: inherit; font-size: 1rem; color: var(--ink); background: var(--paper); border: 1px solid var(--rule); padding: .55rem .8rem; width: 100%; max-width: 32rem; display: block; margin: .5rem 0 .8rem; }
.names { font-size: .9rem; color: var(--ink-light); margin: 0 0 .8rem; }
.names code { background: var(--paper-deep); padding: 0 .3em; }
.emailrow { margin: .5rem 0 1rem; max-width: var(--measure); }
.emailrow label { display: block; margin-bottom: .2rem; }
.status { font-family: var(--serif); font-style: italic; color: var(--ink-light); min-height: 1.6em; margin: .4rem 0 1rem; max-width: var(--measure); }
.status.err { color: var(--terracotta); font-style: normal; }
#result h2 { margin-top: 2rem; }
.record .k { color: var(--ink-light); }
.record .vague { color: var(--gold); }
.record .undone { color: var(--terracotta); }
.record .anom { color: var(--ink-light); font-style: italic; }
button.offer { cursor: pointer; }
button.offer[disabled] { opacity: .5; cursor: default; }