Change to inline style from reactive declarations

src/lib/ChatScreens/Chat.svelte

@@ -117,7 +117,7 @@
 
     $: displaya(message)
 </script>
-<div class="flex max-w-full justify-center risu-chat" class:bgc={isLastMemory}>
+<div class="flex max-w-full justify-center risu-chat" style={isLastMemory ? `border-top:${$DataBase.memoryLimitThickness}px solid rgba(98, 114, 164, 0.7);` : ''}>
     <div class="text-textcolor mt-1 ml-4 mr-4 mb-1 p-2 bg-transparent flex-grow border-t-gray-900 border-opacity-30 border-transparent flexium items-start max-w-full" >
         {#await img}
             <div class="shadow-lg bg-textcolor2 mt-2" style={`height:${$DataBase.iconsize * 3.5 / 100}rem;width:${$DataBase.iconsize * 3.5 / 100}rem;min-width:${$DataBase.iconsize * 3.5 / 100}rem`}

src/lib/ChatScreens/DefaultChatScreen.svelte

@@ -378,9 +378,6 @@
     $: {
         currentCharacter = $CurrentCharacter
     }
-    $: {
-        document.documentElement.style.setProperty('--memory-limit-thickness', $DataBase.memoryLimitThickness + 'px');
-    }
 </script>
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="w-full h-full" style={customStyle} on:click={() => {

src/styles.css

@@ -157,7 +157,7 @@ html, body{
 }
 
 .bgc{
-  border-top: var(--memory-limit-thickness) solid rgba(98, 114, 164, 0.7);
+  border-top: 1px solid rgba(98, 114, 164, 0.7);
 }
 
 .text-bordered{