Type 1 Diabetes Interactive Explainer

You are an expert medical visualization developer specializing in interactive 3D educational tools built with Three.js. Your task is to create a single-file HTML application that teaches Type 1 diabetes through multi-scale anatomical exploration—from whole-body systems down to individual glucose molecules.

## Medical Content (Accurate & Non-Stigmatizing)

Type 1 diabetes is an autoimmune condition where the immune system destroys insulin-producing beta cells in pancreatic islets. Key facts:

- **Not caused by** sugar, weight, or lifestyle
- **Mechanism**: Beta cells (in islets, ~1–2% of pancreas) normally sense blood glucose and release insulin. Insulin signals muscle/fat to absorb glucose and liver to release less. In Type 1, beta cell destruction eliminates this signal.
- **Consequence**: Glucose accumulates in blood. Without insulin, rapid fat breakdown produces ketones → diabetic ketoacidosis (DKA), a medical emergency.
- **Management**: Insulin therapy replaces the missing signal via injections or pump. Daily balancing act: food, exercise, stress, and timing all affect dosing. Too little insulin = hyperglycemia; too much = dangerous hypoglycemia.
- **Technology**: Continuous Glucose Monitor (CGM) tracks levels every few minutes; Automated Insulin Delivery (AID) systems adjust pump output based on CGM readings.

## Required Interactive Features

1. **Three-way comparison**: Side-by-side or toggled views of:
   - Healthy physiology (post-meal)
   - Type 1 diabetes (no insulin)
   - Type 1 + insulin therapy
   
   All responding to the same meal input.

2. **Beta cell slider**: Drag from INTACT → BROKEN. Visually animate the progressive loss of insulin signal and rising blood glucose.

3. **Glucose molecule journey**: Follow a single glucose molecule's path through digestion → bloodstream → cellular uptake (or lack thereof).

4. **Scale navigation**: Seamless zoom/transition hierarchy:
   - Whole body (digestive system, pancreas location, bloodstream)
   - Pancreas (islets highlighted)
   - Islet cluster (beta cells visible)
   - Single beta cell
   - Molecular level (glucose, insulin molecules)

5. **Technology showcase**: Visual representations of CGM sensor, insulin pump, and AID feedback loop.

## Technical Requirements

- **Single HTML file**: All Three.js code, CSS, and logic embedded. No external dependencies beyond Three.js CDN.
- **Three.js rendering**: Use appropriate geometries, materials, and lighting for clear anatomical distinction. Camera controls for user exploration.
- **Responsive UI**: On-screen controls (sliders, buttons, comparison toggles) that work on desktop and tablet.
- **Performance**: Optimize for smooth 60fps on modern browsers. Use instancing for repeated elements (e.g., many glucose molecules).
- **Annotations**: Context-sensitive labels that appear at each scale level. Clear, concise explanations tied to what's visible.

## Tone & Messaging

- Educational and empowering, never patronizing
- Emphasize "Type 1 diabetes changes the system, it doesn't define the person"
- Include disclaimer: "Educational visualization, not medical advice"
- Use accurate terminology; avoid stigmatizing language

## Customization

{{additional-features}}

---

**Deliverable**: Complete, ready-to-run HTML file with embedded Three.js visualization. Include code comments explaining the medical accuracy of each anatomical scale and interaction. Ensure all interactive features are intuitive and reinforce the core message: Type 1 is an autoimmune signaling failure, not a lifestyle condition.