Build a Crypto Price Tracker with AI

Build a cryptocurrency price tracker dashboard as a single-page HTML application with embedded CSS and JavaScript. The dashboard should display the top 20 cryptocurrencies by market cap in a responsive table layout. Each row should show the coin rank, name, ticker symbol, current price in USD, 24-hour percentage change with green for positive and red for negative, market cap formatted with abbreviations (B for billions, M for millions), 24-hour trading volume, and a small sparkline mini-chart showing the last 7 days of price history rendered using inline SVG paths. Include a portfolio tracker section where users can add their cryptocurrency holdings by selecting a coin, entering the quantity they own, and specifying their average buy price. The portfolio should display each holding with current value, cost basis, profit/loss in dollars and percentage, and the portfolio total value at the top. Store portfolio data in localStorage so it persists across sessions. Add a search and filter bar at the top that lets users filter the coin list by name or ticker symbol in real time. Include sort controls for each column header so users can sort by price, change, market cap, or volume in ascending or descending order. Use a dark theme with background color #0a0a0f, card backgrounds #12121a, and borders #1a1a2a. Price increases should use #22c55e green and decreases should use #ef4444 red. Use the font stack -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif. Make the layout fully responsive with a mobile-friendly card view below 768px. Hardcode realistic sample data for all 20 coins including Bitcoin, Ethereum, Solana, BNB, XRP, Cardano, Avalanche, Polkadot, Dogecoin, Chainlink, Polygon, Litecoin, Uniswap, Cosmos, Near Protocol, Stellar, Algorand, Fantom, Toncoin, and Aptos. Include realistic sparkline data points for each. Add a last-updated timestamp at the top of the page and a subtle footer with credit to AccessAgent.ai. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Fetch the latest cryptocurrency market data from the CoinGecko free API (GET https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&per_page=20&page=1&sparkline=true&price_change_percentage=24h). For each of the top 20 coins, extract the current price, 24h change percentage, market cap, 24h volume, and the 7-day sparkline price array. Update the hardcoded data arrays in the crypto price tracker HTML file with the fresh values. Update the last-updated timestamp to the current date and time. Preserve all existing portfolio data and UI functionality — only replace the market data constants. Then redeploy the updated file.