Improve frontend performance and caching behavior

hdyc-svelte/src/app.css

@@ -62,14 +62,6 @@
   src: url('/fonts/jetbrains-mono/JetBrainsMono-SemiBold.woff2') format('woff2');
 }
 
-body {
-  visibility: visible;
-}
-
-:root[data-fonts='loading'] body {
-  visibility: hidden;
-}
-
 :root {
   /* ─── Colors (Dark Theme) ─────────────────────────────── */
   --bg:           #0c0f14;
@@ -467,11 +459,7 @@ a:focus-visible {
 .palette-dots {
   display: flex;
   gap: 0.25rem;
-  max-width: 38px;
-  overflow-x: hidden;
-  overflow-y: visible;
   flex: 0 0 auto;
-  transition: max-width 0.2s ease, gap 0.2s ease;
 }
 .palette-dot {
   width: 30px;
@@ -482,11 +470,10 @@ a:focus-visible {
   background-size: 160%;
   background-position: center;
   cursor: pointer;
-  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s;
+  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
   overflow: hidden;
   flex-shrink: 0;
-  order: 0;
   transform-origin: center;
 }
 .palette-dot:hover {
@@ -500,27 +487,6 @@ a:focus-visible {
 .palette-dot:focus-visible {
   outline: none;
 }
-.floating-palette-controls:not(:hover):not(:focus-within) .palette-dots {
-  gap: 0;
-}
-.floating-palette-controls:not(:hover):not(:focus-within) .palette-dot:not(.active) {
-  opacity: 0;
-  pointer-events: none;
-}
-.floating-palette-controls:not(:hover):not(:focus-within) .palette-dot.active {
-  order: -1;
-}
-.floating-palette-controls:hover .palette-dots,
-.floating-palette-controls:focus-within .palette-dots {
-  max-width: min(280px, calc(100vw - 2rem));
-  gap: 0.25rem;
-}
-.floating-palette-controls:hover .palette-dot:not(.active),
-.floating-palette-controls:focus-within .palette-dot:not(.active) {
-  opacity: 1;
-  pointer-events: auto;
-}
-
 @media (max-width: 520px) {
   .floating-palette-controls {
     gap: 0.2rem;