Fix memory leakage

index.html

@@ -42,6 +42,9 @@
 				font-size: 0.4cm;
 				background: rgb(0, 0, 0);
 				background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
+				display: flex;
+				justify-content: space-between;
+				align-items: baseline;
 			}
 			div#BLARF .MKVControls > * {
 				vertical-align: middle;
@@ -53,6 +56,9 @@
 				cursor: pointer;
 				font-size: 0.75cm;
 			}
+			div#BLARF .MKVStatus {
+				margin-right: 0.5em;
+			}
 			div#BLARF > canvas {
 				background: url(intermission.jpg) black;
 				background-position: 0 30%;
@@ -71,6 +77,10 @@
 				display: block;
 				line-height: initial;
 			}
+			span.chat-msg__heading {
+				width: inherit !important;
+				margin-bottom: 0;
+			}
 			
 			@media(max-aspect-ratio: 1) {
 				div.everything {
@@ -122,6 +132,11 @@
 		<script>
 			document.querySelector("#BLARF").setAttribute("data-target", STREAM_SOURCE_WS)
 			
+			function randomHex(size) {
+				return [...self.crypto.getRandomValues(new Uint8Array(size))].map(b=>b.toString(16).padStart(2, "0")).join("")
+			}
+			const un = 'lol' + randomHex(16)
+			
 			if(ENABLE_CHAT) {
 				converse.initialize({
 					view_mode: 'embedded',