fix: Viewer not overriding default styles with host-set theme

Added [Tailwind's `@layer` directive](https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layer) to fix specificity overruling

tailwind.css

@@ -2,6 +2,9 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {}
+
+@layer components {
 	.res-media {
 		@apply border-l-4 rounded max-h-half-port;
 	}
@@ -25,3 +28,6 @@
 			/* transitions */
 			ease-linear duration-150 transition-all;
 	}
+}
+
+@layer utilities {}