@charset "utf-8";

                body {
                  font-family: "Helvetica", "Apple SD Gothic Neo", sans-serif;
                  background-color: #e5ddd5;
                  margin: 0;
                }

                .chat-container {
                  max-width: 500px;
                  margin: auto;
                  background-color: #fff;
                  border-radius: 10px;
                  padding: 15px;
                  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
                }

                .message {
                  display: flex;
                  margin-bottom: 12px;
                  align-items: flex-end;
                }

                .message.sent {
                  justify-content: flex-end;
                }

                .message.received {
                  justify-content: flex-start;
                }

                .bubble {
                  max-width: 70%;
                  padding: 10px 14px;
                  border-radius: 18px;
                  line-height: 1.4;
                  font-size: 14px;
                  white-space: normal;
                }

                .bubble img {
                  display: block;
                  padding: 0;
                  margin-top: 10px;
                  margin-bottom: 5px;
                  max-width: 100%;
                  border-radius: 10px;
                }

                .sent .bubble {
                  background-color:#98C593;
                  color: #000;
                  border-bottom-right-radius: 0;
                }

                .received .bubble {
                  background-color:#EAEAEA;
                  color: #000;
                  border-bottom-left-radius: 0;
                }
.hr.hr-solid {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  max-width: 700px;
  margin: 2.5em auto; /* 위아래 여백 + 가운데 정렬 */
  line-height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  clear: both;
}