* {
  box-sizing: border-box;
  border: 0; }

body {
  font: 12pt "times new roman", "times", serif;
  text-rendering: optimizeSpeed;
  max-width: 40rem;
  margin: 0 auto;
  padding: 8px; }
  body header div {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    body header div nav {
      display: flex;
      gap: 4px; }
  body main #content-meta {
    display: flex;
    gap: 10px; }
  body main .content {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: preserve-breaks;
    line-height: 1.5; }
  body main ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  body main .alert {
    font-weight: 800;
    padding: 4px 8px 4px 8px; }
  body main form .form-field {
    margin-bottom: 8px; }
    body main form .form-field #content {
      font-family: "times new roman", "times", serif;
      font: inherit;
      resize: vertical;
      padding: 4px 8px 4px 8px;
      width: 100%; }
    body main form .form-field label {
      display: block;
      font-style: italic;
      margin-bottom: 4px; }
    body main form .form-field input {
      color: inherit;
      font-size: inherit;
      font-family: inherit;
      width: 100%;
      padding: 4px 8px 4px 8px; }
  body main form #submit {
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    padding: 4px 8px 4px 8px; }
  body main #entry-actions h3 {
    border-bottom: 1px solid #ffffff8a; }

body {
  color: #222;
  background-color: #e1e1e1; }
  body form .form-field input {
    background-color: #fff;
    border: 1px solid #909090; }
  body form .form-field #content {
    background-color: #fff;
    border: 1px solid #909090;
    color: #222; }
  body form #submit {
    border: 1px solid #909090; }
  body a {
    color: #222; }
  body a:hover {
    color: #661515; }
  body .alert {
    background-color: #bdaa11;
    color: #222; }
  body ::selection {
    color: #000;
    text-shadow: none;
    background-color: #bbb; }
  body ::-moz-selection {
    color: #000;
    text-shadow: none;
    background-color: #bbb; }

@media (prefers-color-scheme: dark) {
  body {
    color: #fcfc;
    background-color: #111; }
    body form .form-field input {
      background-color: #181818;
      border: 1px solid #aaa; }
    body form .form-field #content {
      background-color: #181818;
      border: 1px solid #aaa;
      color: #fcfc; }
    body form #submit {
      background-color: #181818;
      border: 1px solid #aaa;
      color: #fcfc; }
    body a {
      color: #bf98bf; }
    body a:hover {
      color: #9296d7; }
    body .alert {
      background-color: #14a1d9;
      color: #222; }
    body ::selection {
      color: #959595;
      text-shadow: none;
      background-color: #0b0b0b; }
    body ::-moz-selection {
      color: #959595;
      text-shadow: none;
      background-color: #0b0b0b; } }