refactor: new settings page design and new pill component

src/index.css

@@ -905,6 +905,16 @@
     transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
   }
 
+  /* Settings content fade-in transition */
+  @keyframes settings-fade-in {
+    from { opacity: 0; transform: translateY(4px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+
+  .settings-content-enter {
+    animation: settings-fade-in 150ms ease-out;
+  }
+
   /* Search result highlight flash */
   .search-highlight-flash {
     animation: search-flash 4s ease-out;