body {
      background-color: #000;
      color: #00ff00;
      font-family: monospace;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    .chat-container {
      display: flex;
      flex-direction: column;
      height: 100vh;
      padding: 10px;
      box-sizing: border-box;
    }
    .chat-messages {
      flex: 1;
      overflow-y: auto;
      border: 1px solid #00ff00;
      padding: 10px;
    }
    form {
      display: flex;
      flex-direction: row;
    }
    input[type="text"] {
      flex: 1;
      padding: 10px;
      border: 1px solid #00ff00;
      background-color: #000;
      color: #00ff00;
    }
    button {
      padding: 10px 20px;
      background-color: #00ff00;
      color: #000;
      border: none;
    }

    /* Responsividade */
    @media (max-width: 600px) {
      body {
        overflow: hidden;
      }
      .chat-container {
        height: 80vh; /* Reduzindo ainda mais a altura */
        padding: 5px;
      }
      .chat-messages {
        height: calc(100% - 80px); /* Ajustando altura para evitar rolagem */
        overflow-y: auto;
      }
      input[type="text"], button {
        padding: 8px;
        font-size: 14px;
      }
    }