add css support

dist/app.scss

@@ -1,4 +1,6 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
-@import url("https://rsms.me/inter/inter.css");
+@import url("https://rsms.me/inter/inter.css");
+@import "./styles/main";
+@import "./styles/dialog";

dist/styles/dialog.scss

@@ -0,0 +1,50 @@
+.dialog-body {
+
+  .covered {
+    @apply border-green-500;
+
+    &:nth-child(odd) {
+      @apply bg-green-400;
+    }
+
+    &:nth-child(even) {
+      @apply bg-green-300;
+    }
+  }
+
+  .missed {
+    @apply border-red-500;
+
+    &:nth-child(odd) {
+      @apply bg-red-400;
+    }
+
+    &:nth-child(even) {
+      @apply bg-red-300;
+    }
+  }
+
+  .never {
+    @apply border-gray-900;
+
+    &:nth-child(odd) {
+      @apply bg-gray-200;
+    }
+
+    &:nth-child(even) {
+      @apply bg-gray-50;
+    }
+  }
+
+  .skipped {
+    @apply border-yellow-500;
+
+    &:nth-child(odd) {
+      @apply bg-yellow-400;
+    }
+
+    &:nth-child(even) {
+      @apply bg-yellow-300;
+    }
+  }
+}

dist/styles/main.scss

@@ -0,0 +1,3 @@
+.clickable {
+  cursor: pointer;
+}