diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -4,16 +4,19 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!-- Viewport settings strictly structured to prevent mobile keyboard layout shifting -->
     <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">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     
     <title>Arjun 2.O - Professional Advanced AI</title>
     
     <!-- =========================================================================================
          1. EXTERNAL RESOURCES & LIBRARIES 
          ========================================================================================= -->
-    <!-- Preconnect for Performance -->
+    <!-- Preconnect for Performance Optimization -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     
@@ -30,44 +33,50 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/12.0.1/marked.min.js"></script>
 
     <!-- =========================================================================================
-         2. MASSIVE CSS ARCHITECTURE 
+         2. MASSIVE CSS ARCHITECTURE (ENTERPRISE SCALED)
          ========================================================================================= -->
     <style>
         /* ---------------------------------------------------------------------------------------
-           A. CSS VARIABLES & DESIGN TOKENS
+           A. CSS VARIABLES & DESIGN TOKENS 
            --------------------------------------------------------------------------------------- */
         :root {
-            /* Branding: Professional Theme */
+            /* Branding: Professional Theme (Arjun Base) */
             --brand-saffron: #FF9933;
             --brand-saffron-light: rgba(255, 153, 51, 0.12);
             --brand-saffron-hover: #e68a2e;
             --brand-saffron-active: #cc7a29;
+            --brand-saffron-glow: rgba(255, 153, 51, 0.4);
             
             --brand-white: #FFFFFF;
             --brand-white-glass: rgba(255, 255, 255, 0.85);
+            --brand-white-dim: rgba(255, 255, 255, 0.6);
             
             --brand-green: #138808;
             --brand-green-light: rgba(19, 136, 8, 0.12);
             --brand-green-hover: #0f6e06;
             --brand-green-active: #0c5905;
+            --brand-green-glow: rgba(19, 136, 8, 0.4);
             
             /* 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);
+            --bg-overlay: rgba(0, 0, 0, 0.5);
+            --bg-workspace: #282c34;
             
             /* Text Hierarchy */
             --text-primary: #111827;
             --text-secondary: #4b5563;
             --text-tertiary: #9ca3af;
             --text-inverse: #ffffff;
+            --text-danger: #ef4444;
             
             /* Border & Dividers */
             --border-light: rgba(0, 0, 0, 0.08);
             --border-medium: rgba(0, 0, 0, 0.15);
-            --border-focus: rgba(255, 153, 51, 0.35);
+            --border-strong: rgba(0, 0, 0, 0.25);
+            --border-focus: rgba(255, 153, 51, 0.4);
             
             /* Depth & Elevation (Shadows) */
             --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
@@ -75,13 +84,12 @@
             --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-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);
+            --shadow-float: 0 25px 50px -12px rgba(0,0,0,0.15);
             
             /* 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;
+            --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+            --font-mono: 'Geist Mono', Consolas, Monaco, "Ubuntu Mono", monospace;
+            --font-serif: 'Instrument Serif', Georgia, serif;
             
             --text-xs: 0.75rem;
             --text-sm: 0.875rem;
@@ -121,18 +129,12 @@
         /* ---------------------------------------------------------------------------------------
            B. RESET & GLOBAL BASE
            --------------------------------------------------------------------------------------- */
-        *, *::before, *::after {
-            box-sizing: border-box;
-            margin: 0;
-            padding: 0;
-        }
+        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+        html { font-size: 16px; -webkit-text-size-adjust: 100%; height: 100%; }
         
-        html {
-            font-size: 16px;
-            -webkit-text-size-adjust: 100%;
-        }
-
+        /* Ensures the body takes up exactly the visible screen, fixing mobile keyboard shift */
         body {
+            height: 100%;
             height: 100dvh;
             width: 100vw;
             overflow: hidden;
@@ -142,1861 +144,354 @@
             line-height: 1.5;
             -webkit-font-smoothing: antialiased;
             -moz-osx-font-smoothing: grayscale;
-        }
-
-        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;
-            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%, #ffffff 50%, var(--brand-green-light) 100%);
-        }
-        
-        .ambient-orb {
-            position: absolute;
-            border-radius: 50%;
-            filter: blur(120px);
-            opacity: 0.45;
-            animation: orbFloat 35s ease-in-out infinite alternate;
-            will-change: transform;
-        }
-        
-        .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-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 orbFloat {
-            0% { transform: translate(0, 0) scale(1); }
-            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); }
-        }
-
-        /* ---------------------------------------------------------------------------------------
-           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: var(--bg-glass);
-            backdrop-filter: blur(30px);
-            -webkit-backdrop-filter: blur(30px);
-        }
-
-        /* ---------------------------------------------------------------------------------------
-           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: var(--z-sidebar);
-            transition: transform var(--ease-smooth);
-            backdrop-filter: blur(15px);
-        }
-        
-        .sidebar-header {
-            padding: 28px 24px;
-            border-bottom: 1px solid var(--border-light);
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        
-        .brand-identity {
-            display: flex;
-            align-items: center;
-            gap: 14px;
-            text-decoration: none;
-        }
-        
-        .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-primary);
-            transition: transform var(--ease-spring);
-        }
-        
-        .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;
-        }
-
-        /* Sidebar Content & Scrollbar */
-        .sidebar-body {
-            flex: 1;
-            overflow-y: auto;
-            padding: 24px;
-            display: flex;
-            flex-direction: column;
-            gap: 28px;
-        }
-        
-        .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;
-        }
-        
-        .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);
-        }
-        
-        .btn-secure-connect:hover {
-            background: #000000;
-            transform: translateY(-2px);
-            box-shadow: var(--shadow-md);
-        }
-        
-        .user-profile-display {
-            display: none;
-            align-items: center;
-            gap: 14px;
-        }
-        
-        .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;
-        }
-
-        /* 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 */
-        .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;
+
+        button, input, textarea, select { font-family: inherit; color: inherit; }
+        a { color: inherit; text-decoration: none; }
+        img { max-width: 100%; height: auto; display: block; }
+        ul, ol { list-style: none; }
+
+        /* ---------------------------------------------------------------------------------------
+           C. AMBIENT BACKGROUND EFFECTS
+           --------------------------------------------------------------------------------------- */
+        .ambient-environment {
+            position: fixed; 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%, #ffffff 50%, var(--brand-green-light) 100%);
         }
