--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/chat.css	Wed Oct 30 23:18:45 2024 -0600
@@ -0,0 +1,75 @@
+div[content] {
+	margin-bottom: 0;
+	display: flex;
+	xheight: 100%;
+	height: calc(100vh - 32px);
+	margin-left: calc(3% - 8px);
+	margin-right: 0;
+}
+
+div[chats] {
+	width: 250px;
+	padding-right: 8px;
+	flex-shrink: 0;
+	overflow-y: auto;
+}
+
+div[chats] > div {
+	margin-top: 2px;
+	margin-bottom: 2px;
+	padding-top: 16px;
+	padding-bottom: 16px;
+	padding-left: 8px;
+	padding-right: 8px;
+	border-radius: 4px;
+}
+
+div[chats] > div:hover,
+div[chats] > div[selected] {
+	background-color: LightBlue;
+}
+
+div[posts] {
+	padding-left: 8px;
+	border-left: 1px solid;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
+div[posts] > * {
+	padding-right: 3vw;
+}
+
+div[top] {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+div[main] {
+	overflow-y: auto;
+}
+
+div[post] {
+	margin-top: 16px;
+	margin-bottom: 16px;
+}
+
+div[text] {
+	white-space-collapse: preserve;
+}
+
+div[input] {
+	padding-top: 1em;
+	padding-bottom: 1em;
+	display: flex;
+	gap: 8px;
+	align-items: flex-end;
+}
+
+div[input] textarea {
+	flex-grow: 1;
+	max-height: 150px;
+	resize: none;
+}