.field{display:grid;gap:.3rem}
.field label{font-size:.875rem;font-weight:700}
.field input,.field textarea{
  width:100%;
  padding:.7rem .85rem;
  font:inherit;
  color:var(--fg);
  background:var(--card-solid);
  border:1px solid var(--border);
  border-radius:.7rem;
}
.field textarea{min-height:9rem;resize:vertical;line-height:1.7}
.field input:focus-visible,.field textarea:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:1px;
  border-color:transparent;
}

.submit{
  padding:.85rem 1.6rem;
  border:0;
  border-radius:999px;
  background:var(--accent);
  color:var(--accent-fg);
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.submit:hover{opacity:.92}

.notice{padding:.8rem 1rem;border-radius:.7rem;border:1px solid transparent;font-size:.9375rem}
.notice-success{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}
.notice-error{background:var(--ng-bg);border-color:var(--ng);color:var(--ng)}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}