html, body { margin: 0; min-height: 100%; }
body {
  background: #e7f3f2;
  color: #0e4d4d;
  font: 16px/1.4 "Segoe UI", Tahoma, sans-serif;
}
main {
  max-width: 40rem;
  margin: 0 auto;
  padding: 18vh 1.2rem 3rem;
  text-align: center;
}
#id {
  font: 1.35rem/1.4 ui-monospace, Consolas, monospace;
  word-break: break-all;
  margin: 0 0 1.4rem;
}
.row { display: flex; gap: 0.5rem; justify-content: center; }
button {
  font: inherit;
  background: #0e4d4d;
  color: #e7f3f2;
  border: 0;
  padding: 0.55rem 1.1rem;
  cursor: pointer;
}
#copy { background: transparent; color: #0e4d4d; outline: 1px solid #0e4d4d; }
ol {
  list-style: none;
  padding: 0;
  margin: 2rem 0 0;
  text-align: start;
  font: 13px/1.7 ui-monospace, Consolas, monospace;
  color: #3a7373;
}