form

app/globals.css

@@ -11,7 +11,6 @@
   body {
     @apply bg-white text-slate-800 font-serif antialiased selection:bg-slate-900 selection:text-white;
     line-height: 1.8;
-    -webkit-tap-highlight-color: transparent;
   }
   
   /* Typography */
@@ -65,30 +64,17 @@
   }
   
   /* Focus states */
-  a, button, input, textarea {
-    -webkit-tap-highlight-color: transparent;
-  }
-
   a:focus,
   button:focus,
   input:focus,
-  textarea:focus,
-  a:active,
-  button:active,
-  input:active,
-  textarea:active,
-  a:focus-visible,
-  button:focus-visible,
-  input:focus-visible,
-  textarea:focus-visible {
+  textarea:focus {
     outline: none !important;
-    outline: 0 !important;
     box-shadow: none !important;
-    border-radius: inherit !important;
   }
 
-  button::-moz-focus-inner {
-    border: 0 !important;
+  /* Remove default tap highlight on mobile */
+  * {
+    -webkit-tap-highlight-color: transparent !important;
   }
 }
 
@@ -382,7 +368,8 @@
 }
 
 .highlighter-tag:focus {
-  @apply ring-2 ring-slate-900 ring-offset-2 -translate-y-0.5 scale-105;
+  @apply -translate-y-0.5 scale-105;
+  outline: none !important;
 }
 
 /* Marker Title Styles */