Add comment explaining why this madness

Author: Karlinator

src/runtime/internal/dom.ts

@@ -155,6 +155,11 @@ export function get_root_for_style(node: Node): ShadowRoot | Document {
 }
 
 export function append_stylesheet(node: ShadowRoot | Document, style: HTMLStyleElement) {
+	// For transitions to work without 'style-src: unsafe-inline' Content Security Policy,
+	// these empty tags need to be allowed with a hash as a workaround until we move to the Web Animations API.
+	// Using the hash for the empty string (for an empty tag) works in all browsers except Safari.
+	// So as a workaround for the workaround, when we append empty style tags we set their content to /* empty */.
+	// The hash 'sha256-9OlNO0DNEeaVzHL4RZwCLsBHA8WBQ8toBp/4F5XV2nc=' will then work even in Safari.
 	style.textContent = style.textContent || '/* empty */';
 	append((node as Document).head || node, style);
 	return style.sheet as CSSStyleSheet;