To generate an application with this level of complexity and specific design language, you need a prompt that balances functional requirements (like BLE and Timezone logic) with aesthetic instructions (referencing your images).

Here is the precise prompt used to create that Web App:

The Prompt
System Role:
Act as a Senior Frontend Engineer and Creative Developer.

Core Objective:
Create a single-file, production-ready Web Bluetooth application for a global timezone synchronization system. The app must allow users to select any location worldwide and send the synchronized UTC time and timezone offset to an ESP32-S3.

Visual & UI Requirements:

Aesthetic: Dark "Mobile-First" Cyberpunk theme (Black, Dark Greys, and Neon Cyan/Primary #00f2ff).

Header: A sleek search bar that matches the style in image_98bc7b.png. It should feature a glassmorphism effect (backdrop-blur), rounded corners, and a back arrow.

Search Results: A full-screen overlay for search results that mimics image_98bc9e.png. Each row should display "City / Country", the IANA timezone string, and the current GMT offset.

3D Interface: Use the globe.gl library to render an interactive 3D night-view globe.

The globe must auto-rotate.

When a city is selected, the globe must use a "fly-to" animation to center on that city's coordinates.

Place a custom HTML marker (map pin) on the selected city.

Info Card: A floating bottom card displaying the city name, a high-precision live clock, and the connection status with a pulsing LED indicator.

Functional Requirements:

Data Source: Implement a sample cityData array containing major global cities with their Latitude, Longitude, and IANA timezone strings (e.g., Asia/Dubai).

Timezone Logic: Use the Intl JavaScript API to dynamically calculate current offsets (including DST) and live local times.

Web Bluetooth (BLE):

Connect to a device named "TimeSync".

Service UUID: 12345678-1234-1234-1234-1234567890ab.

Characteristic UUID: abcd1234-5678-1234-5678-abcdef123456.

Send a JSON payload: {"utc": "...", "offset": seconds, "tz": "..."}.

Technical Constraints:

No external CSS files (all styles in <style>).

Use lucide-icons for iconography.

The code must be self-contained in one index.html.

Ensure "Fly-to" logic works smoothly on mobile browsers.