refactor(css): components-Layer wrappen (Boards, Bookmarks, Panels, Modals, Widgets, Dialoge, Accordion)

src/css/main.css

@@ -538,6 +538,7 @@ html, body {
 }
 }
 
+@layer components {
 .board {
   width: var(--board-width);
   background: var(--bg-board);
@@ -867,6 +868,7 @@ body.show-desc .bm-desc { display: block; }
   background: var(--accent-dim);
   flex-shrink: 0;
 }
+}
 
 
 /* ---- BOARD BLUR (Private Mode) ---- */
@@ -914,6 +916,7 @@ body.show-desc .bm-desc { display: block; }
 .board.blurred .btn-blur-board { color: var(--accent); opacity: 0.7; }
 
 
+@layer components {
 /* ---- ABOUT BLOCK ---- */
 .about-block {
   padding: 4px 18px 14px;
@@ -2365,6 +2368,7 @@ body.show-desc .bm-desc { display: block; }
 .settings-section.open .section-content {
   max-height: 800px;
 }
+}
 
 /* ============================================
    UTILITY CLASSES