refactor(css): utilities-Layer wrappen (Board-Blur/Privacy, Helfer-Klassen)

src/css/main.css

@@ -874,6 +874,7 @@ body.show-desc .bm-desc { display: block; }
 
 
 /* ---- BOARD BLUR (Private Mode) ---- */
+@layer utilities {
 .board.blurred .board-list,
 .board.blurred .show-more-btn,
 .board.blurred .add-bm-btn {
@@ -916,6 +917,7 @@ body.show-desc .bm-desc { display: block; }
 }
 .btn-blur-board:hover { background: var(--accent-dim); color: var(--accent); }
 .board.blurred .btn-blur-board { color: var(--accent); opacity: 0.7; }
+}
 
 
 @layer components {
@@ -2375,6 +2377,7 @@ body.show-desc .bm-desc { display: block; }
 /* ============================================
    UTILITY CLASSES
    ============================================ */
+@layer utilities {
 .hidden { display: none; }
 .accent-text { color: var(--accent); }
 .dim { opacity: 0.4; }
@@ -2388,6 +2391,7 @@ body.show-desc .bm-desc { display: block; }
 .about-info-label-block { display: block; margin-bottom: 6px; }
 .about-link-subtle { color: var(--text-secondary); text-decoration: none; }
 .modal-input-spaced { margin-top: 8px; }
+}
 
 /* ============================================
    RESPONSIVE — Mobile & Tablet