#chat-window {
  display: flex;
  flex-direction: column;
  flex: 1;

  #chat-messages {
    flex: 1;
    display: flex;
    flex-direction: column;

    max-height: calc(-4em + 100vh);
    overflow-y: scroll;
    padding-bottom: 1em;

    article {
      margin: 0;
      white-space: pre-wrap;
    }

    .system {
      font-style: italic;
      text-align: right;
    }

    .danger {
      background-color: red;
      color: white;
    }

    p {
      margin-bottom: 0;
    }

    ol,
    ul {
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 0;
      margin-bottom: 0;
    }
  }

  #history {
    padding-bottom: 0.5em;
    border-bottom: 1px solid rgb(var(--color-fg) / 0.25);
    margin-bottom: 0.5em;
  }
}

#chat-form {
  input {
    width: calc(100%);
    border-radius: 0;
  }
}