-        
-        .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);
+        .ambient-orb {
+            position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.45;
+            animation: orbFloat 35s ease-in-out infinite alternate; will-change: transform;
         }
-        
-        .dropdown-item:hover {
-            background: var(--bg-tertiary);
-            color: var(--brand-saffron-hover);
+        .orb-top-left {
+            width: 650px; height: 650px;
+            background: radial-gradient(circle, rgba(255,153,51,0.25) 0%, transparent 70%);
+            top: -200px; left: -150px;
         }
-        
-        .dropdown-item span.emoji-icon {
-            font-size: 20px;
+        .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;
         }
-        
-        .stealth-input {
-            display: none;
+        @keyframes orbFloat {
+            0% { transform: translate(0, 0) scale(1); }
+            33% { transform: translate(60px, 80px) scale(1.1); }
+            66% { transform: translate(-40px, 50px) scale(0.95); }
+            100% { transform: translate(70px, -30px) scale(1.05); }
         }
 
-        /* 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;
+        /* ---------------------------------------------------------------------------------------
+           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;
         }
-        
-        .language-toggle-chip:hover {
-            background: var(--brand-saffron-light);
-            color: var(--brand-saffron-dark);
-            border-color: var(--brand-saffron);
+        .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;
         }
-        
-        .language-toggle-chip.hindi-active {
-            background: var(--brand-green-light);
-            color: var(--brand-green-dark);
-            border-color: var(--brand-green);
+        .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); } }
+
+        /* ---------------------------------------------------------------------------------------
+           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); } }
 
-        .btn-mic-tool.active-listening {
-            color: #ffffff;
-            background: #ef4444;
-            animation: recordPulse 1.5s infinite;
-            border-radius: var(--radius-full);
+        /* ---------------------------------------------------------------------------------------
+           F. CORE APPLICATION LAYOUT (FLEX ARCHITECTURE)
+           --------------------------------------------------------------------------------------- */
+        .app-root {
+            position: relative; z-index: var(--z-base); display: flex;
+            height: 100%; width: 100vw; overflow: hidden; background: var(--bg-glass);
+            backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); flex: 1;
         }
+
+        /* ---------------------------------------------------------------------------------------
+           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: var(--z-sidebar);
+            transition: transform var(--ease-smooth); backdrop-filter: blur(15px); height: 100%;
+        }
+        .sidebar-header { padding: 28px 24px; border-bottom: 1px solid var(--border-light); display: flex; justify-content: space-between; align-items: center; }
+        .brand-identity { display: flex; align-items: center; gap: 14px; text-decoration: none; }
+        .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-primary); transition: transform var(--ease-spring); }
+        .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; }
+
+        .sidebar-body { flex: 1; overflow-y: auto; padding: 24px; display: flex; flex-direction: column; gap: 28px; }
+        .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); }
+
+        /* Auth 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; }
+        .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); }
+        .btn-secure-connect:hover { background: #000000; transform: translateY(-2px); box-shadow: var(--shadow-md); }
+        .user-profile-display { display: none; align-items: center; gap: 14px; }
+        .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 */
+        .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; }
+        .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; height: 100%; }
         
