diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -1,1228 +1,3241 @@
-
-<!DOCTYPE html>
-<html lang="en">
+<html lang="en" dir="ltr">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+    <meta name="description" content="Arjun 2.O Advanced Artificial Intelligence System engineered by Abhay Kumar.">
+    <meta name="theme-color" content="#FF9933">
+    
     <title>Arjun 2.O - Professional Advanced AI</title>
     
-    <!-- ==========================================
-         EXTERNAL LIBRARIES & FONTS (बाहरी स्रोत)
-         ========================================== -->
+    <!-- =========================================================================================
+         1. EXTERNAL RESOURCES & LIBRARIES (बाहरी स्रोत और लाइब्रेरीज़)
+         ========================================================================================= -->
+    <!-- Preconnect for Performance -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700;800&family=Geist+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    
+    <!-- Professional Typography: Inter (Sans), Geist Mono (Code), Instrument Serif (Display) -->
+    <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Syntax Highlighting Theme (Atom One Dark for Professional Coding Workspace) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
     
+    <!-- Core External Scripts for Data Extraction and Rendering -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.6.0/mammoth.browser.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/12.0.1/marked.min.js"></script>
 
-    <!-- ==========================================
-         MASSIVE CSS STYLESHEET (विस्तृत स्टाइलिंग)
-         ========================================== -->
+    <!-- =========================================================================================
+         2. MASSIVE CSS ARCHITECTURE (विस्तृत स्टाइलिंग और एनीमेशन)
+         ========================================================================================= -->
     <style>
-        /* --- 1. CSS VARIABLES & RESET --- */
-        * { margin: 0; padding: 0; box-sizing: border-box; }
-        
+        /* ---------------------------------------------------------------------------------------
+           A. CSS VARIABLES & DESIGN TOKENS
+           --------------------------------------------------------------------------------------- */
         :root {
-            /* Professional Tiranga Brand Colors */
+            /* Branding: Professional Tiranga Theme */
             --brand-saffron: #FF9933;
-            --brand-saffron-light: rgba(255, 153, 51, 0.1);
-            --brand-saffron-dark: #e68a2e;
+            --brand-saffron-light: rgba(255, 153, 51, 0.12);
+            --brand-saffron-hover: #e68a2e;
+            --brand-saffron-active: #cc7a29;
+            
             --brand-white: #FFFFFF;
+            --brand-white-glass: rgba(255, 255, 255, 0.85);
+            
             --brand-green: #138808;
-            --brand-green-light: rgba(19, 136, 8, 0.1);
-            --brand-green-dark: #0f6e06;
+            --brand-green-light: rgba(19, 136, 8, 0.12);
+            --brand-green-hover: #0f6e06;
+            --brand-green-active: #0c5905;
             
-            /* UI Colors */
-            --bg-main: #ffffff;
+            /* Core UI Colors */
+            --bg-primary: #ffffff;
             --bg-secondary: #f8f9fa;
             --bg-tertiary: #f1f3f5;
+            --bg-glass: rgba(255, 255, 255, 0.75);
+            --bg-overlay: rgba(0, 0, 0, 0.4);
+            
+            /* Text Hierarchy */
             --text-primary: #111827;
             --text-secondary: #4b5563;
             --text-tertiary: #9ca3af;
+            --text-inverse: #ffffff;
             
-            /* Borders & Shadows */
+            /* Border & Dividers */
             --border-light: rgba(0, 0, 0, 0.08);
-            --border-hover: rgba(0, 0, 0, 0.15);
+            --border-medium: rgba(0, 0, 0, 0.15);
+            --border-focus: rgba(255, 153, 51, 0.35);
+            
+            /* Depth & Elevation (Shadows) */
+            --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
             --shadow-sm: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.03);
             --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03);
             --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.05), 0 4px 6px -2px rgba(0,0,0,0.025);
-            --shadow-float: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
+            --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.05), 0 10px 10px -5px rgba(0,0,0,0.02);
+            --shadow-glow-saffron: 0 0 15px rgba(255, 153, 51, 0.4);
+            --shadow-glow-green: 0 0 15px rgba(19, 136, 8, 0.4);
+            
+            /* Typography Scale */
+            --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+            --font-mono: 'Geist Mono', Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+            --font-serif: 'Instrument Serif', Georgia, Cambria, "Times New Roman", Times, serif;
             
-            /* Typography */
-            --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-            --font-mono: 'Geist Mono', Consolas, Monaco, monospace;
-            --font-serif: 'Instrument Serif', Georgia, serif;
+            --text-xs: 0.75rem;
+            --text-sm: 0.875rem;
+            --text-base: 1rem;
+            --text-lg: 1.125rem;
+            --text-xl: 1.25rem;
+            --text-2xl: 1.5rem;
+            --text-3xl: 1.875rem;
+            --text-4xl: 2.25rem;
             
-            /* Radii */
+            /* Border Radii */
+            --radius-xs: 4px;
             --radius-sm: 8px;
             --radius-md: 12px;
             --radius-lg: 16px;
             --radius-xl: 24px;
+            --radius-2xl: 32px;
             --radius-full: 9999px;
             
