Fix: Karte CSS-Filter statt CartoDB Dark, Social Wrapper 860px

Karte Dark-Mode:
- CSS-Filter statt CartoDB Dark Matter (war zu dunkel)
  invert(93%) hue-rotate(180deg) brightness(0.88) contrast(0.88) saturate(0.85)
  Gleiche OSM-Tiles, Marker bleiben unbeeinflusst (tilePane separater Layer)
- Filter sofort bei Init + bei Theme-Wechsel via MutationObserver

Social:
- Outer Wrapper width:100%;max-width:860px;margin:0 auto
  Header-Karte und Tabs sind jetzt konsistent gleich breit
SW by-v1023, APP_VER 1023

backend/static/js/pages/social.js

@@ -43,6 +43,7 @@ window.Page_social = (() => {
   function _render() {
     const lvlBar = _stats ? _levelBar(_stats) : '';
     _el.innerHTML = `
+      <div style="width:100%;max-width:860px;margin:0 auto">
       <div style="background:var(--c-surface);border-radius:var(--radius-lg);
                   box-shadow:var(--shadow-sm);padding:var(--space-4);
                   margin-bottom:var(--space-4)">
@@ -71,7 +72,8 @@ window.Page_social = (() => {
             color:${_activeTab===t?'var(--c-primary)':'var(--c-text-secondary)'}">
             ${l}</button>`).join('')}
       </div>
-      <div id="sm-content"></div>`;
+      <div id="sm-content"></div>
+      </div>`;
 
     _el.querySelectorAll('.sm-tab').forEach(b =>
       b.addEventListener('click', () => { _activeTab = b.dataset.tab; _render(); }));