update: add minimal3 frame

src/screens/CameraScreen.tsx

@@ -14,6 +14,7 @@ import * as FileSystem from 'expo-file-system';
 import { File, Paths } from 'expo-file-system/next';
 import * as ImageManipulator from 'expo-image-manipulator';
 import { LinearGradient } from 'expo-linear-gradient';
+import MaskedView from '@react-native-masked-view/masked-view';
 import Animated, {
   useSharedValue,
   useAnimatedStyle,
@@ -433,14 +434,37 @@ export default function CameraScreen({
             </TouchableOpacity>
 
             <View style={styles.idleContentArea} pointerEvents="none">
-              {/* Header Event Text */}
-              <Text 
-                style={styles.headerTitle}
-                adjustsFontSizeToFit
-                numberOfLines={1}
-              >
-                {welcomeText}
-              </Text>
+              <View style={styles.headerTitleContainer}>
+                {/* Glow/Shadow Layer */}
+                <Text 
+                  style={[styles.headerTitleBase, { position: 'absolute', color: THEME.colors.accent, textShadowColor: THEME.colors.cyanGlow, textShadowOffset: { width: 0, height: 0 }, textShadowRadius: 25 }]}
+                  adjustsFontSizeToFit
+                  numberOfLines={1}
+                >
+                  {welcomeText}
+                </Text>
+                
+                {/* Gradient Text Layer over the shadow layer */}
+                <MaskedView
+                  style={StyleSheet.absoluteFill}
+                  maskElement={
+                    <Text 
+                      style={[styles.headerTitleBase, { position: 'absolute', color: 'black' }]}
+                      adjustsFontSizeToFit
+                      numberOfLines={1}
+                    >
+                      {welcomeText}
+                    </Text>
+                  }
+                >
+                  <LinearGradient
+                    colors={THEME.gradient.primary}
+                    start={{ x: 0, y: 0.5 }}
+                    end={{ x: 1, y: 0.5 }}
+                    style={{ flex: 1 }}
+                  />
+                </MaskedView>
+              </View>
               
               {/* Footer Instructions */}
               <Text 
@@ -671,19 +695,19 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     zIndex: 999,
   },
-  headerTitle: {
+  headerTitleContainer: {
     position: 'absolute',
     top: 40,
     left: '2%',
     width: '96%',
+    height: 100,
+  },
+  headerTitleBase: {
+    width: '100%',
     textAlign: 'center',
     fontSize: 80,
     fontWeight: '900',
-    color: THEME.colors.accent,
     letterSpacing: 6,
-    textShadowColor: THEME.colors.cyanGlow,
-    textShadowOffset: { width: 0, height: 0 },
-    textShadowRadius: 25,
   },
   footerInstructions: {
     position: 'absolute',