-        @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); }
-        }
+        .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); flex-shrink:0; }
+        .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); } }
+
+        .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; min-height: 0; }
+        .chat-scroll-area::-webkit-scrollbar { width: 6px; }
+        .chat-scroll-area::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 10px; }
+
+        .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; }
+
+        .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
+           --------------------------------------------------------------------------------------- */
+        .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; }
+        .user-msg .msg-content-column { align-items: flex-end; }
+
+        /* File Preview Cards within bubble */
+        .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 */
+        .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; }
+        
+        /* Standard Pre Code Block */
+        .chat-bubble pre { background: var(--bg-workspace); 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 Code Container */
+        .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); }
+
+        .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 { 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-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; }
+
+        /* 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;
-        }
+        .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;
-        }
+        .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;
-        }
-        
+        .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);
-        }
+        @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-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; 
-            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;
-        }
+        .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: var(--bg-workspace); 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);
-        }
+        .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; } }
         
-        /* 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-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); } }
@@ -2011,8 +506,7 @@
         @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; }
+            .btn-hamburger, .btn-mobile-close { display: flex; }
             
             .chat-scroll-area { padding: 24px 15px; }
             .input-dock { padding: 10px 15px 20px; }
@@ -2344,11 +838,11 @@
     </div>
 
     <!-- =========================================================================================
-         7. ENTERPRISE JAVASCRIPT LOGIC (ADVANCED GRADIO INTEGRATION)
+         7. ENTERPRISE JAVASCRIPT LOGIC (ROBUST GRADIO INTEGRATION)
          ========================================================================================= -->
     <script>
         /**
-         * System Configuration & State Management
+         * System Configuration & Global Variables
          */
         const Config = {
             GAS_URL: "https://script.google.com/macros/s/AKfycbzTsXGoVh97JjtFAAG825GF4WUZqf7FDB3Zbxyf0nrLXt_1HjJSSqA829UcdoamRPvg0A/exec",
@@ -2356,11 +850,8 @@
             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 = {
+        // Strict mapping of global application state
+        window.AppState = {
             currentUser: localStorage.getItem('arjun_user') || null,
             guestCount: parseInt(localStorage.getItem('arjun_guest') || '0', 10),
             history: [],
@@ -2373,15 +864,17 @@
             isLiveModeEngaged: false
         };
 
+        // Initialize PDF worker
+        pdfjsLib.GlobalWorkerOptions.workerSrc = Config.PDF_WORKER;
+
         /**
-         * Utility Classes & Functions
+         * Core Utilities 
          */
-        const Utils = {
+        window.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);
@@ -2391,10 +884,9 @@
                 return str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
             },
 
-            // Robust Fallback Copy Mechanism (100% Reliability)
-            executeFallbackCopy: (text, btnElement) => {
+            copyToClipboard: (btnElement, textToCopy) => {
                 const textArea = document.createElement("textarea");
-                textArea.value = text;
+                textArea.value = textToCopy;
                 textArea.style.top = "0";
                 textArea.style.left = "0";
                 textArea.style.position = "fixed";
@@ -2409,51 +901,36 @@
                         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.");
+                        window.Utils.showToast("Clipboard access denied.");
                     }
                 } catch (err) {
-                    Utils.showToast("System error copying text.");
+                    window.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)
+         * Authentication Manager (GAS Integration)
          */
-        const AuthManager = {
+        window.AuthManager = {
             initUI: () => {
                 const promptBtn = document.getElementById('loginPromptBtn');
                 const profileCard = document.getElementById('userProfile');
                 const guestBadge = document.getElementById('guestBadge');
                 
-                if (AppState.currentUser) {
+                if (window.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();
+                    document.getElementById('uEmail').innerText = window.AppState.currentUser;
+                    document.getElementById('uAvatar').innerText = window.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;
+                        document.getElementById('guestCountDisplay').innerText = window.AppState.guestCount;
                     }
                 }
             },
@@ -2481,18 +958,18 @@
                     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.");
+                    if (!payload.email || !payload.name) return window.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.");
+                    if (!payload.email) return window.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.");
+                    if (!payload.otp) return window.Utils.showToast("Security token required.");
                     buttonId = actionType === 'register_verify' ? 'btn-fire-reg-verify' : 'btn-fire-log-verify';
                 }
 
@@ -2506,21 +983,21 @@
                     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');
+                        window.Utils.showToast(result.message);
+                        if (actionType === 'register_send_otp') window.AuthManager.switchPhase('auth-reg-phase-1', 'auth-reg-phase-2');
+                        else if (actionType === 'login_send_otp') window.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();
+                            window.AppState.currentUser = payload.email;
+                            localStorage.setItem('arjun_user', window.AppState.currentUser);
+                            window.AuthManager.closeModal();
+                            window.AuthManager.initUI();
+                            window.ChatEngine.syncHistoryFromCloud();
                         }
                     } else {
-                        Utils.showToast(result.message);
+                        window.Utils.showToast(result.message);
                     }
                 } catch (error) {
-                    Utils.showToast("Encrypted gateway error. Check network.");
+                    window.Utils.showToast("Encrypted gateway error. Check network.");
                 }
                 
                 triggerBtn.disabled = false;
@@ -2534,9 +1011,9 @@
         };
 
         /**
-         * UI & DOM Management
+         * UI Layout Management
          */
