✨ What Kind of Trans Girl Archetype Are You? ✨

Welcome to the ultimate, highly nuanced, Kawaii Pastel Cyberpunk personality quiz!

Discover your true digital sanctuary placement across our 5 dynamic spectrum axes. Whether you're a terminal-dwelling Code Witch, an herbalist Cottagecore Alchemist, or a totally unpredictable Chaos Gremlin—this engine has the math to prove it.

🌟 Features

• Deep Likert Scale System: 450 highly diverse, randomized, first-person statement questions measured on a 5-point Likert scale (Disagree to Agree).
• Dynamic Checkpoint Loop: Play a quick 10-question Express Run, a 30-question Deep Scan, or keep drilling down in chunks of +20 questions indefinitely for hyper-accurate results!
• Nuanced 5-Axis Math: Scores are mapped perfectly across five unique variables to calculate exact euclidean distances to base archetypes.
• Custom Hybrid Archetypes: Not quite one or the other? If your top two archetypes are within 10% of each other, the engine combines them into one of 28 custom hybrid titles (e.g., Digital Necromancer, Mosh Pit Queen, Victorian Botanist).
• Beautiful Visuals: Glassmorphic UI, smooth micro-animations, a Y2K moving starfield background, and a dynamic Chart.js radar graph of your spectrum.
• Downloadable Result Cards: Instantly export a clean PNG share card of your results using html2canvas!

🔮 The Archetypes

Our base archetypes include:

1. Code Witch 🧙‍♀️ - She compiles spells and runs them at midnight.
2. Cottagecore Alchemist 🌿 - She tends her garden and distills moonlight into tinctures.
3. Chaos Gremlin 😈 - She found the bug. She IS the bug.
4. Gothic Poet 🖤 - She writes in velvet-dark ink and feels everything twice.
5. Pop Idol ✨ - She lights up every room she enters, on purpose.
6. Cyberpunk Hacker ⚡ - She decrypts the system while the system tries to decrypt her.
7. Roller Derby Enforcer 🛼 - She skates hard, loves harder, and takes no prisoners.
8. Academic Theorist 📚 - She wrote a 40-page essay about why she wrote that essay.

🚀 How to Run Locally

Because this application dynamically loads a massive JSON database (data/questions.json) via the fetch() API, opening index.html directly in your browser from the file system will result in a CORS error.

To run the quiz locally, you must serve it using a local web server.

Option 1: VSCode (Recommended)

1. Open the project folder in VSCode.
2. Install the Live Server extension.
3. Click "Go Live" in the bottom right corner of the editor.

Option 2: Python

If you have Python installed, open your terminal in the project directory and run:

python -m http.server 8000

Then navigate to http://localhost:8000 in your web browser.

Option 3: Node.js

If you have Node.js installed, open your terminal in the project directory and run:

npx serve .

Then navigate to the URL provided in your terminal (usually http://localhost:3000).

🛠️ Tech Stack

• HTML5 / Vanilla CSS3: Neumorphic, responsive layout.
• Vanilla JavaScript: State management, fetching, distance-calculation logic.
• Chart.js: Dynamic radar chart generation.
• html2canvas: Image capturing and exporting.

📜 License

This project is licensed under the MIT License.