Build a Token Unlock Calendar with AI

Build a token unlock calendar as a static HTML/CSS/JS site. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #f7931a. All data loaded from inline constants — no API calls. Define `const TOKENS = [{ id, name, ticker, logo (emoji), chain, currentPriceUsd, circulatingSupply, totalSupply, fullyDilutedValuation, category ("L1"|"L2"|"DeFi"|"GameFi"|"Infrastructure"|"AI") }]` covering 15 projects: ARB, OP, SUI, APT, SEI, STRK, ZK, PYTH, JUP, W, EIGEN, ENA, MKR, LDO, and one AI token. Define `const UNLOCKS = [{ id, tokenId, unlockDate (ISO string), amountTokens, amountUsd, percentOfCirculating, percentOfTotal, beneficiaryType ("Team"|"Investors"|"Foundation"|"Ecosystem"|"Airdrop"|"Community"), cliff (bool), vestingMonths, notes, pastPriceImpact ("+2.1% day after unlock" or null) }]` with 40+ unlock events spanning the next 12 months. Group multiple unlock events on same date for same project into one entry. Define `const HISTORICAL_UNLOCKS = [{ tokenId, date, beneficiaryType, amountUsd, priceChangeDay (percent), priceChange7d (percent) }]` with 20 past unlock events to power the price correlation table. Layout: Header "UnlockWatch" with current date display, total USD value unlocking "this month" counter, and "Next 7 days" value counter (both in #f7931a). Navigation tabs: Calendar View | List View | Analytics. Calendar View: Monthly grid calendar where each day cell shows unlock event dots (color-coded by beneficiaryType) and total USD value if unlocks exist. Click day to expand panel below calendar showing all unlock events for that day. Include month navigation arrows. List View: Chronological table with columns — Date, Token (logo + name + ticker), Beneficiary Type badge, Amount (tokens + USD), % of Circulating Supply, Cliff/Vesting info, Past Impact badge (green/red if historical data exists), and countdown ("In X days"). Filter bar: token filter, beneficiary type filter, min USD value slider, chain filter. Sort by: Date, USD Value, % of Circulating. Analytics tab: Three charts using SVG — (1) Bar chart: USD value of unlocks by month for next 12 months. (2) Donut: breakdown by beneficiary type. (3) Scatter plot: x=percent of circulating unlocked, y=price change day-of, plotted from HISTORICAL_UNLOCKS — draw SVG circles with token ticker labels. "High Impact Unlocks" alert section: Highlight upcoming unlocks where percentOfCirculating > 5% with a red warning badge and estimated sell pressure note. Countdown timers: Each unlock event shows a live JS countdown (days:hours:minutes) using `setInterval` and `const BASE_DATE = new Date('2026-02-28')` as current reference. SEO: title, meta description, OG tags, JSON-LD Event schema for each unlock within the next 30 days. 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].

Update my token unlock calendar with the following changes: [describe — e.g., "Add unlock event: ARB Team unlock on 2026-04-01, 75M tokens, $97.5M at $1.30 current price, 8% of circulating", "Update JUP current price to $0.95", "Add historical unlock: OP Foundation unlock on 2025-11-15 caused -4.2% day-of, -1.8% week after", "Add new token: KAITO, AI category, current price $2.10, 180M circulating", "Mark the STRK unlock on 2026-03-10 as high impact"]. Update TOKENS, UNLOCKS, and HISTORICAL_UNLOCKS then redeploy.