e.key === 'Escape' && onClose()} role="presentation" aria-label="Modal backdrop. Click to close or press Escape." >
e.stopPropagation()} role="dialog" aria-modal="true" aria-labelledby="modal-title" aria-describedby="modal-description" style="--node-color: {categoryColorHex[node.category]}" >

{#if node.icon} {/if} {node.label}

{node.category}
{#if node.category === 'origin'} {#if node.jobTitle}
{node.jobTitle}
{/if} {#if node.location}
📍 {node.location}
{/if} {#if node.aboutMe}

{node.aboutMe}

{/if} {#if node.email || node.linkedIn || node.github || node.website}
{#if node.email} ✉️ Email {/if} {#if node.linkedIn} 💼 LinkedIn {/if} {#if node.github} 💻 GitHub {/if} {#if node.website} 🌐 Website {/if}
{#if node.resumeUrl} 📄 Download Resume {/if} {/if} {/if} {#if node.category === 'experience' && node.company}
{node.company} {#if node.startDate} {node.startDate} — {node.endDate || 'Present'} {/if}
{/if} {#if node.category === 'education' && node.institution}
{node.institution} {#if node.degree} {node.degree} in {node.field || 'N/A'} {/if} {#if node.graduationYear} Graduated {node.graduationYear} {/if}
{/if} {#if node.category === 'skills' && node.proficiency}
{node.proficiency} {#if node.yearsOfExperience} {node.yearsOfExperience} years experience {/if}
{/if} {#if node.category !== 'origin'}

{node.description}

{/if} {#if node.category === 'experience' && node.highlights && node.highlights.length > 0}
    {#each node.highlights as highlight (highlight)}
  • {highlight}
  • {/each}
{/if} {#if node.category === 'projects' && node.techStack && node.techStack.length > 0}
{#each node.techStack as tech (tech)} {tech} {/each}
{/if} {#if node.category === 'projects' && node.status}
{node.status}
{/if} {#if node.category === 'projects' && (node.projectUrl || node.repoUrl || node.pypiUrl || node.npmUrl)}
{#if node.projectUrl} 🔗 Live Site {/if} {#if node.repoUrl} 💻 Repository {/if} {#if node.pypiUrl} 📦 PyPI {/if} {#if node.npmUrl} 📦 npm {/if}
{/if}