Blob Tree Template -

h1 font-size: 2.3rem; font-weight: 700; margin: 0 0 0.25rem 0; color: #4b2e1a; letter-spacing: -0.5px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: space-between;

/* selected highlight */ .blob-item.selected .blob-svg filter: drop-shadow(0 0 0 3px #ffaa44) drop-shadow(0 8px 18px rgba(0,0,0,0.2)); transform: scale(1.02); blob tree template

// branch display mapping (order + titles) const branchConfig = [ key: "canopy", label: "🌿 CANOPY · high energy & visibility" , key: "middle-left", label: "🌘 LEFT MID · inner tension & quietness" , key: "middle-right", label: "☀️ RIGHT MID · expressive & reactive" , key: "lower-ground", label: "🍂 LOWER · withdrawn, grounded or tired" , key: "top-solo", label: "✨ TOP · spotlight / leadership" ]; h1 font-size: 2

.emotion-note margin-top: 16px; color: #6a3e1a; font-style: italic; border-left: 3px solid #ffb358; padding-left: 20px; h1 font-size: 2.3rem

body font-family: 'Segoe UI', 'Quicksand', system-ui, -apple-system, 'Helvetica Neue', sans-serif; background: linear-gradient(145deg, #f9f3e6 0%, #fff0e0 100%); margin: 0; min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px;