-            /* Transitions */
-            --trans-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
-            --trans-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-            --trans-spring: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+            /* Transitions & Easing */
+            --ease-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+            --ease-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+            --ease-spring: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+            --ease-bounce: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+            
+            /* Z-Index Hierarchy */
+            --z-bg: -1;
+            --z-base: 1;
+            --z-overlay: 10;
+            --z-dropdown: 50;
+            --z-sidebar: 100;
+            --z-modal: 5000;
+            --z-toast: 9000;
+            --z-live-mode: 9999;
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           B. RESET & GLOBAL BASE
+           --------------------------------------------------------------------------------------- */
+        *, *::before, *::after {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+        
+        html {
+            font-size: 16px;
+            -webkit-text-size-adjust: 100%;
         }
 
-        html, body {
+        body {
             height: 100dvh;
             width: 100vw;
             overflow: hidden;
-            background-color: var(--bg-main);
+            background-color: var(--bg-primary);
             color: var(--text-primary);
             font-family: var(--font-sans);
+            line-height: 1.5;
             -webkit-font-smoothing: antialiased;
             -moz-osx-font-smoothing: grayscale;
         }
 
-        /* --- 2. BACKGROUND & AMBIENT EFFECTS --- */
-        .ambient-bg {
+        button, input, textarea, select {
+            font-family: inherit;
+            color: inherit;
+        }
+
+        a {
+            color: inherit;
+            text-decoration: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+            display: block;
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           C. AMBIENT BACKGROUND EFFECTS
+           --------------------------------------------------------------------------------------- */
+        .ambient-environment {
             position: fixed;
-            inset: 0;
-            z-index: 0;
+            top: 0; left: 0; right: 0; bottom: 0;
+            z-index: var(--z-bg);
             overflow: hidden;
             pointer-events: none;
-            background: linear-gradient(135deg, var(--brand-saffron-light) 0%, rgba(255,255,255,1) 50%, var(--brand-green-light) 100%);
+            background: linear-gradient(135deg, var(--brand-saffron-light) 0%, #ffffff 50%, var(--brand-green-light) 100%);
         }
-        .orb {
+        
+        .ambient-orb {
             position: absolute;
             border-radius: 50%;
             filter: blur(120px);
-            opacity: 0.4;
-            animation: floatOrb 30s ease-in-out infinite alternate;
+            opacity: 0.45;
+            animation: orbFloat 35s ease-in-out infinite alternate;
+            will-change: transform;
         }
-        .orb-saffron {
-            width: 600px; height: 600px;
-            background: radial-gradient(circle, rgba(255,153,51,0.25), transparent 70%);
-            top: -150px; left: -100px;
+        
+        .orb-top-left {
+            width: 650px;
+            height: 650px;
+            background: radial-gradient(circle, rgba(255,153,51,0.25) 0%, transparent 70%);
+            top: -200px;
+            left: -150px;
         }
-        .orb-green {
-            width: 500px; height: 500px;
-            background: radial-gradient(circle, rgba(19,136,8,0.2), transparent 70%);
-            bottom: -100px; right: -50px;
+        
+        .orb-bottom-right {
+            width: 550px;
+            height: 550px;
+            background: radial-gradient(circle, rgba(19,136,8,0.2) 0%, transparent 70%);
+            bottom: -150px;
+            right: -100px;
             animation-delay: -15s;
+            animation-duration: 40s;
         }
-        @keyframes floatOrb {
+        
+        @keyframes orbFloat {
             0% { transform: translate(0, 0) scale(1); }
-            33% { transform: translate(40px, 60px) scale(1.1); }
-            66% { transform: translate(-30px, 40px) scale(0.95); }
-            100% { transform: translate(50px, -20px) scale(1.05); }
+            33% { transform: translate(60px, 80px) scale(1.1); }
+            66% { transform: translate(-40px, 50px) scale(0.95); }
+            100% { transform: translate(70px, -30px) scale(1.05); }
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           D. TOAST NOTIFICATION SYSTEM
+           --------------------------------------------------------------------------------------- */
+        .toast-wrapper {
+            position: absolute;
+            top: 24px;
+            left: 50%;
+            transform: translateX(-50%);
+            z-index: var(--z-toast);
+            display: flex;
+            flex-direction: column;
+            gap: 12px;
+            pointer-events: none;
+        }
+        
+        .toast-notification {
+            background: var(--text-primary);
+            color: var(--text-inverse);
+            padding: 14px 28px;
+            border-radius: var(--radius-full);
+            font-size: var(--text-sm);
+            font-weight: 600;
+            box-shadow: var(--shadow-lg);
+            animation: toastSlideIn var(--ease-spring) forwards, toastFadeOut 0.4s 2.6s forwards;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        .toast-notification svg {
+            width: 18px;
+            height: 18px;
+            stroke-width: 2.5;
+        }
+        
+        @keyframes toastSlideIn {
+            from { opacity: 0; transform: translateY(-30px) scale(0.9); }
+            to { opacity: 1; transform: translateY(0) scale(1); }
+        }
+        
+        @keyframes toastFadeOut {
+            from { opacity: 1; transform: translateY(0); }
+            to { opacity: 0; transform: translateY(-20px); }
         }
 
-        /* --- 3. LAYOUT ARCHITECTURE --- */
-        .app-container {
+        /* ---------------------------------------------------------------------------------------
+           E. INITIAL WELCOME OVERLAY
+           --------------------------------------------------------------------------------------- */
+        .startup-overlay {
+            position: fixed;
+            inset: 0;
+            background: var(--brand-white-glass);
+            backdrop-filter: blur(25px);
+            -webkit-backdrop-filter: blur(25px);
+            z-index: calc(var(--z-toast) + 100);
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            padding: 24px;
+            transition: opacity var(--ease-smooth), visibility var(--ease-smooth);
+        }
+        
+        .startup-overlay.hidden {
+            opacity: 0;
+            visibility: hidden;
+            pointer-events: none;
+        }
+        
+        .startup-logo-container {
+            position: relative;
+            margin-bottom: 32px;
+            animation: popIn var(--ease-spring) 0.2s both;
+        }
+        
+        .startup-logo-container img {
+            width: 140px;
+            height: 140px;
+            border-radius: var(--radius-xl);
+            object-fit: cover;
+            box-shadow: var(--shadow-xl);
+            border: 3px solid var(--bg-primary);
             position: relative;
+            z-index: 2;
+        }
+        
+        .startup-logo-glow {
+            position: absolute;
+            inset: -15px;
+            background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green));
+            filter: blur(25px);
+            opacity: 0.4;
+            border-radius: var(--radius-full);
             z-index: 1;
+            animation: pulseGlow 3s infinite alternate;
+        }
+        
+        @keyframes pulseGlow {
+            from { opacity: 0.3; transform: scale(0.95); }
+            to { opacity: 0.6; transform: scale(1.05); }
+        }
+        
+        @keyframes popIn {
+            from { opacity: 0; transform: scale(0.8); }
+            to { opacity: 1; transform: scale(1); }
+        }
+        
+        .startup-title {
+            font-family: var(--font-sans);
+            font-size: var(--text-4xl);
+            font-weight: 900;
+            color: var(--text-primary);
+            letter-spacing: -1.5px;
+            margin-bottom: 16px;
+            animation: slideUp var(--ease-smooth) 0.3s both;
+        }
+        
+        .startup-desc {
+            font-size: var(--text-lg);
+            color: var(--text-secondary);
+            line-height: 1.6;
+            max-width: 500px;
+            margin-bottom: 40px;
+            animation: slideUp var(--ease-smooth) 0.4s both;
+        }
+        
+        .btn-startup-launch {
+            padding: 18px 48px;
+            background: var(--text-primary);
+            color: var(--text-inverse);
+            border: none;
+            border-radius: var(--radius-xl);
+            font-size: var(--text-lg);
+            font-weight: 700;
+            cursor: pointer;
+            transition: var(--ease-spring);
+            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
+            animation: slideUp var(--ease-smooth) 0.5s both;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+        
+        .btn-startup-launch:hover {
+            background: #000000;
+            transform: translateY(-4px) scale(1.02);
+            box-shadow: 0 15px 35px rgba(0,0,0,0.25);
+        }
+        
+        @keyframes slideUp {
+            from { opacity: 0; transform: translateY(20px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           F. CORE APPLICATION LAYOUT
+           --------------------------------------------------------------------------------------- */
+        .app-root {
+            position: relative;
+            z-index: var(--z-base);
             display: flex;
             height: 100dvh;
             width: 100vw;
             overflow: hidden;
-            background: rgba(255, 255, 255, 0.4);
-            backdrop-filter: blur(20px);
-            -webkit-backdrop-filter: blur(20px);
+            background: var(--bg-glass);
+            backdrop-filter: blur(30px);
+            -webkit-backdrop-filter: blur(30px);
         }
 
-        /* --- 4. SIDEBAR STYLES --- */
-        .sidebar {
-            width: 300px;
+        /* ---------------------------------------------------------------------------------------
+           G. SIDEBAR NAVIGATION
+           --------------------------------------------------------------------------------------- */
+        .sidebar-container {
+            width: 320px;
             display: flex;
             flex-direction: column;
             background: rgba(248, 249, 250, 0.85);
             border-right: 1px solid var(--border-light);
             flex-shrink: 0;
-            z-index: 100;
-            transition: transform var(--trans-smooth);
-            backdrop-filter: blur(10px);
+            z-index: var(--z-sidebar);
+            transition: transform var(--ease-smooth);
+            backdrop-filter: blur(15px);
         }
+        
         .sidebar-header {
-            padding: 24px 20px;
+            padding: 28px 24px;
             border-bottom: 1px solid var(--border-light);
             display: flex;
             justify-content: space-between;
             align-items: center;
         }
-        .brand-logo {
+        
+        .brand-identity {
             display: flex;
             align-items: center;
-            gap: 12px;
+            gap: 14px;
             text-decoration: none;
         }
-        .brand-logo img {
-            width: 48px;
-            height: 48px;
+        
+        .brand-identity img {
+            width: 52px;
+            height: 52px;
             border-radius: var(--radius-md);
             object-fit: cover;
             box-shadow: var(--shadow-sm);
-            border: 2px solid var(--bg-main);
-            transition: transform var(--trans-spring);
-        }
-        .brand-logo:hover img { transform: scale(1.05) rotate(-2deg); }
-        .brand-text { display: flex; flex-direction: column; }
-        .brand-title { font-family: var(--font-sans); font-weight: 800; font-size: 18px; color: var(--text-primary); letter-spacing: -0.5px; line-height: 1.1; }
-        .brand-subtitle { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; background: linear-gradient(90deg, var(--brand-saffron), var(--brand-green)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 2px; }
-        
-        .sidebar-content { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 24px; }
-        .sidebar-content::-webkit-scrollbar { width: 4px; }
-        .sidebar-content::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 10px; }
-
-        /* Auth UI */
-        .auth-section { background: var(--bg-main); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 16px; box-shadow: var(--shadow-sm); }
-        .btn-secure-login { width: 100%; padding: 12px; background: var(--text-primary); color: var(--brand-white); border: none; border-radius: var(--radius-md); font-size: 14px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: var(--trans-fast); }
-        .btn-secure-login:hover { background: #000; transform: translateY(-2px); box-shadow: var(--shadow-md); }
-        .user-profile-card { display: none; align-items: center; gap: 12px; }
-        .user-avatar-circle { width: 40px; height: 40px; border-radius: var(--radius-full); background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); color: var(--brand-white); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; box-shadow: var(--shadow-sm); }
-        .user-info-text { flex: 1; overflow: hidden; }
-        .user-email-text { font-size: 13px; font-weight: 600; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-        .user-status-text { font-size: 11px; color: var(--brand-green); font-weight: 500; }
-        .btn-logout { background: rgba(239, 68, 68, 0.1); color: #ef4444; border: none; width: 32px; height: 32px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--trans-fast); }
-        .btn-logout:hover { background: #ef4444; color: #fff; }
-
-        /* Settings & Info */
-        .brand-info-box { background: var(--bg-main); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 24px 16px; text-align: center; box-shadow: var(--shadow-sm); margin-top: auto; position: relative; overflow: hidden; }
-        .brand-info-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--brand-saffron), var(--brand-white), var(--brand-green)); }
-        .brand-info-box img { width: 64px; height: 64px; border-radius: var(--radius-lg); object-fit: cover; margin-bottom: 12px; box-shadow: var(--shadow-md); border: 1px solid var(--border-light); }
-        .brand-info-box h3 { font-size: 16px; font-weight: 700; color: var(--text-primary); margin-bottom: 4px; }
-        .brand-info-box p { font-size: 10px; font-weight: 700; color: var(--text-tertiary); letter-spacing: 0.5px; }
-        
-        .btn-clear-chat { width: 100%; padding: 14px; border-radius: var(--radius-md); background: var(--bg-main); border: 1px solid var(--border-light); color: var(--text-secondary); font-size: 13px; font-weight: 600; cursor: pointer; transition: var(--trans-fast); display: flex; align-items: center; justify-content: center; gap: 8px; }
-        .btn-clear-chat:hover { background: #fee2e2; color: #ef4444; border-color: #fca5a5; }
-
-        /* --- 5. MAIN CHAT INTERFACE --- */
-        .chat-container { flex: 1; display: flex; flex-direction: column; position: relative; min-width: 300px; transition: width var(--trans-smooth); }
-        
-        .chat-header { padding: 16px 24px; border-bottom: 1px solid var(--border-light); background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: space-between; z-index: 10; }
-        .header-left { display: flex; align-items: center; gap: 12px; }
-        .mobile-toggle { display: none; background: none; border: none; cursor: pointer; color: var(--text-primary); padding: 4px; }
-        
-        .ai-status-badge { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--text-primary); padding: 6px 14px; background: var(--bg-secondary); border-radius: var(--radius-full); border: 1px solid var(--border-light); }
-        .status-indicator { width: 8px; height: 8px; border-radius: 50%; background: var(--brand-green); box-shadow: 0 0 0 3px rgba(19, 136, 8, 0.2); animation: pulseStatus 2s infinite; }
-        @keyframes pulseStatus { 0% { box-shadow: 0 0 0 0 rgba(19,136,8,0.4); } 70% { box-shadow: 0 0 0 6px rgba(19,136,8,0); } 100% { box-shadow: 0 0 0 0 rgba(19,136,8,0); } }
-
-        /* LIVE BUTTON */
-        .btn-live-mode { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: white; border: none; padding: 8px 16px; border-radius: var(--radius-full); font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 8px; cursor: pointer; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3); transition: var(--trans-spring); }
-        .btn-live-mode:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 6px 16px rgba(239, 68, 68, 0.4); }
-        .btn-live-mode svg { width: 16px; height: 16px; animation: blinkSVG 1.5s infinite; }
-        @keyframes blinkSVG { 50% { opacity: 0.5; } }
-
-        /* Messages Area */
-        .messages-area { flex: 1; overflow-y: auto; padding: 40px 10%; display: flex; flex-direction: column; gap: 32px; scroll-behavior: smooth; }
-        .messages-area::-webkit-scrollbar { width: 6px; }
-        .messages-area::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 10px; }
-
-        /* Welcome Screen */
-        .welcome-hero { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 60px 20px; margin: auto; animation: slideUpFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) both; max-width: 700px; }
-        @keyframes slideUpFade { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }
-        
-        .hero-icon-wrap { position: relative; margin-bottom: 32px; }
-        .hero-icon-wrap img { width: 96px; height: 96px; border-radius: 28px; object-fit: cover; box-shadow: var(--shadow-lg); border: 2px solid var(--bg-main); position: relative; z-index: 2; }
-        .hero-icon-glow { position: absolute; inset: -10px; background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); filter: blur(20px); opacity: 0.3; border-radius: 35px; z-index: 1; }
-        
-        .hero-title { font-size: 38px; font-weight: 800; letter-spacing: -1.5px; margin-bottom: 16px; color: var(--text-primary); }
-        .hero-subtitle { font-size: 16px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 32px; }
-        
-        .suggestion-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; width: 100%; }
-        .suggestion-card { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 20px; cursor: pointer; text-align: left; transition: var(--trans-smooth); box-shadow: var(--shadow-sm); }
-        .suggestion-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--brand-saffron); background: rgba(255, 255, 255, 0.9); }
-        .sugg-icon { font-size: 24px; margin-bottom: 12px; display: inline-block; }
-        .sugg-title { font-size: 14px; font-weight: 700; color: var(--text-primary); margin-bottom: 6px; }
-        .sugg-desc { font-size: 13px; color: var(--text-secondary); line-height: 1.4; }
-
-        /* Chat Bubbles */
-        .message-row { display: flex; gap: 16px; max-width: 85%; animation: msgPopIn 0.4s var(--trans-spring) both; }
-        @keyframes msgPopIn { from { opacity: 0; transform: translateY(20px) scale(0.95); } to { opacity: 1; transform: none; } }
-        
-        .message-row.user-msg { flex-direction: row-reverse; align-self: flex-end; }
-        .message-row.bot-msg { align-self: flex-start; }
-        
-        .avatar-box { width: 38px; height: 38px; border-radius: var(--radius-sm); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; box-shadow: var(--shadow-sm); }
-        .user-msg .avatar-box { background: var(--text-primary); color: var(--brand-white); }
-        .bot-msg .avatar-box { background: var(--bg-main); border: 1px solid var(--border-light); padding: 2px; }
-        .bot-msg .avatar-box img { width: 100%; height: 100%; border-radius: 6px; object-fit: cover; }
-        
-        .msg-content-wrapper { display: flex; flex-direction: column; gap: 6px; max-width: 100%; }
-        .user-msg .msg-content-wrapper { align-items: flex-end; }
-        
-        .file-badge { font-size: 11px; font-weight: 600; color: var(--brand-saffron); background: var(--brand-saffron-light); padding: 4px 10px; border-radius: var(--radius-full); margin-bottom: 4px; display: inline-flex; align-items: center; gap: 4px; }
-
-        .bubble { padding: 16px 22px; font-size: 15px; line-height: 1.6; position: relative; word-wrap: break-word; }
-        .user-msg .bubble { background: var(--bg-tertiary); color: var(--text-primary); border-radius: 20px 20px 4px 20px; border: 1px solid var(--border-light); }
-        .bot-msg .bubble { background: var(--bg-main); border: 1px solid var(--border-light); border-radius: 4px 20px 20px 20px; box-shadow: var(--shadow-sm); width: 100%; }
-
-        /* Bot Actions (TTS & Copy) */
-        .msg-actions-bar { display: flex; gap: 8px; margin-top: 6px; padding-left: 12px; opacity: 0; transition: opacity var(--trans-smooth); flex-wrap: wrap; }
-        .bot-msg:hover .msg-actions-bar { opacity: 1; }
-        
-        .action-chip { background: var(--bg-secondary); border: 1px solid var(--border-light); color: var(--text-secondary); font-size: 12px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: var(--radius-full); transition: var(--trans-fast); }
-        .action-chip:hover { background: var(--bg-tertiary); color: var(--text-primary); transform: translateY(-1px); }
-        .action-chip.btn-tts { color: var(--brand-green); border-color: rgba(19, 136, 8, 0.2); background: var(--brand-green-light); }
-        .action-chip.btn-tts:hover { background: rgba(19, 136, 8, 0.15); }
-
-        /* Markdown Styling inside Bubble */
-        .bubble p { margin-bottom: 14px; }
-        .bubble p:last-child { margin-bottom: 0; }
-        .bubble strong { font-weight: 700; color: var(--text-primary); }
-        .bubble code { font-family: var(--font-mono); background: var(--bg-tertiary); padding: 3px 6px; border-radius: 6px; font-size: 0.85em; color: #d946ef; }
-        .bubble img { max-width: 100%; border-radius: 12px; margin: 12px 0; box-shadow: var(--shadow-md); border: 1px solid var(--border-light); display: block; }
-        .bubble pre { background: #282c34; color: #abb2bf; padding: 16px; border-radius: 12px; overflow-x: auto; margin: 16px 0; font-family: var(--font-mono); font-size: 13.5px; line-height: 1.5; }
-        .bubble pre code { background: transparent; color: inherit; padding: 0; }
-        
-        /* Generating Code UI */
-        .gen-code-box { background: #1e1e2e; border-radius: 12px; border: 1px solid #313244; overflow: hidden; margin: 16px 0; box-shadow: var(--shadow-md); }
-        .gen-code-hdr { background: #11111b; padding: 10px 16px; font-size: 12px; font-weight: 600; color: #a6adc8; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #313244; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 1px; }
-        .spinner-mini { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.1); border-top-color: var(--brand-saffron); border-radius: 50%; animation: spin 1s linear infinite; }
-        @keyframes spin { to { transform: rotate(360deg); } }
-        .gen-code-box pre { margin: 0; background: transparent; }
-
-        /* Workspace Trigger Card */
-        .workspace-card { background: var(--bg-secondary); border: 1px solid var(--border-light); border-radius: 12px; padding: 16px; margin: 16px 0; display: flex; align-items: center; justify-content: space-between; box-shadow: var(--shadow-sm); }
-        .ws-card-info { display: flex; align-items: center; gap: 14px; }
-        .ws-card-icon { width: 48px; height: 48px; border-radius: 10px; background: var(--bg-main); display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--border-light); color: var(--text-primary); }
-        .ws-card-text h4 { font-size: 15px; font-weight: 700; margin-bottom: 2px; }
-        .ws-card-text p { font-size: 12px; color: var(--text-tertiary); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.5px; }
-        .btn-view-ws { padding: 10px 20px; background: var(--text-primary); color: var(--brand-white); border: none; border-radius: var(--radius-sm); font-size: 13px; font-weight: 600; cursor: pointer; transition: var(--trans-spring); }
-        .btn-view-ws:hover { transform: scale(1.05); background: var(--brand-saffron); box-shadow: 0 4px 12px rgba(255,153,51,0.3); }
-
-        /* Scroll Bottom Button */
-        .btn-scroll-down { position: absolute; bottom: 130px; left: 50%; transform: translateX(-50%) translateY(20px); width: 44px; height: 44px; border-radius: 50%; background: var(--glass-bg); backdrop-filter: blur(10px); border: 1px solid var(--border-light); box-shadow: var(--shadow-md); display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text-secondary); opacity: 0; pointer-events: none; transition: var(--trans-smooth); z-index: 20; }
-        .btn-scroll-down.show { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
-        .btn-scroll-down:hover { background: var(--bg-main); color: var(--text-primary); transform: translateX(-50%) translateY(-5px); box-shadow: var(--shadow-lg); }
-
-        /* --- 6. INPUT AREA & ATTACHMENTS --- */
-        .input-region { flex-shrink: 0; padding: 0 40px 30px; background: transparent; position: relative; z-index: 20; }
-        .input-box-wrapper { display: flex; flex-direction: column; background: var(--glass-bg); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid var(--border-light); border-radius: var(--radius-xl); box-shadow: var(--shadow-float); transition: var(--trans-smooth); }
-        .input-box-wrapper:focus-within { border-color: var(--brand-saffron); box-shadow: 0 15px 35px -5px rgba(255,153,51,0.15), 0 0 0 3px var(--brand-saffron-light); }
-
-        /* Attachment Preview */
-        .file-preview-strip { display: none; padding: 16px 24px 0; align-items: center; gap: 12px; }
-        .file-preview-strip.active { display: flex; animation: fadeIn 0.3s ease; }
-        .preview-thumb { width: 44px; height: 44px; object-fit: cover; border-radius: var(--radius-sm); border: 1px solid var(--border-light); display: flex; justify-content: center; align-items: center; background: var(--bg-secondary); font-size: 20px; }
-        .preview-details { flex: 1; }
-        .preview-name { font-size: 13px; font-weight: 600; color: var(--text-primary); max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-        .btn-remove-file { background: rgba(239, 68, 68, 0.1); border: none; width: 28px; height: 28px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #ef4444; transition: var(--trans-fast); }
-        .btn-remove-file:hover { background: #ef4444; color: #fff; }
-
-        .input-controls-row { display: flex; align-items: flex-end; gap: 10px; padding: 12px 16px 12px 20px; }
-        
-        .chat-textarea { flex: 1; border: none; outline: none; background: transparent; font-family: var(--font-sans); font-size: 15px; color: var(--text-primary); line-height: 1.5; resize: none; max-height: 180px; min-height: 24px; padding: 10px 0; margin-left: 8px;}
-        .chat-textarea::placeholder { color: var(--text-tertiary); }
-
-        /* Attachment Menu (Gemini Style) */
-        .attach-menu-container { position: relative; }
-        .btn-icon { width: 40px; height: 40px; border-radius: var(--radius-md); background: transparent; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text-secondary); transition: var(--trans-fast); position: relative; }
-        .btn-icon:hover { background: var(--bg-secondary); color: var(--text-primary); }
-        .btn-icon svg { width: 22px; height: 22px; }
-        
-        .attach-popup { position: absolute; bottom: 55px; left: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(20px); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 8px; box-shadow: var(--shadow-float); display: none; flex-direction: column; gap: 4px; z-index: 100; min-width: 180px; transform: translateY(10px) scale(0.95); opacity: 0; transition: all var(--trans-fast); transform-origin: bottom left; }
-        .attach-popup.show { display: flex; transform: translateY(0) scale(1); opacity: 1; }
-        .attach-option { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--radius-sm); cursor: pointer; font-size: 14px; font-weight: 600; color: var(--text-primary); transition: var(--trans-fast); }
-        .attach-option:hover { background: var(--bg-secondary); color: var(--brand-saffron); }
-        .attach-option span.ico { font-size: 18px; }
-        .hidden-file-input { display: none; }
-
-        /* Voice Mic & SMART LANGUAGE TOGGLE */
-        .btn-lang-toggle { font-size: 12px; font-weight: 700; color: var(--text-secondary); border: 1px solid var(--border-light); background: var(--bg-main); border-radius: 8px; padding: 4px 8px; cursor: pointer; transition: 0.2s; display: flex; align-items: center; gap: 4px;}
-        .btn-lang-toggle:hover { background: var(--brand-saffron-light); color: var(--brand-saffron-dark); border-color: var(--brand-saffron); }
-        .btn-lang-toggle.active-hi { background: var(--brand-green-light); color: var(--brand-green-dark); border-color: var(--brand-green); }
-
-        .btn-mic.is-listening { color: #ef4444; background: rgba(239, 68, 68, 0.1); animation: pulseMic 1.5s infinite; }
-        @keyframes pulseMic { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.4); } 70% { box-shadow: 0 0 0 10px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }
-
-        /* Send Button */
-        .btn-send { width: 44px; height: 44px; border-radius: 14px; border: none; background: linear-gradient(135deg, var(--brand-saffron) 0%, var(--brand-green) 100%); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: var(--trans-spring); box-shadow: 0 4px 15px rgba(19, 136, 8, 0.2); }
-        .btn-send svg { width: 18px; height: 18px; fill: white; transition: transform 0.2s; }
-        .btn-send:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255, 153, 51, 0.3); }
-        .btn-send:hover svg { transform: translate(2px, -2px); }
-        .btn-send:disabled { opacity: 0.5; cursor: not-allowed; filter: grayscale(100%); transform: none; box-shadow: none; }
-
-        .footer-branding { text-align: center; font-size: 11px; color: var(--text-tertiary); margin-top: 14px; font-weight: 500; letter-spacing: 0.5px; }
-
-        /* --- 7. WORKSPACE (CODE EDITOR PANEL) --- */
-        .workspace-panel { width: 0; background: var(--bg-main); border-left: 1px solid var(--border-light); display: flex; flex-direction: column; transition: width var(--trans-smooth); overflow: hidden; box-shadow: -10px 0 30px rgba(0,0,0,0.03); z-index: 25; }
-        .workspace-panel.active { width: 50%; }
-        .ws-header { padding: 16px 24px; border-bottom: 1px solid var(--border-light); background: var(--bg-main); display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
-        .ws-title { font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 10px; color: var(--text-primary); }
-        .ws-actions-group { display: flex; gap: 10px; }
-        .btn-ws-action { padding: 8px 16px; border-radius: var(--radius-sm); background: var(--bg-secondary); border: 1px solid var(--border-light); cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--text-primary); transition: var(--trans-fast); font-size: 13px; font-weight: 600; }
-        .btn-ws-action:hover { background: var(--bg-tertiary); }
-        .btn-ws-close { padding: 8px; }
-        .btn-ws-close:hover { color: #ef4444; background: #fee2e2; border-color: #fca5a5; }
-        .ws-editor-area { flex: 1; overflow-y: auto; background: var(--bg-secondary); padding: 24px; }
-        .ws-editor-area pre { margin: 0; padding: 24px; background: #282c34; border: 1px solid var(--border-light); border-radius: var(--radius-lg); font-family: var(--font-mono); font-size: 14px; line-height: 1.6; overflow-x: auto; box-shadow: var(--shadow-md); color: #abb2bf; }
-
-        /* --- 8. LIVE MODE OVERLAY (नया फीचर) --- */
-        .live-overlay { position: fixed; inset: 0; background: rgba(255, 255, 255, 0.98); z-index: 9000; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity var(--trans-smooth); }
-        .live-overlay.active { opacity: 1; pointer-events: auto; }
-        .live-close-btn { position: absolute; top: 30px; right: 30px; background: rgba(0,0,0,0.05); border: none; width: 44px; height: 44px; border-radius: 50%; font-size: 20px; cursor: pointer; transition: 0.2s; }
-        .live-close-btn:hover { background: rgba(239, 68, 68, 0.1); color: #ef4444; transform: rotate(90deg); }
-        .live-orb-container { position: relative; width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
-        .live-orb-core { width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green)); box-shadow: 0 0 40px rgba(19, 136, 8, 0.4); position: relative; z-index: 2; transition: transform 0.1s; }
-        .live-orb-ring { position: absolute; inset: 0; border: 2px solid var(--brand-saffron); border-radius: 50%; opacity: 0; animation: ripple 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
-        .live-orb-ring:nth-child(2) { animation-delay: 0.6s; border-color: var(--brand-green); }
-        .live-orb-ring:nth-child(3) { animation-delay: 1.2s; border-color: var(--text-primary); }
-        @keyframes ripple { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }
-        .live-status-text { font-size: 24px; font-weight: 800; color: var(--text-primary); margin-bottom: 12px; font-family: var(--font-sans); }
-        .live-transcript { font-size: 16px; color: var(--text-secondary); max-width: 600px; text-align: center; line-height: 1.5; min-height: 48px; }
-        .live-controls { display: flex; gap: 20px; margin-top: 40px; }
-        .btn-live-action { width: 64px; height: 64px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--shadow-md); transition: var(--trans-spring); }
-        .btn-live-action.mic { background: var(--bg-main); border: 2px solid var(--border-light); color: var(--text-primary); }
-        .btn-live-action.mic:hover { transform: translateY(-5px); border-color: var(--brand-saffron); color: var(--brand-saffron); }
-        .btn-live-action.mic.recording { background: #ef4444; color: white; border-color: #ef4444; animation: pulseMic 1s infinite; }
-        .btn-live-action svg { width: 28px; height: 28px; }
-
-        /* --- 9. AUTHENTICATION MODAL --- */
-        .modal-bg { position: fixed; inset: 0; background: rgba(0,0,0,0.4); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 5000; display: none; justify-content: center; align-items: center; animation: fadeIn 0.3s ease; }
-        .modal-box { background: var(--bg-main); padding: 40px; border-radius: var(--radius-xl); width: 90%; max-width: 440px; box-shadow: var(--shadow-float); position: relative; border: 1px solid rgba(255,255,255,0.2); }
-        .modal-close { position: absolute; top: 20px; right: 20px; background: var(--bg-secondary); border: none; width: 32px; height: 32px; border-radius: 50%; font-size: 16px; color: var(--text-secondary); cursor: pointer; transition: 0.2s; }
-        .modal-close:hover { background: #fee2e2; color: #ef4444; }
-        .modal-header-title { text-align: center; margin-bottom: 30px; font-family: var(--font-sans); font-size: 26px; font-weight: 800; color: var(--text-primary); }
-        .tab-group { display: flex; background: var(--bg-secondary); padding: 6px; border-radius: var(--radius-lg); margin-bottom: 24px; }
-        .tab-btn { flex: 1; padding: 12px; text-align: center; border-radius: var(--radius-md); font-size: 14px; font-weight: 700; color: var(--text-secondary); cursor: pointer; transition: var(--trans-fast); }
-        .tab-btn.active { background: var(--bg-main); color: var(--text-primary); box-shadow: var(--shadow-sm); }
-        .auth-form-step { display: none; flex-direction: column; animation: slideIn 0.3s ease; }
-        .auth-form-step.active { display: flex; }
-        .input-field { width: 100%; padding: 16px; border: 1.5px solid var(--border-light); border-radius: var(--radius-md); font-size: 15px; outline: none; background: var(--bg-secondary); transition: var(--trans-fast); font-family: var(--font-sans); margin-bottom: 16px; }
-        .input-field:focus { border-color: var(--brand-saffron); background: var(--bg-main); box-shadow: 0 0 0 4px var(--brand-saffron-light); }
-        .btn-submit-auth { width: 100%; padding: 16px; background: var(--text-primary); color: var(--brand-white); border: none; border-radius: var(--radius-md); font-size: 15px; font-weight: 700; cursor: pointer; transition: var(--trans-fast); margin-top: 8px; }
-        .btn-submit-auth:hover { background: #000; transform: translateY(-2px); box-shadow: var(--shadow-md); }
-        .btn-text-back { width: 100%; padding: 12px; background: transparent; color: var(--text-tertiary); border: none; font-size: 14px; font-weight: 600; cursor: pointer; margin-top: 8px; transition: 0.2s; }
-        .btn-text-back:hover { color: var(--text-primary); }
-
-        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
-        @keyframes slideIn { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: none; } }
-
-        /* --- 10. RESPONSIVE DESIGN (MOBILE ADAPTATION) --- */
-        @media (max-width: 900px) {
-            .sidebar { position: absolute; left: -300px; z-index: 1000; height: 100%; box-shadow: var(--shadow-float); }
-            .sidebar.show { left: 0; }
-            .mobile-toggle { display: block; }
-            .workspace-panel.active { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; }
-            .messages-area { padding: 20px 15px; }
-            .input-region { padding: 10px 15px 15px; }
-            .message-row { max-width: 95%; }
-            .btn-scroll-down { bottom: 120px; }
-            .hero-title { font-size: 28px; }
-            .suggestion-grid { grid-template-columns: 1fr; }
+            border: 2px solid var(--bg-primary);
+            transition: transform var(--ease-spring);
         }
-    </style>
-</head>
-<body>
-
-<!-- 1. NOTIFICATIONS -->
-<div id="toast-container"></div>
-
-<!-- 2. INITIAL WELCOME OVERLAY -->
-<div class="welcome-overlay" id="welcomeOverlay">
-    <img src="https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png" alt="Arjun Logo">
-    <h1>Welcome to Arjun 2.O</h1>
-    <p>Professional Edition. Featuring Live Voice Mode, Workspace Coding, and high-fidelity Image Generation.</p>
-    <button class="start-btn" onclick="startArjunApp()">Experience Now</button>
-</div>
-
-<!-- 3. LIVE MODE OVERLAY (नया फीचर) -->
-<div class="live-overlay" id="liveOverlay">
-    <button class="live-close-btn" onclick="stopLiveMode()" title="Exit Live Mode">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-    </button>
-    <div class="live-orb-container">
-        <div class="live-orb-ring"></div>
-        <div class="live-orb-ring"></div>
-        <div class="live-orb-ring"></div>
-        <div class="live-orb-core" id="liveOrb"></div>
-    </div>
-    <div class="live-status-text" id="liveStatusText">Listening...</div>
-    <div class="live-transcript" id="liveTranscriptText">Speak to Arjun directly.</div>
-    <div class="live-controls">
-        <button class="btn-live-action mic" id="liveMicBtn" onclick="toggleLiveMic()">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg>
-        </button>
-    </div>
-</div>
-
-<!-- 4. BACKGROUND EFFECTS -->
-<div class="ambient-bg"><div class="orb orb-saffron"></div><div class="orb orb-green"></div></div>
-
-<!-- 5. MAIN APP ARCHITECTURE -->
-<div class="app-container">
-    
-    <!-- A. SIDEBAR -->
-    <aside class="sidebar" id="sidebar">
-        <div class="sidebar-header">
-            <a href="#" class="brand-logo">
-                <img src="https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png" alt="Arjun Logo">
-                <div class="brand-text">
-                    <span class="brand-title">ARJUN 2.O</span>
-                    <span class="brand-subtitle">Professional</span>
-                </div>
-            </a>
-            <button class="mobile-toggle" onclick="toggleSidebar()">
-                <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-            </button>
-        </div>
         
-        <div class="sidebar-content">
-            <!-- Auth Section -->
-            <div class="auth-section">
-                <button id="loginPromptBtn" class="btn-secure-login" onclick="openAuthModal()">
-                    <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
-                    Secure Login
-                </button>
-                <div id="userProfile" class="user-profile-card">
-                    <div class="user-avatar-circle" id="uAvatar">U</div>
-                    <div class="user-info-text">
-                        <div class="user-email-text" id="uEmail">user@email.com</div>
-                        <div class="user-status-text">Verified Access</div>
-                    </div>
-                    <button class="btn-logout" onclick="logout()" title="Secure Logout">
-                        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-                    </button>
-                </div>
-            </div>
-
-            <!-- Brand Info Box -->
-            <div class="brand-info-box">
-                <img src="https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png" alt="Arjun Identity">
-                <h3>Arjun Intelligence</h3>
-                <p>ENGINEERED BY ABHAY KUMAR</p>
-            </div>
-            
-            <button class="btn-clear-chat" onclick="clearMemory()">
-                <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>
-                Clear Memory Context
-            </button>
-        </div>
-    </aside>
-
-    <!-- B. MAIN CHAT INTERFACE -->
-    <main class="chat-container">
-        <!-- Header -->
-        <header class="chat-header">
-            <div class="header-left">
-                <button class="mobile-toggle" onclick="toggleSidebar()">
-                    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                </button>
-                <div class="ai-status-badge">
-                    <div class="status-indicator"></div>
-                    Arjun Core Online
-                </div>
-            </div>
-            
-            <!-- NEW LIVE MODE BUTTON -->
-            <button class="btn-live-mode" onclick="startLiveMode()">
-                <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4" fill="currentColor"></circle></svg>
-                LIVE MODE
-            </button>
-        </header>
-
-        <!-- Messages Flow -->
-        <div class="messages-area" id="msgs" onscroll="checkScroll()">
-            <!-- Internal Hero/Welcome -->
-            <div class="welcome-hero" id="welcome">
-                <div class="hero-icon-wrap">
-                    <div class="hero-icon-glow"></div>
-                    <img src="https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png" alt="Arjun Logo">
-                </div>
-                <h2 class="hero-title">How can I assist you today?</h2>
-                <p class="hero-subtitle">Experience next-generation reasoning, multi-file processing, and workspace code generation crafted by Abhay Kumar.</p>
-                
-                <div id="guestBadge" class="file-badge" style="margin-bottom:24px; display:none; background:#fee2e2; color:#ef4444;">
-                    <span>⚠️ Guest Mode: <span id="guestCountDisplay">0</span>/3 Queries Used. Login Required.</span>
-                </div>
-
-                <div class="suggestion-grid">
-                    <div class="suggestion-card" onclick="sendEx('Write a python script for a highly secure Flask backend server.')">
-                        <span class="sugg-icon">💻</span>
-                        <div class="sugg-title">Generate Production Code</div>
-                        <div class="sugg-desc">Create secure, workspace-ready scripts instantly.</div>
-                    </div>
-                    <div class="suggestion-card" onclick="sendEx('Create a hyper-realistic 8k image of a futuristic Indian metropolis.')">
-                        <span class="sugg-icon">🎨</span>
-                        <div class="sugg-title">Render Stunning Visions</div>
-                        <div class="sugg-desc">Utilize advanced AI to paint your imagination.</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <button class="btn-scroll-down" id="scrollBtn" onclick="forceScrollDown()">
-            <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>
-        </button>
-
-        <!-- Input Region -->
-        <div class="input-region">
-            <div class="input-box-wrapper">
-                
-                <!-- File Preview Strip -->
-                <div class="file-preview-strip" id="imgPrev">
-                    <img class="preview-thumb" id="imgThumb" src="" style="display:none;">
-                    <div class="preview-thumb" id="fileIcon" style="display:none;">📄</div>
-                    <div class="preview-details">
-                        <div class="preview-name" id="imgName">document.pdf</div>
-                    </div>
-                    <button class="btn-remove-file" onclick="removeImg()">
-                        <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-                    </button>
-                </div>
-
-                <div class="input-controls-row">
-                    <!-- Attachment Menu System -->
-                    <div class="attach-menu-container">
-                        <button class="btn-icon" onclick="toggleAttachMenu()" title="Attach File">
-                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg>
-                        </button>
-                        
-                        <div class="attach-popup" id="attachMenu">
-                            <div class="attach-option" onclick="triggerInput('image')"><span class="ico">🖼️</span> High-Res Image</div>
-                            <div class="attach-option" onclick="triggerInput('video')"><span class="ico">🎥</span> Video Media</div>
-                            <div class="attach-option" onclick="triggerInput('audio')"><span class="ico">🎵</span> Audio Track</div>
-                            <div class="attach-option" onclick="triggerInput('document')"><span class="ico">📄</span> Code / Document</div>
-                        </div>
-                        
-                        <!-- Hidden Inputs -->
-                        <input type="file" id="inp-image" class="hidden-file-input" accept="image/*" onchange="handleSpecificFile(this, 'image')">
-                        <input type="file" id="inp-video" class="hidden-file-input" accept="video/*" onchange="handleSpecificFile(this, 'video')">
-                        <input type="file" id="inp-audio" class="hidden-file-input" accept="audio/*" onchange="handleSpecificFile(this, 'audio')">
-                        <input type="file" id="inp-document" class="hidden-file-input" accept=".pdf,.doc,.docx,.txt,.md,.csv,.json,.py,.js,.html,.css,.cpp,.c,.java" onchange="handleSpecificFile(this, 'document')">
-                    </div>
-                    
-                    <!-- NEW: SMART LANGUAGE TOGGLE FOR STT -->
-                    <button class="btn-lang-toggle" id="langToggleBtn" onclick="toggleSpeechLang()" title="Toggle Voice Language (EN/HI)">
-                        🌐 <span id="langIndicator">EN</span>
-                    </button>
-
-                    <!-- Voice Mic -->
-                    <button class="btn-icon btn-mic" id="voiceBtn" onclick="toggleVoice()" title="Dictate Message">
-                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg>
-                    </button>
+        .brand-identity:hover img {
+            transform: scale(1.08) rotate(-3deg);
+        }
+        
+        .brand-typography {
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .brand-name {
+            font-family: var(--font-sans);
+            font-weight: 900;
+            font-size: 20px;
+            color: var(--text-primary);
+            letter-spacing: -0.5px;
+            line-height: 1.1;
+        }
+        
+        .brand-edition {
+            font-size: 11px;
+            font-weight: 800;
+            letter-spacing: 1.5px;
+            text-transform: uppercase;
+            background: linear-gradient(90deg, var(--brand-saffron), var(--brand-green));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            margin-top: 4px;
+        }
+        
+        .btn-mobile-close {
+            display: none;
+            background: rgba(0,0,0,0.05);
+            border: none;
+            width: 36px;
+            height: 36px;
+            border-radius: 50%;
+            color: var(--text-primary);
+            cursor: pointer;
+            align-items: center;
+            justify-content: center;
+            transition: var(--ease-fast);
+        }
+        
+        .btn-mobile-close:hover {
+            background: rgba(239, 68, 68, 0.15);
+            color: #ef4444;
+        }
 
-                    <!-- Text Area -->
-                    <textarea class="chat-textarea" id="chatInput" placeholder="Send a message to Arjun 2.O..." rows="1" onkeydown="handleKey(event)" oninput="autoGrow(this)"></textarea>
-                    
-                    <!-- Send Button -->
-                    <button class="btn-send" id="sendBtn" onclick="sendMsg()">
-                        <svg viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
-                    </button>
-                </div>
-            </div>
-            <div class="footer-branding">Advanced Artificial Intelligence • Developed by Abhay Kumar</div>
-        </div>
-    </main>
-
-    <!-- C. WORKSPACE PANEL -->
-    <aside class="workspace-panel" id="workspace">
-        <div class="ws-header">
-            <div class="ws-title">
-                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
-                <span id="wsTitleText">Workspace Logic</span>
-            </div>
-            <div class="ws-actions-group">
-                <!-- ROBUST COPY BUTTON FOR WORKSPACE -->
-                <button class="btn-ws-action" onclick="copyWorkspaceCode(this)" id="wsCopyBtn">
-                    <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
-                    Copy Source
-                </button>
-                <button class="btn-ws-action btn-ws-close" onclick="closeWorkspace()" title="Close Workspace">
-                    <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-                </button>
-            </div>
-        </div>
-        <div class="ws-editor-area">
-            <pre><code id="wsCodeBlock" class="hljs"></code></pre>
-        </div>
-    </aside>
-</div>
-
-<!-- 6. AUTHENTICATION MODAL -->
-<div class="modal-bg" id="authModal">
-    <div class="modal-box">
-        <button class="modal-close" onclick="closeAuthModal()">
-            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-        </button>
-        <div class="modal-header-title">Arjun Network</div>
-        <div class="tab-group">
-            <div class="tab-btn active" id="tab-login" onclick="switchAuthTab('login')">Access Account</div>
-            <div class="tab-btn" id="tab-register" onclick="switchAuthTab('register')">Request Access</div>
-        </div>
+        /* Sidebar Content & Scrollbar */
+        .sidebar-body {
+            flex: 1;
+            overflow-y: auto;
+            padding: 24px;
+            display: flex;
+            flex-direction: column;
+            gap: 28px;
+        }
         
-        <div id="flow-login">
-            <div class="auth-form-step active" id="log-step-1">
-                <input type="email" class="input-field" id="logEmail" placeholder="Authorized Email Address">
-                <button class="btn-submit-auth" id="btn-log-otp" onclick="processAuth('login_send_otp')">Generate Secure Token (OTP)</button>
-            </div>
-            <div class="auth-form-step" id="log-step-2">
-                <input type="number" class="input-field" id="logOTP" placeholder="Enter Validation Token">
-                <button class="btn-submit-auth" id="btn-log-verify" onclick="processAuth('login_verify')">Authenticate Session</button>
-                <button class="btn-text-back" onclick="switchAuthStep('log-step-2', 'log-step-1')">← Return</button>
-            </div>
-        </div>
+        .sidebar-body::-webkit-scrollbar { width: 5px; }
+        .sidebar-body::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 10px; }
+        .sidebar-body::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.2); }
+
+        /* Authentication UI Widget */
+        .auth-widget {
+            background: var(--bg-primary);
+            border: 1px solid var(--border-light);
+            border-radius: var(--radius-lg);
+            padding: 20px;
+            box-shadow: var(--shadow-sm);
+            position: relative;
+            overflow: hidden;
+        }
         
-        <div id="flow-register" style="display:none;">
-            <div class="auth-form-step active" id="reg-step-1">
-                <input type="text" class="input-field" id="regName" placeholder="Full Legal Name">
-                <input type="email" class="input-field" id="regEmail" placeholder="Communication Email">
-                <button class="btn-submit-auth" id="btn-reg-otp" onclick="processAuth('register_send_otp')">Verify Identity</button>
-            </div>
-            <div class="auth-form-step" id="reg-step-2">
-                <input type="number" class="input-field" id="regOTP" placeholder="Enter Identity Token">
-                <button class="btn-submit-auth" id="btn-reg-verify" onclick="processAuth('register_verify')">Initialize Account</button>
-                <button class="btn-text-back" onclick="switchAuthStep('reg-step-2', 'reg-step-1')">← Return</button>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- ==========================================
-     ADVANCED JAVASCRIPT LOGIC (पूर्ण लॉजिक)
-     ========================================== -->
-<script>
-// --- GLOBAL CONFIGURATION ---
-pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
-
-const GAS_URL = "https://script.google.com/macros/s/AKfycbzTsXGoVh97JjtFAAG825GF4WUZqf7FDB3Zbxyf0nrLXt_1HjJSSqA829UcdoamRPvg0A/exec";
-const LOGO_URL = "https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png";
-
-let currentUser = localStorage.getItem('arjun_user');
-let guestCount = parseInt(localStorage.getItem('arjun_guest') || '0');
-window.isStreamingGlobalFlag = false;
-let isLiveModeActive = false;
-
-const S = { history: [], pending: null, busy: false, isUserScrolling: false, codeBlocks: [], currentWorkspaceId: null };
-
-// --- BOOTSTRAP ---
-document.addEventListener('DOMContentLoaded', () => {
-    if(!localStorage.getItem('arjun_welcome_seen')) { document.getElementById('welcomeOverlay').style.display = 'flex'; } 
-    else { document.getElementById('welcomeOverlay').style.display = 'none'; }
-    updateAuthUI();
-    if(currentUser) { fetchHistoryFromGAS(); } 
-    else { document.getElementById('guestBadge').style.display = 'inline-flex'; document.getElementById('guestCountDisplay').innerText = guestCount; }
-});
-
-function startArjunApp() {
-    document.getElementById('welcomeOverlay').classList.add('hidden');
-    localStorage.setItem('arjun_welcome_seen', 'true');
-    setTimeout(() => { document.getElementById('welcomeOverlay').style.display = 'none'; }, 400);
-}
-
-function toggleSidebar() { document.getElementById('sidebar').classList.toggle('show'); }
-function showToast(msg) {
-    const c = document.getElementById('toast-container');
-    const t = document.createElement('div'); t.className = 'toast'; t.innerText = msg;
-    c.appendChild(t); setTimeout(() => t.remove(), 3000);
-}
-
-// ==========================================
-// 📋 BULLETPROOF COPY LOGIC (NO COMPROMISE)
-// ==========================================
-function executeFallbackCopy(text, btnElement) {
-    var textArea = document.createElement("textarea");
-    textArea.value = text;
-    textArea.style.top = "0";
-    textArea.style.left = "0";
-    textArea.style.position = "fixed";
-    document.body.appendChild(textArea);
-    textArea.focus();
-    textArea.select();
-    
-    try {
-        var successful = document.execCommand('copy');
-        if(successful) {
-            const originalHTML = btnElement.innerHTML;
-            btnElement.innerHTML = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg> Copied Successfully`;
-            setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
-        } else {
-            showToast("Clipboard access denied by browser.");
-        }
-    } catch (err) {
-        showToast("Error executing copy command.");
-    }
-    document.body.removeChild(textArea);
-}
-
-function copyText(btnElement, rawTextToCopy) {
-    if (!navigator.clipboard) {
-        executeFallbackCopy(rawTextToCopy, btnElement);
-        return;
-    }
-    navigator.clipboard.writeText(rawTextToCopy).then(function() {
-        const originalHTML = btnElement.innerHTML;
-        btnElement.innerHTML = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg> Copied Successfully`;
-        setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
-    }).catch(function(err) {
-        console.warn('Modern Clipboard API failed, attempting fallback...', err);
-        executeFallbackCopy(rawTextToCopy, btnElement);
-    });
-}
-
-function copyWorkspaceCode(btnElement) {
-    if(S.currentWorkspaceId !== null) {
-        const actualCodeString = S.codeBlocks[S.currentWorkspaceId].code;
-        copyText(btnElement, actualCodeString);
-    }
-}
-
-
-// ==========================================
-// 🎙️ TEXT TO SPEECH (BACKEND - PRABHAT)
-// ==========================================
-async function speakText(text) {
-    let cleanText = text.replace(/[*_~`#]/g, '').replace(/<[^>]*>?/gm, '');
-    showToast("🔊 Preparing High-Quality Audio...");
-    try {
-        const res = await fetch('/api/tts', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ text: cleanText })
-        });
-        if (!res.ok) throw new Error("TTS failed on backend");
-        const blob = await res.blob();
-        const audioUrl = URL.createObjectURL(blob);
-        const audio = new Audio(audioUrl);
-        audio.play();
-    } catch (err) {
-        showToast("Server TTS Error. Make sure app.py backend is updated.");
-        console.error(err);
-    }
-}
-
-// ==========================================
-// 🎤 SMART VOICE TYPING (HINDI/ENGLISH TOGGLE)
-// ==========================================
-const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-let recognition = null; 
-let isRecording = false;
-
-// Default STT language
-let currentSpeechLang = 'en-IN'; // Default to English/Hinglish
-
-function toggleSpeechLang() {
-    const btn = document.getElementById('langToggleBtn');
-    const indicator = document.getElementById('langIndicator');
-    
-    if(currentSpeechLang === 'en-IN') {
-        currentSpeechLang = 'hi-IN';
-        indicator.innerText = 'हि';
-        btn.classList.add('active-hi');
-        showToast("Voice Mode: Pure Hindi (देवनागरी)");
-    } else {
-        currentSpeechLang = 'en-IN';
-        indicator.innerText = 'EN';
-        btn.classList.remove('active-hi');
-        showToast("Voice Mode: English / Hinglish");
-    }
-    
-    // Update recognition engine language if it exists
-    if(recognition) {
-        recognition.lang = currentSpeechLang;
-        // If it was recording, restart it to apply new language
-        if(isRecording) {
-            recognition.stop();
-            setTimeout(() => recognition.start(), 300);
-        }
-    }
-}
-
-if (SpeechRecognition) {
-    recognition = new SpeechRecognition();
-    recognition.continuous = false; 
-    recognition.interimResults = false;
-    recognition.lang = currentSpeechLang; 
-    
-    recognition.onstart = () => { 
-        isRecording = true; 
-        document.getElementById('voiceBtn').classList.add('is-listening'); 
-        if(isLiveModeActive) { document.getElementById('liveMicBtn').classList.add('recording'); document.getElementById('liveStatusText').innerText = "Listening..."; document.getElementById('liveOrb').style.transform = "scale(1.2)"; }
-    };
-    
-    recognition.onresult = (event) => {
-        let transcript = '';
-        for (let i = event.resultIndex; i < event.results.length; ++i) { transcript += event.results[i][0].transcript; }
-        transcript = transcript.trim();
-        if(transcript.length > 0) {
-            transcript = transcript.charAt(0).toUpperCase() + transcript.slice(1);
-            if (!/[.!?।]$/.test(transcript)) transcript += '.'; transcript += ' ';
-        }
-        
-        if(isLiveModeActive) {
-            document.getElementById('liveTranscriptText').innerText = `"${transcript}"`;
-            document.getElementById('liveStatusText').innerText = "Processing...";
-            document.getElementById('chatInput').value = transcript;
-            sendMsg();
-        } else {
-            const inp = document.getElementById('chatInput');
-            inp.value = (inp.value + ' ' + transcript).trim(); 
-            autoGrow(inp);
-        }
-    };
-    
-    recognition.onend = () => { 
-        isRecording = false; 
-        document.getElementById('voiceBtn').classList.remove('is-listening'); 
-        if(isLiveModeActive && !S.busy) { document.getElementById('liveMicBtn').classList.remove('recording'); document.getElementById('liveStatusText').innerText = "Tap mic to speak"; document.getElementById('liveOrb').style.transform = "scale(1)"; }
-    };
-    
-    recognition.onerror = (e) => { 
-        showToast("Mic Error: " + e.error); 
-        isRecording = false;
-        document.getElementById('voiceBtn').classList.remove('is-listening');
-        if(isLiveModeActive) { document.getElementById('liveMicBtn').classList.remove('recording'); document.getElementById('liveStatusText').innerText = "Error. Tap to retry."; }
-    };
-}
-
-function toggleVoice() {
-    if(!recognition) return showToast("Voice input not supported in this browser.");
-    if(isRecording) recognition.stop(); else recognition.start();
-}
-
-
-// ==========================================
-// 🟢 LIVE MODE CONTROLLER
-// ==========================================
-function startLiveMode() {
-    isLiveModeActive = true;
-    document.getElementById('liveOverlay').classList.add('active');
-    if(recognition && !isRecording) { setTimeout(() => { recognition.start(); }, 500); }
-}
-function stopLiveMode() {
-    isLiveModeActive = false;
-    document.getElementById('liveOverlay').classList.remove('active');
-    if(recognition && isRecording) { recognition.stop(); }
-}
-function toggleLiveMic() {
-    if(!recognition) return showToast("Not supported.");
-    if(isRecording) recognition.stop(); else recognition.start();
-}
-
-
-// ==========================================
-// 🔐 AUTHENTICATION & SYNC
-// ==========================================
-function updateAuthUI() { if (currentUser) { document.getElementById('loginPromptBtn').style.display = 'none'; document.getElementById('userProfile').style.display = 'flex'; document.getElementById('uEmail').innerText = currentUser; document.getElementById('uAvatar').innerText = currentUser.charAt(0).toUpperCase(); document.getElementById('guestBadge').style.display = 'none'; } else { document.getElementById('loginPromptBtn').style.display = 'flex'; document.getElementById('userProfile').style.display = 'none'; } }
-function openAuthModal() { document.getElementById('authModal').style.display = 'flex'; }
-function closeAuthModal() { document.getElementById('authModal').style.display = 'none'; }
-function switchAuthTab(tab) { document.querySelectorAll('.tab-btn').forEach(e => e.classList.remove('active')); document.getElementById(`tab-${tab}`).classList.add('active'); document.getElementById('flow-login').style.display = tab === 'login' ? 'block' : 'none'; document.getElementById('flow-register').style.display = tab === 'register' ? 'block' : 'none'; }
-function switchAuthStep(curr, next) { document.getElementById(curr).classList.remove('active'); document.getElementById(next).classList.add('active'); }
-
-async function processAuth(action) { 
-    let payload = { action }; let btnId = ''; 
-    if (action === 'register_send_otp') { payload.name = document.getElementById('regName').value.trim(); payload.email = document.getElementById('regEmail').value.trim(); payload.phone = "0000000000"; payload.organization = "Arjun Compound"; if(!payload.email || !payload.name) return showToast("Details required."); btnId = 'btn-reg-otp'; } 
-    else if (action === 'login_send_otp') { payload.email = document.getElementById('logEmail').value.trim(); if(!payload.email) return showToast("Enter email."); btnId = 'btn-log-otp'; } 
-    else if (action === 'register_verify' || action === 'login_verify') { payload.email = document.getElementById(action === 'register_verify' ? 'regEmail' : 'logEmail').value.trim(); payload.otp = document.getElementById(action === 'register_verify' ? 'regOTP' : 'logOTP').value.trim(); if(!payload.otp) return showToast("Enter OTP"); btnId = action === 'register_verify' ? 'btn-reg-verify' : 'btn-log-verify'; } 
-    
-    const btn = document.getElementById(btnId); const ogText = btn.innerHTML; btn.disabled = true; btn.innerText = 'Connecting...'; 
-    try { 
-        const res = await fetch(GAS_URL, { method: 'POST', body: JSON.stringify(payload) }); 
-        const data = await res.json(); 
-        if (data.status === 'success') { 
-            showToast(data.message); 
-            if (action === 'register_send_otp') switchAuthStep('reg-step-1', 'reg-step-2'); 
-            else if (action === 'login_send_otp') switchAuthStep('log-step-1', 'log-step-2'); 
-            else if (action === 'register_verify' || action === 'login_verify') { currentUser = payload.email; localStorage.setItem('arjun_user', currentUser); closeAuthModal(); updateAuthUI(); fetchHistoryFromGAS(); } 
-        } else { showToast(data.message); }
-    } catch (e) { showToast("Security gateway error."); } 
-    btn.disabled = false; btn.innerHTML = ogText; 
-}
-
-function logout() { localStorage.removeItem('arjun_user'); location.reload(); }
-async function clearMemory() { if(currentUser) { showToast("Erasing memory context..."); await fetch(GAS_URL, { method: 'POST', body: JSON.stringify({ action: "delete_history", email: currentUser }) }); } location.reload(); }
-
-async function fetchHistoryFromGAS() { 
-    const m = document.getElementById('msgs'); document.getElementById('welcome').style.display = 'none'; 
-    m.innerHTML = '<div style="text-align:center; padding:60px; font-weight:600; color:var(--brand-saffron);">Decrypting Secure History...</div>'; 
-    try { 
-        const res = await fetch(GAS_URL, { method: 'POST', body: JSON.stringify({ action: "get_history", email: currentUser }) }); 
-        const data = await res.json(); m.innerHTML = ''; 
-        if (data.status === 'success' && data.historyJSON !== "[]") { 
-            S.history = JSON.parse(data.historyJSON); 
-            S.history.forEach(msg => { if(msg.role === 'user') appendUserDOM(msg.content, msg.badge); else { window.isStreamingGlobalFlag = false; appendBotDOM(msg.content, true); } }); 
-            setTimeout(forceScrollDown, 100); 
-        } else { document.getElementById('welcome').style.display = 'flex'; } 
-    } catch(e) { m.innerHTML = ''; document.getElementById('welcome').style.display = 'flex'; } 
-}
-function syncHistory() { if(currentUser) { fetch(GAS_URL, { method: 'POST', body: JSON.stringify({ action: "save_history", email: currentUser, historyJSON: JSON.stringify(S.history) }) }); } }
-
-
-// ==========================================
-// 📂 ATTACHMENT & FILE EXTRACTION
-// ==========================================
-function toggleAttachMenu() { document.getElementById('attachMenu').classList.toggle('show'); }
-document.addEventListener('click', function(event) { const wrapper = document.querySelector('.attach-menu-container'); if (!wrapper.contains(event.target)) { document.getElementById('attachMenu').classList.remove('show'); } });
-function triggerInput(type) { document.getElementById('attachMenu').classList.remove('show'); document.getElementById('inp-' + type).click(); }
-
-async function handleSpecificFile(input, expectedType) {
-    const file = input.files[0]; if(!file) return;
-    const fileName = file.name.toLowerCase();
-    const fileMime = file.type;
-    
-    if (expectedType === 'image' && !fileMime.startsWith('image/')) { showToast("Invalid Format! Requires Image."); input.value=''; return; }
-    if (expectedType === 'video' && !fileMime.startsWith('video/')) { showToast("Invalid Format! Requires Video."); input.value=''; return; }
-    if (expectedType === 'audio' && !fileMime.startsWith('audio/')) { showToast("Invalid Format! Requires Audio."); input.value=''; return; }
-    
-    document.getElementById('imgThumb').style.display = 'none'; document.getElementById('fileIcon').style.display = 'none';
-    document.getElementById('imgName').textContent = file.name; document.getElementById('imgPrev').classList.add('active');
-    showToast(`Analyzing ${file.name}...`);
-    
-    const reader = new FileReader();
-    if (expectedType === 'image') {
-        reader.onload = e => { S.pending = { type: 'image', data: e.target.result.split(',')[1], name: file.name }; document.getElementById('imgThumb').src = e.target.result; document.getElementById('imgThumb').style.display = 'flex'; };
-        reader.readAsDataURL(file);
-    } else if (expectedType === 'video' || expectedType === 'audio') {
-        reader.onload = e => { S.pending = { type: expectedType, data: e.target.result.split(',')[1], name: file.name }; document.getElementById('fileIcon').textContent = expectedType === 'video' ? '🎥' : '🎵'; document.getElementById('fileIcon').style.display = 'flex'; };
-        reader.readAsDataURL(file);
-    } else if (expectedType === 'document') {
-        document.getElementById('fileIcon').textContent = '📄'; document.getElementById('fileIcon').style.display = 'flex';
-        if (fileName.endsWith('.pdf')) {
-            reader.onload = async function() {
-                try {
-                    const typedarray = new Uint8Array(this.result);
-                    const pdf = await pdfjsLib.getDocument(typedarray).promise; let fullText = "";
-                    for (let i = 1; i <= pdf.numPages; i++) { const page = await pdf.getPage(i); const textContent = await page.getTextContent(); fullText += textContent.items.map(s => s.str).join(' ') + "\n"; }
-                    S.pending = { type: 'text', data: fullText.trim() || "Empty PDF.", name: file.name }; showToast("PDF Text Extracted!");
-                } catch (e) { showToast("Failed to parse PDF."); removeImg(); }
-            }; reader.readAsArrayBuffer(file);
-        } else if (fileName.endsWith('.docx') || fileName.endsWith('.doc')) {
-            reader.onload = async function() {
-                try {
-                    const arrayBuffer = this.result; const result = await mammoth.extractRawText({arrayBuffer: arrayBuffer});
-                    S.pending = { type: 'text', data: result.value.trim() || "Empty DOCX.", name: file.name }; showToast("Word Text Extracted!");
-                } catch(e) { showToast("Failed to parse Word Document."); removeImg(); }
-            }; reader.readAsArrayBuffer(file);
-        } else {
-            reader.onload = e => { S.pending = { type: 'text', data: e.target.result, name: file.name }; showToast("Code/Text loaded!"); };
-            reader.readAsText(file);
-        }
-    }
-    input.value = ''; 
-}
-function removeImg(){ S.pending=null; document.getElementById('imgPrev').classList.remove('active'); }
-
-// ==========================================
-// 🛠️ UI UTILITIES
-// ==========================================
-function handleKey(e){ if(e.key==='Enter'&&!e.shiftKey){ e.preventDefault(); sendMsg(); } }
-function autoGrow(el){ el.style.height='auto'; el.style.height=Math.min(el.scrollHeight,200)+'px'; }
-function checkScroll() { const m = document.getElementById('msgs'); const isAtBottom = Math.abs((m.scrollHeight - m.scrollTop) - m.clientHeight) < 80; S.isUserScrolling = !isAtBottom; const btn = document.getElementById('scrollBtn'); if(S.isUserScrolling) btn.classList.add('show'); else btn.classList.remove('show'); }
-function forceScrollDown(){ const m = document.getElementById('msgs'); m.scrollTo({top: m.scrollHeight, behavior: 'smooth'}); S.isUserScrolling = false; document.getElementById('scrollBtn').classList.remove('show'); }
-function autoScroll() { if(!S.isUserScrolling) { const m = document.getElementById('msgs'); m.scrollTop = m.scrollHeight; } }
-
-
-// ==========================================
-// 💻 WORKSPACE & MARKDOWN RENDERER
-// ==========================================
-function openWorkspace(id) { 
-    S.currentWorkspaceId = id; const block = S.codeBlocks[id]; 
-    document.getElementById('wsTitleText').textContent = block.lang ? `Generated ${block.lang.toUpperCase()}` : "Generated Code"; 
-    const codeBlock = document.getElementById('wsCodeBlock'); 
-    codeBlock.className = `hljs language-${block.lang || 'plaintext'}`; 
-    codeBlock.textContent = block.code; 
-    hljs.highlightElement(codeBlock); 
-    document.getElementById('workspace').classList.add('active'); 
-    if(window.innerWidth <= 900) { document.getElementById('sidebar').classList.remove('show'); } 
-}
-function closeWorkspace() { document.getElementById('workspace').classList.remove('active'); }
-
-const renderer = new marked.Renderer();
-renderer.code = function(token) {
-    const codeText = typeof token === 'string' ? token : (token.text || '');
-    const language = typeof token === 'string' ? arguments[1] : (token.lang || '');
-    
-    if (window.isStreamingGlobalFlag) { 
-        return `
-        <div class="gen-code-box">
-            <div class="gen-code-hdr"><div class="spinner-mini"></div> Synthesizing Code...</div>
-            <pre><code class="language-${language}">${codeText.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</code></pre>
-        </div>`; 
-    }
-    
-    const id = S.codeBlocks.length; 
-    S.codeBlocks.push({ code: codeText, lang: language });
-    return `
-    <div class="workspace-card">
-        <div class="ws-card-info">
-            <div class="ws-card-icon"><svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div>
-            <div class="ws-card-text"><h4>Code Module Ready</h4><p>${language || 'Syntax'}</p></div>
-        </div>
-        <button class="btn-view-ws" onclick="openWorkspace(${id})">Execute in Workspace</button>
-    </div>`;
-};
-marked.use({ renderer });
-
-
-// ==========================================
-// 🧠 MAIN CHAT CORE ENGINE
-// ==========================================
-async function sendMsg(){
-    if(S.busy) return;
-    const inp = document.getElementById('chatInput');
-    const msg = inp.value.trim();
-    if(!msg && !S.pending) return;
-
-    if (!currentUser) {
-        if (guestCount >= 3) { openAuthModal(); return showToast("Guest allowance exceeded. Authenticate to continue."); }
-        guestCount++; localStorage.setItem('arjun_guest', guestCount.toString());
-        document.getElementById('guestCountDisplay').innerText = guestCount;
-    }
-
-    inp.value=''; inp.style.height='auto';
-    document.getElementById('sendBtn').disabled=true;
-    S.busy=true;
-  
-    const w = document.getElementById('welcome'); if(w) w.style.display='none';
-
-    let backendPayloadMsg = msg;
-    let attachments = [];
-    let badge = null;
-
-    if(S.pending) {
-        if(S.pending.type === 'text') {
-            backendPayloadMsg = `[Attached File Data: ${S.pending.name}]\n\n---FILE CONTENT START---\n${S.pending.data}\n---FILE CONTENT END---\n\nUser Question: ${msg}`;
-            badge = '📄 '+S.pending.name;
-        } else {
-            attachments.push({ type: S.pending.type, data: S.pending.data, name: S.pending.name });
-            const icon = S.pending.type === 'video' ? '🎥 ' : (S.pending.type === 'audio' ? '🎵 ' : '🖼️ ');
-            badge = icon + S.pending.name;
-        }
-        appendUserDOM(msg || '[Media Payload Attached]', badge);
-        S.history.push({role: 'user', content: backendPayloadMsg, badge: badge});
-    } else {
-        appendUserDOM(msg);
-        S.history.push({role: 'user', content: msg});
-    }
-  
-    removeImg(); syncHistory();
-
-    const botDiv = document.createElement('div'); botDiv.className = 'message-row bot-msg';
-    botDiv.innerHTML = `<div class="avatar-box"><img src="${LOGO_URL}"></div><div class="msg-content-wrapper"><div class="bubble"><div class="typing"><span></span><span></span><span></span></div></div></div>`;
-    document.getElementById('msgs').appendChild(botDiv);
-    forceScrollDown();
-
-    // 🎲 POLLINATIONS RANDOM SEED GENERATOR
-    const randomSeed = Math.floor(Math.random() * 999999999);
-
-    // 🧠 DYNAMIC SYSTEM PROMPT
-    let sysPrompt = `You are Arjun 2.O, a highly advanced AI system developed by Abhay Kumar.
-    LANGUAGE: You are fully bilingual. Write and respond fluently in BOTH English and Hindi dynamically based on user input. Do not force Hindi if user speaks English.
-    
-    CRITICAL IMAGE GENERATION:
-    If asked to generate an image, you MUST respond with a markdown image tag using Pollinations AI.
-    Format: ![Generating Image...](https://image.pollinations.ai/prompt/{URL_ENCODED_PROMPT}?width=1024&height=1024&nologo=true&model={MODEL}&seed=${randomSeed})
-    Models: flux, flux-realism, flux-anime, flux-3d. Choose best fit. Always include the exact seed provided above in the URL to prevent caching.`;
-
-    if(isLiveModeActive) {
-        sysPrompt += `\n\nCRITICAL STATE: You are currently in LIVE VOICE CONVERSATIONAL MODE.
-        Your responses MUST be extremely concise, short, and conversational. Do not use Markdown, do not use bolding, and do not provide long lists or code unless absolutely necessary. Speak as if you are on a live phone call. Keep it brief.`;
-    }
-  
-    const cleanHistory = S.history.slice(0, -1).map(item => ({ role: item.role, content: item.content }));
-
-    const payload = {
-        message: backendPayloadMsg,
-        attachments: attachments,
-        system_prompt: sysPrompt,
-        history: cleanHistory,
-        max_tokens: isLiveModeActive ? 150 : 4096, 
-        temperature: 0.7
-    };
-
-    try {
-        const res = await fetch('/api/chat', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(payload) });
-        if (!res.ok) throw new Error("Server error");
-        
-        const reader = res.body.getReader(); const decoder = new TextDecoder();
-        let accumulatedText = "";
-        window.isStreamingGlobalFlag = true; 
-        
-        while (true) {
-            const { done, value } = await reader.read();
-            if (done) break;
-            const chunk = decoder.decode(value, {stream: true});
-            const lines = chunk.split('\n');
-            for (let line of lines) {
-                if (line.startsWith('data: ')) {
-                    const dataStr = line.substring(6);
-                    if (dataStr.trim() === '[DONE]') continue;
-                    try {
-                        const dataObj = JSON.parse(dataStr);
-                        if (dataObj.choices && dataObj.choices[0].delta.content) {
-                            accumulatedText += dataObj.choices[0].delta.content;
-                            renderBotText(botDiv, accumulatedText, true); autoScroll();
-                        }
-                    } catch (e) {}
-                }
-            }
+        .btn-secure-connect {
+            width: 100%;
+            padding: 14px;
+            background: var(--text-primary);
+            color: var(--text-inverse);
+            border: none;
+            border-radius: var(--radius-md);
+            font-size: var(--text-sm);
+            font-weight: 700;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 10px;
+            transition: var(--ease-fast);
         }
         
-        window.isStreamingGlobalFlag = false; 
-        renderBotText(botDiv, accumulatedText, false);
-        S.history.push({role: 'bot', content: accumulatedText});
-        syncHistory();
+        .btn-secure-connect:hover {
+            background: #000000;
+            transform: translateY(-2px);
+            box-shadow: var(--shadow-md);
+        }
         
-        if(isLiveModeActive) {
-            document.getElementById('liveStatusText').innerText = "Arjun is speaking...";
-            await speakText(accumulatedText);
-            document.getElementById('liveStatusText').innerText = "Tap mic to reply";
+        .user-profile-display {
+            display: none;
+            align-items: center;
+            gap: 14px;
         }
         
-    } catch(err) { 
-        window.isStreamingGlobalFlag = false; 
-        renderBotText(botDiv, `**Error:** Server communication failed.`, false); 
-        if(isLiveModeActive) document.getElementById('liveStatusText').innerText = "Network Error";
-    }
-    
-    S.busy = false; document.getElementById('sendBtn').disabled = false; autoScroll();
-}
-
-function sendEx(t){ document.getElementById('chatInput').value=t; sendMsg(); }
-
-function appendUserDOM(text, badgeText){ 
-    let bHtml = badgeText ? `<div class="file-badge">${esc(badgeText)}</div>` : ''; 
-    const el = document.createElement('div'); el.className = 'message-row user-msg'; 
-    el.innerHTML = `<div class="avatar-box">U</div><div class="msg-content-wrapper">${bHtml}<div class="bubble">${esc(text)}</div></div>`; 
-    document.getElementById('msgs').appendChild(el); 
-}
-
-function appendBotDOM(content, isHistoryLoading=false) { 
-    const el = document.createElement('div'); el.className = 'message-row bot-msg'; 
-    el.innerHTML = `<div class="avatar-box"><img src="${LOGO_URL}"></div><div class="msg-content-wrapper"><div class="bubble"></div></div>`; 
-    document.getElementById('msgs').appendChild(el); 
-    renderBotText(el, content, !isHistoryLoading); 
-}
-
-function renderBotText(el, raw, isStreaming) { 
-    const b = el.querySelector('.bubble'); 
-    
-    const thinkRegex = /<think>([\s\S]*?)(<\/think>|$)/gi;
-    let mainText = raw.replace(thinkRegex, '');
-    
-    let html = marked.parse(mainText.trim()); 
-    if(isStreaming) { html += '<span class="blinking-cursor"></span>'; } 
-    b.innerHTML = html; 
-    
-    let actionsDiv = el.querySelector('.msg-actions-bar'); 
-    
-    if(!isStreaming && !actionsDiv && mainText.trim().length > 0) { 
-        const cleanRaw = mainText.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, '\\n').replace(/\r/g, ''); 
-        const rawForTTS = mainText.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, ' ');
-
-        const actionsHTML = `
-        <div class="msg-actions-bar">
-            <button class="action-chip" onclick="copyText(this, \`${cleanRaw}\`)">
-                <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg> 
-                Copy Source
-            </button>
-            <button class="action-chip btn-tts" onclick="speakText(\`${rawForTTS}\`)">
-                <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>
-                Listen (Neural)
-            </button>
-        </div>`; 
-        el.querySelector('.msg-content-wrapper').insertAdjacentHTML('beforeend', actionsHTML); 
-    } 
-}
+        .avatar-badge {
+            width: 44px;
+            height: 44px;
+            border-radius: var(--radius-full);
+            background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green));
+            color: var(--brand-white);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-weight: 800;
+            font-size: 18px;
+            box-shadow: var(--shadow-sm);
+            border: 2px solid var(--bg-primary);
+        }
+        
+        .user-details {
+            flex: 1;
+            overflow: hidden;
+        }
+        
+        .user-email-id {
+            font-size: 14px;
+            font-weight: 700;
+            color: var(--text-primary);
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        
+        .user-clearance-level {
+            font-size: 11px;
+            color: var(--brand-green);
+            font-weight: 600;
+            margin-top: 2px;
+            display: flex;
+            align-items: center;
+            gap: 4px;
+        }
+        
+        .user-clearance-level::before {
+            content: '';
+            display: block;
+            width: 6px;
+            height: 6px;
+            border-radius: 50%;
+            background: var(--brand-green);
+        }
+        
+        .btn-system-logout {
+            background: rgba(239, 68, 68, 0.1);
+            color: #ef4444;
+            border: none;
+            width: 36px;
+            height: 36px;
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            transition: var(--ease-fast);
+        }
+        
+        .btn-system-logout:hover {
+            background: #ef4444;
+            color: #ffffff;
+        }
+
+        /* Branding Box at Bottom */
+        .developer-credit-box {
+            background: var(--bg-primary);
+            border: 1px solid var(--border-light);
+            border-radius: var(--radius-lg);
+            padding: 28px 20px;
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            margin-top: auto;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .developer-credit-box::before {
+            content: '';
+            position: absolute;
+            top: 0; left: 0; right: 0; height: 4px;
+            background: linear-gradient(90deg, var(--brand-saffron), var(--brand-white), var(--brand-green));
+        }
+        
+        .developer-credit-box img {
+            width: 72px;
+            height: 72px;
+            border-radius: var(--radius-lg);
+            object-fit: cover;
+            margin-bottom: 16px;
+            box-shadow: var(--shadow-md);
+            border: 1px solid var(--border-light);
+        }
+        
+        .dev-box-title {
+            font-size: 18px;
+            font-weight: 800;
+            color: var(--text-primary);
+            margin-bottom: 6px;
+        }
+        
+        .dev-box-subtitle {
+            font-size: 11px;
+            font-weight: 800;
+            color: var(--text-tertiary);
+            letter-spacing: 1px;
+            text-transform: uppercase;
+        }
+        
+        /* Clear Memory Button */
+        .btn-erase-memory {
+            width: 100%;
+            padding: 16px;
+            border-radius: var(--radius-md);
+            background: var(--bg-primary);
+            border: 1px solid var(--border-light);
+            color: var(--text-secondary);
+            font-size: var(--text-sm);
+            font-weight: 700;
+            cursor: pointer;
+            transition: var(--ease-fast);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 10px;
+        }
+        
+        .btn-erase-memory:hover {
+            background: #fee2e2;
+            color: #ef4444;
+            border-color: #fca5a5;
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           H. MAIN CHAT INTERFACE
+           --------------------------------------------------------------------------------------- */
+        .main-chat-wrapper {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            position: relative;
+            min-width: 320px;
+            transition: width var(--ease-smooth);
+            background: transparent;
+        }
+        
+        /* Chat Header */
+        .chat-top-bar {
+            padding: 18px 32px;
+            border-bottom: 1px solid var(--border-light);
+            background: rgba(255, 255, 255, 0.85);
+            backdrop-filter: blur(15px);
+            -webkit-backdrop-filter: blur(15px);
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            z-index: var(--z-overlay);
+        }
+        
+        .top-bar-left {
+            display: flex;
+            align-items: center;
+            gap: 16px;
+        }
+        
+        .btn-hamburger {
+            display: none;
+            background: var(--bg-primary);
+            border: 1px solid var(--border-light);
+            cursor: pointer;
+            color: var(--text-primary);
+            width: 40px;
+            height: 40px;
+            border-radius: var(--radius-sm);
+            align-items: center;
+            justify-content: center;
+            box-shadow: var(--shadow-sm);
+        }
+        
+        .system-status-pill {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            font-size: var(--text-sm);
+            font-weight: 700;
+            color: var(--text-primary);
+            padding: 8px 18px;
+            background: var(--bg-secondary);
+            border-radius: var(--radius-full);
+            border: 1px solid var(--border-light);
+            box-shadow: inset 0 1px 2px rgba(255,255,255,0.5);
+        }
+        
+        .pulse-dot {
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            background: var(--brand-green);
+            box-shadow: 0 0 0 3px rgba(19, 136, 8, 0.2);
+            animation: statusPulse 2s infinite;
+        }
+        
+        @keyframes statusPulse {
+            0% { box-shadow: 0 0 0 0 rgba(19,136,8,0.4); }
+            70% { box-shadow: 0 0 0 6px rgba(19,136,8,0); }
+            100% { box-shadow: 0 0 0 0 rgba(19,136,8,0); }
+        }
+
+        /* LIVE MODE TOGGLE BUTTON */
+        .btn-activate-live {
+            background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            border-radius: var(--radius-full);
+            font-size: 14px;
+            font-weight: 800;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            cursor: pointer;
+            box-shadow: 0 4px 15px rgba(239, 68, 68, 0.35);
+            transition: var(--ease-spring);
+            letter-spacing: 0.5px;
+        }
+        
+        .btn-activate-live:hover {
+            transform: translateY(-2px) scale(1.02);
+            box-shadow: 0 8px 25px rgba(239, 68, 68, 0.45);
+        }
+        
+        .btn-activate-live svg {
+            width: 18px;
+            height: 18px;
+            animation: liveBlink 1.5s infinite;
+        }
+        
+        @keyframes liveBlink {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.4; }
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           I. CONVERSATION SCROLL AREA & WELCOME
+           --------------------------------------------------------------------------------------- */
+        .chat-scroll-area {
+            flex: 1;
+            overflow-y: auto;
+            padding: 40px 10%;
+            display: flex;
+            flex-direction: column;
+            gap: 36px;
+            scroll-behavior: smooth;
+            position: relative;
+        }
+        
+        .chat-scroll-area::-webkit-scrollbar { width: 6px; }
+        .chat-scroll-area::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 10px; }
+
+        /* Internal Welcome Hero */
+        .chat-hero-section {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            padding: 60px 20px;
+            margin: auto;
+            animation: slideUpFade 0.7s var(--ease-spring) both;
+            max-width: 750px;
+        }
+        
+        .hero-avatar-wrapper {
+            position: relative;
+            margin-bottom: 36px;
+        }
+        
+        .hero-avatar-wrapper img {
+            width: 100px;
+            height: 100px;
+            border-radius: var(--radius-xl);
+            object-fit: cover;
+            box-shadow: var(--shadow-xl);
+            border: 3px solid var(--bg-primary);
+            position: relative;
+            z-index: 2;
+        }
+        
+        .hero-avatar-glow {
+            position: absolute;
+            inset: -12px;
+            background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green));
+            filter: blur(25px);
+            opacity: 0.35;
+            border-radius: 40px;
+            z-index: 1;
+        }
+        
+        .hero-greeting {
+            font-size: 42px;
+            font-weight: 900;
+            letter-spacing: -1.5px;
+            margin-bottom: 18px;
+            color: var(--text-primary);
+        }
+        
+        .hero-description {
+            font-size: 17px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 40px;
+            font-weight: 400;
+        }
+        
+        .guest-warning-badge {
+            font-size: 13px;
+            font-weight: 700;
+            color: #ef4444;
+            background: #fee2e2;
+            padding: 8px 16px;
+            border-radius: var(--radius-full);
+            margin-bottom: 32px;
+            display: none;
+            align-items: center;
+            gap: 8px;
+            border: 1px solid #fca5a5;
+        }
+
+        /* Action Suggestions Grid */
+        .prompt-suggestions-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 20px;
+            width: 100%;
+        }
+        
+        .prompt-card {
+            background: rgba(255, 255, 255, 0.7);
+            backdrop-filter: blur(15px);
+            border: 1px solid var(--border-light);
+            border-radius: var(--radius-lg);
+            padding: 24px;
+            cursor: pointer;
+            text-align: left;
+            transition: var(--ease-smooth);
+            box-shadow: var(--shadow-sm);
+        }
+        
+        .prompt-card:hover {
+            transform: translateY(-5px);
+            box-shadow: var(--shadow-lg);
+            border-color: var(--brand-saffron);
+            background: rgba(255, 255, 255, 0.95);
+        }
+        
+        .prompt-icon {
+            font-size: 28px;
+            margin-bottom: 14px;
+            display: inline-block;
+        }
+        
+        .prompt-title {
+            font-size: 15px;
+            font-weight: 800;
+            color: var(--text-primary);
+            margin-bottom: 8px;
+        }
+        
+        .prompt-desc {
+            font-size: 13px;
+            color: var(--text-secondary);
+            line-height: 1.5;
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           J. CHAT MESSAGE BUBBLES & ATTACHMENT PREVIEWS
+           --------------------------------------------------------------------------------------- */
+        .chat-message-row {
+            display: flex;
+            gap: 20px;
+            max-width: 88%;
+            animation: messagePopIn 0.5s var(--ease-spring) both;
+        }
+        
+        @keyframes messagePopIn {
+            from { opacity: 0; transform: translateY(25px) scale(0.97); }
+            to { opacity: 1; transform: none; }
+        }
+        
+        .chat-message-row.user-msg {
+            flex-direction: row-reverse;
+            align-self: flex-end;
+        }
+        
+        .chat-message-row.bot-msg {
+            align-self: flex-start;
+        }
+        
+        .msg-avatar {
+            width: 42px;
+            height: 42px;
+            border-radius: var(--radius-sm);
+            flex-shrink: 0;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 15px;
+            font-weight: 800;
+            box-shadow: var(--shadow-sm);
+        }
+        
+        .user-msg .msg-avatar {
+            background: var(--text-primary);
+            color: var(--brand-white);
+        }
+        
+        .bot-msg .msg-avatar {
+            background: var(--bg-primary);
+            border: 1px solid var(--border-light);
+            padding: 3px;
+        }
+        
+        .bot-msg .msg-avatar img {
+            width: 100%;
+            height: 100%;
+            border-radius: 6px;
+            object-fit: cover;
+        }
+        
+        .msg-content-column {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+            max-width: 100%;
+            min-width: 0; /* Prevents flex blowout */
+        }
+        
+        .user-msg .msg-content-column {
+            align-items: flex-end;
+        }
+
+        /* NEW: In-Message File Preview Cards */
+        .chat-in-bubble-img {
+            max-width: 300px;
+            max-height: 300px;
+            border-radius: var(--radius-md);
+            object-fit: cover;
+            border: 2px solid rgba(255,255,255,0.2);
+            box-shadow: var(--shadow-md);
+            margin-bottom: 8px;
+        }
+        
+        .chat-file-card {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            background: rgba(255,255,255,0.15);
+            border: 1px solid rgba(255,255,255,0.3);
+            padding: 12px 16px;
+            border-radius: var(--radius-md);
+            margin-bottom: 8px;
+            backdrop-filter: blur(5px);
+            max-width: 350px;
+        }
+        
+        .chat-file-card .icon {
+            font-size: 24px;
+            background: rgba(0,0,0,0.1);
+            width: 40px; height: 40px;
+            display: flex; align-items: center; justify-content: center;
+            border-radius: var(--radius-sm);
+        }
+        
+        .chat-file-card .name {
+            font-size: 13px;
+            font-weight: 600;
+            color: var(--brand-white);
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .chat-bubble {
+            padding: 18px 24px;
+            font-size: 15px;
+            line-height: 1.6;
+            position: relative;
+            word-wrap: break-word;
+            overflow-wrap: anywhere;
+        }
+        
+        .user-msg .chat-bubble {
+            background: var(--text-primary);
+            color: var(--text-inverse);
+            border-radius: 24px 24px 6px 24px;
+            box-shadow: var(--shadow-md);
+        }
+        
+        .bot-msg .chat-bubble {
+            background: var(--bg-primary);
+            color: var(--text-primary);
+            border: 1px solid var(--border-light);
+            border-radius: 6px 24px 24px 24px;
+            box-shadow: var(--shadow-sm);
+            width: 100%;
+        }
+
+        /* Bot Action Buttons (TTS & Copy) */
+        .bot-actions-row {
+            display: flex;
+            gap: 10px;
+            margin-top: 8px;
+            padding-left: 14px;
+            opacity: 0;
+            transition: opacity var(--ease-smooth);
+            flex-wrap: wrap;
+        }
+        
+        .bot-msg:hover .bot-actions-row { opacity: 1; }
+        
+        .btn-bot-action {
+            background: var(--bg-secondary);
+            border: 1px solid var(--border-light);
+            color: var(--text-secondary);
+            font-size: 12px;
+            font-weight: 700;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            padding: 8px 16px;
+            border-radius: var(--radius-full);
+            transition: var(--ease-fast);
+        }
+        
+        .btn-bot-action:hover {
+            background: var(--bg-primary);
+            color: var(--text-primary);
+            transform: translateY(-2px);
+            box-shadow: var(--shadow-sm);
+        }
+        
+        .btn-bot-action.action-tts {
+            color: var(--brand-green-hover);
+            border-color: rgba(19, 136, 8, 0.25);
+            background: var(--brand-green-light);
+        }
+        
+        .btn-bot-action.action-tts:hover {
+            background: rgba(19, 136, 8, 0.2);
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           K. MARKDOWN & CODE RENDERING STYLES
+           --------------------------------------------------------------------------------------- */
+        .chat-bubble p { margin-bottom: 16px; }
+        .chat-bubble p:last-child { margin-bottom: 0; }
+        
+        .chat-bubble strong { font-weight: 800; color: inherit; }
+        
+        .chat-bubble code {
+            font-family: var(--font-mono);
+            background: rgba(0,0,0,0.06);
+            padding: 4px 8px;
+            border-radius: 6px;
+            font-size: 0.85em;
+            color: #d946ef;
+            font-weight: 600;
+        }
+        
+        .user-msg .chat-bubble code {
+            background: rgba(255,255,255,0.2);
+            color: var(--brand-white);
+        }
+        
+        .chat-bubble img {
+            max-width: 100%;
+            border-radius: var(--radius-md);
+            margin: 16px 0;
+            box-shadow: var(--shadow-lg);
+            border: 1px solid var(--border-light);
+            display: block;
+        }
+        
+        .chat-bubble pre {
+            background: #282c34;
+            color: #abb2bf;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            overflow-x: auto;
+            margin: 20px 0;
+            font-family: var(--font-mono);
+            font-size: 14px;
+            line-height: 1.6;
+            border: 1px solid #181a1f;
+        }
+        
+        .chat-bubble pre code {
+            background: transparent;
+            color: inherit;
+            padding: 0;
+            font-weight: 400;
+        }
+        
+        /* Streaming "Generating Code..." Component */
+        .streaming-code-container {
+            background: #1e1e2e;
+            border-radius: var(--radius-md);
+            border: 1px solid #313244;
+            overflow: hidden;
+            margin: 20px 0;
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .streaming-code-header {
+            background: #11111b;
+            padding: 12px 20px;
+            font-size: 12px;
+            font-weight: 700;
+            color: #a6adc8;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            border-bottom: 1px solid #313244;
+            font-family: var(--font-mono);
+            text-transform: uppercase;
+            letter-spacing: 1.5px;
+        }
+        
+        .loading-ring {
+            width: 16px;
+            height: 16px;
+            border: 2px solid rgba(255,255,255,0.1);
+            border-top-color: var(--brand-saffron);
+            border-radius: 50%;
+            animation: ringSpin 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
+        }
+        
+        @keyframes ringSpin { to { transform: rotate(360deg); } }
+        
+        .streaming-code-container pre {
+            margin: 0;
+            background: transparent;
+            border: none;
+            border-radius: 0;
+        }
+
+        /* Final Workspace Execute Card */
+        .workspace-execute-card {
+            background: var(--bg-secondary);
+            border: 1px solid var(--border-light);
+            border-radius: var(--radius-md);
+            padding: 20px;
+            margin: 20px 0;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            box-shadow: var(--shadow-sm);
+            transition: var(--ease-smooth);
+        }
+        
+        .workspace-execute-card:hover {
+            border-color: var(--border-medium);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .ws-card-left {
+            display: flex;
+            align-items: center;
+            gap: 16px;
+        }
+        
+        .ws-card-icon-box {
+            width: 54px;
+            height: 54px;
+            border-radius: var(--radius-sm);
+            background: var(--bg-primary);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 26px;
+            box-shadow: var(--shadow-sm);
+            border: 1px solid var(--border-light);
+            color: var(--text-primary);
+        }
+        
+        .ws-card-details h4 {
+            font-size: 16px;
+            font-weight: 800;
+            margin-bottom: 4px;
+            color: var(--text-primary);
+        }
+        
+        .ws-card-details p {
+            font-size: 12px;
+            color: var(--text-secondary);
+            font-family: var(--font-mono);
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+            font-weight: 600;
+        }
+        
+        .btn-launch-workspace {
+            padding: 12px 24px;
+            background: var(--text-primary);
+            color: var(--brand-white);
+            border: none;
+            border-radius: var(--radius-sm);
+            font-size: 14px;
+            font-weight: 700;
+            cursor: pointer;
+            transition: var(--ease-spring);
+        }
+        
+        .btn-launch-workspace:hover {
+            transform: scale(1.05);
+            background: var(--brand-saffron);
+            box-shadow: 0 6px 15px rgba(255,153,51,0.35);
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           L. INPUT AREA & CONTROLS (BOTTOM BAR)
+           --------------------------------------------------------------------------------------- */
+        .input-dock {
+            flex-shrink: 0;
+            padding: 0 40px 32px;
+            background: transparent;
+            position: relative;
+            z-index: 20;
+        }
+        
+        .input-master-container {
+            display: flex;
+            flex-direction: column;
+            background: var(--bg-glass);
+            backdrop-filter: blur(30px);
+            -webkit-backdrop-filter: blur(30px);
+            border: 1px solid var(--border-light);
+            border-radius: var(--radius-2xl);
+            box-shadow: var(--shadow-xl);
+            transition: var(--ease-smooth);
+        }
+        
+        .input-master-container:focus-within {
+            border-color: var(--brand-saffron);
+            box-shadow: 0 20px 40px -5px rgba(255,153,51,0.15), 0 0 0 4px var(--brand-saffron-light);
+        }
+
+        /* Uploaded File Preview Strip */
+        .upload-preview-bar {
+            display: none;
+            padding: 20px 28px 0;
+            align-items: center;
+            gap: 16px;
+        }
+        
+        .upload-preview-bar.visible {
+            display: flex;
+            animation: fadeIn 0.3s ease;
+        }
+        
+        .upload-thumb {
+            width: 52px;
+            height: 52px;
+            object-fit: cover;
+            border-radius: var(--radius-sm);
+            border: 1px solid var(--border-light);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: var(--bg-tertiary);
+            font-size: 24px;
+            box-shadow: var(--shadow-sm);
+        }
+        
+        .upload-meta {
+            flex: 1;
+        }
+        
+        .upload-filename {
+            font-size: 14px;
+            font-weight: 700;
+            color: var(--text-primary);
+            max-width: 250px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        
+        .upload-status-text {
+            font-size: 12px;
+            color: var(--brand-green);
+            font-weight: 600;
+            margin-top: 2px;
+        }
+        
+        .btn-discard-upload {
+            background: rgba(239, 68, 68, 0.1);
+            border: none;
+            width: 32px;
+            height: 32px;
+            border-radius: 50%;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: #ef4444;
+            transition: var(--ease-fast);
+        }
+        
+        .btn-discard-upload:hover {
+            background: #ef4444;
+            color: #fff;
+        }
+
+        /* Input Tools Row */
+        .input-tools-row {
+            display: flex;
+            align-items: flex-end;
+            gap: 12px;
+            padding: 14px 20px 14px 24px;
+        }
+        
+        .main-textarea {
+            flex: 1;
+            border: none;
+            outline: none;
+            background: transparent;
+            font-family: var(--font-sans);
+            font-size: 16px;
+            color: var(--text-primary);
+            line-height: 1.5;
+            resize: none;
+            max-height: 200px;
+            min-height: 24px;
+            padding: 12px 0;
+            margin: 0 8px;
+            font-weight: 500;
+        }
+        
+        .main-textarea::placeholder {
+            color: var(--text-tertiary);
+            font-weight: 400;
+        }
+
+        /* Attachment Dropdown Menu (Gemini Style) */
+        .attachment-module {
+            position: relative;
+        }
+        
+        .btn-tool-icon {
+            width: 44px;
+            height: 44px;
+            border-radius: var(--radius-md);
+            background: transparent;
+            border: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            color: var(--text-secondary);
+            transition: var(--ease-fast);
+            position: relative;
+        }
+        
+        .btn-tool-icon:hover {
+            background: var(--bg-tertiary);
+            color: var(--text-primary);
+        }
+        
+        .btn-tool-icon svg {
+            width: 24px;
+            height: 24px;
+            stroke-width: 2;
+        }
+        
+        .attachment-dropdown {
+            position: absolute;
+            bottom: 60px;
+            left: 0;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(25px);
+            -webkit-backdrop-filter: blur(25px);
+            border: 1px solid var(--border-light);
+            border-radius: var(--radius-lg);
+            padding: 10px;
+            box-shadow: var(--shadow-xl);
+            display: none;
+            flex-direction: column;
+            gap: 6px;
+            z-index: var(--z-dropdown);
+            min-width: 220px;
+            transform: translateY(15px) scale(0.95);
+            opacity: 0;
+            transition: all var(--ease-fast);
+            transform-origin: bottom left;
+        }
+        
+        .attachment-dropdown.visible {
+            display: flex;
+            transform: translateY(0) scale(1);
+            opacity: 1;
+        }
+        
+        .dropdown-item {
+            display: flex;
+            align-items: center;
+            gap: 14px;
+            padding: 14px 18px;
+            border-radius: var(--radius-sm);
+            cursor: pointer;
+            font-size: 15px;
+            font-weight: 600;
+            color: var(--text-primary);
+            transition: var(--ease-fast);
+        }
+        
+        .dropdown-item:hover {
+            background: var(--bg-tertiary);
+            color: var(--brand-saffron-hover);
+        }
+        
+        .dropdown-item span.emoji-icon {
+            font-size: 20px;
+        }
+        
+        .stealth-input {
+            display: none;
+        }
+
+        /* Smart Language Toggle & Mic */
+        .language-toggle-chip {
+            font-size: 13px;
+            font-weight: 800;
+            color: var(--text-secondary);
+            border: 2px solid var(--border-light);
+            background: var(--bg-primary);
+            border-radius: 10px;
+            padding: 6px 10px;
+            cursor: pointer;
+            transition: var(--ease-smooth);
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            user-select: none;
+        }
+        
+        .language-toggle-chip:hover {
+            background: var(--brand-saffron-light);
+            color: var(--brand-saffron-dark);
+            border-color: var(--brand-saffron);
+        }
+        
+        .language-toggle-chip.hindi-active {
+            background: var(--brand-green-light);
+            color: var(--brand-green-dark);
+            border-color: var(--brand-green);
+        }
+
+        .btn-mic-tool.active-listening {
+            color: #ffffff;
+            background: #ef4444;
+            animation: recordPulse 1.5s infinite;
+            border-radius: var(--radius-full);
+        }
+        
+        @keyframes recordPulse {
+            0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.5); }
+            70% { box-shadow: 0 0 0 12px rgba(239,68,68,0); }
+            100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
+        }
+
+        /* Primary Send Button */
+        .btn-master-send {
+            width: 48px;
+            height: 48px;
+            border-radius: 16px;
+            border: none;
+            background: linear-gradient(135deg, var(--brand-saffron) 0%, var(--brand-green) 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            transition: var(--ease-spring);
+            box-shadow: 0 6px 20px rgba(19, 136, 8, 0.25);
+        }
+        
+        .btn-master-send svg {
+            width: 20px;
+            height: 20px;
+            fill: white;
+            transition: transform 0.2s;
+        }
+        
+        .btn-master-send:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 10px 25px rgba(255, 153, 51, 0.4);
+        }
+        
+        .btn-master-send:hover svg {
+            transform: translate(2px, -2px);
+        }
+        
+        .btn-master-send:disabled {
+            opacity: 0.4;
+            cursor: not-allowed;
+            filter: grayscale(100%);
+            transform: none;
+            box-shadow: none;
+        }
+
+        .bottom-branding-text {
+            text-align: center;
+            font-size: 12px;
+            color: var(--text-tertiary);
+            margin-top: 16px;
+            font-weight: 600;
+            letter-spacing: 0.5px;
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           M. LIVE MODE FULLSCREEN OVERLAY
+           --------------------------------------------------------------------------------------- */
+        .live-mode-viewport {
+            position: fixed;
+            inset: 0;
+            background: rgba(255, 255, 255, 0.98);
+            z-index: var(--z-live-mode);
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            opacity: 0;
+            pointer-events: none;
+            transition: opacity var(--ease-smooth);
+        }
+        
+        .live-mode-viewport.active {
+            opacity: 1;
+            pointer-events: auto;
+        }
+        
+        .btn-close-live {
+            position: absolute;
+            top: 40px;
+            right: 40px;
+            background: rgba(0,0,0,0.04);
+            border: none;
+            width: 56px;
+            height: 56px;
+            border-radius: 50%;
+            font-size: 24px;
+            cursor: pointer;
+            transition: var(--ease-spring);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: var(--text-secondary);
+        }
+        
+        .btn-close-live:hover {
+            background: rgba(239, 68, 68, 0.15);
+            color: #ef4444;
+            transform: rotate(90deg);
+        }
+        
+        .pulsing-orb-wrapper {
+            position: relative;
+            width: 250px;
+            height: 250px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 50px;
+        }
+        
+        .energy-core {
+            width: 120px;
+            height: 120px;
+            border-radius: 50%;
+            background: linear-gradient(135deg, var(--brand-saffron), var(--brand-green));
+            box-shadow: 0 0 50px rgba(19, 136, 8, 0.5);
+            position: relative;
+            z-index: 2;
+            transition: transform 0.15s ease-out;
+        }
+        
+        .energy-ring {
+            position: absolute;
+            inset: 0;
+            border: 3px solid var(--brand-saffron);
+            border-radius: 50%;
+            opacity: 0;
+            animation: energyRipple 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+        }
+        
+        .energy-ring:nth-child(2) { animation-delay: 0.8s; border-color: var(--brand-green); }
+        .energy-ring:nth-child(3) { animation-delay: 1.6s; border-color: var(--text-primary); }
+        
+        @keyframes energyRipple {
+            0% { transform: scale(0.4); opacity: 1; border-width: 6px; }
+            100% { transform: scale(1.6); opacity: 0; border-width: 1px; }
+        }
+        
+        .live-feedback-status {
+            font-size: 28px;
+            font-weight: 900;
+            color: var(--text-primary);
+            margin-bottom: 16px;
+            font-family: var(--font-sans);
+            letter-spacing: -0.5px;
+        }
+        
+        .live-feedback-text {
+            font-size: 18px;
+            color: var(--text-secondary);
+            max-width: 700px;
+            text-align: center;
+            line-height: 1.6;
+            min-height: 60px;
+            font-weight: 500;
+        }
+        
+        .live-control-deck {
+            display: flex;
+            gap: 24px;
+            margin-top: 50px;
+        }
+        
+        .btn-live-deck {
+            width: 76px;
+            height: 76px;
+            border-radius: 50%;
+            border: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            box-shadow: var(--shadow-lg);
+            transition: var(--ease-spring);
+        }
+        
+        .btn-live-deck.mic-control {
+            background: var(--bg-primary);
+            border: 3px solid var(--border-light);
+            color: var(--text-primary);
+        }
+        
+        .btn-live-deck.mic-control:hover {
+            transform: translateY(-6px);
+            border-color: var(--brand-saffron);
+            color: var(--brand-saffron);
+            box-shadow: var(--shadow-xl);
+        }
+        
+        .btn-live-deck.mic-control.is-recording {
+            background: #ef4444;
+            color: white;
+            border-color: #ef4444;
+            animation: pulseMicLive 1.2s infinite;
+        }
+        
+        @keyframes pulseMicLive {
+            0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.6); }
+            70% { box-shadow: 0 0 0 20px rgba(239,68,68,0); }
+            100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
+        }
+        
+        .btn-live-deck svg {
+            width: 32px;
+            height: 32px;
+        }
+
+        /* Scroll Button */
+        .btn-scroll-trigger {
+            position: absolute;
+            bottom: 150px;
+            left: 50%;
+            width: 48px;
+            height: 48px;
+            border-radius: 50%;
+            background: var(--bg-glass);
+            backdrop-filter: blur(15px);
+            border: 1px solid var(--border-light);
+            box-shadow: var(--shadow-lg);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            color: var(--text-secondary);
+            opacity: 0;
+            pointer-events: none;
+            transform: translateX(-50%) translateY(20px);
+            transition: var(--ease-smooth);
+            z-index: 20;
+        }
+        
+        .btn-scroll-trigger.visible {
+            opacity: 1;
+            pointer-events: auto;
+            transform: translateX(-50%) translateY(0);
+        }
+        
+        .btn-scroll-trigger:hover {
+            background: var(--bg-primary);
+            color: var(--text-primary);
+            transform: translateX(-50%) translateY(-5px);
+            box-shadow: var(--shadow-xl);
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           N. WORKSPACE (CODE EXECUTION PANEL)
+           --------------------------------------------------------------------------------------- */
+        .code-workspace-panel {
+            width: 0;
+            background: var(--bg-primary);
+            border-left: 1px solid var(--border-light);
+            display: flex;
+            flex-direction: column;
+            transition: width var(--ease-smooth);
+            overflow: hidden;
+            box-shadow: -15px 0 40px rgba(0,0,0,0.04);
+            z-index: 25;
+        }
+        
+        .code-workspace-panel.expanded {
+            width: 55%;
+        }
+        
+        .workspace-header-bar {
+            padding: 20px 28px;
+            border-bottom: 1px solid var(--border-light);
+            background: var(--bg-primary);
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            flex-shrink: 0;
+        }
+        
+        .workspace-title-group {
+            font-size: 16px;
+            font-weight: 800;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            color: var(--text-primary);
+        }
+        
+        .workspace-tools {
+            display: flex;
+            gap: 12px;
+        }
+        
+        .btn-workspace-tool {
+            padding: 10px 18px;
+            border-radius: var(--radius-sm);
+            background: var(--bg-secondary);
+            border: 1px solid var(--border-light);
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            color: var(--text-primary);
+            transition: var(--ease-fast);
+            font-size: 14px;
+            font-weight: 700;
+        }
+        
+        .btn-workspace-tool:hover {
+            background: var(--bg-tertiary);
+            border-color: var(--border-medium);
+        }
+        
+        .btn-workspace-tool.close {
+            padding: 10px;
+        }
+        
+        .btn-workspace-tool.close:hover {
+            color: #ef4444;
+            background: #fee2e2;
+            border-color: #fca5a5;
+        }
+        
+        .workspace-editor-surface {
+            flex: 1;
+            overflow-y: auto;
+            background: var(--bg-secondary);
+            padding: 30px;
+        }
+        
+        .workspace-editor-surface pre {
+            margin: 0;
+            padding: 28px;
+            background: #282c34; /* Atom One Dark BG */
+            border: 1px solid var(--border-light);
+            border-radius: var(--radius-lg);
+            font-family: var(--font-mono);
+            font-size: 15px;
+            line-height: 1.6;
+            overflow-x: auto;
+            box-shadow: var(--shadow-lg);
+            color: #abb2bf;
+        }
+
+        /* ---------------------------------------------------------------------------------------
+           O. AUTHENTICATION MODAL (SECURE GATEWAY)
+           --------------------------------------------------------------------------------------- */
+        .secure-modal-backdrop {
+            position: fixed;
+            inset: 0;
+            background: rgba(0,0,0,0.5);
+            backdrop-filter: blur(10px);
+            -webkit-backdrop-filter: blur(10px);
+            z-index: var(--z-modal);
+            display: none;
+            justify-content: center;
+            align-items: center;
+            animation: fadeIn 0.3s ease;
+        }
+        
+        .secure-modal-surface {
+            background: var(--bg-primary);
+            padding: 44px;
+            border-radius: var(--radius-xl);
+            width: 90%;
+            max-width: 460px;
+            box-shadow: var(--shadow-xl);
+            position: relative;
+            border: 1px solid rgba(255,255,255,0.4);
+        }
+        
+        .btn-modal-dismiss {
+            position: absolute;
+            top: 24px;
+            right: 24px;
+            background: var(--bg-secondary);
+            border: none;
+            width: 36px;
+            height: 36px;
+            border-radius: 50%;
+            font-size: 18px;
+            color: var(--text-secondary);
+            cursor: pointer;
+            transition: 0.2s;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        
+        .btn-modal-dismiss:hover {
+            background: #fee2e2;
+            color: #ef4444;
+        }
+        
+        .modal-brand-header {
+            text-align: center;
+            margin-bottom: 36px;
+            font-family: var(--font-sans);
+            font-size: 28px;
+            font-weight: 900;
+            color: var(--text-primary);
+            letter-spacing: -0.5px;
+        }
+        
+        .auth-tab-switch {
+            display: flex;
+            background: var(--bg-secondary);
+            padding: 6px;
+            border-radius: var(--radius-md);
+            margin-bottom: 28px;
+        }
+        
+        .auth-tab-item {
+            flex: 1;
+            padding: 14px;
+            text-align: center;
+            border-radius: var(--radius-sm);
+            font-size: 15px;
+            font-weight: 800;
+            color: var(--text-secondary);
+            cursor: pointer;
+            transition: var(--ease-fast);
+        }
+        
+        .auth-tab-item.active {
+            background: var(--bg-primary);
+            color: var(--text-primary);
+            box-shadow: var(--shadow-sm);
+        }
+        
+        .auth-form-view {
+            display: none;
+            flex-direction: column;
+            animation: slideIn 0.3s ease;
+        }
+        
+        .auth-form-view.active {
+            display: flex;
+        }
+        
+        .auth-input-element {
+            width: 100%;
+            padding: 18px;
+            border: 2px solid var(--border-light);
+            border-radius: var(--radius-md);
+            font-size: 16px;
+            outline: none;
+            background: var(--bg-secondary);
+            transition: var(--ease-fast);
+            font-family: var(--font-sans);
+            margin-bottom: 20px;
+            font-weight: 500;
+        }
+        
+        .auth-input-element:focus {
+            border-color: var(--brand-saffron);
+            background: var(--bg-primary);
+            box-shadow: 0 0 0 4px var(--brand-saffron-light);
+        }
+        
+        .btn-auth-execute {
+            width: 100%;
+            padding: 18px;
+            background: var(--text-primary);
+            color: var(--brand-white);
+            border: none;
+            border-radius: var(--radius-md);
+            font-size: 16px;
+            font-weight: 800;
+            cursor: pointer;
+            transition: var(--ease-fast);
+            margin-top: 10px;
+        }
+        
+        .btn-auth-execute:hover {
+            background: #000000;
+            transform: translateY(-2px);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .btn-auth-return {
+            width: 100%;
+            padding: 14px;
+            background: transparent;
+            color: var(--text-tertiary);
+            border: none;
+            font-size: 15px;
+            font-weight: 700;
+            cursor: pointer;
+            margin-top: 10px;
+            transition: 0.2s;
+        }
+        
+        .btn-auth-return:hover {
+            color: var(--text-primary);
+        }
+
+        /* Core Animations */
+        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+        @keyframes slideIn { from { opacity: 0; transform: translateX(25px); } to { opacity: 1; transform: none; } }
+        
+        /* Blinking Cursor for Typing */
+        .typing-cursor {
+            display: inline-block;
+            width: 10px;
+            height: 18px;
+            background: var(--brand-saffron);
+            margin-left: 4px;
+            animation: cursorBlink 1s step-end infinite;
+            vertical-align: middle;
+        }
+        @keyframes cursorBlink { 50% { opacity: 0; } }
+        
+        /* Loading Dots */
+        .loading-dots-container {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            padding: 6px;
+        }
+        .loading-dot {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            background: var(--text-tertiary);
+            opacity: 0.4;
+            animation: dotBounce 1.4s infinite ease-in-out both;
+        }
+        .loading-dot:nth-child(1) { animation-delay: -0.32s; }
+        .loading-dot:nth-child(2) { animation-delay: -0.16s; }
+        @keyframes dotBounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }
+
+        /* ---------------------------------------------------------------------------------------
+           P. RESPONSIVE MEDIA QUERIES
+           --------------------------------------------------------------------------------------- */
+        @media (max-width: 1024px) {
+            .code-workspace-panel.expanded { width: 100%; position: absolute; top: 0; left: 0; height: 100%; z-index: 2000; }
+        }
+        
+        @media (max-width: 900px) {
+            .sidebar-container { position: absolute; left: -320px; z-index: 1000; height: 100%; box-shadow: var(--shadow-float); }
+            .sidebar-container.active { left: 0; }
+            .btn-hamburger { display: flex; }
+            .btn-mobile-close { display: flex; }
+            
+            .chat-scroll-area { padding: 24px 15px; }
+            .input-dock { padding: 10px 15px 20px; }
+            
+            .chat-message-row { max-width: 95%; }
+            .btn-scroll-trigger { bottom: 130px; }
+            
+            .hero-greeting { font-size: 32px; }
+            .prompt-suggestions-grid { grid-template-columns: 1fr; }
+            
+            .input-tools-row { flex-wrap: wrap; }
+            .main-textarea { min-width: 100%; order: -1; margin-bottom: 10px; }
+        }
+    </style>
+</head>
+<body>
+
+    <!-- =========================================================================================
+         DOM ELEMENT 1: GLOBAL NOTIFICATIONS
+         ========================================================================================= -->
+    <div id="toast-container" class="toast-wrapper"></div>
+
+    <!-- =========================================================================================
+         DOM ELEMENT 2: INITIAL STARTUP OVERLAY
+         ========================================================================================= -->
+    <div class="startup-overlay" id="welcomeOverlay">
+        <div class="startup-logo-container">
+            <div class="startup-logo-glow"></div>
+            <img src="https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png" alt="Arjun Core Identity">
+        </div>
+        <h1 class="startup-title">Welcome to Arjun 2.O</h1>
+        <p class="startup-desc">Professional Enterprise Edition. Experience secure workspace logic generation, high-fidelity visual rendering, and zero-latency live conversational mode.</p>
+        <button class="btn-startup-launch" onclick="ApplicationCore.launchSystem()">
+            Initialize System
+            <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
+        </button>
+    </div>
+
+    <!-- =========================================================================================
+         DOM ELEMENT 3: LIVE MODE FULLSCREEN OVERLAY
+         ========================================================================================= -->
+    <div class="live-mode-viewport" id="liveOverlay">
+        <button class="btn-close-live" onclick="LiveModeController.terminate()" title="Exit Live Mode">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+        </button>
+        
+        <div class="pulsing-orb-wrapper">
+            <div class="energy-ring"></div>
+            <div class="energy-ring"></div>
+            <div class="energy-ring"></div>
+            <div class="energy-core" id="liveOrb"></div>
+        </div>
+        
+        <div class="live-feedback-status" id="liveStatusText">Initializing Audio Stream...</div>
+        <div class="live-feedback-text" id="liveTranscriptText">Speak directly to Arjun. Natural language processing active.</div>
+        
+        <div class="live-control-deck">
+            <button class="btn-live-deck mic-control" id="liveMicBtn" onclick="VoiceEngine.toggleLive()">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg>
+            </button>
+        </div>
+    </div>
+
+    <!-- =========================================================================================
+         DOM ELEMENT 4: AMBIENT BACKGROUND
+         ========================================================================================= -->
+    <div class="ambient-environment">
+        <div class="ambient-orb orb-top-left"></div>
+        <div class="ambient-orb orb-bottom-right"></div>
+    </div>
+
+    <!-- =========================================================================================
+         DOM ELEMENT 5: MASTER APPLICATION CONTAINER
+         ========================================================================================= -->
+    <div class="app-root">
+        
+        <!-- -------------------------------------------------------------------------------------
+             A. NAVIGATION SIDEBAR
+             ------------------------------------------------------------------------------------- -->
+        <aside class="sidebar-container" id="sidebar">
+            <div class="sidebar-header">
+                <a href="#" class="brand-identity">
+                    <img src="https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png" alt="Arjun Logo">
+                    <div class="brand-typography">
+                        <span class="brand-name">ARJUN 2.O</span>
+                        <span class="brand-edition">Professional</span>
+                    </div>
+                </a>
+                <button class="btn-mobile-close" onclick="UIManager.toggleSidebar()">
+                    <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2.5" fill="none"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+                </button>
+            </div>
+            
+            <div class="sidebar-body">
+                
+                <!-- Authentication Widget -->
+                <div class="auth-widget">
+                    <button id="loginPromptBtn" class="btn-secure-connect" onclick="AuthManager.openModal()">
+                        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
+                        Secure Login
+                    </button>
+                    
+                    <div id="userProfile" class="user-profile-display">
+                        <div class="avatar-badge" id="uAvatar">U</div>
+                        <div class="user-details">
+                            <div class="user-email-id" id="uEmail">user@network.com</div>
+                            <div class="user-clearance-level">Verified Clearance</div>
+                        </div>
+                        <button class="btn-system-logout" onclick="AuthManager.logout()" title="Terminate Session">
+                            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
+                        </button>
+                    </div>
+                </div>
+
+                <!-- Branding & Developer Info -->
+                <div class="developer-credit-box">
+                    <img src="https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png" alt="Arjun Core Image">
+                    <h3 class="dev-box-title">Arjun Intelligence</h3>
+                    <p class="dev-box-subtitle">ENGINEERED BY ABHAY KUMAR</p>
+                </div>
+                
+                <!-- Clear Memory Context -->
+                <button class="btn-erase-memory" onclick="ChatEngine.clearMemory()">
+                    <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>
+                    Wipe Memory Context
+                </button>
+            </div>
+        </aside>
+
+        <!-- -------------------------------------------------------------------------------------
+             B. MAIN CHAT ENGINE INTERFACE
+             ------------------------------------------------------------------------------------- -->
+        <main class="main-chat-wrapper">
+            
+            <!-- Top Status Bar -->
+            <header class="chat-top-bar">
+                <div class="top-bar-left">
+                    <button class="btn-hamburger" onclick="UIManager.toggleSidebar()">
+                        <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2.5" fill="none"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </button>
+                    <div class="system-status-pill">
+                        <div class="pulse-dot"></div>
+                        System Online
+                    </div>
+                </div>
+                
+                <!-- LIVE MODE ACTIVATOR -->
+                <button class="btn-activate-live" onclick="LiveModeController.initialize()">
+                    <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" fill="none"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4" fill="currentColor"></circle></svg>
+                    LIVE MODE
+                </button>
+            </header>
+
+            <!-- Scrollable Conversation Area -->
+            <div class="chat-scroll-area" id="msgs" onscroll="UIManager.checkScrollState()">
+                
+                <!-- Internal Welcome / Empty State -->
+                <div class="chat-hero-section" id="welcomeState">
+                    <div class="hero-avatar-wrapper">
+                        <div class="hero-avatar-glow"></div>
+                        <img src="https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png" alt="Arjun Logo Large">
+                    </div>
+                    <h2 class="hero-greeting">How can I assist you today?</h2>
+                    <p class="hero-description">Experience next-generation reasoning, seamless multi-file analysis, and secure workspace code generation engineered by Abhay Kumar.</p>
+                    
+                    <div id="guestBadge" class="guest-warning-badge">
+                        ⚠️ Guest Mode Active: <span id="guestCountDisplay">0</span>/3 Queries Used. Please login.
+                    </div>
+
+                    <div class="prompt-suggestions-grid">
+                        <div class="prompt-card" onclick="ChatEngine.sendExample('Write a secure python script for a modern Flask backend server.')">
+                            <span class="prompt-icon">💻</span>
+                            <div class="prompt-title">Generate Production Code</div>
+                            <div class="prompt-desc">Create secure, workspace-ready architecture instantly.</div>
+                        </div>
+                        <div class="prompt-card" onclick="ChatEngine.sendExample('Create a hyper-realistic 8k image of a futuristic Indian smart city.')">
+                            <span class="prompt-icon">🎨</span>
+                            <div class="prompt-title">Render Stunning Visions</div>
+                            <div class="prompt-desc">Utilize advanced AI to paint your imagination.</div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Dynamic Chat Bubbles will be appended here -->
+            </div>
+
+            <!-- Floating Scroll Down Button -->
+            <button class="btn-scroll-trigger" id="scrollTriggerBtn" onclick="UIManager.forceScrollDown()">
+                <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"></polyline></svg>
+            </button>
+
+            <!-- Bottom Input Dock -->
+            <div class="input-dock">
+                <div class="input-master-container">
+                    
+                    <!-- File Preview Component -->
+                    <div class="upload-preview-bar" id="filePreviewBar">
+                        <img class="upload-thumb" id="previewImgThumb" src="" style="display:none;">
+                        <div class="upload-thumb" id="previewDocIcon" style="display:none;">📄</div>
+                        <div class="upload-meta">
+                            <div class="upload-filename" id="previewFileName">document.pdf</div>
+                            <div class="upload-status-text">File ready to analyze</div>
+                        </div>
+                        <button class="btn-discard-upload" onclick="FileProcessor.discardFile()">
+                            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+                        </button>
+                    </div>
+
+                    <!-- Main Tool & Input Row -->
+                    <div class="input-tools-row">
+                        
+                        <!-- Attachment Dropdown Module -->
+                        <div class="attachment-module">
+                            <button class="btn-tool-icon" onclick="UIManager.toggleAttachMenu()" title="Attach File">
+                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg>
+                            </button>
+                            
+                            <div class="attachment-dropdown" id="attachDropdownMenu">
+                                <div class="dropdown-item" onclick="FileProcessor.triggerFileSelector('image')">
+                                    <span class="emoji-icon">🖼️</span> High-Res Image
+                                </div>
+                                <div class="dropdown-item" onclick="FileProcessor.triggerFileSelector('video')">
+                                    <span class="emoji-icon">🎥</span> Video Media
+                                </div>
+                                <div class="dropdown-item" onclick="FileProcessor.triggerFileSelector('audio')">
+                                    <span class="emoji-icon">🎵</span> Audio Track
+                                </div>
+                                <div class="dropdown-item" onclick="FileProcessor.triggerFileSelector('document')">
+                                    <span class="emoji-icon">📄</span> Document / Code
+                                </div>
+                            </div>
+                            
+                            <!-- Hidden File Inputs -->
+                            <input type="file" id="sys-inp-image" class="stealth-input" accept="image/*" onchange="FileProcessor.processFile(this, 'image')">
+                            <input type="file" id="sys-inp-video" class="stealth-input" accept="video/*" onchange="FileProcessor.processFile(this, 'video')">
+                            <input type="file" id="sys-inp-audio" class="stealth-input" accept="audio/*" onchange="FileProcessor.processFile(this, 'audio')">
+                            <input type="file" id="sys-inp-document" class="stealth-input" accept=".pdf,.doc,.docx,.txt,.md,.csv,.json,.py,.js,.html,.css,.cpp,.c,.java" onchange="FileProcessor.processFile(this, 'document')">
+                        </div>
+                        
+                        <!-- Smart Language Toggle Button -->
+                        <button class="language-toggle-chip" id="smartLangToggle" onclick="VoiceEngine.switchLanguage()" title="Switch Voice Engine Language">
+                            🌐 <span id="langDisplayBadge">EN</span>
+                        </button>
+
+                        <!-- Voice Dictation Button -->
+                        <button class="btn-tool-icon btn-mic-tool" id="masterVoiceBtn" onclick="VoiceEngine.toggleDictation()" title="Voice Dictation">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" x2="12" y1="19" y2="22"></line></svg>
+                        </button>
+
+                        <!-- Expanding Text Area -->
+                        <textarea class="main-textarea" id="mainChatInput" placeholder="Message Arjun Intelligence..." rows="1" onkeydown="ChatEngine.handleKeyboard(event)" oninput="UIManager.autoGrowTextArea(this)"></textarea>
+                        
+                        <!-- Master Send Button -->
+                        <button class="btn-master-send" id="masterSendBtn" onclick="ChatEngine.initiateDispatch()">
+                            <svg viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="bottom-branding-text">Secured by Arjun Core Architecture • Developed by Abhay Kumar</div>
+            </div>
+        </main>
+
+        <!-- -------------------------------------------------------------------------------------
+             C. WORKSPACE CODE EDITOR PANEL
+             ------------------------------------------------------------------------------------- -->
+        <aside class="code-workspace-panel" id="workspacePanel">
+            <div class="workspace-header-bar">
+                <div class="workspace-title-group">
+                    <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
+                    <span id="workspaceTitleBadge">Workspace</span>
+                </div>
+                <div class="workspace-tools">
+                    <button class="btn-workspace-tool" onclick="WorkspaceEngine.executeCopy(this)">
+                        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
+                        Copy Source
+                    </button>
+                    <button class="btn-workspace-tool close" onclick="WorkspaceEngine.closePanel()" title="Close Editor">
+                        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+                    </button>
+                </div>
+            </div>
+            <div class="workspace-editor-surface">
+                <pre><code id="workspaceCodeBlock" class="hljs"></code></pre>
+            </div>
+        </aside>
+    </div>
+
+    <!-- =========================================================================================
+         DOM ELEMENT 6: SECURE AUTHENTICATION MODAL
+         ========================================================================================= -->
+    <div class="secure-modal-backdrop" id="secureAuthModal">
+        <div class="secure-modal-surface">
+            <button class="btn-modal-dismiss" onclick="AuthManager.closeModal()">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+            </button>
+            <div class="modal-brand-header">Arjun Network</div>
+            
+            <div class="auth-tab-switch">
+                <div class="auth-tab-item active" id="btn-tab-login" onclick="AuthManager.switchTab('login')">Connect</div>
+                <div class="auth-tab-item" id="btn-tab-register" onclick="AuthManager.switchTab('register')">Enroll</div>
+            </div>
+            
+            <!-- Login Flow -->
+            <div id="auth-flow-login">
+                <div class="auth-form-view active" id="auth-log-phase-1">
+                    <input type="email" class="auth-input-element" id="authLogEmail" placeholder="Authorized Email Address">
+                    <button class="btn-auth-execute" id="btn-fire-log-otp" onclick="AuthManager.process('login_send_otp')">Generate OTP</button>
+                </div>
+                <div class="auth-form-view" id="auth-log-phase-2">
+                    <input type="number" class="auth-input-element" id="authLogOTP" placeholder="Validation Code (OTP)">
+                    <button class="btn-auth-execute" id="btn-fire-log-verify" onclick="AuthManager.process('login_verify')">Authenticate</button>
+                    <button class="btn-auth-return" onclick="AuthManager.switchPhase('auth-log-phase-2', 'auth-log-phase-1')">← Go Back</button>
+                </div>
+            </div>
+            
+            <!-- Register Flow -->
+            <div id="auth-flow-register" style="display:none;">
+                <div class="auth-form-view active" id="auth-reg-phase-1">
+                    <input type="text" class="auth-input-element" id="authRegName" placeholder="Full Legal Name">
+                    <input type="email" class="auth-input-element" id="authRegEmail" placeholder="Email Address">
+                    <button class="btn-auth-execute" id="btn-fire-reg-otp" onclick="AuthManager.process('register_send_otp')">Verify Identity</button>
+                </div>
+                <div class="auth-form-view" id="auth-reg-phase-2">
+                    <input type="number" class="auth-input-element" id="authRegOTP" placeholder="Identity Token (OTP)">
+                    <button class="btn-auth-execute" id="btn-fire-reg-verify" onclick="AuthManager.process('register_verify')">Initialize Account</button>
+                    <button class="btn-auth-return" onclick="AuthManager.switchPhase('auth-reg-phase-2', 'auth-reg-phase-1')">← Go Back</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- =========================================================================================
+         7. ENTERPRISE JAVASCRIPT LOGIC (पूर्ण आर्किटेक्चर)
+         ========================================================================================= -->
+    <script>
+        /**
+         * System Configuration & State Management
+         */
+        const Config = {
+            GAS_URL: "https://script.google.com/macros/s/AKfycbzTsXGoVh97JjtFAAG825GF4WUZqf7FDB3Zbxyf0nrLXt_1HjJSSqA829UcdoamRPvg0A/exec",
+            LOGO_URL: "https://i.ibb.co/0y2sdbq6/PT-20260523-133251-0000.png",
+            PDF_WORKER: 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js'
+        };
+
+        // Initialize PDF worker
+        pdfjsLib.GlobalWorkerOptions.workerSrc = Config.PDF_WORKER;
+
+        // Global Application State
+        const AppState = {
+            currentUser: localStorage.getItem('arjun_user') || null,
+            guestCount: parseInt(localStorage.getItem('arjun_guest') || '0', 10),
+            history: [],
+            pendingAttachment: null,
+            isProcessing: false,
+            isUserScrolling: false,
+            generatedCodeBlocks: [],
+            currentWorkspaceId: null,
+            isStreamingActive: false,
+            isLiveModeEngaged: false
+        };
+
+        /**
+         * Utility Classes & Functions
+         */
+        const Utils = {
+            showToast: (message) => {
+                const container = document.getElementById('toast-container');
+                const toast = document.createElement('div');
+                toast.className = 'toast-notification';
+                // Success SVG Icon inline
+                toast.innerHTML = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><polyline points="20 6 9 17 4 12"></polyline></svg> ${message}`;
+                container.appendChild(toast);
+                setTimeout(() => toast.remove(), 3000);
+            },
+            
+            escapeHTML: (str) => {
+                return str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+            },
+
+            // Robust Fallback Copy Mechanism (100% Reliability)
+            executeFallbackCopy: (text, btnElement) => {
+                const textArea = document.createElement("textarea");
+                textArea.value = text;
+                textArea.style.top = "0";
+                textArea.style.left = "0";
+                textArea.style.position = "fixed";
+                document.body.appendChild(textArea);
+                textArea.focus();
+                textArea.select();
+                
+                try {
+                    const successful = document.execCommand('copy');
+                    if (successful) {
+                        const originalHTML = btnElement.innerHTML;
+                        btnElement.innerHTML = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Success`;
+                        setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
+                    } else {
+                        Utils.showToast("Clipboard access denied.");
+                    }
+                } catch (err) {
+                    Utils.showToast("System error copying text.");
+                }
+                document.body.removeChild(textArea);
+            },
+
+            copyToClipboard: (btnElement, textToCopy) => {
+                if (!navigator.clipboard) {
+                    Utils.executeFallbackCopy(textToCopy, btnElement);
+                    return;
+                }
+                navigator.clipboard.writeText(textToCopy).then(() => {
+                    const originalHTML = btnElement.innerHTML;
+                    btnElement.innerHTML = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"></polyline></svg> Success`;
+                    setTimeout(() => { btnElement.innerHTML = originalHTML; }, 2500);
+                }).catch((err) => {
+                    console.warn('Modern API failed, utilizing fallback...', err);
+                    Utils.executeFallbackCopy(textToCopy, btnElement);
+                });
+            }
+        };
+
+        /**
+         * Authentication Manager (Google Apps Script Integration)
+         */
+        const AuthManager = {
+            initUI: () => {
+                const promptBtn = document.getElementById('loginPromptBtn');
+                const profileCard = document.getElementById('userProfile');
+                const guestBadge = document.getElementById('guestBadge');
+                
+                if (AppState.currentUser) {
+                    promptBtn.style.display = 'none';
+                    profileCard.style.display = 'flex';
+                    document.getElementById('uEmail').innerText = AppState.currentUser;
+                    document.getElementById('uAvatar').innerText = AppState.currentUser.charAt(0).toUpperCase();
+                    if(guestBadge) guestBadge.style.display = 'none';
+                } else {
+                    promptBtn.style.display = 'flex';
+                    profileCard.style.display = 'none';
+                    if(guestBadge) {
+                        guestBadge.style.display = 'inline-flex';
+                        document.getElementById('guestCountDisplay').innerText = AppState.guestCount;
+                    }
+                }
+            },
+
+            openModal: () => document.getElementById('secureAuthModal').style.display = 'flex',
+            closeModal: () => document.getElementById('secureAuthModal').style.display = 'none',
+            
+            switchTab: (tabName) => {
+                document.querySelectorAll('.auth-tab-item').forEach(el => el.classList.remove('active'));
+                document.getElementById(`btn-tab-${tabName}`).classList.add('active');
+                document.getElementById('auth-flow-login').style.display = tabName === 'login' ? 'block' : 'none';
+                document.getElementById('auth-flow-register').style.display = tabName === 'register' ? 'block' : 'none';
+            },
+
+            switchPhase: (currentId, nextId) => {
+                document.getElementById(currentId).classList.remove('active');
+                document.getElementById(nextId).classList.add('active');
+            },
+
+            process: async (actionType) => {
+                const payload = { action: actionType };
+                let buttonId = '';
+
+                if (actionType === 'register_send_otp') {
+                    payload.name = document.getElementById('authRegName').value.trim();
+                    payload.email = document.getElementById('authRegEmail').value.trim();
+                    payload.phone = "0000000000"; payload.organization = "Arjun Base";
+                    if (!payload.email || !payload.name) return Utils.showToast("Identification details required.");
+                    buttonId = 'btn-fire-reg-otp';
+                } 
+                else if (actionType === 'login_send_otp') {
+                    payload.email = document.getElementById('authLogEmail').value.trim();
+                    if (!payload.email) return Utils.showToast("Email required for validation.");
+                    buttonId = 'btn-fire-log-otp';
+                } 
+                else if (actionType === 'register_verify' || actionType === 'login_verify') {
+                    payload.email = document.getElementById(actionType === 'register_verify' ? 'authRegEmail' : 'authLogEmail').value.trim();
+                    payload.otp = document.getElementById(actionType === 'register_verify' ? 'authRegOTP' : 'authLogOTP').value.trim();
+                    if (!payload.otp) return Utils.showToast("Security token required.");
+                    buttonId = actionType === 'register_verify' ? 'btn-fire-reg-verify' : 'btn-fire-log-verify';
+                }
+
+                const triggerBtn = document.getElementById(buttonId);
+                const originalText = triggerBtn.innerHTML;
+                triggerBtn.disabled = true;
+                triggerBtn.innerText = 'Establishing Connection...';
+
+                try {
+                    const response = await fetch(Config.GAS_URL, { method: 'POST', body: JSON.stringify(payload) });
+                    const result = await response.json();
+                    
+                    if (result.status === 'success') {
+                        Utils.showToast(result.message);
+                        if (actionType === 'register_send_otp') AuthManager.switchPhase('auth-reg-phase-1', 'auth-reg-phase-2');
+                        else if (actionType === 'login_send_otp') AuthManager.switchPhase('auth-log-phase-1', 'auth-log-phase-2');
+                        else if (actionType === 'register_verify' || actionType === 'login_verify') {
+                            AppState.currentUser = payload.email;
+                            localStorage.setItem('arjun_user', AppState.currentUser);
+                            AuthManager.closeModal();
+                            AuthManager.initUI();
+                            ChatEngine.syncHistoryFromCloud();
+                        }
+                    } else {
+                        Utils.showToast(result.message);
+                    }
+                } catch (error) {
+                    Utils.showToast("Encrypted gateway error. Check network.");
+                }
+                
+                triggerBtn.disabled = false;
+                triggerBtn.innerHTML = originalText;
+            },
+
+            logout: () => {
+                localStorage.removeItem('arjun_user');
+                location.reload();
+            }
+        };
+
+        /**
+         * UI & DOM Management
+         */
+        const UIManager = {
+            toggleSidebar: () => {
+                document.getElementById('sidebar').classList.toggle('active');
+            },
+
+            checkScrollState: () => {
+                const msgArea = document.getElementById('msgs');
+                const isAtBottom = Math.abs((msgArea.scrollHeight - msgArea.scrollTop) - msgArea.clientHeight) < 80;
+                AppState.isUserScrolling = !isAtBottom;
+                const scrollBtn = document.getElementById('scrollTriggerBtn');
+                if (AppState.isUserScrolling) scrollBtn.classList.add('visible');
+                else scrollBtn.classList.remove('visible');
+            },
+
+            forceScrollDown: () => {
+                const msgArea = document.getElementById('msgs');
+                msgArea.scrollTo({ top: msgArea.scrollHeight, behavior: 'smooth' });
+                AppState.isUserScrolling = false;
+                document.getElementById('scrollTriggerBtn').classList.remove('visible');
+            },
+
+            autoScroll: () => {
+                if (!AppState.isUserScrolling) {
+                    const msgArea = document.getElementById('msgs');
+                    msgArea.scrollTop = msgArea.scrollHeight;
+                }
+            },
+
+            autoGrowTextArea: (element) => {
+                element.style.height = 'auto';
+                element.style.height = Math.min(element.scrollHeight, 200) + 'px';
+            },
+
+            toggleAttachMenu: () => {
+                document.getElementById('attachDropdownMenu').classList.toggle('visible');
+            }
+        };
+
+        // Close dropdown when clicking outside
+        document.addEventListener('click', (event) => {
+            const wrapper = document.querySelector('.attachment-module');
+            if (!wrapper.contains(event.target)) {
+                document.getElementById('attachDropdownMenu').classList.remove('visible');
+            }
+        });
+
+        /**
+         * Voice & Speech Engine (Smart Bilingual Toggle)
+         */
+        const VoiceEngine = {
+            recognition: null,
+            currentLanguage: 'en-IN',
+            
+            init: () => {
+                const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
+                if (!SR) return;
+
+                VoiceEngine.recognition = new SR();
+                VoiceEngine.recognition.continuous = false;
+                VoiceEngine.recognition.interimResults = false;
+                VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
+
+                VoiceEngine.recognition.onstart = () => {
+                    document.getElementById('masterVoiceBtn').classList.add('active-listening');
+                    if (AppState.isLiveModeEngaged) {
+                        document.getElementById('liveMicBtn').classList.add('is-recording');
+                        document.getElementById('liveStatusText').innerText = "Analyzing Input...";
+                        document.getElementById('liveOrb').style.transform = "scale(1.25)";
+                    }
+                };
+
+                VoiceEngine.recognition.onresult = (event) => {
+                    let transcript = '';
+                    for (let i = event.resultIndex; i < event.results.length; ++i) {
+                        transcript += event.results[i][0].transcript;
+                    }
+                    transcript = transcript.trim();
+                    if (transcript.length > 0) {
+                        transcript = transcript.charAt(0).toUpperCase() + transcript.slice(1);
+                        if (!/[.!?।]$/.test(transcript)) transcript += '.';
+                        transcript += ' ';
+                    }
+
+                    if (AppState.isLiveModeEngaged) {
+                        document.getElementById('liveTranscriptText').innerText = `"${transcript}"`;
+                        document.getElementById('liveStatusText').innerText = "Synthesizing Response...";
+                        document.getElementById('mainChatInput').value = transcript;
+                        ChatEngine.initiateDispatch();
+                    } else {
+                        const inputField = document.getElementById('mainChatInput');
+                        inputField.value = (inputField.value + ' ' + transcript).trim();
+                        UIManager.autoGrowTextArea(inputField);
+                    }
+                };
+
+                VoiceEngine.recognition.onend = () => {
+                    document.getElementById('masterVoiceBtn').classList.remove('active-listening');
+                    if (AppState.isLiveModeEngaged && !AppState.isProcessing) {
+                        document.getElementById('liveMicBtn').classList.remove('is-recording');
+                        document.getElementById('liveStatusText').innerText = "Tap mic to interact";
+                        document.getElementById('liveOrb').style.transform = "scale(1)";
+                    }
+                };
+
+                VoiceEngine.recognition.onerror = (event) => {
+                    Utils.showToast("Voice module error: " + event.error);
+                    document.getElementById('masterVoiceBtn').classList.remove('active-listening');
+                    if (AppState.isLiveModeEngaged) {
+                        document.getElementById('liveMicBtn').classList.remove('is-recording');
+                        document.getElementById('liveStatusText').innerText = "Audio Failure. Retry.";
+                    }
+                };
+            },
+
+            switchLanguage: () => {
+                const btn = document.getElementById('smartLangToggle');
+                const badge = document.getElementById('langDisplayBadge');
+                
+                if (VoiceEngine.currentLanguage === 'en-IN') {
+                    VoiceEngine.currentLanguage = 'hi-IN';
+                    badge.innerText = 'हि';
+                    btn.classList.add('hindi-active');
+                    Utils.showToast("Acoustic Protocol: Pure Hindi (देवनागरी)");
+                } else {
+                    VoiceEngine.currentLanguage = 'en-IN';
+                    badge.innerText = 'EN';
+                    btn.classList.remove('hindi-active');
+                    Utils.showToast("Acoustic Protocol: English / Hybrid");
+                }
+                
+                if (VoiceEngine.recognition) {
+                    VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
+                }
+            },
+
+            toggleDictation: () => {
+                if (!VoiceEngine.recognition) return Utils.showToast("Hardware dictation unsupported.");
+                try { VoiceEngine.recognition.start(); } catch (e) { VoiceEngine.recognition.stop(); }
+            },
+
+            toggleLive: () => {
+                if (!VoiceEngine.recognition) return Utils.showToast("Hardware dictation unsupported.");
+                try { VoiceEngine.recognition.start(); } catch (e) { VoiceEngine.recognition.stop(); }
+            },
+
+            // Calling Backend TTS
+            executeTTS: async (text) => {
+                const cleanText = text.replace(/[*_~`#]/g, '').replace(/<[^>]*>?/gm, '');
+                Utils.showToast("🔊 Linking with Neural Voice Matrix...");
+                try {
+                    const response = await fetch('/api/tts', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ text: cleanText })
+                    });
+                    if (!response.ok) throw new Error("Backend Synthesis Fault");
+                    
+                    const blob = await response.blob();
+                    const audioUrl = URL.createObjectURL(blob);
+                    const audio = new Audio(audioUrl);
+                    audio.play();
+                } catch (error) {
+                    Utils.showToast("Neural link failed. Verify backend integrity.");
+                }
+            }
+        };
+        VoiceEngine.init();
+
+        /**
+         * Live Mode Controller
+         */
+        const LiveModeController = {
+            initialize: () => {
+                AppState.isLiveModeEngaged = true;
+                document.getElementById('liveOverlay').classList.add('active');
+                if (VoiceEngine.recognition) {
+                    setTimeout(() => { 
+                        try { VoiceEngine.recognition.start(); } catch(e){} 
+                    }, 600);
+                }
+            },
+            terminate: () => {
+                AppState.isLiveModeEngaged = false;
+                document.getElementById('liveOverlay').classList.remove('active');
+                if (VoiceEngine.recognition) {
+                    try { VoiceEngine.recognition.stop(); } catch(e){}
+                }
+            }
+        };
+
+        /**
+         * File & Attachment Processor
+         */
+        const FileProcessor = {
+            triggerFileSelector: (type) => {
+                document.getElementById('attachDropdownMenu').classList.remove('visible');
+                document.getElementById('sys-inp-' + type).click();
+            },
+
+            processFile: async (inputElement, typeContext) => {
+                const file = inputElement.files[0];
+                if (!file) return;
+                
+                const fName = file.name.toLowerCase();
+                const mime = file.type;
+                
+                // Strict validation
+                if (typeContext === 'image' && !mime.startsWith('image/')) { Utils.showToast("Format Rejected: Visual media required."); inputElement.value=''; return; }
+                if (typeContext === 'video' && !mime.startsWith('video/')) { Utils.showToast("Format Rejected: Video media required."); inputElement.value=''; return; }
+                if (typeContext === 'audio' && !mime.startsWith('audio/')) { Utils.showToast("Format Rejected: Audio media required."); inputElement.value=''; return; }
+
+                // Non-technical Toast Update
+                Utils.showToast("Uploading your file, please wait...");
+                
+                // Prepare UI preview
+                const thumbImg = document.getElementById('previewImgThumb');
+                const docIcon = document.getElementById('previewDocIcon');
+                
+                thumbImg.style.display = 'none';
+                docIcon.style.display = 'none';
+                document.getElementById('previewFileName').innerText = file.name;
+                document.getElementById('filePreviewBar').classList.add('visible');
+
+                const fileReader = new FileReader();
+
+                if (typeContext === 'image') {
+                    fileReader.onload = (e) => {
+                        AppState.pendingAttachment = { type: 'image', data: e.target.result.split(',')[1], name: file.name };
+                        thumbImg.src = e.target.result;
+                        thumbImg.style.display = 'flex';
+                    };
+                    fileReader.readAsDataURL(file);
+                } 
+                else if (typeContext === 'video' || typeContext === 'audio') {
+                    fileReader.onload = (e) => {
+                        AppState.pendingAttachment = { type: typeContext, data: e.target.result.split(',')[1], name: file.name };
+                        docIcon.innerText = typeContext === 'video' ? '🎥' : '🎵';
+                        docIcon.style.display = 'flex';
+                    };
+                    fileReader.readAsDataURL(file);
+                } 
+                else if (typeContext === 'document') {
+                    docIcon.innerText = '📄';
+                    docIcon.style.display = 'flex';
+                    
+                    if (fName.endsWith('.pdf')) {
+                        fileReader.onload = async function() {
+                            try {
+                                const typedArray = new Uint8Array(this.result);
+                                const pdfDoc = await pdfjsLib.getDocument(typedArray).promise;
+                                let extractedText = "";
+                                for (let i = 1; i <= pdfDoc.numPages; i++) {
+                                    const page = await pdfDoc.getPage(i);
+                                    const content = await page.getTextContent();
+                                    extractedText += content.items.map(s => s.str).join(' ') + "\n";
+                                }
+                                AppState.pendingAttachment = { type: 'text', data: extractedText.trim() || "No readable text found.", name: file.name };
+                                Utils.showToast("Your PDF is ready!");
+                            } catch (e) {
+                                Utils.showToast("PDF parsing encountered an error.");
+                                FileProcessor.discardFile();
+                            }
+                        };
+                        fileReader.readAsArrayBuffer(file);
+                    } 
+                    else if (fName.endsWith('.docx') || fName.endsWith('.doc')) {
+                        fileReader.onload = async function() {
+                            try {
+                                const buffer = this.result;
+                                const resultData = await mammoth.extractRawText({ arrayBuffer: buffer });
+                                AppState.pendingAttachment = { type: 'text', data: resultData.value.trim() || "No readable text found.", name: file.name };
+                                Utils.showToast("Your Word document is ready!");
+                            } catch(e) {
+                                Utils.showToast("Document parsing encountered an error.");
+                                FileProcessor.discardFile();
+                            }
+                        };
+                        fileReader.readAsArrayBuffer(file);
+                    } 
+                    else {
+                        // Standard Text/Code parsing
+                        fileReader.onload = (e) => {
+                            AppState.pendingAttachment = { type: 'text', data: e.target.result, name: file.name };
+                            Utils.showToast("Your file is ready!");
+                        };
+                        fileReader.readAsText(file);
+                    }
+                }
+                // Reset input for sequential identical uploads
+                inputElement.value = '';
+            },
+
+            discardFile: () => {
+                AppState.pendingAttachment = null;
+                document.getElementById('filePreviewBar').classList.remove('visible');
+            }
+        };
+
+        /**
+         * Workspace Code Engine
+         */
+        const WorkspaceEngine = {
+            launch: (codeBlockId) => {
+                AppState.currentWorkspaceId = codeBlockId;
+                const codeData = AppState.generatedCodeBlocks[codeBlockId];
+                
+                document.getElementById('wsTitleText').innerText = codeData.lang ? `Generated ${codeData.lang.toUpperCase()}` : "Compiled Code";
+                const blockDisplay = document.getElementById('workspaceCodeBlock');
+                blockDisplay.className = `hljs language-${codeData.lang || 'plaintext'}`;
+                blockDisplay.textContent = codeData.code;
+                
+                hljs.highlightElement(blockDisplay);
+                document.getElementById('workspacePanel').classList.add('expanded');
+                
+                if (window.innerWidth <= 1024) {
+                    document.getElementById('sidebar').classList.remove('active');
+                }
+            },
+            
+            closePanel: () => {
+                document.getElementById('workspacePanel').classList.remove('expanded');
+            },
+
+            executeCopy: (btnElement) => {
+                if (AppState.currentWorkspaceId !== null) {
+                    const srcCode = AppState.generatedCodeBlocks[AppState.currentWorkspaceId].code;
+                    Utils.copyToClipboard(btnElement, srcCode);
+                }
+            }
+        };
+
+        // Customize Marked.js Renderer for Streaming UI & Workspace Cards
+        const MD_Renderer = new marked.Renderer();
+        MD_Renderer.code = function(token) {
+            const rawCode = typeof token === 'string' ? token : (token.text || '');
+            const langClass = typeof token === 'string' ? arguments[1] : (token.lang || '');
+            
+            // Render beautiful loading box during stream
+            if (AppState.isStreamingActive) {
+                return `
+                <div class="streaming-code-container">
+                    <div class="streaming-code-header">
+                        <div class="loading-ring"></div>
+                        Generating Architecture...
+                    </div>
+                    <pre><code class="language-${langClass}">${Utils.escapeHTML(rawCode)}</code></pre>
+                </div>`;
+            }
+            
+            // Once stream ends, render functional Workspace button
+            const internalId = AppState.generatedCodeBlocks.length;
+            AppState.generatedCodeBlocks.push({ code: rawCode, lang: langClass });
+            
+            return `
+            <div class="workspace-execute-card">
+                <div class="ws-card-left">
+                    <div class="ws-card-icon-box">
+                        <svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
+                    </div>
+                    <div class="ws-card-details">
+                        <h4>Code Module Compiled</h4>
+                        <p>${langClass || 'Syntax Detected'}</p>
+                    </div>
+                </div>
+                <button class="btn-launch-workspace" onclick="WorkspaceEngine.launch(${internalId})">Open Workspace</button>
+            </div>`;
+        };
+        marked.use({ renderer: MD_Renderer });
+
+        /**
+         * Core Chat Processing Engine
+         */
+        const ChatEngine = {
+            handleKeyboard: (e) => {
+                if (e.key === 'Enter' && !e.shiftKey) {
+                    e.preventDefault();
+                    ChatEngine.initiateDispatch();
+                }
+            },
+
+            sendExample: (queryText) => {
+                document.getElementById('mainChatInput').value = queryText;
+                ChatEngine.initiateDispatch();
+            },
+
+            clearMemory: async () => {
+                if (AppState.currentUser) {
+                    Utils.showToast("Purging neural link memory...");
+                    await fetch(Config.GAS_URL, { 
+                        method: 'POST', 
+                        body: JSON.stringify({ action: "delete_history", email: AppState.currentUser }) 
+                    });
+                }
+                location.reload();
+            },
+
+            syncHistoryFromCloud: async () => {
+                const messageZone = document.getElementById('msgs');
+                document.getElementById('welcomeState').style.display = 'none';
+                messageZone.innerHTML = '<div style="text-align:center; padding:80px; font-weight:800; color:var(--brand-saffron); font-size:18px;">Decrypting Historic Archives...</div>';
+                
+                try {
+                    const response = await fetch(Config.GAS_URL, { 
+                        method: 'POST', 
+                        body: JSON.stringify({ action: "get_history", email: AppState.currentUser }) 
+                    });
+                    const resData = await response.json();
+                    messageZone.innerHTML = '';
+                    
+                    if (resData.status === 'success' && resData.historyJSON !== "[]") {
+                        AppState.history = JSON.parse(resData.historyJSON);
+                        AppState.history.forEach(msgObj => {
+                            if (msgObj.role === 'user') {
+                                ChatEngine.renderUserMessage(msgObj.content, msgObj.badge, msgObj.previewHTML);
+                            } else {
+                                AppState.isStreamingActive = false;
+                                ChatEngine.renderBotMessage(msgObj.content, true);
+                            }
+                        });
+                        setTimeout(UIManager.forceScrollDown, 150);
+                    } else {
+                        document.getElementById('welcomeState').style.display = 'flex';
+                    }
+                } catch (err) {
+                    messageZone.innerHTML = '';
+                    document.getElementById('welcomeState').style.display = 'flex';
+                }
+            },
+
+            saveHistoryToCloud: () => {
+                if (AppState.currentUser) {
+                    fetch(Config.GAS_URL, { 
+                        method: 'POST', 
+                        body: JSON.stringify({ action: "save_history", email: AppState.currentUser, historyJSON: JSON.stringify(AppState.history) }) 
+                    });
+                }
+            },
+
+            // Creates visually appealing preview HTML for within the chat bubble
+            buildPreviewHTML: (attachmentObj) => {
+                if (!attachmentObj) return '';
+                if (attachmentObj.type === 'image') {
+                    return `<img src="data:image/jpeg;base64,${attachmentObj.data}" class="chat-in-bubble-img" alt="Attached Image">`;
+                } else if (attachmentObj.type === 'video') {
+                    return `<div class="chat-file-card"><span class="icon">🎥</span><span class="name">${attachmentObj.name}</span></div>`;
+                } else if (attachmentObj.type === 'audio') {
+                    return `<div class="chat-file-card"><span class="icon">🎵</span><span class="name">${attachmentObj.name}</span></div>`;
+                } else {
+                    return `<div class="chat-file-card"><span class="icon">📄</span><span class="name">${attachmentObj.name}</span></div>`;
+                }
+            },
+
+            renderUserMessage: (textContent, badgeText, previewHTMLString = '') => {
+                let badgeNode = badgeText ? `<div class="file-badge">${Utils.escapeHTML(badgeText)}</div>` : '';
+                const bubbleBox = document.createElement('div');
+                bubbleBox.className = 'chat-message-row user-msg';
+                bubbleBox.innerHTML = `
+                    <div class="msg-avatar">U</div>
+                    <div class="msg-content-column">
+                        ${badgeNode}
+                        <div class="chat-bubble">
+                            ${previewHTMLString}
+                            ${Utils.escapeHTML(textContent)}
+                        </div>
+                    </div>`;
+                document.getElementById('msgs').appendChild(bubbleBox);
+            },
+
+            renderBotMessage: (textContent, bypassStreamFormatting = false) => {
+                const bubbleBox = document.createElement('div');
+                bubbleBox.className = 'chat-message-row bot-msg';
+                bubbleBox.innerHTML = `
+                    <div class="msg-avatar"><img src="${Config.LOGO_URL}" alt="AI"></div>
+                    <div class="msg-content-column">
+                        <div class="chat-bubble"></div>
+                    </div>`;
+                document.getElementById('msgs').appendChild(bubbleBox);
+                ChatEngine.updateBotBubble(bubbleBox, textContent, !bypassStreamFormatting);
+                return bubbleBox;
+            },
+
+            updateBotBubble: (bubbleDOM, rawMarkup, isCurrentlyStreaming) => {
+                const contentTarget = bubbleDOM.querySelector('.chat-bubble');
+                // Strip out internal `<think>` reasoning logic so it is hidden
+                const strippedMarkup = rawMarkup.replace(/<think>([\s\S]*?)(<\/think>|$)/gi, '');
+                
+                let renderHTML = marked.parse(strippedMarkup.trim());
+                
+                if (isCurrentlyStreaming) {
+                    renderHTML += `<div class="loading-dots-container"><div class="loading-dot"></div><div class="loading-dot"></div><div class="loading-dot"></div></div>`;
+                }
+                
+                contentTarget.innerHTML = renderHTML;
+                
+                // Mount actionable buttons when complete
+                let actionTray = bubbleDOM.querySelector('.bot-actions-row');
+                if (!isCurrentlyStreaming && !actionTray && strippedMarkup.trim().length > 0) {
+                    const safeRawCopy = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, '\\n').replace(/\r/g, '');
+                    const safeRawTTS = strippedMarkup.replace(/"/g, '&quot;').replace(/'/g, "\\'").replace(/\n/g, ' ');
+
+                    const actionsHTML = `
+                    <div class="bot-actions-row">
+                        <button class="btn-bot-action" onclick="Utils.copyToClipboard(this, \`${safeRawCopy}\`)">
+                            <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
+                            Copy Logic
+                        </button>
+                        <button class="btn-bot-action action-tts" onclick="VoiceEngine.executeTTS(\`${safeRawTTS}\`)">
+                            <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>
+                            Neural Voice
+                        </button>
+                    </div>`;
+                    bubbleDOM.querySelector('.msg-content-column').insertAdjacentHTML('beforeend', actionsHTML);
+                }
+            },
+
+            initiateDispatch: async () => {
+                if (AppState.isProcessing) return;
+                
+                const inputField = document.getElementById('mainChatInput');
+                const rawUserText = inputField.value.trim();
+                
+                if (!rawUserText && !AppState.pendingAttachment) return;
+
+                // Validate Guest Session Constraint
+                if (!AppState.currentUser) {
+                    if (AppState.guestCount >= 3) {
+                        AuthManager.openModal();
+                        return Utils.showToast("Unregistered query limit reached. Secure Login required.");
+                    }
+                    AppState.guestCount++;
+                    localStorage.setItem('arjun_guest', AppState.guestCount.toString());
+                    document.getElementById('guestCountDisplay').innerText = AppState.guestCount;
+                }
+
+                // UI Cleanup prior to dispatch
+                inputField.value = '';
+                inputField.style.height = 'auto';
+                document.getElementById('masterSendBtn').disabled = true;
+                AppState.isProcessing = true;
+                
+                const wState = document.getElementById('welcomeState');
+                if (wState) wState.style.display = 'none';
+
+                let payloadStr = rawUserText;
+                let payloadAttachments = [];
+                let visualBadge = null;
+                let previewHTMLForChat = '';
+
+                // Handle Pending Document/Media Logic
+                if (AppState.pendingAttachment) {
+                    previewHTMLForChat = ChatEngine.buildPreviewHTML(AppState.pendingAttachment);
+                    
+                    if (AppState.pendingAttachment.type === 'text') {
+                        payloadStr = `[Document Analyzed: ${AppState.pendingAttachment.name}]\n\n---DATA BEGIN---\n${AppState.pendingAttachment.data}\n---DATA END---\n\nUser Prompt: ${rawUserText}`;
+                        visualBadge = '📄 File Appended';
+                    } else {
+                        payloadAttachments.push({ 
+                            type: AppState.pendingAttachment.type, 
+                            data: AppState.pendingAttachment.data, 
+                            name: AppState.pendingAttachment.name 
+                        });
+                        const icoMap = { 'video': '🎥 ', 'audio': '🎵 ', 'image': '🖼️ ' };
+                        visualBadge = (icoMap[AppState.pendingAttachment.type] || '📎 ') + "Media Appended";
+                    }
+                    
+                    // Render locally
+                    ChatEngine.renderUserMessage(rawUserText || '[Transmitting Media Context]', visualBadge, previewHTMLForChat);
+                    
+                    // Save to logical history
+                    AppState.history.push({ 
+                        role: 'user', 
+                        content: payloadStr, 
+                        badge: visualBadge, 
+                        previewHTML: previewHTMLForChat 
+                    });
+                } else {
+                    ChatEngine.renderUserMessage(rawUserText, null, '');
+                    AppState.history.push({ role: 'user', content: rawUserText });
+                }
+                
+                FileProcessor.discardFile();
+                ChatEngine.saveHistoryToCloud();
+
+                // Create Empty Bot Bubble for streaming
+                const activeBotBubble = ChatEngine.renderBotMessage('', false);
+                UIManager.forceScrollDown();
+
+                // 🎲 Dynamic Pollinations Generator
+                const cryptographicSeed = Math.floor(Math.random() * 999999999);
+
+                // 🧠 Advanced Cognitive System Instructions
+                let cognitivePrompt = `You are Arjun 2.O, a sophisticated enterprise AI system architected by Abhay Kumar.
+                LANGUAGE REGULATION: You possess strict bilingual fluency. You MUST analyze the user's language and respond seamlessly in BOTH English and Hindi.
+                - If the prompt is purely English, output pure English.
+                - If the prompt contains Hindi (Devanagari or Hinglish), respond in natural Hindi.
+                - Adapt tone to be highly professional, intelligent, and authoritative.
+                
+                IMAGE SYNTHESIS OVERRIDE:
+                When commanded to render, generate, or create an image/photograph, you MUST reply with a precise markdown image node targeting Pollinations AI.
+                Formula: ![Generating Vision...](https://image.pollinations.ai/prompt/{URL_ENCODED_PROMPT_DETAIL}?width=1024&height=1024&nologo=true&model={MODEL}&seed=${cryptographicSeed})
+                Available Models: flux, flux-realism, flux-anime, flux-3d.
+                CRITICAL: The seed parameter is mandatory to bypass cache mechanics. Always render this markdown node.`;
+
+                if (AppState.isLiveModeEngaged) {
+                    cognitivePrompt += `\n\n[LIVE ACOUSTIC OVERRIDE]: You are currently engaged in a LIVE, REAL-TIME VOCAL INTERFACE. 
+                    MANDATORY direct answers. Maximum brevity. Eliminate complex markdown, massive code blocks, or extended lists. Replicate human telephonic brevity perfectly.`;
+                }
+
+                // Sanitize payload for backend
+                const secureHistory = AppState.history.slice(0, -1).map(h => ({ role: h.role, content: h.content }));
+
+                const transmissionPayload = {
+                    message: payloadStr,
+                    attachments: payloadAttachments,
+                    system_prompt: cognitivePrompt,
+                    history: secureHistory,
+                    max_tokens: AppState.isLiveModeEngaged ? 120 : 4096, 
+                    temperature: 0.75
+                };
+
+                // Network Transmission Logic
+                try {
+                    const fetchOp = await fetch('/api/chat', { 
+                        method: 'POST', 
+                        headers: {'Content-Type': 'application/json'}, 
+                        body: JSON.stringify(transmissionPayload) 
+                    });
+                    
+                    if (!fetchOp.ok) throw new Error("API Matrix Disconnected.");
+                    
+                    const networkReader = fetchOp.body.getReader();
+                    const textDecoder = new TextDecoder();
+                    let responseBuffer = "";
+                    
+                    AppState.isStreamingActive = true; 
+                    
+                    while (true) {
+                        const { done, value } = await networkReader.read();
+                        if (done) break;
+                        
+                        const decodedChunk = textDecoder.decode(value, { stream: true });
+                        const fragmentedLines = decodedChunk.split('\n');
+                        
+                        for (let line of fragmentedLines) {
+                            if (line.startsWith('data: ')) {
+                                const parseableStr = line.substring(6);
+                                if (parseableStr.trim() === '[DONE]') continue;
+                                
+                                try {
+                                    const jsonSegment = JSON.parse(parseableStr);
+                                    if (jsonSegment.choices && jsonSegment.choices[0].delta.content) {
+                                        responseBuffer += jsonSegment.choices[0].delta.content;
+                                        ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, true);
+                                        UIManager.autoScroll();
+                                    }
+                                } catch (e) { /* Segment fragmentation caught silently */ }
+                            }
+                        }
+                    }
+                    
+                    AppState.isStreamingActive = false; 
+                    ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, false);
+                    AppState.history.push({ role: 'bot', content: responseBuffer });
+                    ChatEngine.saveHistoryToCloud();
+                    
+                    if (AppState.isLiveModeEngaged) {
+                        document.getElementById('liveStatusText').innerText = "Arjun Transmitting...";
+                        await VoiceEngine.executeTTS(responseBuffer);
+                        document.getElementById('liveStatusText').innerText = "Tap mic to respond";
+                    }
+                    
+                } catch(error) { 
+                    AppState.isStreamingActive = false; 
+                    ChatEngine.updateBotBubble(activeBotBubble, `**System Error:** Communication array offline. Verification needed.`, false); 
+                    if (AppState.isLiveModeEngaged) {
+                        document.getElementById('liveStatusText').innerText = "Neural Link Severed.";
+                    }
+                }
+                
+                AppState.isProcessing = false; 
+                document.getElementById('masterSendBtn').disabled = false; 
+                UIManager.autoScroll();
+            }
+        };
+
+        // Bootstrap Core
+        window.ApplicationCore = {
+            launchSystem: startArjunApp
+        };
 
-function esc(t){ return t.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
-</script>
+    </script>
 </body>
-</html>
+</html>
\ No newline at end of file
