refactor: replace custom css utilities with tailwind arbitrary

static/assets/style.css

@@ -16,7 +16,6 @@
   --color-foreground: light-dark(#111111, #f3f4f6);
 
   --color-accent: #216a97;
-  --color-border: light-dark(rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.1));
   --color-surface-hover: light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.05));
 }
 
@@ -72,97 +71,3 @@ body {
   background-color: var(--color-background);
   color: var(--text);
 }
-
-button:not([data-unstyled-button]) {
-  border: 1px solid var(--color-border);
-}
-
-@layer utilities {
-  .shadow-soft {
-    box-shadow: var(--shadow-card);
-  }
-
-  .shadow-soft-hover:hover {
-    box-shadow: var(--shadow-card-hover);
-  }
-
-  .border-hairline {
-    border: 1px solid var(--color-border);
-  }
-
-  .heading-serif {
-    font-family: var(--font-serif);
-    letter-spacing: -0.03em;
-    line-height: 1.15;
-  }
-
-  .mono {
-    font-family: var(--font-mono);
-  }
-}
-
-/* Default to square corners; opt back in selectively (e.g. inputs). */
-:where(input, textarea, select) {
-  border-radius: 6px !important;
-}
-
-:where(.rounded-keep) {
-  border-radius: 6px !important;
-}
-
-.scrollbar-hide::-webkit-scrollbar {
-  display: none;
-}
-
-.scrollbar-hide {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-
-@media (min-width: 1024px) {
-  .scrollbar-hide::-webkit-scrollbar {
-    display: block;
-    height: 8px;
-  }
-
-  .scrollbar-hide::-webkit-scrollbar-track {
-    background: var(--scrollbar-track);
-    border-radius: 0;
-  }
-
-  .scrollbar-hide::-webkit-scrollbar-thumb {
-    background: var(--scrollbar-thumb);
-    border-radius: 0;
-  }
-
-  .scrollbar-hide::-webkit-scrollbar-thumb:hover {
-    background: var(--scrollbar-thumb-hover);
-  }
-
-  button.in-watchlist .watchlist-icon {
-    fill: currentColor !important;
-  }
-
-  .scrollbar-hide {
-    -ms-overflow-style: auto;
-    scrollbar-width: thin;
-    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
-  }
-}
-
-.show-controls [data-video-overlay] {
-  opacity: 1;
-}
-
-[data-video-player].fullscreen:not(.show-controls) [data-video-overlay] {
-  opacity: 0 !important;
-  pointer-events: none;
-}
-
-[data-video-player].fullscreen:not(.show-controls) {
-  cursor: none;
-}
-
-[data-video-player].fullscreen:not(.show-controls) video {
-  cursor: none;
-}