Build a Chemical Solution Calculator with AI

Build a static HTML chemical solution calculator. Dark theme: background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent #0891b2. Implement five calculator tabs: 1. Molarity: inputs for mass (g), molar mass (g/mol), volume (L). Outputs moles, molarity (M), and a step-by-step preparation protocol ("Weigh X g, dissolve in ~80% final volume, adjust to final volume"). 2. Dilution (C1V1=C2V2): inputs for C1, V1, C2 (or V2). Compute the missing variable. Show the formula and explain which volume to transfer. 3. pH Calculator: strong acid/base (enter concentration → compute pH = -log[H⁺] or 14+log[OH⁻]). Weak acid/base with Ka/Kb input using quadratic approximation. Show [H⁺], [OH⁻], pOH, and an indicator color strip (red→violet spectrum) matching the pH value. 4. Buffer (Henderson-Hasselbalch): inputs for pKa, ratio of [A⁻]/[HA]. Compute pH. Reverse mode: input target pH + pKa → output required ratio. Include a preloaded dropdown of 10 common buffers (PBS, HEPES, Tris, acetate, citrate, etc.) with their pKa values. 5. Concentration Converter: convert between mol/L, mmol/L, g/L, mg/mL, %, ppm, ppb with molar mass input. Each calculator shows a "Preparation Instructions" card with numbered lab steps in plain English. Validation: reject negative concentrations, volumes ≤ 0, and molar masses ≤ 0 with red error messages. SEO: title "Chemical Solution Calculator — Molarity, pH, Dilution, Buffers", JSON-LD SoftwareApplication schema. 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 a Stoichiometry tab: user enters a balanced equation (e.g., "2H2 + O2 → 2H2O"), selects a known reactant mass, and the calculator outputs masses and moles of all other species. Include limiting reagent detection and percent yield calculation. Redeploy.