devicely 2.2.10 → 2.2.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devicely",
-  "version": "2.2.10",
+  "version": "2.2.12",
   "description": "Devicely - One Command, All Devices. AI Powered Mobile Automation for iOS and Android",
   "main": "lib/index.js",
   "bin": {
@@ -10,8 +10,10 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "sync": "./sync.sh",
     "test:encryption": "./scripts/test-encryption.sh",
-    "build": "npm run sync && npm run test:encryption && node scripts/build-simple.js",
-    "build:obfuscated": "npm run sync && npm run test:encryption && node scripts/build.js",
+    "build": "npm run sync && npm run test:encryption && node scripts/build-simple.js && node scripts/cleanup-dist.js",
+    "build:obfuscated": "npm run sync && npm run test:encryption && node scripts/build.js && node scripts/cleanup-dist.js",
+    "cleanup": "node scripts/cleanup-dist.js",
+    "check-size": "./scripts/check-size.sh",
     "compile:shell": "node scripts/compile-shell-scripts.js",
     "verify:protection": "cd .. && ./verify-shell-protection.sh",
     "postinstall": "node scripts/postinstall.js",
@@ -61,6 +63,7 @@
     "axios": "^1.13.4",
     "chalk": "^4.1.2",
     "commander": "^11.1.0",
+    "compression": "^1.8.1",
     "cors": "^2.8.5",
     "dotenv": "^16.3.1",
     "express": "^4.18.2",

package/lib/aiProviders.js.backup

@@ -1,301 +0,0 @@
-// AI Provider Abstraction Layer
-// Supports: Google Gemini, GitHub Copilot
-
-const { OpenAI } = require('openai');
-const { GoogleGenerativeAI } = require('@google/generative-ai');
-const { getPackageId, APP_MAPPINGS } = require('./appMappings');
-
-class AIProviderManager {
-  constructor() {
-    this.provider = process.env.AI_PROVIDER || 'gemini'; // gemini, copilot
-    this.initializeProviders();
-  }
-
-  initializeProviders() {
-    // Google Gemini
-    if (process.env.GEMINI_API_KEY) {
-      this.gemini = new GoogleGenerativeAI(process.env.GEMINI_API_KEY);
-    }
-
-    // GitHub Copilot
-    if (process.env.GITHUB_TOKEN) {
-      this.copilot = new OpenAI({
-        apiKey: process.env.GITHUB_TOKEN,
-        baseURL: 'https://api.githubcopilot.com',
-      });
-    }
-  }
-
-  getSystemPrompt(platform = null) {
-    // Generate app list based on platform
-    let appListSection = '';
-    
-    if (platform === 'both') {
-      // Multi-platform mode - use generic app names
-      const commonApps = Object.keys(APP_MAPPINGS)
-        .filter(app => APP_MAPPINGS[app].ios && APP_MAPPINGS[app].android)
-        .slice(0, 30);
-      
-      appListSection = `\n\nMULTI-PLATFORM MODE (iOS + Android devices)
-Available apps: ${commonApps.join(', ')}
-
-IMPORTANT: Use generic app names (e.g., "launch settings", "launch chrome")
-The system will automatically convert to platform-specific package IDs:
-${commonApps.slice(0, 15).map(app => `- ${app} → iOS: ${APP_MAPPINGS[app].ios} / Android: ${APP_MAPPINGS[app].android}`).join('\n')}
-
-Commands will execute SIMULTANEOUSLY on all devices with correct package IDs.
-`;
-    } else if (platform) {
-      const availableApps = Object.keys(APP_MAPPINGS)
-        .filter(app => APP_MAPPINGS[app][platform])
-        .slice(0, 50);
-      
-      appListSection = `\n\nPLATFORM: ${platform.toUpperCase()}
-Available apps for ${platform}: ${availableApps.join(', ')}
-
-APP PACKAGE MAPPINGS:
-When user says "launch chrome", "open chrome", etc., use the correct package ID:
-${availableApps.slice(0, 20).map(app => `- ${app} → launch ${APP_MAPPINGS[app][platform]}`).join('\n')}
-`;
-    }
-    
-    return `You are a mobile device automation command converter. Convert natural language requests into executable commands for iOS and Android devices.
-
-Available commands (work on both iOS & Android):
-- launch <app_name>: Launch an app using generic name (e.g., "launch settings", "launch chrome")
-- kill <app_name>: Close/force stop an app
-- home: Go to home screen (press home button)
-- back: Navigate back (Android/iOS)
-- url <url>: Open URL in browser
-- click <text>: Click on a button or element by visible text
-- click <x,y>: Click at specific coordinates (e.g., click 500,1000)
-- tap <text/coords>: Same as click
-- longpress <text/coords>: Long press on element or coordinates
-- swipe <direction>: Swipe up/down/left/right (use for scrolling)
-- type <text>: Type text into focused field (just the text, no "type" prefix)
-- screenshot: Take screenshot
-- restart: Restart device
-- rotate <left/right/portrait/landscape>: Rotate screen
-
-iOS-specific commands:
-- darkmode/lightmode: Change appearance
-- airplane <on/off>: Toggle airplane mode
-- wifi <on/off>: Toggle WiFi
-- volume <up/down/mute>: Control volume
-
-Android-specific commands:
-- getLocators: Get all interactive elements on current screen
-- recent: Open recent apps
-- notifications: Open notification panel
-- quicksettings: Open quick settings
-${appListSection}
-
-COMMON PHRASE MAPPINGS:
-- "scroll up" OR "scroll down" → swipe up OR swipe down
-- "go to <url>" OR "open <url>" OR "visit <url>" → url https://<url>
-- "press home" OR "go home" OR "home button" → home
-- "open settings" OR "launch settings" → launch settings
-- "open camera" OR "launch camera" → launch camera
-
-Examples:
-- "open chrome" → launch chrome
-- "launch settings" → launch settings
-- "open camera" → launch camera
-- "scroll up" → swipe up
-- "scroll down" → swipe down
-- "click on the login button" → click Login
-- "tap at center of screen" → click 540,1000
-- "swipe down" → swipe down
-- "type hello world" → hello world
-- "take a screenshot" → screenshot
-- "go back" → back
-- "press home" → home
-- "go to google.com" → url https://www.google.com
-- "visit youtube.com" → url https://www.youtube.com
-- "launch Chrome and search google.com" → launch chrome
-WAIT 3000
-url https://www.google.com
-- "launch settings scroll up launch camera go to google.com press home" →
-launch settings
-WAIT 3000
-swipe up
-WAIT 1000
-home
-WAIT 500
-launch camera
-WAIT 3000
-home
-WAIT 500
-url https://www.google.com
-WAIT 2000
-home
-
-Convert this request to commands: "{INPUT}"
-
-CRITICAL RULES - YOU MUST FOLLOW THESE EXACTLY:
-1. Output ONLY executable commands, one per line
-2. NO explanations, NO markdown code blocks, NO comments, NO extra text
-3. For multi-step actions, insert WAIT <milliseconds> between commands
-4. Use GENERIC app names (e.g., "launch settings", "launch chrome", "launch camera")
-5. Do NOT use platform-specific package IDs - use simple app names
-6. The system will automatically convert to correct package IDs for each platform
-5. For URLs, always use: url https://example.com
-6. For scrolling, use: swipe up OR swipe down (never "scroll")
-7. For text input, output ONLY the text (never include "type" prefix)
-8. For home button, output: home (never "press home" or "go home")
-9. WAIT timings: apps=3000ms, pages=2000ms, UI=1000ms, quick=500ms
-10. Parse compound requests into individual steps with WAIT between each
-
-OUTPUT FORMAT EXAMPLE:
-launch com.apple.Preferences
-WAIT 3000
-swipe up
-WAIT 1000
-home
-
-DO NOT include any other text. Start your response with the first command.`;
-  }
-
-  async convertCommand(text, platform = null, providerOverride = null) {
-    const provider = providerOverride || this.provider;
-    
-    try {
-      switch (provider) {
-        case 'gemini':
-          return await this.convertWithGemini(text, platform);
-        case 'copilot':
-          return await this.convertWithCopilot(text, platform);
-        default:
-          throw new Error(`Unknown AI provider: ${provider}`);
-      }
-    } catch (error) {
-      console.error(`Error with ${provider}:`, error.message);
-      // Re-throw the error instead of silently falling back
-      // This ensures the user is aware of AI failures
-      throw new Error(`AI conversion failed (${provider}): ${error.message}`);
-    }
-  }
-
-  async convertWithGemini(text, platform = null) {
-    if (!this.gemini) {
-      throw new Error('Gemini not configured');
-    }
-
-    // Use Gemini 2.5 Flash (current stable model)
-    const model = this.gemini.getGenerativeModel({ 
-      model: process.env.GEMINI_MODEL || 'gemini-2.5-flash' 
-    });
-    
-    const prompt = this.getSystemPrompt(platform).replace('{INPUT}', text);
-    const result = await model.generateContent(prompt);
-    const response = await result.response;
-    let convertedText = response.text().trim();
-    
-    // Clean up AI response - remove markdown, explanations, etc.
-    convertedText = this.cleanAIResponse(convertedText);
-    
-    return convertedText;
-  }
-
-  async convertWithCopilot(text, platform = null) {
-    if (!this.copilot) {
-      throw new Error('GitHub Copilot not configured');
-    }
-
-    const prompt = this.getSystemPrompt(platform).replace('{INPUT}', text);
-    
-    const response = await this.copilot.chat.completions.create({
-      model: 'gpt-4o',
-      messages: [{ role: 'user', content: prompt }],
-      temperature: 0.3,
-      max_tokens: 500,
-    });
-    
-    let convertedText = response.choices[0].message.content.trim();
-    
-    // Clean up AI response
-    convertedText = this.cleanAIResponse(convertedText);
-    
-    return convertedText;
-  }
-  
-  // Clean up AI responses - remove markdown, explanations, etc.
-  cleanAIResponse(text) {
-    // Remove markdown code blocks
-    text = text.replace(/```[\s\S]*?```/g, '').trim();
-    text = text.replace(/```/g, '').trim();
-    
-    // Remove any lines that look like explanations (starting with explanatory text)
-    const lines = text.split('\n');
-    const cleanedLines = lines.filter(line => {
-      const trimmed = line.trim();
-      if (!trimmed) return false;
-      
-      // Keep lines that are commands or WAIT
-      if (trimmed.startsWith('launch ')) return true;
-      if (trimmed.startsWith('kill ')) return true;
-      if (trimmed === 'home') return true;
-      if (trimmed === 'back') return true;
-      if (trimmed.startsWith('url ')) return true;
-      if (trimmed.startsWith('click ')) return true;
-      if (trimmed.startsWith('tap ')) return true;
-      if (trimmed.startsWith('longpress ')) return true;
-      if (trimmed.startsWith('swipe ')) return true;
-      if (trimmed.startsWith('WAIT ')) return true;
-      if (trimmed.startsWith('screenshot')) return true;
-      if (trimmed.startsWith('restart')) return true;
-      if (trimmed.startsWith('rotate ')) return true;
-      if (trimmed.startsWith('darkmode')) return true;
-      if (trimmed.startsWith('lightmode')) return true;
-      if (trimmed.startsWith('airplane ')) return true;
-      if (trimmed.startsWith('wifi ')) return true;
-      if (trimmed.startsWith('volume ')) return true;
-      if (trimmed === 'getLocators') return true;
-      if (trimmed === 'recent') return true;
-      if (trimmed === 'notifications') return true;
-      if (trimmed === 'quicksettings') return true;
-      
-      // If it doesn't start with a known command, it might be text to type
-      // Check if previous line was a command that expects text input
-      return true; // For now, include it (could be text to type)
-    });
-    
-    return cleanedLines.join('\n').trim();
-  }
-
-  getAvailableProviders() {
-    const available = [];
-    
-    if (this.gemini) available.push({ id: 'gemini', name: 'Google Gemini', icon: '✨' });
-    if (this.copilot) available.push({ id: 'copilot', name: 'GitHub Copilot', icon: '🤖' });
-    
-    return available;
-  }
-
-  setProvider(provider) {
-    const available = this.getAvailableProviders().map(p => p.id);
-    if (available.includes(provider)) {
-      this.provider = provider;
-      return true;
-    }
-    return false;
-  }
-
-  getCurrentProvider() {
-    return {
-      id: this.provider,
-      name: this.getProviderName(this.provider),
-      available: this.getAvailableProviders(),
-    };
-  }
-
-  getProviderName(providerId) {
-    const names = {
-      gemini: 'Google Gemini',
-      copilot: 'GitHub Copilot',
-    };
-    return names[providerId] || 'Unknown';
-  }
-}
-
-module.exports = AIProviderManager;

package/lib/frontend/static/css/main.23bd35c0.css

@@ -1,2 +0,0 @@
-@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #1890ff80}50%{box-shadow:0 0 20px #1890ffcc,0 0 30px #1890ff99}}.fade-in{animation:fadeIn .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.slide-in-left{animation:slideInLeft .5s ease-out}.scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.ping{animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.bounce{animation:bounce 1s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0 0,#ffffff4d 50%,#fff0);background-size:1000px 100%}.rotate{animation:rotate 1s linear}.glow{animation:glow 2s ease-in-out infinite}*{-webkit-tap-highlight-color:transparent}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.smooth-hover:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-2px)}.glass{background:#ffffff1a;border:1px solid #fff3}.glass,.glass-dark{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%)}.glass-dark{background:#0003;border:1px solid #ffffff1a}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:0 20px 40px #0003;transform:translateY(-4px) scale(1.02)}.ripple{overflow:hidden;position:relative}.ripple:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple:active:after{height:300px;width:300px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:#00000080}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#c8c8c84d 25%,#c8c8c880 50%,#c8c8c84d 75%);background-size:200% 100%;border-radius:8px}:focus-visible{border-radius:4px;outline:2px solid #1890ff99;outline-offset:2px}.no-select{-webkit-user-select:none;user-select:none}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1890ff,#9254de);-webkit-background-clip:text;background-clip:text}.shadow-soft{box-shadow:0 2px 8px #00000014,0 4px 16px #00000014}.shadow-medium{box-shadow:0 4px 12px #0000001a,0 8px 24px #0000001a}.shadow-strong{box-shadow:0 8px 24px #00000026,0 16px 48px #00000026}.stagger-item{animation:fadeIn .5s ease-out forwards;opacity:0}.stagger-item:first-child{animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.micro-bounce:hover{animation:bounce .5s ease}.micro-rotate:hover{animation:rotate .5s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
-/*# sourceMappingURL=main.23bd35c0.css.map*/

package/lib/frontend/static/css/main.23bd35c0.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/css/main.23bd35c0.css","mappings":"AAGA,kBACE,GACE,SAAU,CACV,0BACF,CACA,GACE,SAAU,CACV,uBACF,CACF,CAGA,wBACE,GACE,SAAU,CACV,0BACF,CACA,GACE,SAAU,CACV,uBACF,CACF,CAGA,uBACE,GACE,SAAU,CACV,2BACF,CACA,GACE,SAAU,CACV,uBACF,CACF,CAGA,mBACE,GACE,SAAU,CACV,mBACF,CACA,GACE,SAAU,CACV,kBACF,CACF,CAGA,iBACE,MACE,SAAU,CACV,kBACF,CACA,IACE,UAAY,CACZ,qBACF,CACF,CAGA,gBACE,OAEE,SAAU,CADV,kBAEF,CACF,CAGA,kBACE,MACE,uBACF,CACA,IACE,2BACF,CACF,CAGA,mBACE,GACE,6BACF,CACA,GACE,4BACF,CACF,CAGA,kBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAGA,iBACE,MACE,uBACF,CACA,IACE,0BACF,CACF,CAGA,gBACE,MACE,4BACF,CACA,IACE,gDACF,CACF,CAGA,SACE,6BACF,CAEA,gBACE,mCACF,CAEA,eACE,kCACF,CAEA,UACE,kDACF,CAEA,OACE,mDACF,CAEA,MACE,iDACF,CAEA,QACE,wCACF,CAEA,OACE,uCACF,CAEA,SAQE,6BAA8B,CAP9B,6DAKC,CACD,2BAEF,CAEA,QACE,0BACF,CAEA,MACE,sCACF,CAGA,EACE,uCACF,CAEA,mBACE,0CACF,CAEA,oBAEE,gCAA2C,CAD3C,0BAEF,CAGA,OACE,oBAAoC,CAGpC,sBACF,CAEA,mBALE,yCAA0C,CAC1C,iDASF,CALA,YACE,gBAA8B,CAG9B,0BACF,CAGA,YACE,0CACF,CAEA,kBAEE,4BAA0C,CAD1C,sCAEF,CAGA,QAEE,eAAgB,CADhB,iBAEF,CAEA,cAQE,oBAAoC,CADpC,iBAAkB,CANlB,UAAW,CAKX,QAAS,CAFT,QAAS,CAFT,iBAAkB,CAClB,OAAQ,CAMR,8BAAgC,CAChC,+BAAmC,CALnC,OAMF,CAEA,qBAEE,YAAa,CADb,WAEF,CAGA,oBAEE,WAAY,CADZ,UAEF,CAEA,0BACE,oBAA+B,CAC/B,kBACF,CAEA,0BACE,oBAA8B,CAC9B,kBAAmB,CACnB,+BAAyB,CAAzB,uBACF,CAEA,gCACE,oBACF,CAGA,UAQE,+BAAgC,CAPhC,2EAKC,CACD,yBAA0B,CAE1B,iBACF,CAGA,eAGE,iBAAkB,CAFlB,2BAA0C,CAC1C,kBAEF,CAGA,WACE,wBAAyB,CAGzB,gBACF,CAGA,eAGE,6BAAoC,CAFpC,kDAA6D,CAC7D,4BAA6B,CAE7B,oBACF,CAGA,aACE,mDACF,CAEA,eACE,oDACF,CAEA,eACE,qDACF,CAGA,cAEE,sCAAwC,CADxC,SAEF,CAEA,0BAA6B,oBAAwB,CACrD,2BAA6B,mBAAuB,CACpD,2BAA6B,oBAAwB,CACrD,2BAA6B,mBAAuB,CACpD,2BAA6B,oBAAwB,CACrD,2BAA6B,mBAAuB,CACpD,2BAA6B,oBAAwB,CACrD,2BAA6B,mBAAuB,CAGpD,oBACE,yBACF,CAEA,oBACE,yBACF,CAGA,uCACE,iBAGE,kCAAqC,CACrC,qCAAuC,CACvC,mCACF,CACF","sources":["animations.css"],"sourcesContent":["/* Enhanced UI Animations and Effects */\n\n/* Smooth Fade In */\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* Slide In From Right */\n@keyframes slideInRight {\n  from {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n/* Slide In From Left */\n@keyframes slideInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n/* Scale In */\n@keyframes scaleIn {\n  from {\n    opacity: 0;\n    transform: scale(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n/* Pulse Effect */\n@keyframes pulse {\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  50% {\n    opacity: 0.6;\n    transform: scale(1.15);\n  }\n}\n\n/* Ping Effect (Ripple) */\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n/* Bounce */\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-10px);\n  }\n}\n\n/* Shimmer Loading */\n@keyframes shimmer {\n  0% {\n    background-position: -1000px 0;\n  }\n  100% {\n    background-position: 1000px 0;\n  }\n}\n\n/* Rotate */\n@keyframes rotate {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Float */\n@keyframes float {\n  0%, 100% {\n    transform: translateY(0px);\n  }\n  50% {\n    transform: translateY(-8px);\n  }\n}\n\n/* Glow */\n@keyframes glow {\n  0%, 100% {\n    box-shadow: 0 0 5px rgba(24, 144, 255, 0.5);\n  }\n  50% {\n    box-shadow: 0 0 20px rgba(24, 144, 255, 0.8), 0 0 30px rgba(24, 144, 255, 0.6);\n  }\n}\n\n/* Apply Animations */\n.fade-in {\n  animation: fadeIn 0.5s ease-out;\n}\n\n.slide-in-right {\n  animation: slideInRight 0.5s ease-out;\n}\n\n.slide-in-left {\n  animation: slideInLeft 0.5s ease-out;\n}\n\n.scale-in {\n  animation: scaleIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n.pulse {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n.ping {\n  animation: ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n\n.bounce {\n  animation: bounce 1s ease-in-out infinite;\n}\n\n.float {\n  animation: float 3s ease-in-out infinite;\n}\n\n.shimmer {\n  background: linear-gradient(\n    to right,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(255, 255, 255, 0.3) 50%,\n    rgba(255, 255, 255, 0) 100%\n  );\n  background-size: 1000px 100%;\n  animation: shimmer 2s infinite;\n}\n\n.rotate {\n  animation: rotate 1s linear;\n}\n\n.glow {\n  animation: glow 2s ease-in-out infinite;\n}\n\n/* Smooth Transitions */\n* {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.smooth-transition {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.smooth-hover:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n}\n\n/* Glass Morphism */\n.glass {\n  background: rgba(255, 255, 255, 0.1);\n  backdrop-filter: blur(10px) saturate(180%);\n  -webkit-backdrop-filter: blur(10px) saturate(180%);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.glass-dark {\n  background: rgba(0, 0, 0, 0.2);\n  backdrop-filter: blur(10px) saturate(180%);\n  -webkit-backdrop-filter: blur(10px) saturate(180%);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n/* Card Hover Effects */\n.card-hover {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-hover:hover {\n  transform: translateY(-4px) scale(1.02);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n}\n\n/* Button Ripple Effect */\n.ripple {\n  position: relative;\n  overflow: hidden;\n}\n\n.ripple::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.5);\n  transform: translate(-50%, -50%);\n  transition: width 0.6s, height 0.6s;\n}\n\n.ripple:active::after {\n  width: 300px;\n  height: 300px;\n}\n\n/* Smooth Scrollbar */\n::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.05);\n  border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.3);\n  border-radius: 10px;\n  transition: all 0.3s ease;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: rgba(0, 0, 0, 0.5);\n}\n\n/* Loading Skeleton */\n.skeleton {\n  background: linear-gradient(\n    90deg,\n    rgba(200, 200, 200, 0.3) 25%,\n    rgba(200, 200, 200, 0.5) 50%,\n    rgba(200, 200, 200, 0.3) 75%\n  );\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 8px;\n}\n\n/* Focus Visible for Accessibility */\n*:focus-visible {\n  outline: 2px solid rgba(24, 144, 255, 0.6);\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n/* Prevent Text Selection on Interactive Elements */\n.no-select {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n/* Gradient Text */\n.gradient-text {\n  background: linear-gradient(135deg, #1890FF 0%, #9254DE 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n/* Enhanced Shadow */\n.shadow-soft {\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.08);\n}\n\n.shadow-medium {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.1);\n}\n\n.shadow-strong {\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 16px 48px rgba(0, 0, 0, 0.15);\n}\n\n/* Stagger Animation for Lists */\n.stagger-item {\n  opacity: 0;\n  animation: fadeIn 0.5s ease-out forwards;\n}\n\n.stagger-item:nth-child(1) { animation-delay: 0.05s; }\n.stagger-item:nth-child(2) { animation-delay: 0.1s; }\n.stagger-item:nth-child(3) { animation-delay: 0.15s; }\n.stagger-item:nth-child(4) { animation-delay: 0.2s; }\n.stagger-item:nth-child(5) { animation-delay: 0.25s; }\n.stagger-item:nth-child(6) { animation-delay: 0.3s; }\n.stagger-item:nth-child(7) { animation-delay: 0.35s; }\n.stagger-item:nth-child(8) { animation-delay: 0.4s; }\n\n/* Micro-interactions */\n.micro-bounce:hover {\n  animation: bounce 0.5s ease;\n}\n\n.micro-rotate:hover {\n  animation: rotate 0.5s ease;\n}\n\n/* Accessibility */\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}