-        const UIManager = {
+        window.UIManager = {
             toggleSidebar: () => {
                 document.getElementById('sidebar').classList.toggle('active');
             },
@@ -2544,21 +1021,21 @@
             checkScrollState: () => {
                 const msgArea = document.getElementById('msgs');
                 const isAtBottom = Math.abs((msgArea.scrollHeight - msgArea.scrollTop) - msgArea.clientHeight) < 80;
-                AppState.isUserScrolling = !isAtBottom;
+                window.AppState.isUserScrolling = !isAtBottom;
                 const scrollBtn = document.getElementById('scrollTriggerBtn');
-                if (AppState.isUserScrolling) scrollBtn.classList.add('visible');
+                if (window.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;
+                window.AppState.isUserScrolling = false;
                 document.getElementById('scrollTriggerBtn').classList.remove('visible');
             },
 
             autoScroll: () => {
-                if (!AppState.isUserScrolling) {
+                if (!window.AppState.isUserScrolling) {
                     const msgArea = document.getElementById('msgs');
                     msgArea.scrollTop = msgArea.scrollHeight;
                 }
@@ -2574,18 +1051,19 @@
             }
         };
 
-        // Close dropdown when clicking outside
+        // Attach global listener to close menus
         document.addEventListener('click', (event) => {
             const wrapper = document.querySelector('.attachment-module');
-            if (!wrapper.contains(event.target)) {
-                document.getElementById('attachDropdownMenu').classList.remove('visible');
+            if (wrapper && !wrapper.contains(event.target)) {
+                const menu = document.getElementById('attachDropdownMenu');
+                if(menu) menu.classList.remove('visible');
             }
         });
 
         /**
-         * Voice & Speech Engine (Smart Bilingual Toggle & GRADIO EDGE-TTS)
+         * Voice & Speech Engine (Includes Gradio Edge-TTS)
          */
-        const VoiceEngine = {
+        window.VoiceEngine = {
             recognition: null,
             currentLanguage: 'en-IN',
             currentAudioNode: null,
@@ -2594,25 +1072,26 @@
                 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;
+                window.VoiceEngine.recognition = new SR();
+                window.VoiceEngine.recognition.continuous = false;
+                window.VoiceEngine.recognition.interimResults = false;
+                window.VoiceEngine.recognition.lang = window.VoiceEngine.currentLanguage;
 
-                VoiceEngine.recognition.onstart = () => {
+                window.VoiceEngine.recognition.onstart = () => {
                     document.getElementById('masterVoiceBtn').classList.add('active-listening');
-                    if (AppState.isLiveModeEngaged) {
+                    if (window.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) => {
+                window.VoiceEngine.recognition.onresult = (event) => {
                     let transcript = '';
                     for (let i = event.resultIndex; i < event.results.length; ++i) {
                         transcript += event.results[i].transcript;
                     }
+                    
                     transcript = transcript.trim();
                     if (transcript.length > 0) {
                         transcript = transcript.charAt(0).toUpperCase() + transcript.slice(1);
@@ -2620,31 +1099,31 @@
                         transcript += ' ';
                     }
 
-                    if (AppState.isLiveModeEngaged) {
+                    if (window.AppState.isLiveModeEngaged) {
                         document.getElementById('liveTranscriptText').innerText = `"${transcript}"`;
                         document.getElementById('liveStatusText').innerText = "Synthesizing Response...";
                         document.getElementById('mainChatInput').value = transcript;
-                        ChatEngine.initiateDispatch();
+                        window.ChatEngine.initiateDispatch();
                     } else {
                         const inputField = document.getElementById('mainChatInput');
                         inputField.value = (inputField.value + ' ' + transcript).trim();
-                        UIManager.autoGrowTextArea(inputField);
+                        window.UIManager.autoGrowTextArea(inputField);
                     }
                 };
 
-                VoiceEngine.recognition.onend = () => {
+                window.VoiceEngine.recognition.onend = () => {
                     document.getElementById('masterVoiceBtn').classList.remove('active-listening');
-                    if (AppState.isLiveModeEngaged && !AppState.isProcessing) {
+                    if (window.AppState.isLiveModeEngaged && !window.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);
+                window.VoiceEngine.recognition.onerror = (event) => {
+                    window.Utils.showToast("Voice module error.");
                     document.getElementById('masterVoiceBtn').classList.remove('active-listening');
-                    if (AppState.isLiveModeEngaged) {
+                    if (window.AppState.isLiveModeEngaged) {
                         document.getElementById('liveMicBtn').classList.remove('is-recording');
                         document.getElementById('liveStatusText').innerText = "Audio Failure. Retry.";
                     }
@@ -2655,63 +1134,55 @@
                 const btn = document.getElementById('smartLangToggle');
                 const badge = document.getElementById('langDisplayBadge');
                 
-                if (VoiceEngine.currentLanguage === 'en-IN') {
-                    VoiceEngine.currentLanguage = 'hi-IN';
+                if (window.VoiceEngine.currentLanguage === 'en-IN') {
+                    window.VoiceEngine.currentLanguage = 'hi-IN';
                     badge.innerText = 'HI';
                     btn.classList.add('hindi-active');
-                    Utils.showToast("Acoustic Protocol: Pure Hindi / Hinglish");
+                    window.Utils.showToast("Acoustic Protocol: Pure Hindi / Hinglish");
                 } else {
-                    VoiceEngine.currentLanguage = 'en-IN';
+                    window.VoiceEngine.currentLanguage = 'en-IN';
                     badge.innerText = 'EN';
                     btn.classList.remove('hindi-active');
-                    Utils.showToast("Acoustic Protocol: English / Hybrid");
+                    window.Utils.showToast("Acoustic Protocol: English / Hybrid");
                 }
                 
-                if (VoiceEngine.recognition) {
-                    VoiceEngine.recognition.lang = VoiceEngine.currentLanguage;
+                if (window.VoiceEngine.recognition) {
+                    window.VoiceEngine.recognition.lang = window.VoiceEngine.currentLanguage;
                 }
             },
 
             toggleDictation: () => {
-                if (!VoiceEngine.recognition) return Utils.showToast("Hardware dictation unsupported.");
-                try { VoiceEngine.recognition.start(); } catch (e) { VoiceEngine.recognition.stop(); }
+                if (!window.VoiceEngine.recognition) return window.Utils.showToast("Hardware dictation unsupported.");
+                try { window.VoiceEngine.recognition.start(); } catch (e) { window.VoiceEngine.recognition.stop(); }
             },
 
             toggleLive: () => {
-                if (!VoiceEngine.recognition) return Utils.showToast("Hardware dictation unsupported.");
-                try { VoiceEngine.recognition.start(); } catch (e) { VoiceEngine.recognition.stop(); }
+                if (!window.VoiceEngine.recognition) return window.Utils.showToast("Hardware dictation unsupported.");
+                try { window.VoiceEngine.recognition.start(); } catch (e) { window.VoiceEngine.recognition.stop(); }
             },
 
-            // -----------------------------------------------------------------------------------
-            // GRADIO EDGE-TTS INTEGRATION (REPLACED OLD LOGIC WITH REQUESTED IMPLEMENTATION)
-            // -----------------------------------------------------------------------------------
+            // Gradio TTS Module Integration 
             executeTTS: async (text) => {
                 return new Promise(async (resolve) => {
-                    // Clean text payload
                     const cleanText = text.replace(/[*_~`#]/g, '').replace(/<[^>]*>?/gm, '').trim();
                     if (!cleanText) return resolve();
 
-                    // Prevent overlapping audio protocols
-                    if (VoiceEngine.currentAudioNode) {
-                        VoiceEngine.currentAudioNode.pause();
-                        VoiceEngine.currentAudioNode = null;
+                    if (window.VoiceEngine.currentAudioNode) {
+                        window.VoiceEngine.currentAudioNode.pause();
+                        window.VoiceEngine.currentAudioNode = null;
                     }
 
-                    Utils.showToast("🔊 Connecting to Neural Voice Matrix (Gradio)...");
+                    window.Utils.showToast("🔊 Connecting to Neural Voice Matrix (Gradio)...");
                     
                     try {
-                        // Dynamically import Gradio Client from ESM CDN securely without breaking vanilla HTML environment
+                        // Dynamic import of Gradio Client to avoid broken native module support
                         const { Client } = await import('https://cdn.jsdelivr.net/npm/@gradio/client/+esm');
-                        
-                        // Establish secure connection to HuggingFace Edge-TTS Space
                         const client = await Client.connect("Vedika66/Edge-TTS");
                         
-                        // Dynamic Voice Type Assignment based on UI Smart Toggle
-                        const assignedVoice = VoiceEngine.currentLanguage === 'hi-IN' 
+                        const assignedVoice = window.VoiceEngine.currentLanguage === 'hi-IN' 
                             ? "प्रभात (भारी और प्राकृतिक आवाज़ - हिंग्लिश के लिए)" 
                             : "Christopher (Professional and Natural - US English)"; 
                         
-                        // Execute prediction protocol
                         const result = await client.predict("/smart_hybrid_tts", {
                             text: cleanText,
                             voice_type: assignedVoice,
@@ -2719,80 +1190,76 @@
                         
                         if (result && result.data && result.data.length > 0) {
                             const audioResponseData = result.data;
-                            
-                            // Gradio returns object with URL in modern iterations, or fallback to direct string
                             const targetAudioUrl = typeof audioResponseData === 'object' && audioResponseData !== null 
-                                ? audioResponseData.url 
-                                : audioResponseData;
+                                ? audioResponseData.url : audioResponseData;
                             
                             const playbackAudio = new Audio(targetAudioUrl);
-                            VoiceEngine.currentAudioNode = playbackAudio;
+                            window.VoiceEngine.currentAudioNode = playbackAudio;
                             
                             playbackAudio.onplay = () => {
-                                if (AppState.isLiveModeEngaged) {
+                                if (window.AppState.isLiveModeEngaged) {
                                     document.getElementById('liveStatusText').innerText = "Arjun Transmitting...";
                                 } else {
-                                    Utils.showToast("🔊 Neural audio playback active...");
+                                    window.Utils.showToast("🔊 Neural audio playback active...");
                                 }
                             };
                             
-                            // Critical: Resolve promise ONLY when audio naturally concludes
                             playbackAudio.onended = () => {
-                                VoiceEngine.currentAudioNode = null;
-                                if (AppState.isLiveModeEngaged) {
+                                window.VoiceEngine.currentAudioNode = null;
+                                if (window.AppState.isLiveModeEngaged) {
                                     document.getElementById('liveStatusText').innerText = "Tap mic to respond";
                                 }
                                 resolve();
                             };
                             
                             playbackAudio.onerror = () => {
-                                Utils.showToast("Audio playback stream encountered an anomaly.");
+                                window.Utils.showToast("Audio playback stream encountered an anomaly.");
                                 resolve();
-                            }
+                            };
 
                             await playbackAudio.play();
                             
                         } else {
-                            throw new Error("Invalid TTS Matrix Output");
+                            throw new Error("Invalid Output from Gradio Node.");
                         }
                     } catch (error) {
-                        console.error("Gradio TTS Synthesis Error:", error);
-                        Utils.showToast("Neural link failed. Verify Gradio Edge-TTS availability.");
-                        if (AppState.isLiveModeEngaged) {
+                        console.error("Gradio Integration Error:", error);
+                        window.Utils.showToast("Neural link failed. Verify Gradio Edge-TTS server.");
+                        if (window.AppState.isLiveModeEngaged) {
                             document.getElementById('liveStatusText').innerText = "Acoustic Module Offline.";
                         }
-                        resolve(); // Resolve to prevent promise hanging
+                        resolve();
                     }
                 });
             }
         };
-        VoiceEngine.init();
+
+        // Initialize voice API if available
+        window.VoiceEngine.init();
 
         /**
          * Live Mode Controller
          */
-        const LiveModeController = {
+        window.LiveModeController = {
             initialize: () => {
-                AppState.isLiveModeEngaged = true;
+                window.AppState.isLiveModeEngaged = true;
                 document.getElementById('liveOverlay').classList.add('active');
-                if (VoiceEngine.recognition) {
+                if (window.VoiceEngine.recognition) {
                     setTimeout(() => { 
-                        try { VoiceEngine.recognition.start(); } catch(e){} 
+                        try { window.VoiceEngine.recognition.start(); } catch(e){} 
                     }, 600);
                 }
             },
             terminate: () => {
-                AppState.isLiveModeEngaged = false;
+                window.AppState.isLiveModeEngaged = false;
                 document.getElementById('liveOverlay').classList.remove('active');
                 
-                // Halt audio if speaking during exit
-                if (VoiceEngine.currentAudioNode) {
-                    VoiceEngine.currentAudioNode.pause();
-                    VoiceEngine.currentAudioNode = null;
+                if (window.VoiceEngine.currentAudioNode) {
+                    window.VoiceEngine.currentAudioNode.pause();
+                    window.VoiceEngine.currentAudioNode = null;
                 }
-                
-                if (VoiceEngine.recognition) {
-                    try { VoiceEngine.recognition.stop(); } catch(e){}
+                if (window.VoiceEngine.recognition) {
+                    try { window.VoiceEngine.recognition.stop(); } catch(e){}
                 }
             }
         };
@@ -2800,7 +1267,7 @@
         /**
          * File & Attachment Processor
          */
-        const FileProcessor = {
+        window.FileProcessor = {
             triggerFileSelector: (type) => {
                 document.getElementById('attachDropdownMenu').classList.remove('visible');
                 document.getElementById('sys-inp-' + type).click();
@@ -2813,15 +1280,12 @@
                 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; }
+                if (typeContext === 'image' && !mime.startsWith('image/')) { window.Utils.showToast("Format Rejected."); inputElement.value=''; return; }
+                if (typeContext === 'video' && !mime.startsWith('video/')) { window.Utils.showToast("Format Rejected."); inputElement.value=''; return; }
+                if (typeContext === 'audio' && !mime.startsWith('audio/')) { window.Utils.showToast("Format Rejected."); inputElement.value=''; return; }
 
-                // Non-technical Toast Update
-                Utils.showToast("Uploading your file, please wait...");
+                window.Utils.showToast("Uploading your file, please wait...");
                 
-                // Prepare UI preview
                 const thumbImg = document.getElementById('previewImgThumb');
                 const docIcon = document.getElementById('previewDocIcon');
                 
@@ -2834,7 +1298,7 @@
 
                 if (typeContext === 'image') {
                     fileReader.onload = (e) => {
-                        AppState.pendingAttachment = { type: 'image', data: e.target.result.split(','), name: file.name };
+                        window.AppState.pendingAttachment = { type: 'image', data: e.target.result.split(','), name: file.name };
                         thumbImg.src = e.target.result;
                         thumbImg.style.display = 'flex';
                     };
@@ -2842,7 +1306,7 @@
                 } 
                 else if (typeContext === 'video' || typeContext === 'audio') {
                     fileReader.onload = (e) => {
-                        AppState.pendingAttachment = { type: typeContext, data: e.target.result.split(','), name: file.name };
+                        window.AppState.pendingAttachment = { type: typeContext, data: e.target.result.split(','), name: file.name };
                         docIcon.innerText = typeContext === 'video' ? '🎥' : '🎵';
                         docIcon.style.display = 'flex';
                     };
@@ -2863,11 +1327,11 @@
                                     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!");
+                                window.AppState.pendingAttachment = { type: 'text', data: extractedText.trim() || "No readable text found.", name: file.name };
+                                window.Utils.showToast("Your PDF is ready!");
                             } catch (e) {
-                                Utils.showToast("PDF parsing encountered an error.");
-                                FileProcessor.discardFile();
+                                window.Utils.showToast("PDF parsing encountered an error.");
+                                window.FileProcessor.discardFile();
                             }
                         };
                         fileReader.readAsArrayBuffer(file);
@@ -2877,30 +1341,28 @@
                             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!");
+                                window.AppState.pendingAttachment = { type: 'text', data: resultData.value.trim() || "No readable text found.", name: file.name };
+                                window.Utils.showToast("Your Word document is ready!");
                             } catch(e) {
-                                Utils.showToast("Document parsing encountered an error.");
-                                FileProcessor.discardFile();
+                                window.Utils.showToast("Document parsing encountered an error.");
+                                window.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!");
+                            window.AppState.pendingAttachment = { type: 'text', data: e.target.result, name: file.name };
+                            window.Utils.showToast("Your file is ready!");
                         };
                         fileReader.readAsText(file);
                     }
                 }
-                // Reset input for sequential identical uploads
                 inputElement.value = '';
             },
 
             discardFile: () => {
-                AppState.pendingAttachment = null;
+                window.AppState.pendingAttachment = null;
                 document.getElementById('filePreviewBar').classList.remove('visible');
             }
         };
@@ -2908,10 +1370,10 @@
         /**
          * Workspace Code Engine
          */
-        const WorkspaceEngine = {
+        window.WorkspaceEngine = {
             launch: (codeBlockId) => {
-                AppState.currentWorkspaceId = codeBlockId;
-                const codeData = AppState.generatedCodeBlocks[codeBlockId];
+                window.AppState.currentWorkspaceId = codeBlockId;
+                const codeData = window.AppState.generatedCodeBlocks[codeBlockId];
                 
                 document.getElementById('wsTitleText').innerText = codeData.lang ? `Generated ${codeData.lang.toUpperCase()}` : "Compiled Code";
                 const blockDisplay = document.getElementById('workspaceCodeBlock');
@@ -2931,34 +1393,40 @@
             },
 
             executeCopy: (btnElement) => {
-                if (AppState.currentWorkspaceId !== null) {
-                    const srcCode = AppState.generatedCodeBlocks[AppState.currentWorkspaceId].code;
-                    Utils.copyToClipboard(btnElement, srcCode);
+                if (window.AppState.currentWorkspaceId !== null) {
+                    const srcCode = window.AppState.generatedCodeBlocks[window.AppState.currentWorkspaceId].code;
+                    window.Utils.copyToClipboard(btnElement, srcCode);
                 }
             }
         };
 
-        // Customize Marked.js Renderer for Streaming UI & Workspace Cards
+        /**
+         * Marked.js Custom Renderer & Configuration 
+         */
         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 : (token.lang || '');
             
-            // Render beautiful loading box during stream
-            if (AppState.isStreamingActive) {
+            // Critical Syntax Fix for proper marked.js API integration avoiding crash 
+            const langClass = typeof token === 'string' 
+                ? (arguments.length > 1 ? arguments : '') 
+                : (token.lang || '');
+            
+            // STREAMING STATE GUARD
+            if (window.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>
+                    <pre><code class="language-${langClass}">${window.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 });
+            // MOUNT BUTTON ONLY WHEN COMPLETED
+            const internalId = window.AppState.generatedCodeBlocks.length;
+            window.AppState.generatedCodeBlocks.push({ code: rawCode, lang: langClass });
             
             return `
             <div class="workspace-execute-card">
@@ -2979,25 +1447,25 @@
         /**
          * Core Chat Processing Engine
          */
-        const ChatEngine = {
+        window.ChatEngine = {
             handleKeyboard: (e) => {
                 if (e.key === 'Enter' && !e.shiftKey) {
                     e.preventDefault();
-                    ChatEngine.initiateDispatch();
+                    window.ChatEngine.initiateDispatch();
                 }
             },
 
             sendExample: (queryText) => {
                 document.getElementById('mainChatInput').value = queryText;
-                ChatEngine.initiateDispatch();
+                window.ChatEngine.initiateDispatch();
             },
 
             clearMemory: async () => {
-                if (AppState.currentUser) {
-                    Utils.showToast("Purging neural link memory...");
+                if (window.AppState.currentUser) {
+                    window.Utils.showToast("Purging neural link memory...");
                     await fetch(Config.GAS_URL, { 
                         method: 'POST', 
-                        body: JSON.stringify({ action: "delete_history", email: AppState.currentUser }) 
+                        body: JSON.stringify({ action: "delete_history", email: window.AppState.currentUser }) 
                     });
                 }
                 location.reload();
@@ -3011,22 +1479,22 @@
                 try {
                     const response = await fetch(Config.GAS_URL, { 
                         method: 'POST', 
-                        body: JSON.stringify({ action: "get_history", email: AppState.currentUser }) 
+                        body: JSON.stringify({ action: "get_history", email: window.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 => {
+                        window.AppState.history = JSON.parse(resData.historyJSON);
+                        window.AppState.history.forEach(msgObj => {
                             if (msgObj.role === 'user') {
-                                ChatEngine.renderUserMessage(msgObj.content, msgObj.badge, msgObj.previewHTML);
+                                window.ChatEngine.renderUserMessage(msgObj.content, msgObj.badge, msgObj.previewHTML);
                             } else {
-                                AppState.isStreamingActive = false;
-                                ChatEngine.renderBotMessage(msgObj.content, true);
+                                window.AppState.isStreamingActive = false;
+                                window.ChatEngine.renderBotMessage(msgObj.content, true);
                             }
                         });
-                        setTimeout(UIManager.forceScrollDown, 150);
+                        setTimeout(window.UIManager.forceScrollDown, 150);
                     } else {
                         document.getElementById('welcomeState').style.display = 'flex';
                     }
@@ -3037,15 +1505,14 @@
             },
 
             saveHistoryToCloud: () => {
-                if (AppState.currentUser) {
+                if (window.AppState.currentUser) {
                     fetch(Config.GAS_URL, { 
                         method: 'POST', 
-                        body: JSON.stringify({ action: "save_history", email: AppState.currentUser, historyJSON: JSON.stringify(AppState.history) }) 
+                        body: JSON.stringify({ action: "save_history", email: window.AppState.currentUser, historyJSON: JSON.stringify(window.AppState.history) }) 
                     });
                 }
             },
 
-            // Creates visually appealing preview HTML for within the chat bubble
             buildPreviewHTML: (attachmentObj) => {
                 if (!attachmentObj) return '';
                 if (attachmentObj.type === 'image') {
@@ -3060,7 +1527,7 @@
             },
 
             renderUserMessage: (textContent, badgeText, previewHTMLString = '') => {
-                let badgeNode = badgeText ? `<div style="font-size:11px;font-weight:700;color:var(--brand-saffron);margin-bottom:6px;">${Utils.escapeHTML(badgeText)}</div>` : '';
+                let badgeNode = badgeText ? `<div style="font-size:11px;font-weight:700;color:var(--brand-saffron);margin-bottom:6px;">${window.Utils.escapeHTML(badgeText)}</div>` : '';
                 const bubbleBox = document.createElement('div');
                 bubbleBox.className = 'chat-message-row user-msg';
                 bubbleBox.innerHTML = `
@@ -3069,7 +1536,7 @@
                         ${badgeNode}
                         <div class="chat-bubble">
                             ${previewHTMLString}
-                            ${Utils.escapeHTML(textContent)}
+                            ${window.Utils.escapeHTML(textContent)}
                         </div>
                     </div>`;
                 document.getElementById('msgs').appendChild(bubbleBox);
@@ -3084,13 +1551,12 @@
                         <div class="chat-bubble"></div>
                     </div>`;
                 document.getElementById('msgs').appendChild(bubbleBox);
-                ChatEngine.updateBotBubble(bubbleBox, textContent, !bypassStreamFormatting);
+                window.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());
@@ -3101,7 +1567,6 @@
                 
                 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, '');
@@ -3123,29 +1588,27 @@
             },
 
             initiateDispatch: async () => {
-                if (AppState.isProcessing) return;
+                if (window.AppState.isProcessing) return;
                 
                 const inputField = document.getElementById('mainChatInput');
                 const rawUserText = inputField.value.trim();
                 
-                if (!rawUserText && !AppState.pendingAttachment) return;
+                if (!rawUserText && !window.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.");
+                if (!window.AppState.currentUser) {
+                    if (window.AppState.guestCount >= 3) {
+                        window.AuthManager.openModal();
+                        return window.Utils.showToast("Unregistered query limit reached. Secure Login required.");
                     }
-                    AppState.guestCount++;
-                    localStorage.setItem('arjun_guest', AppState.guestCount.toString());
-                    document.getElementById('guestCountDisplay').innerText = AppState.guestCount;
+                    window.AppState.guestCount++;
+                    localStorage.setItem('arjun_guest', window.AppState.guestCount.toString());
+                    document.getElementById('guestCountDisplay').innerText = window.AppState.guestCount;
                 }
 
-                // UI Cleanup prior to dispatch
                 inputField.value = '';
                 inputField.style.height = 'auto';
                 document.getElementById('masterSendBtn').disabled = true;
-                AppState.isProcessing = true;
+                window.AppState.isProcessing = true;
                 
                 const wState = document.getElementById('welcomeState');
                 if (wState) wState.style.display = 'none';
@@ -3155,49 +1618,37 @@
                 let visualBadge = null;
                 let previewHTMLForChat = '';
 
-                // Handle Pending Document/Media Logic
-                if (AppState.pendingAttachment) {
-                    previewHTMLForChat = ChatEngine.buildPreviewHTML(AppState.pendingAttachment);
+                if (window.AppState.pendingAttachment) {
+                    previewHTMLForChat = window.ChatEngine.buildPreviewHTML(window.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}`;
+                    if (window.AppState.pendingAttachment.type === 'text') {
+                        payloadStr = `[Document Analyzed: ${window.AppState.pendingAttachment.name}]\n\n---DATA BEGIN---\n${window.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 
+                            type: window.AppState.pendingAttachment.type, 
+                            data: window.AppState.pendingAttachment.data, 
+                            name: window.AppState.pendingAttachment.name 
                         });
                         const icoMap = { 'video': '🎥 ', 'audio': '🎵 ', 'image': '🖼️ ' };
-                        visualBadge = (icoMap[AppState.pendingAttachment.type] || '📎 ') + "Media Appended";
+                        visualBadge = (icoMap[window.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 
-                    });
+                    window.ChatEngine.renderUserMessage(rawUserText || '[Transmitting Media Context]', visualBadge, previewHTMLForChat);
+                    window.AppState.history.push({ role: 'user', content: payloadStr, badge: visualBadge, previewHTML: previewHTMLForChat });
                 } else {
-                    ChatEngine.renderUserMessage(rawUserText, null, '');
-                    AppState.history.push({ role: 'user', content: rawUserText });
+                    window.ChatEngine.renderUserMessage(rawUserText, null, '');
+                    window.AppState.history.push({ role: 'user', content: rawUserText });
                 }
                 
-                FileProcessor.discardFile();
-                ChatEngine.saveHistoryToCloud();
+                window.FileProcessor.discardFile();
+                window.ChatEngine.saveHistoryToCloud();
 
-                // Create Empty Bot Bubble for streaming
-                const activeBotBubble = ChatEngine.renderBotMessage('', false);
-                UIManager.forceScrollDown();
+                const activeBotBubble = window.ChatEngine.renderBotMessage('', false);
+                window.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.
@@ -3210,24 +1661,22 @@
                 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.`;
+                if (window.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 }));
+                // SECURE PAYLOAD PREP - Fixes HuggingFace crash by strictly formatting history array 
+                const secureHistory = window.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 ? 150 : 4096, 
+                    max_tokens: window.AppState.isLiveModeEngaged ? 150 : 4096, 
                     temperature: 0.75
                 };
 
-                // Network Transmission Logic
                 try {
                     const fetchOp = await fetch('/api/chat', { 
                         method: 'POST', 
@@ -3241,7 +1690,7 @@
                     const textDecoder = new TextDecoder();
                     let responseBuffer = "";
                     
-                    AppState.isStreamingActive = true; 
+                    window.AppState.isStreamingActive = true; 
                     
                     while (true) {
                         const { done, value } = await networkReader.read();
@@ -3257,46 +1706,72 @@
                                 
                                 try {
                                     const jsonSegment = JSON.parse(parseableStr);
-                                    if (jsonSegment.choices && jsonSegment.choices.delta.content) {
+                                    
+                                    // CRITICAL BUG FIX: Correct array targeting (choices) prevents silent crash during stream iteration
+                                    if (jsonSegment.choices && jsonSegment.choices.length > 0 && jsonSegment.choices.delta && jsonSegment.choices.delta.content) {
                                         responseBuffer += jsonSegment.choices.delta.content;
-                                        ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, true);
-                                        UIManager.autoScroll();
+                                        window.ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, true);
+                                        window.UIManager.autoScroll();
                                     }
-                                } catch (e) { /* Segment fragmentation caught silently */ }
+                                } catch (e) { 
+                                    // Silently catch fragmented packets 
+                                }
                             }
                         }
                     }
                     
-                    AppState.isStreamingActive = false; 
-                    ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, false);
-                    AppState.history.push({ role: 'bot', content: responseBuffer });
-                    ChatEngine.saveHistoryToCloud();
+                    window.AppState.isStreamingActive = false; 
+                    window.ChatEngine.updateBotBubble(activeBotBubble, responseBuffer, false);
+                    window.AppState.history.push({ role: 'bot', content: responseBuffer });
+                    window.ChatEngine.saveHistoryToCloud();
                     
-                    if (AppState.isLiveModeEngaged) {
+                    if (window.AppState.isLiveModeEngaged) {
                         document.getElementById('liveStatusText').innerText = "Synthesizing Audio...";
-                        // Wait for TTS to finish speaking entirely
-                        await VoiceEngine.executeTTS(responseBuffer);
+                        await window.VoiceEngine.executeTTS(responseBuffer);
                     }
                     
                 } catch(error) { 
-                    AppState.isStreamingActive = false; 
-                    ChatEngine.updateBotBubble(activeBotBubble, `**System Error:** Communication array offline. Verification needed.`, false); 
-                    if (AppState.isLiveModeEngaged) {
+                    console.error(error);
+                    window.AppState.isStreamingActive = false; 
+                    window.ChatEngine.updateBotBubble(activeBotBubble, `**System Error:** Communication array offline. Verification needed.`, false); 
+                    if (window.AppState.isLiveModeEngaged) {
                         document.getElementById('liveStatusText').innerText = "Neural Link Severed.";
                     }
                 }
                 
-                AppState.isProcessing = false; 
+                window.AppState.isProcessing = false; 
                 document.getElementById('masterSendBtn').disabled = false; 
-                UIManager.autoScroll();
+                window.UIManager.autoScroll();
             }
         };
 
-        // Bootstrap Core
+        // Bootstrap the System
         window.ApplicationCore = {
             launchSystem: startArjunApp
         };
 
+        // Start initialization process automatically upon module mount completion
+        function startArjunApp() {
+            const overlay = document.getElementById('welcomeOverlay');
+            if(overlay) {
+                overlay.classList.add('hidden');
+                localStorage.setItem('arjun_welcome_seen', 'true');
+                setTimeout(() => { overlay.style.display = 'none'; }, 400);
+            }
+        }
+        
+        // Final Document Ready Catch to ensure bindings
+        document.addEventListener('DOMContentLoaded', () => {
+            window.AuthManager.initUI();
+            if(window.AppState.currentUser) {
+                window.ChatEngine.syncHistoryFromCloud();
+            } else {
+                const guestBadge = document.getElementById('guestBadge');
+                if(guestBadge) guestBadge.style.display = 'inline-flex';
+                const guestDisplay = document.getElementById('guestCountDisplay');
+                if(guestDisplay) guestDisplay.innerText = window.AppState.guestCount;
+            }
+        });
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
