fix: legend CSS via <style> tag instead of globals.css (Tailwind v4 tree-shaking)

web/app/globals.css

@@ -16,6 +16,3 @@ body {
   font-family: ui-sans-serif, system-ui, sans-serif;
 }
 
-.u-legend .u-series:first-child {
-  display: none;
-}

web/components/ChartCard/CardShell.tsx

@@ -48,6 +48,7 @@ export function CardShell({ title, onEdit, onDelete, empty, children, legendCont
             ref={legendContainerRef}
             className="shrink-0 max-h-[25%] overflow-y-auto border-t border-gray-800 px-2 py-1 text-[10px] text-gray-400 [&_.u-legend]:w-full [&_.u-series]:flex [&_.u-series]:items-center [&_.u-series_th]:flex [&_.u-series_th]:items-center [&_.u-series_th]:gap-1 [&_.u-marker]:w-3 [&_.u-marker]:h-0.5 [&_.u-marker]:shrink-0 [&_.u-label]:truncate [&_.u-value]:ml-auto [&_.u-value]:font-mono [&_.u-value]:shrink-0"
           />
+          <style>{'.u-legend .u-series:first-child { display: none; }'}</style>
         </>
       )}
     </div>