diff --git a/appinfo/info.xml b/appinfo/info.xml
index aa1b5c3..3547dc3 100644
--- a/appinfo/info.xml
+++ b/appinfo/info.xml
@@ -4,7 +4,7 @@
 	<name>Minimal Profile</name>
 	<summary>Hides profile fields to create a minimal user profile</summary>
 	<description>Allows administrators to hide profile fields like pronouns, social links, etc.</description>
-	<version>1.0.28</version>
+	<version>1.0.29</version>
 	<licence>AGPL</licence>
 	<author>Your Name</author>
 	<namespace>MinimalProfile</namespace>
diff --git a/js/minimalprofile.js b/js/minimalprofile.js
index 706da64..99873f9 100644
--- a/js/minimalprofile.js
+++ b/js/minimalprofile.js
@@ -1,15 +1,60 @@
 /**
- * Minimal Profile - Test JS loading
+ * Minimal Profile - Load and hide configured fields
  */
 (function() {
     'use strict';
-    console.log('MinimalProfile JS: START');
+    console.log('MinimalProfile: START');
     
-    // Load CSS directly
-    var link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.href = OC.linkTo('minimalprofile', 'css/minimalprofile.css');
-    document.head.appendChild(link);
-    
-    console.log('MinimalProfile JS: CSS loaded from ' + link.href);
+    var fieldSelectors = {
+        'pronouns': '#account-property-pronouns',
+        'role': '#account-property-role',
+        'headline': '#account-property-headline',
+        'biography': '#account-property-biography',
+        'organisation': '#account-property-organisation',
+        'phone': '#account-property-phone',
+        'address': '#account-property-address',
+        'birthdate': '#account-property-birthdate',
+        'website': '#account-property-website',
+        'twitter': '#account-property-twitter',
+        'fediverse': '#account-property-fediverse',
+        'location': '#account-property-location'
+    };
+
+    function applyCss(hiddenFields) {
+        if (!hiddenFields || hiddenFields.length === 0) {
+            console.log('MinimalProfile: No fields to hide');
+            return;
+        }
+        
+        var css = '';
+        hiddenFields.forEach(function(field) {
+            var selector = fieldSelectors[field];
+            if (selector) {
+                css += '.personal-settings-setting-box:has(' + selector + ') { display: none !important; }';
+                console.log('MinimalProfile: Hiding ' + field);
+            }
+        });
+        
+        if (css) {
+            var style = document.createElement('style');
+            style.textContent = css;
+            document.head.appendChild(style);
+            console.log('MinimalProfile: CSS applied');
+        }
+    }
+
+    // Fetch config
+    var req = new XMLHttpRequest();
+    req.onload = function() {
+        if (req.status === 200) {
+            try {
+                var data = JSON.parse(req.responseText);
+                applyCss(data.hiddenFields || []);
+            } catch (e) {
+                console.error('MinimalProfile: Parse error', e);
+            }
+        }
+    };
+    req.open('GET', OC.generateUrl('/apps/minimalprofile/api/v1/hidden-fields'));
+    req.send();
 })();
\ No newline at end of file