Build a Presentation Timer with AI

Build a static HTML presentation timer tool. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #6366f1 (indigo). All data in localStorage. Setup screen: total presentation time (minutes), add sections with names and allocated time (e.g., "Introduction 2min", "Main Points 5min", "Conclusion 2min", "Q&A 3min"). Preset templates: 5-min pitch, 10-min class presentation, 15-min conference talk, custom. Timer screen: large countdown display (minutes:seconds), current section name and section time remaining, overall progress bar, section progress indicators (dots/segments showing completed/current/upcoming). Color transitions: green (>50% time left), yellow (25-50%), red (<25%), flashing red (overtime). Section transition: subtle pulse animation and section name change. Pause/Resume and Reset buttons. Post-practice summary: each section with allocated vs actual time, over/under indicator, total time, "Pacing Score" (how close to target). Full-screen mode toggle for projector use. Save practice history to localStorage. SEO: title, meta description, OG tags. 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].

Add presentation templates for: TED Talk (18 min), thesis defense (20 min), elevator pitch (1 min), and debate round (5 min). Include recommended section breakdowns and pacing tips for each format. Redeploy.