html {
  background: #fff;
  cursor: url("cursor.svg") 3 2, auto;
}
html:active { cursor: url("cursor-select.svg") 3 2, auto; }
a:hover { cursor: url("cursor-select.svg") 3 2, auto; }
body {
  margin: 0;
  padding: 8px;
  color: #444;
  background: #fff;
  cursor: inherit;
  font-family: "Courier New", Courier, ui-monospace, Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 1.35;
  max-width: 70ch;
}
h1 {
  font-family: "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 12px 0 20px;
}
a { color: #0000ee; }
a:visited { color: #551a8b; }
ul { list-style: none; margin: 0; padding: 0; }
li { white-space: nowrap; }
p { margin: 0 0 1.4em; }
hr { border: 0; border-top: 1px dashed #000; margin: 1.4em 0; }
.dim { color: #666; }

/* guestbook */
form { margin: 0 0 1.4em; }
label { display: block; margin-bottom: 4px; }
input[type=text], textarea {
  font: inherit;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 0;
  padding: 3px;
  background: #fff;
}
textarea { height: 6em; resize: vertical; }
button {
  font: inherit;
  border: 1px solid #000;
  border-radius: 0;
  background: #eee;
  padding: 2px 10px;
  cursor: pointer;
  margin-top: 6px;
}
button:disabled { color: #888; cursor: default; }
.hp { position: absolute; left: -9999px; }
.entry { margin-bottom: 1.2em; }
.entry .who { font-weight: bold; }
.entry .when { color: #666; }
.entry .msg { white-space: pre-wrap; word-wrap: break-word; }
#status { margin-left: 8px; }